@charset "utf-8"; 
/* CSS Document */

/*─────────────────────

	◌ File Name:style.css
	◌ Description:style settings for all pages
	◌ Last Update:03/27/24

─────────────────────*/




@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}





body{ margin-top:106px; position:relative; }
body.noMenu{ margin-top:0; }
body.mouseHover .circle{ display:flex; justify-content:center; align-items:center; width:170px; height:170px; background:rgba(0, 0, 0, 0.8); border-radius:50%; position:absolute; transform:scale(0); transition:transform .3s ease; z-index:10; pointer-events:none; }
body.mouseHover .circle p{ color:#fff; font-size:24px; font-weight:600; }
body.mouseHover .circle p.slide{ position:relative; }
body.mouseHover .circle p.slide:before{ content:''; width:70px; height:25px; background:url('../img/slide_arrow.svg') no-repeat center center; background-size:contain; position:absolute; top:50%; left:50%; transform:translate(-50%,-200%); opacity:.5; }
body.mouseHover .circle p.slide:after{ content:''; width:70px; height:25px; background:url('../img/slide_arrow.svg') no-repeat center center; background-size:contain; position:absolute; top:50%; left:50%; transform:translate(-50%,130%) rotate(180deg); opacity:.5; }
body.mouseHover .mouseHE{ cursor:none; }



#sitemap{ display:none; }



.header-wrapper{ width:100%; height:106px; background:#fff; position:fixed; top:0; z-index:9999; transition:opacity .3s ease; }
body.header-is .header-wrapper{ animation:header-is .3s forwards; }
@keyframes header-is{
	0%{ opacity:1; display:block; }
	100%{ opacity:1; display:block; }

}
body.header-fix .header-wrapper{ animation:header-fix .3s forwards; }
@keyframes header-fix{
	0%{ opacity:0; display:none; }
	100%{ opacity:1; display:block; }

}
body.header-none .header-wrapper{ animation:header-none .3s forwards; }
@keyframes header-none{
	0%{ opacity:1; display:block; }
	100%{ opacity:0; display:none; }

}
header{ width:100%; /*height:106px; background:rgba(255, 255, 255, .8); backdrop-filter:blur(10px); background:#fff; position:fixed; top:0;*/ z-index:2; }
body.header-fix header{ border-bottom:1px solid #ddd; }
header .header_inner{ display:flex; justify-content:space-between; align-items:center; width:96%; height:106px; margin:0 auto; }
header .header_inner .logo{ width:200px; }
header .header_inner nav{ /*width:calc(100% - 200px - 305px);*/ max-width:900px; }
header .header_inner nav > ul{ display:flex; justify-content:space-between; font-size:16px; font-weight:700; }
header .header_inner nav > ul > li{ width:max-content; padding:0; position:relative; transition:background .2s ease; }
header .header_inner nav > ul > li > a{ width:100%; height:106px; text-align:center; padding:40px; position:relative; }
header .header_inner nav > ul > li > a:before{ content:''; width:0%; height:2px; background:#fff; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); }
header .header_inner nav > ul > li:hover{ background:#232323; }
/*header .header_inner nav > ul > li:hover > a{ border-bottom:1px solid rgba(255, 255, 255, .8); }*/
header .header_inner nav > ul > li:hover > a:before{ width:70%; transition:width .3s ease; }
header .header_inner nav > ul > li:hover *{ color:#fff; transition:color .3s ease; }
header .header_inner nav > ul > li.active{ color:#43a1da; }
header .header_inner nav ul li{ position:relative; }
header .header_inner nav ul li ul{ width:100%; height:270px; color:#232323; font-size:14px; font-weight:500; background:#fff; border-top:1px solid #ddd; padding:10px 0; position:absolute; top:106px; left:50%; transform:translateX(-50%); transition:background .3s ease; }
.public-info header .header_inner nav ul li ul{ height:191px; }
header .header_inner nav ul li ul li{ text-align:center; margin:25px 0; }
header .header_inner nav ul li:hover ul{ background:#232323; }
header .header_inner nav ul li:hover ul li{ transition:opacity .3s ease; }
header .header_inner nav ul li:hover ul li:not(:hover){ opacity:.5; }
header .gnb{ display:flex; justify-content:space-between; align-items:center; }
header .gnb ul{ display:flex; font-size:14px; }
header .gnb ul{ color:#787878; font-size:14px; margin-right:20px; }
header .gnb ul li{ margin:0 20px; position:relative; }
header .gnb ul li:before{ content:''; width:1px; height:12px; background:#919191; position:absolute; top:50%; transform:translateY(-50%); }
header .gnb ul li:nth-child(1):before{ right:-20.5px; }
header .gnb ul li:nth-child(2):before{ left:-20.5px; }
header .lang_select{ height:36px; font-size:14px; border-radius:50px; }
header .lang_select dl{ text-align:center; }
header .lang_select dl dt{ color:#fff; font-weight:400; background:url('../img/icon_lang.svg') no-repeat center left 18px #232323; background-size:14px; border-radius:50px; padding:8px 23px 8px 42px; cursor:pointer; }
header .lang_select dl dd{ display:none; color:#fff; font-weight:400; background:#232323; border-radius:50px; margin-top:2px; }
header .lang_select dl dd a{ display:block; width:100%; height:100%; padding:8px 23px 8px 23px; }
header .sitemap{ display:none; width:32px; height:20px; margin-left:20px; position:relative; }
header .sitemap:before{ content:''; width:100%; height:2px; background:#232323; position:absolute; top:50%; left:0; transform:translateY(-50%); opacity:1; transition:opacity .3s ease .4s; }
header .sitemap a{ width:100%; height:100%; position:absolute; top:0; left:0; }
header .sitemap a:before{ content:''; width:100%; height:2px; background:#232323; position:absolute; top:0; left:0; transform:rotate(0); transition:top .3s ease .4s, transform .3s ease; }
header .sitemap a:after{ content:''; width:100%; height:2px; background:#232323; position:absolute; bottom:0; left:0; transform:rotate(0); transition:bottom .3s ease .4s, transform .3s ease; }
.noMenu header{ display:flex; justify-content:space-between; align-items:center; width:96%; height:auto; margin:30px auto; position:relative; z-index:999; }
.noMenu header .logo{ width:200px; }
.noMenu header .logo a{ display:block; }
.noMenu header .logo img{ width:100%; }
.noMenu header .lang_select{ font-size:14px; border-radius:50px; }
.noMenu header .lang_select dl{ text-align:center; }
.noMenu header .lang_select dl dt{ color:#fff; font-weight:400; background:url('../img/icon_lang.svg') no-repeat center left 18px #232323; background-size:14px; border-radius:50px; padding:8px 23px 10px 42px; cursor:pointer; }
.noMenu header .lang_select dl dd{ display:none; color:#fff; font-weight:400; background:#232323; border-radius:50px; margin-top:2px; }
.noMenu header .lang_select dl dd a{ display:block; width:100%; height:100%; padding:8px 23px 8px 23px; }

/*.sitemap{ width:20px; height:20px; position:relative; }
.sitemap:before{ content:''; width:100%; height:2px; background:#232323; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.sitemap a{ position:relative; }
.sitemap a:before{ content:''; width:100%; height:2px; background:#232323; position:absolute; top:0; left:0; }
.sitemap a:after{ content:''; width:100%; height:2px; background:#232323; position:absolute; bottom:0; left:0; }*/

.header_bg{ width:100%; height:270px; /*background:rgba(255, 255, 255, .8); backdrop-filter:blur(10px);*/ background:#fff; border-top:1px solid #ddd; /*position:fixed; top:106px; left:0;*/ box-shadow:0 20px 20px rgba(0, 0, 0, .1); z-index:1; }
.public-info .header_bg{ height:191px; }
body.header-fix .header_bg{ border-top:none; }


.fancybox-content{ width:96%; max-width:1200px !important; }
.fancy-customWidth .fancybox-content{ max-width:700px !important; height:auto; }

.nd-notice{ color:#787878; font-size:12px; text-align:center; margin-top:5px; }

body.user-info{ padding:50px; margin-top:0; }
.user-info .profile-popup .popup-header{ font-size:32px; font-weight:600; text-align:center; margin-bottom:30px; }
.user-info .profile-popup .popup-content{ display:flex; justify-content:space-between; align-items:center; }
.user-info .profile-popup .popup-content .profile-photo{ width:300px; position:relative; }
.user-info .profile-popup .popup-content .profile-photo .profile-img{ width:100%; height:300px; border:1px solid #ddd; border-radius:20px; overflow:hidden; position:relative; }
.user-info .profile-popup .popup-content .profile-photo .profile-img img{ width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.user-info .profile-popup .popup-content .profile-photo span{ display:block; width:100%; text-align:center; background:#efefef; border-radius:10px; padding:10px 0 12px; margin-top:10px; cursor:pointer; }
.user-info .profile-popup .popup-content .profile-txt{ width:calc(100% - 350px); }
.user-info .profile-popup .popup-content .profile-txt .form-group{ display:flex; align-items:center; height:60px; background:#fafafa; margin:20px 0; }
.user-info .profile-popup .popup-content .profile-txt .form-group label{ display:inline-block; width:160px; font-weight:700; padding-left:40px; }
.user-info .profile-popup .popup-content .profile-txt .form-group input{ width:calc(100% - 160px); height:100%; background:transparent; border:none; outline:none; }
.user-info .profile-popup .popup-content .profile-txt .form-group input::placeholder{ color:#bababa; font-size:14px; }
.user-info .profile-popup .popup-content .profile-txt .form-group.has-btn{ display:flex; background:transparent; }
.user-info .profile-popup .popup-content .profile-txt .form-group.has-btn div{ display:flex; align-items:center; width:calc(100% - 150px); height:60px; background:#fafafa; margin-right:20px; }
.user-info .profile-popup .popup-content .profile-txt .form-group.has-btn button{ width:140px; height:100%; color:#fff; font-size:14px; font-weight:500; background:#454545; }
.user-info .profile-popup .popup-content .profile-txt .form-group .submit-btn{ width:100%; height:60px; color:#fff; font-size:16px; font-weight:500; background:#3282af; margin:10px 0 50px; transition:background .3s ease; }
.user-info .profile-popup .popup-content .profile-txt .form-group .submit-btn:hover{ background:#0f4c6b; }
.user-info .profile-popup .btn-wrap .btn-primary a{ color:#fff; text-align:center; background:#3282af; border:none; padding:16px 0 20px; transition:background .3s ease; margin-top:30px; }
.user-info .profile-popup .btn-wrap .btn-primary a:hover{ background:#0f4c6b; }



footer{ width:100%; color:#fff; font-size:14px; background:#232323; padding:0 2%; margin:0 auto; position:relative; z-index:99; overflow:hidden; }
.noMenu footer{ margin-top:150px; }
footer:before{ content:''; width:70%; height:150%; background:url('../img/bg_logo_shape.svg') no-repeat top 20% left; background-size:cover; position:absolute; bottom:-20%; right:-10%; opacity:.1; }
footer .top p{ padding:35px 0 30px; }
footer .top div dl{ display:flex; margin-bottom:15px; }
footer .top div dl dt{ width:135px; }
footer .top div dl dd{ width:calc(100% - 135px); color:#787878; }
footer .bottom{ color:#787878; border-top:1px solid #393939; padding:30px 0; margin-top:30px; }





#visual{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:96%; height:300px; border-radius:25px; margin:0 auto; position:relative; overflow:hidden; }
.medical-pro01_01 #visual{ background:url('../img/sub1_1_visual_bg.png') no-repeat center center; background-size: cover}
.medical-pro01_02 #visual{ background:url('../img/sub1_3_visual_bg.png') no-repeat center center; background-size: cover}
.medical-pro01_03 #visual{ background:url('../img/sub1_2_visual_bg.png') no-repeat center center; background-size: cover}
.medical-pro02 #visual, .public-info01 #visual{ background:url('../img/sub2_visual_bg.png') no-repeat center center; background-size: cover}
.medical-pro03 #visual, .public-info04 #visual{ background:url('../img/sub3_visual_bg.png') no-repeat center center; background-size: cover}
.medical-pro04 #visual{ background:url('../img/sub4_visual_bg.png') no-repeat center center; background-size: cover}
.medical-pro05 #visual{ background:url('../img/sub5_visual_bg.png') no-repeat center center; background-size: cover}
.medical-pro06 #visual{ background:url('../img/sub6_visual_bg.png') no-repeat center center; background-size: cover}
.public-info03 #visual{ background:url('../img/sub8_visual_bg.png') no-repeat center center; background-size: cover}
.public-info05 #visual{ background:url('../img/sub10_visual_bg.png') no-repeat center center; background-size: cover}
#visual h2{ color:#e8e8e8; font-size:72px; text-align:center; }
#visual h2 span{ display:block; font-size:24px; }
#visual ul{ display:flex; justify-content:center; align-items:center; width:100%; color:#fff; font-size:14px; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); }
#visual ul li{ padding-left:5px; margin:0 10px; position:relative; }
#visual ul li:before{ content:''; width:5px; height:100%; background:url('../img/icon_location_slash.svg') no-repeat center center; background-size:contain; position:absolute; top:0; left:-10px; }
#visual ul li.home{ width:16px; height:16px; background:url('../img/icon_location_home.svg') no-repeat center center; background-size:contain; padding-left:0; }
#visual ul li.home:before{ display:none; }
#visual ul li.home a{ display:block; width:100%; height:100%; }
#visual p{ color:#a9adb0; font-size:12px; position:absolute; bottom:20px; right:20px; }
.medical-pro01_02 #visual p, .medical-pro01_03 #visual p{ color:#f8f8f8; }



#content h3{ font-size:30px; font-weight:700; text-align:center; margin:80px auto 70px; }
#content.has-tabs h3{ margin-top:0; }
#content.has-tabs.adjust-tabs-margin h3{ margin-top:80px; }



.has-tabs{ background:#fafafa; position:relative; }
.has-tabs .tabs{ display:flex; justify-content:center; background:#fff; }
.has-tabs .tabs p{ color:#565656; margin:0 20px; position:relative; }
.has-tabs .tabs p:hover{ color:#43a1da; }
.has-tabs .tabs p:before{ content:''; width:0; height:3px; background:#43a1da; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:width .3s ease, color .3s ease; }
.has-tabs .tabs p:hover:before{ width:calc(100% + 20px); }
.has-tabs .tabs p a{ padding:30px 0; }
.has-tabs .tabs p.active{ color:#43a1da; font-weight:600; }
.has-tabs .tabs p.active:before{ width:calc(100% + 20px); }
.has-tabs .inputBox-wrap{ display:flex; justify-content:flex-end; margin:40px 0 70px; position:relative; z-index:2; }
.has-tabs .inputBox-wrap .custom-select{ width:120px; height:50px; font-size:14px; background:#fff; border:1px solid #ddd; position:relative; outline:none; cursor:pointer; }
.has-tabs .inputBox-wrap .custom-select .selected-option{ width:100%; height:100%; padding:13px; position:relative; }
.has-tabs .inputBox-wrap .custom-select .selected-option:before{ content:''; width:8px; height:8px; background:url('../img/arrow_black.svg') no-repeat center center; background-size:contain; position:absolute; top:18px; right:14px; transform:rotate(135deg); }
.has-tabs .inputBox-wrap .custom-select .options-list{ display:none; width:calc(100% + 2px); background:#fff; border:1px solid #ddd; position:absolute; top:100%; left:-1px; box-shadow:0 10px 10px rgba(85, 85, 85, 0.1); }
.has-tabs .inputBox-wrap .custom-select .options-list .option-item{ padding:13px; cursor:pointer; }
.has-tabs .inputBox-wrap .custom-select .options-list .option-item:hover{ background:#f0f0f0; }
.has-tabs .inputBox-wrap .custom-select.open .selected-option:before{ top:22px; transform:rotate(-45deg); }
.has-tabs .inputBox-wrap .custom-select.open .options-list{ display:block; }
.has-tabs .inputBox-wrap .search{ width:300px; position:relative; }
.has-tabs .inputBox-wrap .search input{ width:250px; height:50px; background:#fff; border:1px solid #ddd; border-left:none; border-right:none; padding:0 13px; outline:none; }
.has-tabs .inputBox-wrap .search button{ width:50px; height:50px; font-size:0; background:url('../img/icon_search.svg') no-repeat center center #fff; border:1px solid #ddd; border-left:none; position:absolute; top:0; right:0; outline:none; }
.has-tabs .section-wrap{ width:96%; max-width:1200px; padding:80px 0 150px; margin:0 auto; position:relative; }
.has-tabs .section-wrap section{ width:100%; }
.has-tabs.adjust-tabs-margin .section-wrap{ padding-top:0; }
.has-tabs.adjust-tabs-margin .inputBox-wrap{ margin-top:0; }



.sub main{ position:relative; overflow:hidden; }
.sub main .scroll-effect{ width:900px; height:900px; background:url('../img/bg_shape.svg') no-repeat center center; background-size:contain; position:absolute; top:400px; right:-130px; }
.medical-pro02_05.sub main .scroll-effect, .public-info01_01.sub main .scroll-effect, .public-info03.sub main .scroll-effect{ display:none; }
.sub main.product{ margin-top:50px; }
.sub main.product .product_tab{ display:flex; justify-content:center; margin-bottom:100px; }
.sub main.product .product_tab p{ display:flex; justify-content:center; align-items:center; width:180px; height:64px; font-size:16px; line-height:1.2; border:1px solid #e0e0e2; border-radius:8px; margin:0 10px; overflow:hidden; }
.sub main.product .product_tab p.active{ color:#fff; background:#232323; border:none; }
.sub main.product .product_tab p a{ width:100%; text-align:center; padding:16px 0; }
.sub main section{ width:96%; max-width:1200px; margin:0 auto 120px; position:relative; z-index:1; }
.sub main section.wide{ width:100%; max-width:none; background:#fafafa; margin:0 auto; }
.sub main section.wide .wide_inner{ width:96%; max-width:1200px; padding:120px 0; margin:0 auto; }
.sub main section.mb0{ margin:0 auto; }



.grid{ display:flex; flex-wrap:wrap; justify-content:flex-start; }
.grid.col3 .gridBox{ width:31%; }
.grid.col3 .gridBox:nth-child(3n+2){ margin-left:3.5%; margin-right:3.5%; }
.grid.col4 .gridBox{ width:23%; }
.grid.col4 .gridBox:nth-child(4n+2){ margin-left:2.666%; margin-right:2.666%; }
.grid.col4 .gridBox:nth-child(4n+3){ margin-right:2.666%; }




.pagenation ul{ display:flex; justify-content:center; font-family:'GmarketSans'; }
.pagenation ul li{ width:30px; height:30px; color:#454545; font-size:12px; text-align:center; border-radius:50%; margin:0 5px; overflow:hidden; }
.pagenation ul li.first{ background:url('../img/page_last.svg') no-repeat center center; background-size:10px; transform:rotate(180deg); }
.pagenation ul li.prev{ background:url('../img/page_next.svg') no-repeat center center; background-size:10px; transform:rotate(180deg); }
.pagenation ul li.next{ background:url('../img/page_next.svg') no-repeat center center; background-size:10px; }
.pagenation ul li.last{ background:url('../img/page_last.svg') no-repeat center center; background-size:10px;  }
.pagenation ul li a{ padding:8px; }
.pagenation ul li.active a{ color:#fff; background:#3282af; }



#calendar-controls{ display:flex; flex-direction:column; align-items:center; }
#calendar-controls #calendar-year{ color:#232323; font-size:28px; font-weight:600; }
#calendar-controls #calendar-month{ color:#0f4c6b; font-size:48px; font-weight:600; margin-top:20px; }
.custom-year-button-group{ width:100%; position:absolute; top:34px; left:50%; transform:translateX(-50%); }
.custom-year-button-group button{ width:10px; height:24px; position:relative; }
.custom-year-button-group button.fc-state-default{ border:none; text-shadow:none; box-shadow:none; }
.custom-year-button-group button.fc-state-default.fc-corner-left{ margin:0 50px 0 0; }
.custom-year-button-group button.fc-state-default.fc-corner-right{ margin:0 0 0 50px; }
.custom-year-button-group button.fc-state-default.fc-corner-left, .custom-year-button-group button.fc-state-default.fc-corner-right{ font-size:0; background:none; border-radius:0; }
.custom-year-button-group button:before{ content:''; width:16px; height:16px; background:url('../img/arrow_black.svg') no-repeat center center; background-size:contain; position:absolute; top:3px; }
.custom-year-button-group button.fc-state-default.fc-corner-left:before{ left:0; transform:rotate(-135deg); }
.custom-year-button-group button.fc-state-default.fc-corner-right:before{ right:0; transform:rotate(45deg); }
.fc-button-group{ width:100%; position:absolute; top:110px; left:50%; transform:translateX(-50%); }
.fc-button-group button{ width:16px; height:34px; position:relative; }
.fc-button-group button.fc-state-default{ border:none; text-shadow:none; box-shadow:none; }
.fc-button-group button.fc-state-default.fc-corner-left{ margin:0 80px 0 0; }
.fc-button-group button.fc-state-default.fc-corner-right{ margin:0 0 0 80px; }
.fc-button-group button.fc-state-default.fc-corner-left, .fc-button-group button.fc-state-default.fc-corner-right{ font-size:0; background:none; border-radius:0; }
.fc-button-group button:before{ content:''; width:24px; height:24px; background:url('../img/arrow_blue.svg') no-repeat center center; background-size:contain; position:absolute; top:5px; }
.fc-button-group button.fc-state-default.fc-corner-left:before{ left:0; transform:rotate(-135deg); }
.fc-button-group button.fc-state-default.fc-corner-right:before{ right:0; transform:rotate(45deg); }
.calendar-wrap{ display:flex; background:#fff; border:1px solid #ddd; box-shadow:0 0 50px rgba(195, 195, 195, 0.3); }
.calendar-wrap td{ text-align:center; }
.calendar-wrap .calendar-table{ width:calc(100% - 400px); border-right:1px solid #ddd; padding:30px; position:relative; }
.calendar-wrap .calendar-table .color-info{ display:flex; font-size:14px; }
.calendar-wrap .calendar-table .color-info p{ padding-left:15px; margin-right:20px; position:relative; }
.calendar-wrap .calendar-table .color-info p:before{ content:''; width:7px; height:7px; border-radius:50%; position:absolute; top:8px; left:0; }
.calendar-wrap .calendar-table .color-info p.case1:before{ background:#7bbf6a; }
.calendar-wrap .calendar-table .color-info p.case2:before{ background:#4a90e2; }
.calendar-wrap .calendar-table .color-info p.case3:before{ background:#b8735d; }
.calendar-wrap #eventListContainer{ width:400px; }
.fc-day-header{ color:#565656; font-size:14px; font-weight:500; }
.fc-day-header.fc-sun{ color:#db1111; }
.fc-day-top{ height:80px; vertical-align:middle !important; position:relative; cursor:pointer; }
.fc-unthemed td.fc-today{ background:transparent; }
.fc-unthemed td.fc-today .fc-day-number{ background:#43a0da31; }
.fc-unthemed td.fc-past{ background:#e8e8e8; cursor:default; }
.fc-unthemed td.fc-past .fc-day-number{ color:#888; }
.fc-day-top .fc-day-number{ display:flex; justify-content:center; align-items:center; width:100%; max-width:60px; aspect-ratio:1; color:#565656; font-size:14px; font-weight:500; margin:0 auto; position:relative; }
.fc-day-top .fc-day-number:before{ content:''; width:100%; max-width:60px; aspect-ratio:1; border:2px dashed transparent; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-sizing:border-box; }
.calendar-wrap .clicked-date .fc-day-number{ color:#43a1da; font-weight:600; }
.calendar-wrap .clicked-date .fc-day-number:before{ border:2px dashed #43a1da; }
.fc-day-top .event-group{ display:flex; flex-direction:column-reverse; width:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.fc-day-top .event-group .custom-event{ width:100%; height:2px; font-size:0; background:#000; margin:1px 0; }
.fc-day-top .event-group .custom-event[data-event-id$="0"]{ background:#c94b4b; }
.fc-day-top .event-group .custom-event[data-event-id$="1"]{ background:#e58b4e; }
.fc-day-top .event-group .custom-event[data-event-id$="2"]{ background:#f5c34d; }
.fc-day-top .event-group .custom-event[data-event-id$="3"]{ background:#7bbf6a; }
.fc-day-top .event-group .custom-event[data-event-id$="4"]{ background:#4a90e2; }
.fc-day-top .event-group .custom-event[data-event-id$="5"]{ background:#8f77b5; }
.fc-day-top .event-group .custom-event[data-event-id$="6"]{ background:#e386a3; }
.fc-day-top .event-group .custom-event[data-event-id$="7"]{ background:#b8735d; }
.fc-day-top .event-group .custom-event[data-event-id$="8"]{ background:#a6a6a6; }
.fc-day-top .event-group .custom-event[data-event-id$="9"]{ background:#9e9e5c; }
#eventListContainer{ padding:50px 30px; }
#eventListContainer .listHeader{ text-align:center; margin-bottom:60px; }
#eventListContainer .selectYear{ color:#454545; font-size:18px; font-weight:600; }
#eventListContainer .selectMonthDay{ color:#0f4c6b; font-size:36px; font-weight:600; }
#eventListContainer .eventList .event-group .custom-event[data-event-id$="0"] .event_name:before{ background:#c94b4b; }
#eventListContainer .eventList .event-group .custom-event[data-event-id$="1"] .event_name:before{ background:#e58b4e; }
#eventListContainer .eventList .event-group .custom-event[data-event-id$="2"] .event_name:before{ background:#f5c34d; }
#eventListContainer .eventList .event-group .custom-event[data-event-id$="3"] .event_name:before{ background:#7bbf6a; }
#eventListContainer .eventList .event-group .custom-event[data-event-id$="4"] .event_name:before{ background:#4a90e2; }
#eventListContainer .eventList .event-group .custom-event[data-event-id$="5"] .event_name:before{ background:#8f77b5; }
#eventListContainer .eventList .event-group .custom-event[data-event-id$="6"] .event_name:before{ background:#e386a3; }
#eventListContainer .eventList .event-group .custom-event[data-event-id$="7"] .event_name:before{ background:#b8735d; }
#eventListContainer .eventList .event-group .custom-event[data-event-id$="8"] .event_name:before{ background:#a6a6a6; }
#eventListContainer .eventList .event-group .custom-event[data-event-id$="9"] .event_name:before{ background:#9e9e5c; }
#eventListContainer .eventList .event-group .custom-event .event_more{ color:#454545; font-size:14px; border:1px solid #ddd; border-radius:5px; }
#eventListContainer .eventList .event-group .custom-event .event_more a{ padding:5px 15px 7px; }
#eventListContainer .eventList .event-group .no-events{ font-size:14px; text-align:center; }
.medical-pro03 #eventListContainer .eventList .event-group .custom-event{ display:flex; justify-content:space-between; border-bottom:1px dashed #ddd; padding:20px 0; position:relative; }
.medical-pro03 #eventListContainer .eventList .event-group .custom-event .event_name{ padding-top:3px; padding-left:21px; position:relative; }
.medical-pro03 #eventListContainer .eventList .event-group .custom-event .event_name:before{ content:''; width:6px; height:100%; position:absolute; top:0; left:0; }
.medical-pro04 .fc-day-top .event-group{ flex-direction:row; justify-content:center; }
.medical-pro04 .fc-day-top .event-group .custom-event{ width:8px; height:8px; border-radius:50%; margin:2px; }
.medical-pro04 #eventListContainer .listHeader{ margin-bottom:20px; }
.medical-pro04 #eventListContainer .select_field{ display:flex; justify-content:center; font-size:14px; margin-bottom:60px; }
.medical-pro04 #eventListContainer .select_field p{ border:1px solid #ddd; border-radius:5px; margin:0 5px; }
.medical-pro04 #eventListContainer .select_field p.active{ color:#fff; background:#232323; border:1px solid #232323; }
.medical-pro04 #eventListContainer .select_field p a{ padding:8px 15px; }
.medical-pro04 #eventListContainer .reserve-btn{ width:100%; color:#fff; background:#3282af; margin:30px auto 20px; transition:background .3s ease; }
.medical-pro04 #eventListContainer .reserve-btn:hover{ background:#0f4c6b; }
.medical-pro04 #eventListContainer .reserve-btn a{ text-align:center; padding:15px 0 17px; }
.medical-pro04 .fc-day-top .event-group .custom-event[data-event-id$="zoom"], .medical-pro04 #eventListContainer .eventList .event-group .custom-event[data-event-id$="zoom"] .event_name:before{ background:#7bbf6a; }
.medical-pro04 .fc-day-top .event-group .custom-event[data-event-id$="visit"], .medical-pro04 #eventListContainer .eventList .event-group .custom-event[data-event-id$="visit"] .event_name:before{ background:#4a90e2; }
.medical-pro04 .fc-day-top .event-group .custom-event[data-event-id$="sample"], .medical-pro04 #eventListContainer .eventList .event-group .custom-event[data-event-id$="sample"] .event_name:before{ background:#b8735d; }



/*body.fix{ height:100vh; overflow:hidden; }
.layer-popup{ display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(0, 0, 0, .7); position:fixed; top:0; left:0; z-index:9999; }
.layer-popup .popup-content{ width:80%; max-width:1100px; max-height:90vh; background:#fff; border-radius:8px; padding:20px; margin:0 auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; }
.layer-popup .popup-header{ padding:15px 0; }
.layer-popup .popup-header .close-btn{ width:40px; height:40px; font-size:0; position:absolute; top:0; right:0; }
.layer-popup .popup-header .close-btn:before{ content:''; width:2px; height:25px; background:#232323; position:absolute; top:50%; left:10px; transform:rotate(45deg) translateY(-50%); }
.layer-popup .popup-header .close-btn:after{ content:''; width:2px; height:25px; background:#232323; position:absolute; top:50%; right:10px; transform:rotate(-45deg) translateY(-50%); }
.layer-popup .popup-body{ width:100%; height:calc(90vh - 106px); overflow:scroll; }
.layer-popup.autoHeight .popup-body{ height:auto; max-height:90vh; }
.layer-popup#pdf .popup-body{ overflow:hidden; }
.layer-popup .pdf-viewer{ width:100%; height:100%; }
.layer-popup .popup-body .body-wrap{ padding:0 20px; }
.layer-popup .popup-body .body-wrap .title{ font-size:24px; font-weight:600; }
.layer-popup .popup-body .body-wrap .date{ color:#565656; border-bottom:1px solid #ddd; padding-bottom:25px; margin:5px 0 30px; }
.layer-popup .popup-body .body-wrap .img img{ width:100%; }
.layer-popup .popup-body .body-wrap .txt-wrap{ margin-top:30px; }
.layer-popup .popup-body .body-wrap .txt-wrap p{ margin-bottom:15px; }
.layer-popup .overlay{ width:100%; height:100%; background:rgba(0, 0, 0, .5); position:absolute; top:0; left:0; z-index:1; }
.layer-popup .popup-body .schedule-wrap{ display:flex; justify-content:space-between; align-items:center; width:calc(100% - 40px); background:#f0f0f0; margin:0 auto; }
.layer-popup .popup-body .schedule-wrap .img-wrap{ width:50%; }
.layer-popup .popup-body .schedule-wrap .img-wrap img{ width:100%; }
.layer-popup .popup-body .schedule-wrap .txt-wrap{ width:50%; padding:0 30px; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .title{ font-size:32px; font-weight:600; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .date{ background:url('../img/icon_calendar.svg') no-repeat center left; background-size:18px; padding-left:26px; margin:10px 0; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .place{ background:url('../img/icon_place.svg') no-repeat center left; background-size:18px; padding-left:26px; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .img{ margin-top:15px; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .img img{ width:100%; }
.layer-popup .popup-body .connect-link{ width:180px; color:#fff; background:#3282af; margin:30px auto 20px; transition:background .3s ease; }
.layer-popup .popup-body .connect-link:hover{ background:#0f4c6b; }
.layer-popup .popup-body .connect-link a{ text-align:center; padding:15px 0 17px; }
.layer-popup .popup-body video, .layer-popup .popup-body iframe{ width:100%; }
.layer-popup .popup-body .iframe-container{ padding-top:56.25%; position:relative; overflow:hidden; }
.layer-popup .popup-body .iframe-container iframe{ width:100%; height:100%; border:0; position:absolute; top:0; left:0; }
.layer-popup .popup-body .formWrap .title{ color:#0f4c6b; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px; }
.layer-popup .popup-body .formWrap .form-group{ margin:10px 0; }
.layer-popup .popup-body .formWrap .form-group textarea{ width:100%; height:100px; font-family:'Noto Sans KR', sans-serif; font-size:18px; border:1px solid #ddd; padding:10px; resize:none; }
.layer-popup .popup-body .formWrap .form-group textarea::placeholder{ font-size:14px; }
.layer-popup .popup-body .formWrap .form-group.file-upload .fileInputWrap{ display:flex; margin-bottom:5px; }
.layer-popup .popup-body .formWrap .form-group.file-upload .fileInputWrap label{ width:100px; color:#fff; text-align:center; background:#3282af; padding:10px 0; }
.layer-popup .popup-body .formWrap .form-group.file-upload .fileInputWrap input{ width:calc(100% - 100px); border:1px solid #ddd; padding:10px; }
.layer-popup .popup-body .formWrap .form-group.file-upload p{ color:#3282af; font-size:14px; font-weight:500; }
.layer-popup .popup-body .formWrap .btnWrap{ display:flex; justify-content:space-between; width:100%; margin-top:50px; }
.layer-popup .popup-body .formWrap .btnWrap a{ width:48%; text-align:center; padding:10px 20px 12px; border:1px solid #ddd; }
.layer-popup .popup-body .formWrap .btnWrap a.return{ background:#fff; transition:background .3s ease; }
.layer-popup .popup-body .formWrap .btnWrap a.return:hover{ background:#efefef; }
.layer-popup .popup-body .formWrap .btnWrap a.create{ color:#fff; background:#3282af; border:none; transition:background .3s ease; }
.layer-popup .popup-body .formWrap .btnWrap a.create:hover{ background:#0f4c6b; }*/
.layer-popup{ display:flex; justify-content:center; align-items:center; padding:40px 40px 20px; }
.layer-popup .popup-header{ padding:15px 0; }
.layer-popup .popup-body{ width:100%; }
.layer-popup .popup-body .schedule-wrap{ display:flex; justify-content:space-between; align-items:center; width:100%; background:#f0f0f0; margin:0 auto; }
.layer-popup .popup-body .schedule-wrap .img-wrap{ width:50%; }
.layer-popup .popup-body .schedule-wrap .img-wrap img{ width:100%; }
.layer-popup .popup-body .schedule-wrap .txt-wrap{ width:50%; padding:0 30px; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .title{ font-size:32px; font-weight:600; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .date{ background:url('../img/icon_calendar.svg') no-repeat center left; background-size:18px; padding-left:26px; margin:10px 0; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .place{ background:url('../img/icon_place.svg') no-repeat center left; background-size:18px; padding-left:26px; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .img{ margin-top:15px; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .img img{ width:100%; }
.layer-popup .popup-body .connect-link{ width:180px; color:#fff; background:#3282af; margin:30px auto 20px; transition:background .3s ease; }
.layer-popup .popup-body .connect-link:hover{ background:#0f4c6b; }
.layer-popup .popup-body .connect-link a{ text-align:center; padding:15px 0 17px; }
.terms .popup-header .terms-title{ color:#0f4c6b; font-size:24px; font-weight:600; text-align:center; padding-bottom:20px; }
.terms .popup-body .terms-wrap{ height:70vh; overflow:scroll; }
.terms .popup-body .terms-wrap *{ font-size:14px; line-height:24px; }
.terms .popup-body .terms-wrap h6{ font-weight:600; margin-bottom:16px; }
.terms .popup-body .terms-wrap dl{ margin-bottom:16px; }







/* main */
.main .content{ display:flex; justify-content:space-between; width:96%; max-width:1400px; margin:0 auto; }
.main .content .box_select{ width:32%; height:750px; position:relative; transition:background 0.3s ease; overflow:hidden; }
.main .content .box_select.box01{ background:#d6e6e6; }
.main .content .box_select.box02{ background:#fefdef; }
.main .content .box_select.box03{ background:#e6eed9; }
.main .content .box_select.inactive{ background:#acacac; }
.main .content .box_select.inactive:before{ content:''; width:100%; height:100%; background:rgb(172, 172, 172, .6); position:absolute; top:0; left:0; z-index:1; }
.main .content .box_select.inactive:after{ content:'준비중'; color:#fff; font-size:30px; font-weight:700; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; }
.main .content .box_select a{ display:block; width:100%; height:100%; }
.main .content .box_select .title{ display:flex; justify-content:center; align-items:center; width:100%; height:70px; font-size:24px; font-weight:500; background:rgba(0, 0, 0, .1); position:absolute; top:0; left:0; }
.main .content .box_select .img{ width:120%; height:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.main .content .box_select.box01 .img{ background:url('../img/main_img01.png') no-repeat center bottom; background-size:contain; }
.main .content .box_select.box02 .img{ background:url('../img/main_img02.png') no-repeat center bottom; background-size:contain; }
.main .content .box_select.box03 .img{ background:url('../img/main_img03.png') no-repeat center bottom; background-size:contain; }
.main .content .box_select.box01.inactive .img{ background:url('../img/main_img01_unselect.png') no-repeat center bottom; background-size:contain; }
.main .content .box_select.box02.inactive .img{ background:url('../img/main_img02_unselect.png') no-repeat center bottom; background-size:contain; }
.main .content .box_select.box03.inactive .img{ background:url('../img/main_img03_unselect.png') no-repeat center bottom; background-size:contain; }
.main .content .box_select.unchosen{ background:#acacac; }
.main .content .box_select.box01.unchosen .img{ background:url('../img/main_img01_unselect.png') no-repeat center bottom; background-size:contain; }
.main .content .box_select.box02.unchosen .img{ background:url('../img/main_img02_unselect.png') no-repeat center bottom; background-size:contain; }
.main .content .box_select.box03.unchosen .img{ background:url('../img/main_img03_unselect.png') no-repeat center bottom; background-size:contain; }
.main .content .box_select .enter{ display:none; }
.main .content .box_select a:hover{ cursor:none; }
.main .content .box_select:hover{ overflow:unset; }
.main .content .box_select.inactive{ overflow:hidden; }
.main .content .box_select:hover:not(.inactive){ z-index:10; }
.main .content .box_select:hover:not(.inactive) .img{ width:150%; transition:width 0.3s cubic-bezier(.61,.25,0,1.1); }
.main .circle{ display:flex; justify-content:center; align-items:center; width:170px; height:170px; color:#fff; font-size:24px; font-weight:700; background:rgba(0, 0, 0, .8); border-radius:50%; position:absolute; transform:scale(0); transition:transform 0.3s ease; pointer-events:none; z-index:10; }





/***************/
/* medical-pro */
/****************/

/* login */
.medical-pro.login main{ display:flex; }
.medical-pro.login main section{ width:50%; }
.medical-pro.login main section.intro{ min-height:80vh; background:url('../img/main_img01.png') no-repeat center bottom #d6e6e6; }
.medical-pro.login main section.authentication{ display:flex; flex-direction:column; justify-content:center; padding:0 100px; }
.medical-pro.login main section.authentication h2{ font-size:36px; font-weight:500; }
.medical-pro.login main section.authentication h2 .top{ display:block; font-size:24px; }
.medical-pro.login main section.authentication h2 .bg{ position:relative; }
.medical-pro.login main section.authentication h2 .bg:before{ content:''; width:100%; height:100%; position:absolute; bottom:0; left:0; z-index:-1;
	background: rgb(173,205,223);
	background: -moz-linear-gradient(180deg, rgba(173,205,223,0) 0%, rgba(173,205,223,0) 60%, rgba(173,205,223,1) 60%, rgba(173,205,223,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(173,205,223,0) 0%, rgba(173,205,223,0) 60%, rgba(173,205,223,1) 60%, rgba(173,205,223,1) 100%);
	background: linear-gradient(180deg, rgba(173,205,223,0) 0%, rgba(173,205,223,0) 60%, rgba(173,205,223,1) 60%, rgba(173,205,223,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#adcddf",endColorstr="#adcddf",GradientType=1);
}
.medical-pro.login main section.authentication .auth-form{ margin-top:90px; }
.medical-pro.login main section.authentication .auth-form .form-group{ display:flex; align-items:center; height:60px; background:#fafafa; margin:20px 0; }
.medical-pro.login main section.authentication .auth-form .form-group label{ display:inline-block; width:160px; font-weight:700; padding-left:40px; }
.medical-pro.login main section.authentication .auth-form .form-group input{ width:calc(100% - 160px); height:100%; background:transparent; border:none; outline:none; }
.medical-pro.login main section.authentication .auth-form .form-group input::placeholder{ color:#bababa; font-size:14px; }
.medical-pro.login main section.authentication .auth-form .form-group.has-btn{ display:flex; justify-content:space-between; background:transparent; }
.medical-pro.login main section.authentication .auth-form .form-group.has-btn > div{ display:flex; align-items:center; width:calc(100% - 150px); height:60px; background:#fafafa; }
.medical-pro.login main section.authentication .auth-form .form-group.has-btn div.selectFlag > div{ width:calc(100% - 160px); height:100%; }
.medical-pro.login main section.authentication .auth-form .form-group.has-btn div.selectFlag > div .iti__flag-container{ width:auto; height:auto; background:none; }
.medical-pro.login main section.authentication .auth-form .form-group.has-btn div.selectFlag input{ width:100%; }
.medical-pro.login main section.authentication .auth-form .form-group.has-btn button{ width:140px; height:100%; color:#fff; font-size:14px; font-weight:500; background:#454545; }
.medical-pro.login main section.authentication .auth-form .submit-btn{ width:100%; height:70px; color:#fff; font-size:16px; font-weight:500; text-align:center; background:#3282af; padding:22px 0; margin:10px 0 50px; transition:background .3s ease; cursor:pointer; }
.medical-pro.login main section.authentication .auth-form .submit-btn:hover{ background:#0f4c6b; }
.medical-pro.login main section.authentication .links{ display:flex; justify-content:center; }
.medical-pro.login main section.authentication .links a{ display:inline; width:auto; margin:0 20px; position:relative; }
.medical-pro.login main section.authentication .links a:before{ content:''; width:0.5px; height:14px; background:#898989; position:absolute; top:50%; transform:translateY(-50%); cursor:default; }
.medical-pro.login main section.authentication .links a:nth-child(1):before{ right:-20px; }
.medical-pro.login main section.authentication .links a:nth-child(2):before{ left:-20px; }
.medical-pro.login main section.authentication .notice{ color:#3282af; font-weight:500; text-align:center; margin-top:140px; }
.medical-pro.medical-pro_login02.login main .stickyWrap{ display:flex; justify-content:flex-end; align-items:flex-start; width:100%; }
.medical-pro.medical-pro_login02.login main .intro{ height:100%; }
.medical-pro.medical-pro_login02.login main .authentication .checkbox-group{ display:flex; justify-content:space-between; width:100%; font-size:14px; margin:10px 0; }
.medical-pro.medical-pro_login02.login main .authentication .checkbox-group.all{ border-bottom:1px solid #ddd; padding-bottom:20px; margin:30px 0 20px; }
.medical-pro.medical-pro_login02.login main .authentication .checkbox-group a{ display:inline-block; width:auto; }
.medical-pro.medical-pro_login02.login main .authentication .checkbox-group input[type="checkbox"]{ appearance:none; width:20px; height:20px; background:#fff; background-position:center center; background-size:12px; border:1px solid #ddd; margin-right:5px; transition:background .3s ease; }
.medical-pro.medical-pro_login02.login main .authentication .checkbox-group input[type="checkbox"]:checked{ background:url('../img/icon_check.svg') no-repeat center center #fff; background-size:12px; }
.medical-pro.medical-pro_login02.login main .authentication .checkbox-group label{ display:flex; align-items:flex-end; }
.medical-pro.medical-pro_login02.login main .authentication .checkbox-group a{ color:#232323; font-size:12px; border:1px solid #ddd; border-radius:5px; padding:3px 12px 5px; transition:color .3s ease, background .3s ease; }
.medical-pro.medical-pro_login02.login main .authentication .checkbox-group a:hover{ color:#fff; background:#919191; }
.medical-pro.medical-pro_login02.login main .authentication .btn-wrap .btn-primary a{ color:#fff; text-align:center; background:#3282af; border:none; padding:16px 0 20px; transition:background .3s ease; margin:30px 0 10px; }
.medical-pro.medical-pro_login02.login main .authentication .btn-wrap .btn-primary a:hover{ background:#0f4c6b; }
.medical-pro.medical-pro_login02.login main .authentication .btn-wrap .btn-default{ text-align:center; margin-top:50px; }
.medical-pro.medical-pro_login02.login main .authentication .btn-wrap .btn-default a{ display:inline-block; width:auto; margin:0 auto; }





/* medical-pro01 */
.medical-pro01 .section1:before{ content:''; width:900px; height:900px; background:url('../img/sub1_1_bg01.svg') no-repeat center center; background-size:contain; position:absolute; top:-20px; left:-400px; z-index:-1; }
.medical-pro01 .section1 h2{ color:#0f4c6b; font-size:60px; margin-bottom:30px; }
.medical-pro01 .section1 h2 span{ color:#43a1da; font-size:36px; margin-left:25px; }
.medical-pro01 .section1 > p{ font-size:24px; }
.medical-pro01 .section1 > p span{ font-weight:700; position:relative; }
.medical-pro01 .section1 > p span:before{ content:''; width:100%; height:12px; background:#9ab2be; position:absolute; bottom:0px; left:0; z-index:-1; }
.medical-pro01 .section1 .box{ display:flex; margin-top:60px; }
.medical-pro01 .section1 .box .img{ width:50%; background:#fff; position:relative; overflow:hidden; }
.medical-pro01 .section1 .box .img img{ width:auto; max-width:none; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.medical-pro01 .section1 .box > div{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:50%; color:#fff; background:#43a1da; padding:60px 50px; }
.medical-pro01 .section1 .box > div .title{ font-size:30px; font-weight:700; }
.medical-pro01 .section1 .box > div .category{ display:inline-block; font-size:18px; background:#0f4c6b; border-radius:8px; padding:16px 24px; margin:25px 0 20px -4px; box-shadow:0 0 10px rgba(12, 34, 46, .3); }
.medical-pro01 .section1 .box > div .category span{ font-weight:700; padding-right:17px; margin-right:16px; position:relative; }
.medical-pro01 .section1 .box > div .category span:before{ content:''; width:1px; height:18px; background:#fff; position:absolute; top:50%; right:0; transform:translateY(-50%); opacity:.7; }
.medical-pro01 .section1 .box > div dl{ margin-top:20px; }
.medical-pro01 .section1 .box > div dl dt{ font-weight:700; margin-bottom:10px; }
.medical-pro01 .section1 .box > div dl dd{ line-height:30px; }

.medical-pro01 .section2{ overflow:hidden; }
.medical-pro01 .section2 .video_wrap{ width:100%; padding-top:56.25%; position:relative; overflow:hidden; }
.medical-pro01 .section2 .video_wrap iframe{ width:100%; height:100%; border:0; position:absolute; top:0; left:0; }
.medical-pro01 .section2 .notice{ color:#787878; font-size:12px; text-align:center; margin-top:30px; }
.medical-pro01 .section2 .img_wrap{ display:flex; width:300%; margin-top:50px; }
.medical-pro01 .section2 .img_wrap div{ display:flex; width:150%; position:relative; animation: slide 10s linear infinite; }
@keyframes slide{
    0%{ transform:translateX(0%); }
    100%{ transform:translateX(-100%); }
}
.medical-pro01 .section2 .img_wrap div p{ margin:0 10px; }

.medical-pro01 .section3 .accordion_wrap{ display:flex; box-shadow:0 0 50px rgba(100, 100, 100, .1); }
.medical-pro01 .section3 .accordion_wrap .txt_accordion{ display:flex; flex-direction:column; justify-content:center; width:50%; background:#fafafa; padding:35px 40px; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div{ border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div .title{ color:#0f4c6b; font-size:14px; font-weight:700; padding-right:20px; position:relative; cursor:pointer; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div .title:before{ content:''; width:17px; height:9px; background:url('../img/arrow_blue.svg') no-repeat center center; background-size:contain; position:absolute; top:10px; right:-2px; transform:rotate(315deg); transition:transform .2s ease; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div .title_sub{ font-size:18px; margin-top:5px; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div div{ text-align:center; margin-top:25px; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div .info{ color:#454545; font-size:14px; line-height:24px; text-align:left; background:#efefef; padding:18px 25px; margin-bottom:20px; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div .btn-more{ display:inline-block; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div .btn-more a{ background:url('../img/icon_new-brws.svg') no-repeat center right; background-size:14px; padding-right:20px; }
.medical-pro01 .section3 .accordion_wrap .img_accordion{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:50%; background:#fff; }
.medical-pro01 .section3 .accordion_wrap .img_accordion div{ display:flex; align-items:center; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div.active .title{ font-size:18px; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div.active .title:before{ transform:rotate(135deg); }
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div .title_sub,
.medical-pro01 .section3 .accordion_wrap .txt_accordion > div div,
.medical-pro01 .section3 .accordion_wrap .img_accordion > div{ display:none; }
.medical-pro01 .section3 .notice{ color:#787878; font-size:12px; text-align:center; margin-top:30px; }

/* medical-pro01_02 */
.medical-pro01.medical-pro01_02 .section1:before{ width:600px; height:600px; background:url('../img/sub1_3_bg01.svg') no-repeat center center; background-size:contain; }
.medical-pro01.medical-pro01_02 .section1 h2{ color:#365a58; }
.medical-pro01.medical-pro01_02 .section1 h2 span{ color:#007538; }
.medical-pro01.medical-pro01_02 .section1 > p span:before{ background:#bcd9ca; }
.medical-pro01.medical-pro01_02 .section1 .box > div{ background:#007538; }
.medical-pro01.medical-pro01_02 .section1 .box > div .category{ background:#365a58; box-shadow:0 0 10px rgba(98, 88, 86, 0.3); }
.medical-pro01.medical-pro01_02 .section3 .accordion_wrap .txt_accordion > div .title{ color:#007538; }
.medical-pro01.medical-pro01_02 .section3 .accordion_wrap .txt_accordion > div .title:before{ background:url('../img/arrow_green.svg') no-repeat center center; background-size:contain; }
.medical-pro01.medical-pro01_02 .section2.wide{ background:#007538; }
.medical-pro01.medical-pro01_02 .section2.wide .wide_inner{ padding:0 0 120px; }
.medical-pro01.medical-pro01_02 .section2 h3{ color:#fff; }
.medical-pro01.medical-pro01_02 .section2 .boxWrap{ display:flex; justify-content:space-between; }
.medical-pro01.medical-pro01_02 .section2 .boxWrap .accordion_wrap{ width:100%; }
.medical-pro01.medical-pro01_02 .section2 .boxWrap .accordion_wrap > .title{ color:#fff; font-size:48px; font-weight:500; }
.medical-pro01.medical-pro01_02 .section2 .boxWrap .accordion_wrap .accordionBox{ border-top:3px solid #fff; }
.medical-pro01.medical-pro01_02 .section2 .boxWrap .accordion_wrap .accordionBox .accordion{ border-bottom:1px solid #fff; }
.medical-pro01.medical-pro01_02 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .titleWrap{ color:#fff; font-size:20px; font-weight:600; padding:20px 30px 20px 10px; position:relative; cursor:pointer; }
.medical-pro01.medical-pro01_02 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .titleWrap:before{ content:''; width:12px; height:12px; background:url('../img/arrow_white.svg') no-repeat center center; background-size:contain; position:absolute; top:calc(50% - 3px); right:12px; transform:translateY(-50%) rotate(135deg); }
.medical-pro01.medical-pro01_02 .section2 .boxWrap .accordion_wrap .accordionBox .accordion.active .titleWrap:before{ top:50%; transform:translateY(-50%) rotate(315deg); }
.medical-pro01.medical-pro01_02 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .toggleWrap{ width:100%; color:#fff; font-size:16px; padding:0 15px 20px 15px; margin:0 auto; }
.medical-pro01.medical-pro01_02 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .toggleWrap dl{ display:flex; gap:10px; }


/* medical-pro01_03 */
.medical-pro01.medical-pro01_03 .section1:before{ width:600px; height:600px; background:url('../img/sub1_2_bg01.svg') no-repeat center center; background-size:contain; }
.medical-pro01.medical-pro01_03 .section1 h2{ color:#007c91; }
.medical-pro01.medical-pro01_03 .section1 h2 span{ color:#00aec7; }
.medical-pro01.medical-pro01_03 .section1 .box > div{ background:#00aec7; }
.medical-pro01.medical-pro01_03 .section1 .box > div .category{ background:#007c91; box-shadow:0 0 10px rgba(98, 88, 86, 0.3); }
.medical-pro01.medical-pro01_03 .section3 .accordion_wrap .txt_accordion > div .title{ color:#007c91; }
.medical-pro01.medical-pro01_03 .section3 .accordion_wrap .txt_accordion > div .title:before{ background:url('../img/arrow_cyan.svg') no-repeat center center; background-size:contain; }
.medical-pro01.medical-pro01_03 .section4{ margin-top:120px; }
.medical-pro01.medical-pro01_03 .section4 h3{ margin-top:0; }
.medical-pro01.medical-pro01_03 .section4 .tableWrap{ display:flex; justify-content:space-between; }
.medical-pro01.medical-pro01_03 .section4 .tableWrap table{ width:49%; }
.medical-pro01.medical-pro01_03 .section4 .tableWrap table th, .medical-pro01.medical-pro01_03 .section4 .tableWrap table td{ border:1px solid #ddd; padding:6px 14px; }
.medical-pro01.medical-pro01_03 .section4 .tableWrap table thead tr th{ font-weight:600; background:#fafafa; }
.medical-pro01.medical-pro01_03 .section4 .tableWrap table tbody tr td:first-child{ color:#00aec7; font-weight:600; text-align:center; }





/* medical-pro02 */
.medical-pro02 .gridBox{ background:#fff; border:1px solid #ddd; margin-bottom:60px; box-shadow:0 0 20px rgba(85, 85, 85, 0.1); transition:box-shadow .3s ease; }
.medical-pro02 .gridBox:hover{ box-shadow:0 0 40px rgba(85, 85, 85, 0.38); }
.medical-pro02 .gridBox .img{ width:100%; border-bottom:1px solid #ddd; position:relative; overflow:hidden; }
.medical-pro02 .gridBox .img img{ min-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:transform .3s ease; }
.medical-pro02 .gridBox:hover .img img{ transform:translate(-50%,-50%) scale(1.1); }

/* medical-pro02_02 */
.medical-pro02_01 .gridBox .txt{ color:#454545; padding:20px 25px 35px; }
.medical-pro02_01 .gridBox .txt .category{ display:inline-block; color:#fff; font-size:14px; font-weight:500; border-radius:50px; padding:6px 15px; }
.medical-pro02_01 .gridBox .txt .category.cate01{ background:#0f4c6b; }
.medical-pro02_01 .gridBox .txt .category.cate02{ background:#43a1da; }
.medical-pro02_01 .gridBox .txt p:not(.category){ padding-left:3px; margin-top:10px; }

/* medical-pro02_02, medical-pro02_03 */
.video .gridBox .img{ position:relative; }
.video .gridBox .img .thumbnail:before{ content:''; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; opacity:.3; z-index:1; }
.video .gridBox .img .play_cover{ width:100%; height:100%; position:relative; z-index:2; }
.video .gridBox .img .play_cover:before{ content:''; width:60px; height:60px; background:#fff; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:.5; }
.video .gridBox .img .play_cover:after{ content:''; width:0; height:0; border-top:11.5px solid transparent; border-bottom:11.5px solid transparent; border-left:20px solid #fff; position:absolute; top:50%; left:50.5%; transform:translate(-50%,-50%); }
.video .gridBox:hover .img .play_cover:before{ content:''; width:60px; height:60px; background:#fff; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:.5; }
.video .gridBox:hover .img .play_cover:after{ content:''; width:0; height:0; border-top:11.5px solid transparent; border-bottom:11.5px solid transparent; border-left:20px solid #fff; position:absolute; top:50%; left:50.5%; transform:translate(-50%,-50%); }
.video .gridBox .txt{ display:flex; flex-direction:column; justify-content:space-between; height:calc(100% - 190px); padding:25px 20px; }
.video .gridBox .txt .title{ font-size:18px; font-weight:600; margin-bottom:10px; }
.video .gridBox .txt .title_sub{ color:#454545; font-size:14px; margin-bottom:30px; }
.video .gridBox .txt .time{ color:#a6a6a6; font-size:14px; background:url('../img/icon_clock.svg') no-repeat center left; padding-left:20px; }

/* medical-pro02_04 */
.medical-pro02_04 .slide-progress{ margin:0 20px; margin-top:70px; }
.medical-pro02_04 .slick-slide{ width:340px; background:#fff; margin-right:30px; }
.medical-pro02_04 .slideBox{ border:1px solid #ddd; }
.medical-pro02_04 .slideBox .img{ width:100%; }
.medical-pro02_04 .slideBox .img img{ width:100%; }
.medical-pro02_04 .slideBox .txt{ display:flex; flex-direction:column; padding:0 20px; margin:20px 0; }
.medical-pro02_04 .slideBox .txt .txt-wrap .title{ font-size:18px; font-weight:600; }
.medical-pro02_04 .slideBox .txt .txt-wrap .info{ color:#454545; font-size:14px; }
.medical-pro02_04 .slideBox .txt .btn-more{ width:100%; color:#fff; font-size:18px; text-align:center; background:#3282af; margin-top:25px; transition:background .3s ease; }
.medical-pro02_04 .slideBox .txt .btn-more:hover{ background:#0f4c6b; }
.medical-pro02_04 .slideBox .txt .btn-more a{ padding:10px 0 12px; }
.medical-pro02_04 .slideBox .txt .btn-more a span{ background:url('../img/icon_new-brws_white.svg') no-repeat top 7px right; padding-right:27px; }
.medical-pro02_04 .slide-progress button{ width:40px; height:40px; font-size:0; background:url('../img/arrow_brown.svg') no-repeat center center; position:absolute; bottom:-53px; }
.medical-pro02_04 .slide-progress button.slick-prev{ right:70px; transform:rotate(-135deg); }
.medical-pro02_04 .slide-progress button.slick-next{ right:-10px; transform:rotate(45deg); }
.medical-pro02_04 .progress{ position:relative; top:30px; }
.medical-pro02_04 .progress-container{ width:calc(100% - 170px); height:2px; background:#ddd; position:relative; top:1px; overflow:hidden; }
.medical-pro02_04 .progress-container .progress-bar{ width:0; height:100%; background:#000; transition:width .3s ease; }
.medical-pro02_04 .progress .progress-bar-label{ width:40px; color:#454545; font-size:14px; font-weight:600; text-align:center; position:absolute; top:50%; right:50px; transform:translateY(-50%); }

/* medical-pro02_05 */
.medical-pro02_05 .section1{ margin-top:70px; }
.medical-pro02_05 .section1 .img{ border-radius:15px; margin-bottom:60px; overflow:hidden; }
.medical-pro02_05 .section1 .txt{ display:flex; justify-content:space-between; align-items:center; padding:0 5px; margin-bottom:60px; }
.medical-pro02_05 .section1 .txt .txtBox1{ width:380px; font-size:30px; font-weight:600; line-height:52px; }
.medical-pro02_05 .section1 .txt .txtBox2{ width:500px; font-size:18px; font-weight:500; }
.medical-pro02_05 .section1 .txt .txtBox2 p{ line-height:32px; }
.medical-pro02_05 .section1 .txt .txtBox2 p:last-child{ margin-top:15px; }
.medical-pro02_05 .section1 .txt span{ display:inline-block; position:relative; }
.medical-pro02_05 .section1 .txt span:before{ content:''; width:100%; height:30%; position:absolute; bottom:5px; left:0; z-index:-1; }
.medical-pro02_05 .section1 .txt span.txt01:before{ background:#c3dff0; }
.medical-pro02_05 .section1 .txt span.txt02:before{ background:#cbf0c3; }
.medical-pro02_05 .section1 .txt span.txt03{ color:#3282af; }
.medical-pro02_05 .section1 .txt span.txt04{ font-size:24px; }
.medical-pro02_05 .section1 .txt span.txt05{ color:#3282af; font-size:24px; font-weight:600; }
.medical-pro02_05 .section1 .slideTxt p{ color:#ddd; font-family:'GmarketSans'; font-size:90px; position:relative; transition:left .8s ease-out, right .8s ease-out; opacity:0; }
.medical-pro02_05 .section1 .slideTxt p.leftToRight{ left:-20%; }
.medical-pro02_05 .section1 .slideTxt p.rightToLeft{ text-align:right; right:-20%; }
.medical-pro02_05 .section1 .slideTxt p.leftToRight.active{ left:5px; opacity:1; }
.medical-pro02_05 .section1 .slideTxt p.rightToLeft.active{ right:5px; opacity:1; }
.medical-pro02_05 .has-tabs .section-wrap{ padding-bottom:120px; }
.medical-pro02_05 .fix-page-wrap{ width:100%; background:#fff; position:relative; }
.medical-pro02_05 .fix-page-wrap .focusPage{ font-family:'GmarketSans'; font-size:14px; text-align:right; position:absolute; top:130px; left:20px; }
.medical-pro02_05 .fix-page-wrap .focusPage li{ color:#ccc; margin:15px 0; position:relative; cursor:pointer; }
.medical-pro02_05 .fix-page-wrap .focusPage li.active{ color:#232323; padding-right:85px; }
.medical-pro02_05 .fix-page-wrap .focusPage li.active:before{ content:''; width:60px; height:1px; background:#232323; position:absolute; top:50%; right:0; }
.medical-pro02_05 .fix-page-wrap.pagefixed .focusPage{ position:fixed; z-index:3; }
.medical-pro02_05 .fix-page-wrap h4{ font-size:30px; font-weight:700; text-align:center; margin-bottom:70px; }
.medical-pro02_05 .section2{ display:flex; flex-direction:column; justify-content:center; height:100vh; position:sticky; top:0; }
.medical-pro02_05 .fix-page-wrap .vision-wrap{ display:flex; justify-content:space-between; }
.medical-pro02_05 .fix-page-wrap .vision-wrap .visionBox{ width:calc(25% - 5px); text-align:center; border:1px solid #ddd; padding:320px 10px 50px; }
.medical-pro02_05 .fix-page-wrap .vision-wrap .visionBox:nth-child(1){ background:url('../img/sub2_5_img02.png') no-repeat top 20px center; }
.medical-pro02_05 .fix-page-wrap .vision-wrap .visionBox:nth-child(2){ background:url('../img/sub2_5_img03.png') no-repeat top 20px center; }
.medical-pro02_05 .fix-page-wrap .vision-wrap .visionBox:nth-child(3){ background:url('../img/sub2_5_img04.png') no-repeat top 20px center; }
.medical-pro02_05 .fix-page-wrap .vision-wrap .visionBox:nth-child(4){ background:url('../img/sub2_5_img05.png') no-repeat top 20px center; }
.medical-pro02_05 .fix-page-wrap .vision-wrap .visionBox .vision{ font-size:20px; font-weight:600; margin-bottom:10px; }
.medical-pro02_05 .fix-page-wrap .vision-wrap .visionBox .vision_ko{ color:#454545; }
.medical-pro02_05 .fix-page-wrap .section3{ width:100%; max-width:none; padding-top:120px; position:relative; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap{ display:flex; justify-content:flex-end; width:96%; max-width:1200px; margin:0 auto; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-year{ width:40%; height:100vh; font-family:'GmarketSans'; font-size:120px; text-align:right; padding:135px 40px 0 0; position:relative; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-year .year span{ color:#3282af; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-year-bg{ width:100%; height:100%; background:url('../img/bg_shape.svg') no-repeat #fafafa; background-size:1200px; background-position:top 100px right -600px; position:absolute; top:0; right:0; transition:width .8s ease; z-index:-1; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list{ width:60%; padding-left:20%; padding-bottom:150px; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list ul{ border-bottom:1px dashed #ddd; padding:20px; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list ul:last-child{ border:none; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list ul li{ color:#ccc; padding-left:20px; margin:40px 0; position:relative; transition:all .3s ease; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list ul li:before{ content:''; width:5px; height:5px; background:#ccc; border-radius:50%; position:absolute; top:11px; left:0; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list ul.active li{ color:#232323; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list ul.active li:before{ background:#232323; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list ul li.important{ color:#0f4c6b; font-weight:600; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list ul li.important:before{ background:#0f4c6b; }
.medical-pro02_05 .fix-page-wrap .section3.fixed .history-wrap{ width:100%; }
.medical-pro02_05 .fix-page-wrap .section3.fixed .history-wrap .history-year{ width:480px; height:100vh; position:fixed; top:0; left:calc(50% - 360px); transform:translateX(-50%); }
.medical-pro02_05 .fix-page-wrap.onSticky .section3 .history-wrap .history-year-bg{ width:300%; }
.medical-pro02_05 .fix-page-wrap .section3.fixed .history-wrap .history-list{ padding-left:60%; }





/* medical-pro03_01 */
.medical-pro03_01 #content.news.has-tabs h3{ margin-bottom:70px; }
.medical-pro03_01 .gridBox{ background:#fff; border:1px solid #ddd; margin-bottom:40px; }
.medical-pro03_01 .gridBox .img{ width:100%; height:205px; border-bottom:1px solid #ddd; position:relative; overflow:hidden; }
.medical-pro03_01 .gridBox .img img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.medical-pro03_01 .gridBox .txt{ display:flex; flex-direction:column; justify-content:space-between; height:calc(100% - 205px); padding:25px 20px; }
.medical-pro03_01 .gridBox .txt .title{ display:-webkit-box; font-size:18px; font-weight:600; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; }
.medical-pro03_01 .gridBox .txt .preview{ display:-webkit-box; color:#454545; font-size:14px; margin-top:15px; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; }
.medical-pro03_01 .gridBox .txt .btn-more{ width:100%; color:#fff; font-size:18px; text-align:center; background:#3282af; margin-top:25px; transition:background .3s ease; }
.medical-pro03_01 .gridBox .txt .btn-more:hover{ background:#0f4c6b; }
.medical-pro03_01 .gridBox .txt .btn-more a{ padding:10px 0 12px; }
.medical-pro03_01 .gridBox .txt .btn-more a span{ background:url('../img/icon_new-brws_white.svg') no-repeat top 7px right; padding-right:27px; }





/* medical-pro04 */
.medical-pro04 .custom-event .title{ color:#0f4c6b; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px; }
.medical-pro04 .custom-event .reserveBox{ width:100%; }
.medical-pro04 .custom-event .reserveBox table{ width:100%; font-size:14px; }
.medical-pro04 .custom-event .reserveBox table th, .medical-pro04 .custom-event .reserveBox table td{ border:1px solid #ddd; padding:8px 5px; }
.medical-pro04_01 .custom-event .reserveBox table th, .medical-pro04_1 .custom-event .reserveBox table td{ width:33.333%; }
.medical-pro04_02 .custom-event .reserveBox table th, .medical-pro04_2 .custom-event .reserveBox table td{ width:50%; }
.medical-pro04 .custom-event .reserveBox table th:first-child, .medical-pro04 .custom-event .reserveBox table td:first-child{ border-left:none; }
.medical-pro04 .custom-event .reserveBox table th:last-child, .medical-pro04 .custom-event .reserveBox table td:last-child{ border-right:none; }
.medical-pro04 .custom-event .reserveBox table th{ color:#454545; font-weight:600; background:#efefef; }
.medical-pro04 .eventAdd .title{ color:#0f4c6b; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px; }
.medical-pro04 .eventAdd .rowWrap{ display:flex; align-items:center; margin:10px 0; }
.medical-pro04 .eventAdd .rowWrap .select-title{ width:80px; color:#3282af; font-size:14px; font-weight:600; text-align:right; padding-right:20px; }
.medical-pro04 .eventAdd .rowWrap textarea{ width:100%; height:100px; font-family:'Noto Sans KR', sans-serif; border:1px solid #ddd; padding:10px; resize:none; }
.medical-pro04 .eventAdd .custom-select{ width:calc(100% - 80px); height:40px; font-size:14px; background:#fff; border:1px solid #ddd; position:relative; outline:none; cursor:pointer; }
.medical-pro04 .eventAdd .custom-select .selected-option{ width:100%; height:100%; padding:8px 13px; position:relative; }
.medical-pro04 .eventAdd .custom-select .selected-option:before{ content:''; width:8px; height:8px; background:url('../img/arrow_black.svg') no-repeat center center; background-size:contain; position:absolute; top:13px; right:14px; transform:rotate(135deg); }
.medical-pro04 .eventAdd .custom-select .options-list{ display:none; width:calc(100% + 2px); max-height:calc(46px * 5); background:#fff; border:1px solid #ddd; position:absolute; top:100%; left:-1px; box-shadow:0 10px 10px rgba(85, 85, 85, 0.1); overflow-y:scroll; }
.medical-pro04 .eventAdd .custom-select .options-list .option-item{ padding:13px; cursor:pointer; }
.medical-pro04 .eventAdd .custom-select .options-list .option-item:hover{ background:#f0f0f0; }
.medical-pro04 .eventAdd .custom-select.open{ z-index:3; }
.medical-pro04 .eventAdd .custom-select.open .selected-option:before{ top:17px; transform:rotate(-45deg); }
.medical-pro04 .eventAdd .custom-select.open .options-list{ display:block; }
.medical-pro04 .eventAdd .rowWrap .timeWrap{ display:flex; justify-content:flex-end; align-items:center; width:calc(100% - 80px); }
.medical-pro04 .eventAdd .rowWrap .timeWrap .custom-select{ width:calc(50% - 15px); margin-right:5px; }
.medical-pro04 .eventAdd .rowWrap .timeWrap .time-txt{ font-size:14px; }
.medical-pro04 .eventAdd .rowWrap .timeWrap .time-txt:nth-child(2){ margin-right:10px; }
.medical-pro04 .eventAdd .btnWrap{ display:flex; justify-content:space-between; width:100%; margin-top:50px; }
.medical-pro04 .eventAdd .btnWrap a{ width:48%; text-align:center; padding:10px 20px 12px; border:1px solid #ddd; }
.medical-pro04 .eventAdd .btnWrap a.return{ background:#fff; transition:background .3s ease; }
.medical-pro04 .eventAdd .btnWrap a.return:hover{ background:#efefef; }
.medical-pro04 .eventAdd .btnWrap a.create{ color:#fff; background:#3282af; border:none; transition:background .3s ease; }
.medical-pro04 .eventAdd .btnWrap a.create:hover{ background:#0f4c6b; }
.layer_calendar #content h3{ margin:50px auto 30px; }
.layer_calendar section{ width:96%; max-width:600px; margin:0 auto; }
.layer_calendar .calendar-wrap #eventListContainer{ width:100%; padding:40px 30px; }
.layer_calendar .calendar-wrap #eventListContainer .listHeader{ margin-bottom:40px; }
.layer_calendar .eventAdd .title{ color:#0f4c6b; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px; }
.layer_calendar .eventAdd .rowWrap{ display:flex; align-items:center; margin:10px 0; }
.layer_calendar .eventAdd .rowWrap .select-title{ width:80px; color:#3282af; font-size:14px; font-weight:600; text-align:right; padding-right:20px; }
.layer_calendar.sample .eventAdd .rowWrap .select-title{ width:120px; }
.layer_calendar .eventAdd .rowWrap textarea{ width:100%; height:100px; font-family:'Noto Sans KR', sans-serif; border:1px solid #ddd; padding:10px; resize:none; }
.layer_calendar .eventAdd .custom-select{ width:calc(100% - 80px); height:40px; font-size:14px; background:#fff; border:1px solid #ddd; position:relative; outline:none; cursor:pointer; }
.layer_calendar.sample .eventAdd .custom-select{ width:calc(100% - 120px); height:40px; font-size:14px; background:#fff; border:1px solid #ddd; position:relative; outline:none; cursor:pointer; }
.layer_calendar .eventAdd .custom-select .selected-option{ width:100%; height:100%; padding:8px 13px; position:relative; }
.layer_calendar .eventAdd .custom-select .selected-option:before{ content:''; width:8px; height:8px; background:url('../img/arrow_black.svg') no-repeat center center; background-size:contain; position:absolute; top:13px; right:14px; transform:rotate(135deg); }
.layer_calendar .eventAdd .custom-select .options-list{ display:none; width:calc(100% + 2px); max-height:calc(46px * 5); background:#fff; border:1px solid #ddd; position:absolute; top:100%; left:-1px; box-shadow:0 10px 10px rgba(85, 85, 85, 0.1); overflow-y:scroll; }
.layer_calendar .eventAdd .custom-select .options-list .option-item{ padding:13px; cursor:pointer; }
.layer_calendar .eventAdd .custom-select .options-list .option-item:hover{ background:#f0f0f0; }
.layer_calendar .eventAdd .custom-select.open{ z-index:3; }
.layer_calendar .eventAdd .custom-select.open .selected-option:before{ top:17px; transform:rotate(-45deg); }
.layer_calendar .eventAdd .custom-select.open .options-list{ display:block; }
.layer_calendar .eventAdd .rowWrap .timeWrap{ display:flex; justify-content:flex-end; align-items:center; width:calc(100% - 80px); }
.layer_calendar .eventAdd .rowWrap .timeWrap .custom-select{ width:calc(50% - 15px); margin-right:5px; }
.layer_calendar .eventAdd .rowWrap .timeWrap .time-txt{ font-size:14px; }
.layer_calendar .eventAdd .rowWrap .timeWrap .time-txt:nth-child(2){ margin-right:10px; }
.layer_calendar .eventAdd .btnWrap{ display:flex; justify-content:space-between; width:100%; margin-top:50px; }
.layer_calendar .eventAdd .btnWrap a{ width:48%; text-align:center; padding:10px 20px 12px; border:1px solid #ddd; }
.layer_calendar .eventAdd .btnWrap a.return{ background:#fff; transition:background .3s ease; }
.layer_calendar .eventAdd .btnWrap a.return:hover{ background:#efefef; }
.layer_calendar .eventAdd .btnWrap a.create{ color:#fff; background:#3282af; border:none; transition:background .3s ease; }
.layer_calendar .eventAdd .btnWrap a.create:hover{ background:#0f4c6b; }




/* medical-pro05 */
.medical-pro05 .boardWrap{ display:flex; justify-content:center; }
/*.medical-pro05 .boardWrap .board-listWrap{ width:450px; }*/
.medical-pro05 .boardWrap .board-listWrap .board-list{ border-bottom:1px solid #ddd; margin-bottom:20px; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap{ display:flex; justify-content:space-between; border-top:1px solid #ddd; padding:20px 10px; position:relative; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap.active{ background:#ecf1f6; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .img{ width:100px; height:100px; background:#fff; border:1px solid #ddd; border-radius:10px; overflow:hidden; position:relative; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .img.noImg{ background:url('../img/sub5_1_img01.png') no-repeat center center; background-size:contain; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .img a{ display:block; width:100%; height:100%; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .img img{ max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .txt{ width:calc(100% - 120px); }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .txt .info{ display:flex; align-items:center; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .txt .info .name{ color:#0f4c6b; font-weight:600; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .txt .info .date{ color:#454545; font-size:14px; margin-left:10px; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .txt .info .chat_edit{ display:flex; margin-left:10px; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .txt .info .chat_edit a{ color:#787878; font-size:12px; border:1px solid #ddd; border-radius:5px; padding:1px 6px 3px; margin:0 3px; transition:all .3s ease; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .txt .info .chat_edit a:hover{ color:#fff; border:1px solid #454545; background:#454545; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .txt .chat-title{ display:inline-block; color:#454545; font-size:14px; margin-top:5px; }
.medical-pro05 .boardWrap .board-listWrap .chatWrap .reply-count{ color:#3282af; font-size:14px; font-weight:600; background:url('../img/icon_chat.svg') no-repeat center left; background-size:14px; padding-left:18px; position:absolute; top:10px; right:10px; }
.medical-pro05 .boardWrap .board-listWrap .new-chat{ width:100%; color:#fff; text-align:center; background:#3282af; margin-top:30px; transition:background .3s ease; cursor:pointer; }
.medical-pro05 .boardWrap .board-listWrap .new-chat:hover{ background:#0f4c6b; }
.medical-pro05 .boardWrap .board-listWrap .new-chat a{ padding:15px 0 17px; }
.medical-pro05 .boardWrap .board-view{ width:100%; max-width:900px; margin:0 auto; }
.medical-pro05 .boardWrap .board-view .board-title{ color:#0f4c6b; font-size:14px; font-weight:600; text-align:center; background:#e2e8ed; border-top:1px solid #d6dce1; border-bottom:1px solid #d6dce1; padding:12px 0; }
.medical-pro05 .boardWrap .board-view .chatBox{ height:calc(100vh - 160px); background:#e2e8ed; overflow:scroll; }
.medical-pro05 .boardWrap .board-view .chatBox .chatBoxInner{ padding:30px 10px; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt{ display:flex; width:70%; margin:20px 0; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .img{ width:40px; height:40px; background:#f8f8f8; border-radius:10px; margin-right:10px; overflow:hidden; position:relative; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .img.noImg{ background:url('../img/sub5_1_bg01.png') no-repeat center center #f8f8f8; background-size:24px; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .img img{ max-height:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox{ width:calc(100% - 60px); }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .name{ font-size:14px; font-weight:500; margin-bottom:10px; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt{ display:flex; align-items:flex-start; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt p{ display:inline-block; max-width:calc(100% - 50px); word-break:break-all; background:#fff; border:1px solid #d6dce1; border-radius:5px; padding:5px 12px 7px; margin-bottom:3px; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .chat_hover a{ display:none; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt:hover .chat_hover a{ display:block; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .down{ width:40px; height:40px; font-size:0; background:url('../img/icon_down.svg') no-repeat center center #ffffff90; border-radius:50%; cursor:pointer; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .down:hover{ background:url('../img/icon_down.svg') no-repeat center center #fff; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .chat_delete{ width:40px; height:40px; font-size:0; background:url('../img/icon_trash.svg') no-repeat center center #ffffff90; background-size:40%; border-radius:50%; cursor:pointer; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .chat_delete:hover{ background:url('../img/icon_trash_red.svg') no-repeat center center #fff; background-size:40%; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .file-down{ display:flex; justify-content:space-between; align-items:flex-end; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .file-down .fileBox{ width:calc(100% - 95px); }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .file-down .fileBox video,
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .file-down .fileBox img{ display:block; width:100%; height:auto; max-height:150px; object-fit:contain; font-size:0; border-radius:5px; overflow:hidden; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .file-down .chat_hover{ display:flex; justify-content:space-between; width:85px; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt.user-me{ justify-content:flex-end; text-align:right; margin-left:28%; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt.user-me .txtBox .txt{ display:flex; justify-content:flex-end; align-items:flex-end; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt.user-me .txtBox .txt p{ order:2; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt.user-me .txtBox .txt .chat_hover{ margin-right:10px; order:1; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt.user-me .txtBox .txt .file-down .fileBox{ order:2; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt.user-me .txtBox .txt .file-down .chat_hover{ order:1; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt.user-other .chat_hover{ margin-left:10px; }
.medical-pro05 .boardWrap .board-view .replyWrap{ width:100%; background:#fff; border:1px solid #ddd; border-top:none; }
.medical-pro05 .boardWrap .board-view .replyWrap textarea{ width:100%; height:60px; font-family:'Noto Sans KR', sans-serif; border:none; padding:10px; resize:none; }
.medical-pro05 .boardWrap .board-view .replyWrap .btnWrap{ display:flex; justify-content:space-between; align-items:center; padding:10px; }
.medical-pro05 .boardWrap .board-view .replyWrap .btnWrap .reply-file{ width:30px; height:30px; background:url('../img/icon_file.svg') no-repeat center center; cursor:pointer; }
.medical-pro05 .boardWrap .board-view .replyWrap .btnWrap .reply-file:hover{ background:url('../img/icon_file_blue.svg') no-repeat center center; }
.medical-pro05 .boardWrap .board-view .replyWrap .btnWrap .reply-file a{ display:block; width:100%; height:100%; }
.medical-pro05 .boardWrap .board-view .replyWrap .btnWrap .reply-send{ font-size:14px; font-weight:500; background:#f0f0f0; border-radius:5px; padding:5px 14px 7px; cursor:pointer; transition:color .3s ease, background .3s ease; }
.medical-pro05 .boardWrap .board-view .replyWrap .btnWrap .reply-send:hover{ color:#fff; background:#3282af; }
.medical-pro05 .cancel-btn{ width:100%; max-width:900px; color:#fff; background:#3282af; margin:30px auto 0; transition:background .3s ease; }
.medical-pro05 .cancel-btn a{ text-align:center; padding:15px 0 17px; }
.medical-pro05 .cancel-btn:hover{ background:#0f4c6b; }
body.new-chat{ padding:50px; margin-top:0; }
.new-chat .chat-popup .popup-header{ font-size:32px; font-weight:600; text-align:center; margin-bottom:30px; }
.new-chat .chat-popup .popup-content{ display:flex; justify-content:space-between; align-items:center; }
.new-chat .chat-popup .popup-content .chat-txt{ width:100%; }
.new-chat .chat-popup .popup-content .chat-txt .form-group{ display:flex; align-items:center; background:#fafafa; margin:20px 0; }
.new-chat .chat-popup .popup-content .chat-txt .form-group.text{ height:120px; }
.new-chat .chat-popup .popup-content .chat-txt .form-group.file-upload{ padding:20px; }
.new-chat .chat-popup .popup-content .chat-txt .form-group textarea{ width:100%; height:100%; font-family:'Noto Sans KR', sans-serif; font-size:16px; background:transparent; border:none; padding:20px; resize:none; }
.new-chat .chat-popup .popup-content .chat-txt .form-group label{ display:flex; justify-content:space-between; }
.new-chat .chat-popup .popup-content .chat-txt .form-group label .txt{ display:flex; flex-direction:column; width:120px; }
.new-chat .chat-popup .popup-content .chat-txt .form-group label span{ font-weight:700; }
.new-chat .chat-popup .popup-content .chat-txt .form-group label #fileDeleteBtn{ background:#fff; border:1px solid #ddd; border-radius:5px; padding:5px 12px 7px; margin-top:5px; }
.new-chat .chat-popup .popup-content .chat-txt .form-group label .previewWrap{ display:flex; width:calc(100% - 140px); }
.new-chat .chat-popup .file-restrictions{ color:#3282af; font-size:14px; }
.new-chat .chat-popup .btn-wrap{ display:flex; justify-content:space-between; width:100%; margin-top:50px; }
.new-chat .chat-popup .btn-wrap a{ width:100%; text-align:center; padding:10px 20px 12px; border:1px solid #ddd; }
.new-chat .chat-popup .btn-wrap a.return{ background:#fff; transition:background .3s ease; }
.new-chat .chat-popup .btn-wrap a.return:hover{ background:#efefef; }
.new-chat .chat-popup .btn-wrap a.create{ color:#fff; background:#3282af; border:none; transition:background .3s ease; }
.new-chat .chat-popup .btn-wrap a.create:hover{ background:#0f4c6b; }





/***************/
/* public-info */
/****************/

/*  */
body.mouseHover.p-main .circle{ width:100px; height:100px; }
body.mouseHover.p-main .circle p{ font-size:16px; }
.public-info_main main{ width:100%; height:850px; background:url('../img/sub11_img01.png') no-repeat top -180px left -2920px #fff; background-size:auto 1500px; position:relative; overflow:hidden; }
/*.public-info_main main .shapeWrap{ width:calc(100vh - 106px); aspect-ratio:1; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.public-info_main main .shapeSmall{ width:38vh; aspect-ratio:1; border:20px solid #fff; border-radius:70px; position:absolute; top:50%; left:42%; transform:translate(-50%,-50%) rotate(45deg); opacity:.6; }
.public-info_main main .shapeBig{ width:57vh; aspect-ratio:1; border:20px solid #fff; border-radius:100px; position:absolute; top:50%; left:42%; transform:translate(-50%,-50%) rotate(45deg); opacity:.6; }*/
.public-info_main main .main{ height:100%; }
.public-info_main main .shapeWrap{ width:660px; height:100%; position:absolute; top:0; left:0; }
.public-info_main main .shapeWrap > div{ width:100%; height:100%; position:absolute; top:0; left:0; }
.public-info_main main .shapeWrap > div:before{ content:''; width:67%; aspect-ratio:1; border:20px solid #fff; border-radius:13%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(45deg); opacity:.6; }
.public-info_main main .shapeWrap > div .line{ width:70%; height:1px; border-top:2px dashed #fff; position:absolute; }
.public-info_main main .shapeWrap > div .ripple-container{ width:120px; aspect-ratio:1; position:absolute; }
.public-info_main main .shapeWrap > div .ripple-container .ripple{ width:0; height:0; background:#fff; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); animation:ripple-animation 2s infinite; }
.public-info_main main .shapeWrap > div .ripple-container .ripple:nth-child(2){ animation-delay:.5s; }
.public-info_main main .shapeWrap > div .ripple-container .ripple:nth-child(3){ animation-delay:1s; }
.public-info_main main .shapeWrap > div.shapeSmall{ width:60%; aspect-ratio:1; left:50%; transform:translateX(-50%); }
.public-info_main main .shapeWrap > div.shapeSmall .line{ top:calc(50% - 190px); right:-20%; }
.public-info_main main .shapeWrap > div.shapeSmall .ripple-container{ top:calc(50% - 190px); right:35%; transform:translateY(-50%); }
.public-info_main main .shapeWrap > div.shapeBig .line{ width:37%; bottom:calc(50% - 82px); right:-24%; }
.public-info_main main .shapeWrap > div.shapeBig .ripple-container{ bottom:calc(43% - 79px); right:4%; }
.public-info_main main .product{ display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; padding:50px 0; position:relative; }
.public-info_main main .productWrap{ display:inline-block; width:580px; border-radius:15px; margin:25px 0; position:relative; box-shadow:0 0 30px rgba(0, 0, 0, .2); }
.public-info_main main .productWrap.small{ top:80px; left:611px; }
.public-info_main main .productWrap.big{ top:70px; left:820px; }
.public-info_main main .productWrap.middle{ bottom:20px; left:20px; }
/*.public-info_main main .productWrap:before{ content:''; aspect-ratio:1; border:20px solid #fff; border-radius:13%; position:absolute; top:50%; left:0; transform:translateY(-50%) rotate(45deg); opacity:.6; }
.public-info_main main .productWrap.small:before{ width:290px; left:-485px; top:calc(50% + 164px); }
.public-info_main main .productWrap.big:before{ width:460px; left:-740px; top:calc(50% - 113px); }*/
.public-info_main main .productWrap a{ display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; background:rgba(255, 255, 255, .7); backdrop-filter:blur(10px); border-radius:15px; padding:40px; position:relative; transition:background .3s ease; cursor:none; }
.public-info_main main .productWrap a:hover{ background:rgba(230, 230, 230, .7); }
.public-info_main main .productWrap .line{ width:45%; height:1px; border-top:2px dashed #fff; position:absolute; top:50%; left:-45%;  }
.public-info_main main .productWrap a .title{ font-size:26px; font-weight:600; margin-bottom:10px; }
.public-info_main main .productWrap a .title_sub{ font-size:14px; }
.public-info_main main .productWrap a p.txtWrap{ display:inline-block; font-size:18px; font-weight:600; background:url('../img/icon_new-brws.svg') no-repeat right center; padding-right:24px; margin-top:25px; }
.public-info_main main .productWrap .ripple-container{ width:120px; aspect-ratio:1; position:absolute; top:50%; left:calc(-45% - 60px); transform:translateY(-50%); }
.public-info_main main .productWrap .ripple-container .ripple{ width:0; height:0; background:#fff; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); animation:ripple-animation 2s infinite; }
.public-info_main main .productWrap .ripple-container .ripple:nth-child(2){ animation-delay:.5s; }
.public-info_main main .productWrap .ripple-container .ripple:nth-child(3){ animation-delay:1s; }
@keyframes ripple-animation{
	0%{ width:0; height:0; opacity:1; }
	100%{ width:100%; height:100%; opacity:0; }
}
.public-info_main main .go_medical{ position:absolute; top:20px; right:20px; z-index:1; }
.public-info_main main .go_medical a{ display:block; background:#fff; border:1px solid #232323; border-radius:5px; padding:7px 15px 9px; transition:all .3s ease; }
.public-info_main main .go_medical:hover a { color:#fff; background:#232323; }





/* public-info03 */
.public-info03 .section-wrap{ width:100%; background:url('../img/sub8_bg01.png') no-repeat bottom center; padding-bottom:120px; }
.public-info03 #content .section1 h3{ line-height:48px; padding-top:80px; margin:0 auto 50px; }
.public-info03 #content .section1 h3 span{ display:block; }
.public-info03 .section1 .title_sub{ color:#565656; font-size:18px;; text-align:center; }
.public-info03 .section1 .boxWrap{ margin-top:70px; position:relative; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox{ display:flex; justify-content:space-between; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox .txtBox{ width:calc(50% - 10px); height:380px; color:#fff; background:rgba(0, 0, 0, .3); backdrop-filter:blur(10px); border-radius:20px; padding:50px 60px; position:relative; transition:background .3s ease, box-shadow .3s ease; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(1) .txtBox:nth-child(1){ text-align:left; padding-right:200px; margin-bottom:20px; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(1) .txtBox:nth-child(2){ text-align:right; padding-left:200px; margin-bottom:20px; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(2) .txtBox:nth-child(1){ text-align:right; padding-left:200px; order:2; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(2) .txtBox:nth-child(2){ text-align:left; padding-right:200px; order:1; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox .txtBox.active{ background:rgba(50, 130, 175, .8); box-shadow:0 0 20px rgba(0, 0, 0, .2); }
.public-info03 .section1 .boxWrap .txtWrap .columnBox .txtBox .title{ font-size:30px; font-weight:600; margin-bottom:25px; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox .txtBox .txt p{ margin-bottom:5px; }
.public-info03 .section1 .boxWrap .logoWrap{ width:400px; height:400px; text-align:center; background:#fff; border-radius:90px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(45deg); box-shadow:0 0 20px rgba(0, 0, 0, .2); }
.public-info03 .section1 .boxWrap .logoWrap .logoWrap-border{ width:340px; height:340px; background:#fff; border:15px solid #ddd; border-radius:80px; position:absolute; top:30px; left:30px; } 
.public-info03 .section1 .boxWrap .logoWrap .logo{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); }
.public-info03 .section1 .boxWrap .logoWrap .logo .txt{ color:#353f69; font-size:24px; letter-spacing:.5rem; padding-left:.5rem; margin-top:5px; }
.public-info03 .section1 .boxWrap .circleWrap{ width:100%; height:100%; position:absolute; top:0; left:0; }
.public-info03 .section1 .boxWrap .circleWrap .txt-circle{ width:40px; height:40px; background:#787878; border-radius:50%; position:absolute; transition:background .3s ease; }
.public-info03 .section1 .boxWrap .circleWrap .txt-circle.active{ background:#3282af; }
.public-info03 .section1 .boxWrap .circleWrap .circle1{ top:40px; left:40px; }
.public-info03 .section1 .boxWrap .circleWrap .circle2{ top:40px; right:40px; }
.public-info03 .section1 .boxWrap .circleWrap .circle3{ bottom:40px; right:40px; }
.public-info03 .section1 .boxWrap .circleWrap .circle4{ bottom:40px; left:40px; }
.public-info03 .section2{ margin-top:120px; }
.public-info03 .section2 h3 span{ display:block; color:#565656; font-size:18px; font-weight:400; margin-top:5px; }
.public-info03 .section2 .boxWrap{ display:flex; justify-content:space-between; }
.public-info03 .section2 .boxWrap .accordion_wrap{ width:calc(50% - 20px); }
.public-info03 .section2 .boxWrap .accordion_wrap > .title{ font-size:48px; font-weight:500; position:relative; }
.public-info03 .section2 .boxWrap .accordion_wrap > .title span{ font-size:1.6em; opacity:.05; position:absolute; top:-50%; left:60px; }
.public-info03 .section2 .boxWrap .accordion_wrap .accordionBox{ border-top:3px solid #232323; margin-top:15px; }
.public-info03 .section2 .boxWrap .accordion_wrap .accordionBox .accordion{ border-bottom:1px solid #232323; }
.public-info03 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .titleWrap{ padding:20px 30px 20px 10px; position:relative; cursor:pointer; }
.public-info03 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .titleWrap:before{ content:''; width:12px; height:12px; background:url('../img/arrow_black.svg') no-repeat center center; background-size:contain; position:absolute; top:calc(50% - 10px); right:12px; transform:translateY(-50%) rotate(135deg); }
.public-info03 .section2 .boxWrap .accordion_wrap .accordionBox .accordion.active .titleWrap:before{ top:calc(50% - 3px); transform:translateY(-50%) rotate(315deg); }
.public-info03 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .titleWrap .reg-number{ font-size:14px; margin-top:8px; }
.public-info03 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .titleWrap .reg-number span{ display:inline-block; color:#fff; background:#454545; border-radius:5px; padding:2px 7px 4px; margin-right:5px; }
.public-info03 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .toggleWrap{ width:calc(100% - 20px); border-top:1px solid #ddd; padding:20px 15px; margin:0 auto; }
.public-info03 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .toggleWrap ul li{ color:#565656; padding-left:12px; margin:10px 0; position:relative; }
.public-info03 .section2 .boxWrap .accordion_wrap .accordionBox .accordion .toggleWrap ul li:before{ content:''; width:5px; height:5px; background:#565656; border-radius:50%; position:absolute; top:10px; left:0; }




/* public-info05 */
.public-info05 .pagefixed{ background:#fafafa; position:relative; z-index:2; }
.public-info05 .pagefixed .focusPage{ display:flex; justify-content:center; background:#fff; transition:top .3s ease; }
body.header-fix.public-info05 .pagefixed .focusPage{ top:106px !important; }
.public-info05 .pagefixed .focusPage li{ color:#565656; padding:30px 0; margin:0 20px; position:relative; cursor:pointer; }
.public-info05 .pagefixed .focusPage li:hover{ color:#43a1da; }
.public-info05 .pagefixed .focusPage li:before{ content:''; width:0; height:3px; background:#43a1da; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:width .3s ease, color .3s ease; }
.public-info05 .pagefixed .focusPage li:hover:before{ width:calc(100% + 20px); }
.public-info05 .pagefixed .focusPage li.active{ color:#43a1da; font-weight:600; }
.public-info05 .pagefixed .focusPage li.active:before{ width:calc(100% + 20px); }
.public-info05.sub main section{ padding:120px 0; margin:0 auto; }
.public-info05 .section-wrap{ width:100%; background:#fafafa; }
.public-info05 .category{ display:inline-block; color:#fff; font-size:24px; font-weight:600; background:#232323; border-radius:50px; padding:11px 28px 13px; margin-bottom:40px; margin-left:-2px; }
.public-info05 h2{ font-size:72px; font-weight:600; line-height:90px; }
.public-info05 .title_sub{ color:#454545; font-size:18px; margin:60px 0 80px; }
.public-info05 .section1{ display:flex; justify-content:flex-end; position:relative; }
.public-info05 .section1 .txtWrap{ width:calc(100% - 400px); height:100vh; transition:padding-top .3s ease; }
body.header-fix.public-info05 .section1 .txtWrap{ padding-top:190px; }
body.header-none.public-info05 .section1 .txtWrap{ padding-top:80px; }
.public-info05 .section1 .txtWrap .category{ display:none; }
.public-info05 .section1 .txtWrap .title_sub{ background:url('../img/sub10_img01.png') no-repeat left bottom; background-size:60%; padding-bottom:40vh; }
.public-info05 .section1 .boxWrap{ width:400px; }
.public-info05 .section1 .boxWrap .box{ margin-top:70px; }
.public-info05 .section1 .boxWrap .box img{ max-width:100%; }
.public-info05 .section1 .boxWrap .box .txt{ margin-top:25px; }
.public-info05 .section1 .boxWrap .box .txt h4{ font-size:24px; font-weight:600; line-height:30px; }
.public-info05 .section1 .boxWrap .box .txt h4 span{ color:#3282af; }
.public-info05 .section1 .boxWrap .box .txt p{ color:#454545; font-size:18px; line-height:24px; margin-top:20px; }
.public-info05 .section2 .boxWrap{ display:flex; justify-content:space-between; align-items:center; }
.public-info05 .section2 .boxWrap .team_accordion{ display:flex; flex-direction:column; align-items:flex-start; width:calc(100% - 900px); font-size:28px; }
.public-info05 .section2 .boxWrap .team_accordion p{ display:inline-block; color:#787878; font-weight:500; margin:15px 0; position:relative; transition:color .3s ease; cursor:pointer; }
.public-info05 .section2 .boxWrap .team_accordion p:before{ content:''; width:0; height:3px; background:#232323; position:absolute; bottom:-3px; left:0; transition:width .3s ease; }
.public-info05 .section2 .boxWrap .team_accordion p.active{ color:#232323; }
.public-info05 .section2 .boxWrap .team_accordion p.active:before{ width:100%; }
.public-info05 .section2 .boxWrap .info_accordion{ display:flex; flex-direction:column; justify-content:center; width:900px; height:100%; background:url('../img/bg_shape.svg') no-repeat right -365px bottom -100px #fafafa; background-size:940px; padding:90px 80px; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content h4{ font-size:36px; font-weight:500; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content p{ font-size:18px; font-weight:500; margin:20px 0 60px; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl{ display:table; width:100%; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dt{ display:table-cell; width:80px; color:#fff; text-align:center; vertical-align:middle; background:#565656; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dd{ display:table-cell; width:calc(100% - 80px); padding-left:40px; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dd ul li{ color:#565656; border-bottom:1px solid #ddd; padding:15px; position:relative; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dd ul li:before{ content:''; width:5px; height:5px; background:#787878; border-radius:50%; position:absolute; top:25px; left:0; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dd ul li:first-child{ padding-top:0; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dd ul li:first-child:before{ top:10px; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dd ol > li{ margin-top:3px; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dd ol > li:last-child{ margin-top:25px; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dd ol > li span{ color:#fff; background:#565656; border-radius:5px; padding:3px 9px 5px; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dd ol li ul{ margin-top:15px; }
.public-info05 .section3 .boxWrap{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.public-info05 .section3 .boxWrap > div{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:calc(100% / 4 - 9px); text-align:center; background:#fff; padding:40px 0 50px; margin-bottom:12px; }
.public-info05 .section3 .boxWrap > div .img{ width:60px; height:60px; }
.public-info05 .section3 .boxWrap > div:nth-child(1) .img{ background:url('../img/sub10_icon01.png') no-repeat center center; }
.public-info05 .section3 .boxWrap > div:nth-child(2) .img{ background:url('../img/sub10_icon02.png') no-repeat center center; }
.public-info05 .section3 .boxWrap > div:nth-child(3) .img{ background:url('../img/sub10_icon03.png') no-repeat center center; }
.public-info05 .section3 .boxWrap > div:nth-child(4) .img{ background:url('../img/sub10_icon04.png') no-repeat center center; }
.public-info05 .section3 .boxWrap > div:nth-child(5) .img{ background:url('../img/sub10_icon05.png') no-repeat center center; }
.public-info05 .section3 .boxWrap > div:nth-child(6) .img{ background:url('../img/sub10_icon06.png') no-repeat center center; }
.public-info05 .section3 .boxWrap > div:nth-child(7) .img{ background:url('../img/sub10_icon07.png') no-repeat center center; }
.public-info05 .section3 .boxWrap > div:nth-child(8) .img{ background:url('../img/sub10_icon08.png') no-repeat center center; }
.public-info05 .section3 .boxWrap > div .txt{ margin-top:10px; }
.public-info05 .section3 .boxWrap > div .txt p{ color:#565665; font-size:20px; font-weight:500; line-height:24px; }
.public-info05 .section3 .boxWrap > div .txt p span{ color:#1d68bf; font-size:16px; }
.public-info05 .section4 .boxWrap{ display:flex; justify-content:space-between; position:relative; }
.public-info05 .section4 .boxWrap:before{ content:''; width:calc(100% + 100px); height:4px; background:#ddd; position:absolute; top:50%; left:-50px; transform:translateY(-50%); z-index:-2; }
.public-info05 .section4 .boxWrap:after{ content:''; width:0; height:4px; background:#3282af; position:absolute; top:50%; left:-50px; transform:translateY(-50%); z-index:-1; }
.public-info05 .section4 .boxWrap.active:after{ animation:progressLine 10s ease forwards; }
@keyframes progressLine{
	0%{ width:0; }
	100%{ width:calc(100% + 100px); }
}
.public-info05 .section4 .boxWrap div{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:calc(20% - 40px); aspect-ratio:1; color:#3282af; font-size:18px; font-weight:600; text-align:center; background:#fff; border:1px solid #3282af; border-radius:50%; position:relative; z-index:1; }
.public-info05 .section4 .boxWrap div:nth-child(3) p{ margin:13px 0; }
.public-info05 .section4 .boxWrap div:nth-child(5){ color:#fff; background:#3282af; }
.public-info05 .section4 .boxWrap div span{ font-size:24px; margin-bottom:10px; }
.public-info05 .section4 .boxWrap .circle-move{ width:12px; height:12px; background:#3282af; border-radius:50%; position:absolute; top:50%; left:-50px; transform:translateY(-50%); }
.public-info05 .section4 .boxWrap.active .circle-move{ animation:progressCircle 10s ease forwards; }
@keyframes progressCircle{
	0%{ left:-50px; }
	100%{ left:calc(100% + 50px); }
}
.public-info05 .section4 .notice{ font-size:14px; text-align:right; margin-top:60px; }
.public-info05 .section4 .notice p:last-child{ color:#565656; margin-top:5px; }
.public-info05 .section5 .boxWrap{ margin-top:100px; }
.public-info05 .section5 .boxWrap dl{ margin-bottom:30px; }
.public-info05 .section5 .boxWrap dl dt{ color:#fff; font-size:18px; font-weight:600; background:#232323; padding:15px 20px 17px; }
.public-info05 .section5 .boxWrap dl dd{ background:#fff; padding:35px 30px; }
.public-info05 .section5 .boxWrap dl dd ul li{ color:#565656; padding-left:13px; margin:13px 0; position:relative; }
.public-info05 .section5 .boxWrap dl dd ul li:before{ content:''; width:5px; height:5px; background:#787878; border-radius:50%; position:absolute; top:10px; left:0; }
.public-info05 .section5 .btnWrap{ display:flex; justify-content:center; margin-top:50px; }
.public-info05 .section5 .btnWrap p{ margin:0 20px; }
.public-info05 .section5 .btnWrap p a{ color:#fff; font-weight:500; padding:23px 30px 25px 53px; }
.public-info05 .section5 .btnWrap p.down a{ background:url('../img/icon_down_white.svg') no-repeat center left 30px #454545; background-size:14px; }
.public-info05 .section5 .btnWrap p.recruiting a{ background:url('../img/icon_new-brws_white.svg') no-repeat center left 30px #3282af; background-size:14px; }



@media screen and (max-width:1420px){
body.fixed{ height:100vh; overflow:hidden; }
#sitemap{ width:100%; height:100vh; background:#fff; padding-top:106px; position:fixed; top:0; left:-100%; z-index:998; overflow:scroll; }
.medical-pro #sitemap{ display:block; }
body.fixed #sitemap{ left:0; }
#sitemap .sitemap-inner{ width:94%; font-size:24px; background:#232323; border-radius:20px; padding:80px 60px; margin:0 auto; position:relative; opacity:0; transform:translate3d(0,100px,0) rotate(3.5deg); transition:opacity 0.18s ease .18s, transform 0.3s ease .18s; }
#sitemap .sitemap-inner > dl{ display:none; color:#fff; font-size:14px; font-weight:600; position:absolute; top:20px; right:20px; }
#sitemap .sitemap-inner > ul{ display:none; color:#fff; font-size:14px; font-weight:600; margin-bottom:30px; }
#sitemap .sitemap-inner > ul li{ margin-right:10px; }
#sitemap .sitemap-inner > ul li:last-child{ color:#787878; }
#sitemap .sitemap-inner .menu ul li{ color:#fff; }
#sitemap .sitemap-inner .menu > ul > li{ margin-bottom:20px; }
#sitemap .sitemap-inner .menu > ul > li > a{ font-weight:700; position:relative; }
#sitemap .sitemap-inner .menu > ul > li > a:before{ content:''; width:3px; height:15px; background:#fff; position:absolute; top:50%; right:6px; transform:translateY(-50%) rotate(0); transition:transform .3s ease; }
#sitemap .sitemap-inner .menu > ul > li > a:after{ content:''; width:15px; height:3px; background:#fff; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(0); transition:transform .3s ease; }
#sitemap .sitemap-inner .menu > ul > li > a.active:before{ transform:translateY(-50%) rotate(45deg); }
#sitemap .sitemap-inner .menu > ul > li > a.active:after{ transform:translateY(-50%) rotate(45deg); }
#sitemap .sitemap-inner .menu ul li ul li{ color:#787878; font-size:18px; font-weight:600; margin-top:5px; transition:color .3s ease; }
#sitemap .sitemap-inner .menu ul li ul li:first-child{ margin-top:10px; }
#sitemap .sitemap-inner .menu ul li ul li:hover{ color:#fff; }
#sitemap.on{ opacity:1; }
#sitemap.on .sitemap-inner{ opacity:1; transform:translateZ(0); transition:opacity .18s ease .08s, transform 0.3s ease .18s; }
.medical-pro header .header_inner nav{ display:none; }
.medical-pro header .sitemap{ display:block; }
header .gnb{ width:auto; }
body .header-wrapper{ z-index:999; }
body.fixed header .sitemap:before{ opacity:0; transition:opacity .3s ease; }
body.fixed header .sitemap a:before{ top:9px; transform:rotate(45deg); transition:top .3s ease, transform .3s ease .4s; }
body.fixed header .sitemap a:after{ bottom:9px; transform:rotate(-45deg); transition:bottom .3s ease, transform .3s ease .4s; }
body.fixed .header-wrapper{ position:fixed; top:0; }
body.header-fix.fixed header{ border-bottom:none; }
.main .content .box_select .img{ width:140%; }
.main .content .box_select:hover:not(.inactive) .img{ width:170%; }
.medical-pro.login main section{ width:40%; }
.medical-pro.login main section.authentication{ width:60%; padding:0 80px; }
.medical-pro02_05 .fix-page-wrap .focusPage{ display:none; }
.public-info_main main{ height:1000px; background:url('../img/sub11_img01.png') no-repeat top -200px left 80% #fff; background-size:auto 1500px; }
.public-info_main main .shapeWrap{ left:50%; top:-75px; transform:translateX(-50%); }
.public-info_main main .shapeWrap > div .line{ width:60%; }
.public-info_main main .product{ justify-content:space-between; }
.public-info_main main .productWrap.small{ left:auto; right:calc(-100% + 580px + 20px); }
.public-info_main main .shapeWrap > div.shapeSmall .line{ top:calc(50% - 140px); right:8%; }
.public-info_main main .shapeWrap > div.shapeSmall .ripple-container{ top:calc(50% - 140px); right:54%; }
.public-info_main main .productWrap.big{ left:20px; }
.public-info_main main .shapeWrap > div.shapeBig .line{ bottom:calc(50% - 140px); right:20%; }
.public-info_main main .shapeWrap > div.shapeBig .ripple-container{ bottom:calc(43% - 140px); right:11%; }
.public-info_main main .productWrap.middle{ bottom:-20px; left:auto; right:calc(-100% + 580px + 20px); }
}

@media screen and (max-width:1240px){
.medical-pro.login main section.intro{ background-size:contain; }
.medical-pro02_05 .section1 .slideTxt p{ font-size:8vw; }
.medical-pro02_05 .section2{ height:auto; padding-top:120px; }
.medical-pro02_05 .fix-page-wrap .vision-wrap{ flex-wrap:wrap; }
.medical-pro02_05 .fix-page-wrap .vision-wrap .visionBox{ width:calc(50% - 5px); margin:5px 0; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list{ padding-left:15%; }
.public-info05 .section2 .boxWrap{ flex-direction:column; }
.public-info05 .section2 .boxWrap .team_accordion{ flex-wrap:wrap; flex-direction:row; justify-content:flex-start; width:100%; margin-bottom:20px; }
.public-info05 .section2 .boxWrap .team_accordion p{ margin-right:20px; }
.public-info05 .section2 .boxWrap .info_accordion{ width:100%; }
.public-info05 .section4 .boxWrap div{ width:calc(20% - 20px); }
}

@media screen and (max-width:978px){
html, body{ font-size:14px; }
.sub main .scroll-effect{ display:none; }
.public-info #sitemap{ display:block; }
.public-info header .header_inner nav{ display:none; }
.public-info header .sitemap{ display:block; }
.main .content{ flex-direction:column; }
.main .content .box_select{ width:100%; height:30vh; }
.main .content .box_select:nth-child(2){ margin:3vh 0; }
.main .content .box_select .title{ height:4.286rem; font-size:1.25rem; }
.main .content .box_select .img{ width:40%; background-size:contain; left:auto; right:0; transform:translateX(0); }
.main .content .box_select:hover:not(.inactive) .img{ width:40%; }
.main .content .box_select .enter{ display:block; color:#fff; font-size:6.429rem; font-weight:900; position:absolute; bottom:-1.938rem; left:0; }
.has-tabs{ background:#fff; }
.has-tabs .tabs{ display:none; }
.grid.col3 .gridBox:nth-child(3n+2), .grid.col4 .gridBox:nth-child(4n+2), .grid.col4 .gridBox:nth-child(4n+3){ margin-left:unset; margin-right:unset; }
.grid.col3 .gridBox, .grid.col4 .gridBox{ width:49%; }
.grid.col3 .gridBox:nth-child(odd), .grid.col4 .gridBox:nth-child(odd){ margin-right:2%; }
.calendar-wrap{ flex-direction:column; }
.calendar-wrap .calendar-table{ width:100%; border-right:none; order:2; }
.calendar-wrap #eventListContainer{ width:100%; border-bottom:1px solid #ddd; order:1; }
.layer-popup{ padding:0; }
.layer-popup .popup-body .schedule-wrap{ flex-direction:column; }
.layer-popup .popup-body .schedule-wrap .img-wrap{ width:100%; }
.layer-popup .popup-body .schedule-wrap .txt-wrap{ width:100%; padding:30px; }
.layer-popup .popup-body .schedule-wrap .txt-wrap .title{ font-size:20px; }
.layer-popup .popup-body .connect-link{ width:100%; margin:0; }
.layer_calendar .calendar-wrap #eventListContainer{ border-bottom:none; }
.user-info .profile-popup .popup-content .profile-txt .form-group.has-btn{ flex-direction:column; height:130px; }
.user-info .profile-popup .popup-content .profile-txt .form-group.has-btn div{ width:100%; height:60px; margin-right:0; }
.user-info .profile-popup .popup-content .profile-txt .form-group label{ width:140px; padding-left:30px; }
.user-info .profile-popup .popup-content .profile-txt .form-group.has-btn button{ width:100%; height:60px; margin-top:10px; }
.medical-pro.login main section.intro{ display:none; }
.medical-pro.login main section.authentication{ width:96%; padding:0; margin:2.857rem auto 0; }
.medical-pro01 .section1 .box{ flex-direction:column; }
.medical-pro01 .section1 .box .img{ width:100%; }
.medical-pro01 .section1 .box .img img{ width:100%; min-height:none; position:static; transform:none; }
.medical-pro01 .section1 .box div{ width:100%; }
.medical-pro01 .section3 .accordion_wrap{ flex-direction:column; }
.medical-pro01 .section3 .accordion_wrap .txt_accordion{ width:100%; order:2; }
.medical-pro01 .section3 .accordion_wrap .img_accordion{ width:100%; order:1; }
.medical-pro02_05 .section1 .txt{ flex-direction:column; }
.medical-pro02_05 .section1 .txt .txtBox1{ width:100%; margin-bottom:20px; }
.medical-pro02_05 .section1 .txt .txtBox2{ width:100%; }
.medical-pro02_05 .section1 .txt .txtBox1 p{ display:inline-block; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap{ flex-direction:column; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-year{ width:100%; height:auto; opacity:.1; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-year-bg{ display:none; }
.medical-pro02_05 .fix-page-wrap .section3 .history-wrap .history-list{ width:100%; padding-left:0; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt p{ max-width:calc(100% - 45px); }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .file-down .fileBox{ width:calc(100% - 85px); }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .file-down .chat_hover{ width:75px; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .chat_delete, .medical-pro05 .boardWrap .board-view .chatBox .chat-txt .txtBox .txt .down{ width:35px; height:35px; }
.public-info_main main{ height:1300px; background:url('../img/sub11_img02.png') no-repeat center center #fff; background-size:auto 1300px; }
.public-info_main main .shapeWrap{ width:680px; top:auto; left:50%; transform:translateX(-50%); }
.public-info_main main .productWrap.small{ position:absolute; top:64px; right:20px; }
.public-info_main main .shapeWrap > div.shapeSmall .line{ width:70%; top:calc(50% - 220px); right:-31%; transform:rotate(-45deg); }
.public-info_main main .shapeWrap > div.shapeSmall .ripple-container{ top:41%; right:15%; }
.public-info_main main .productWrap.big{ position:absolute; top:56%; bottom:auto; }
.public-info_main main .shapeWrap > div.shapeBig .line{ bottom:51%; right:59.5%; transform:rotate(-90deg); }
.public-info_main main .shapeWrap > div.shapeBig .ripple-container{ bottom:56.5%; right:69.1%; }
.public-info_main main .productWrap.middle{ position:absolute; right:20px; bottom:0; }
.public-info03 .section1 .boxWrap .logoWrap{ width:300px; height:300px; border-radius:70px; }
.public-info03 .section1 .boxWrap .logoWrap .logoWrap-border{ width:240px; height:240px; border-radius:40px; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(1) .txtBox:nth-child(1){ padding-right:90px; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(1) .txtBox:nth-child(2){ padding-left:90px; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(2) .txtBox:nth-child(1){ padding-left:90px; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(2) .txtBox:nth-child(2){ padding-right:90px; }
.public-info03 .section1 .boxWrap .circleWrap .txt-circle{ width:30px; height:30px; }
.public-info03 .section1 .boxWrap .circleWrap .circle1{ top:30px; left:30px; }
.public-info03 .section1 .boxWrap .circleWrap .circle2{ top:30px; right:30px; }
.public-info03 .section1 .boxWrap .circleWrap .circle3{ bottom:30px; right:30px; }
.public-info03 .section1 .boxWrap .circleWrap .circle4{ bottom:30px; left:30px; }
.public-info03 .section2 .boxWrap{ flex-direction:column; }
.public-info03 .section2 .boxWrap .accordion_wrap{ width:100%; }
.public-info03 .section2 .boxWrap .accordion_wrap.domestic{ margin-bottom:50px; }
.public-info05 .section1{ flex-direction:column; }
.public-info05 .section1 .txtWrap{ width:100%; height:auto; position:static !important; }
.public-info05 .section1 .txtWrap .category{ display:inline-block; }
.public-info05 h2{ font-size:60px; line-height:70px; }
body.header-fix.public-info05 .section1 .txtWrap, body.header-none.public-info05 .section1 .txtWrap{ padding-top:0; }
.public-info05 .section1 .txtWrap .title_sub{ background:none; padding-bottom:0; margin-bottom:0; }
.public-info05 .category{ display:none; }
.public-info05 .section1 .txtWrap .title_sub p br{ display:none; }
.public-info05 .section1 .boxWrap{ width:100%; }
.public-info05 .section2 .boxWrap .team_accordion{ font-size:20px; }
.public-info05 .section3 .boxWrap > div{ width:calc(100% / 2 - 6px); }
.public-info05 .section4 .boxWrap div{ width:calc(20% - 10px); font-size:16px; }
.public-info05 .section4 .boxWrap div:nth-child(3) p{ margin:12px 0; }
.public-info05 .section4 .boxWrap div span{ font-size:20px; }
}

@media screen and (max-width:640px){
#sitemap .sitemap-inner > ul{ display:flex; }
header .sitemap{ margin-left:20px; }
.grid.col3 .gridBox, .grid.col4 .gridBox{ width:100%; }
.grid.col3 .gridBox:nth-child(odd), .grid.col4 .gridBox:nth-child(odd){ margin-right:unset; }
body.user-info{ padding:50px 30px; }
.user-info .profile-popup .popup-content{ flex-direction:column; }
.user-info .profile-popup .popup-content .profile-photo{ width:100%; }
.user-info .profile-popup .popup-content .profile-txt{ width:100%; }
.user-info .profile-popup .popup-content .profile-txt .form-group{ flex-direction:column; align-items:flex-start; height:80px; }
.user-info .profile-popup .popup-content .profile-txt .form-group label{ width:100%; color:#787878; font-size:12px; padding:10px 0 0 30px; }
.user-info .profile-popup .popup-content .profile-txt .form-group input{ width:100%; font-weight:500; padding:0 30px; }
.user-info .profile-popup .popup-content .profile-txt .form-group.has-btn div{ flex-direction:column; height:80px; }
.medical-pro.login main section.authentication h2{ font-size:2.286rem; }
.medical-pro.login main section.authentication h2 .top{ font-size:1.429rem; }
.medical-pro.login main section.authentication .auth-form .form-group.has-btn{ flex-direction:column; height:130px; }
.medical-pro.login main section.authentication .auth-form .form-group.has-btn > div{ width:100%; height:60px; }
.medical-pro.login main section.authentication .auth-form .form-group label{ width:140px; padding-left:30px; }
.medical-pro.login main section.authentication .auth-form .form-group.has-btn button{ width:100%; height:60px; }
.medical-pro.login main section.authentication .notice{ margin-top:80px; }
header .gnb ul{ display:none; }
#visual{ height:240px; background-size:auto 240px !important; border-radius:20px; }
#visual h2{ font-size:48px; margin-top:-20px; }
#visual h2 span{ font-size:18px; }
#visual ul{ bottom:20px; }
#visual p{ top:10px; right:10px; }
.medical-pro01 .section1 h2{ font-size:48px; }
.medical-pro01 .section1 h2 span{ display:block; font-size:28px; margin-left:0; }
.medical-pro01.medical-pro01_03 .section4 .tableWrap{ flex-direction:column; }
.medical-pro01.medical-pro01_03 .section4 .tableWrap table{ width:100%; }
.medical-pro01.medical-pro01_03 .section4 .tableWrap table:last-child{ margin-top:30px; }
.medical-pro02_05 .fix-page-wrap .vision-wrap .visionBox{ width:100%; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt{ width:80%; }
.medical-pro05 .boardWrap .board-view .chatBox .chat-txt.user-me{ margin-left:20%; }
.public-info_main main{ height:1150px; background-size:auto 1150px; }
.public-info_main main .shapeWrap > div.shapeSmall .line{ width:60%; top:30%; right:-4%; transform:rotate(-90deg); }
.public-info_main main .shapeWrap > div.shapeSmall .ripple-container{ right:11%; }
.public-info_main main .shapeWrap > div.shapeBig .line{ bottom:50%; right:56%; transform:rotate(-108deg); }
.public-info_main main .shapeWrap > div.shapeBig .ripple-container{ bottom:56%; right:72%; }
.public-info_main main .productWrap{ width:80%; }
.public-info_main main .productWrap a{ padding:40px 30px; }
.public-info_main main .productWrap a .title{ font-size:24px; margin-bottom:7px; }
.public-info_main main .productWrap a .title_sub{ font-size:16px; }
.public-info_main main .productWrap a p.txtWrap{ margin-top:20px; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox{ flex-direction:column; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(1){ margin-bottom:320px; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox .txtBox{ width:100%; height:auto; padding:50px 60px !important; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(1) .txtBox:nth-child(2){ text-align:left; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(2) .txtBox:nth-child(1){ text-align:left; margin-bottom:20px; order:1; }
.public-info03 .section1 .boxWrap .txtWrap .columnBox:nth-child(2) .txtBox:nth-child(2){ order:2; }
.public-info03 .section1 .boxWrap .logoWrap{ top:calc(50% + 10px); }
.public-info05 h2{ font-size:48px; line-height:58px; }
.public-info05 .section2 .boxWrap .team_accordion{ align-items:baseline; font-size:14px; }
.public-info05 .section2 .boxWrap .team_accordion p.active{ font-size:24px; }
.public-info05 .section2 .boxWrap .info_accordion{ padding:70px 40px; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl{ display:flex; flex-direction:column; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dt{ display:block; width:100%; padding:10px 0; margin-bottom:20px; }
.public-info05 .section2 .boxWrap .info_accordion .accordion-content dl dd{ display:block; width:100%; padding-left:5px; padding-right:5px; }
.public-info05 .section3 .boxWrap > div{ width:100%; }
.public-info05 .section4 .boxWrap{ flex-direction:column; align-items:center; }
.public-info05 .section4 .boxWrap:before{ width:4px; height:calc(100% + 100px); top:-50px; left:50%; transform:translateX(-50%); }
.public-info05 .section4 .boxWrap.active:after{ width:4px; height:calc(100% + 100px); top:-50px; left:50%; transform:translateX(-50%); animation:progressLineColumn 10s ease forwards; }
@keyframes progressLineColumn{
    0%{ height:0; }
    100%{ height:calc(100% + 100px); }
}
.public-info05 .section4 .boxWrap .circle-move{ top:-50px; left:50%; transform:translateX(-50%); }
.public-info05 .section4 .boxWrap.active .circle-move{ animation:progressCircleColumn 10s ease forwards; }
@keyframes progressCircleColumn{
	0%{ top:-50px; }
	100%{ top:calc(100% + 50px); }
}
.public-info05 .section4 .boxWrap div{ width:40%; min-width:200px; margin-bottom:20px; }
.public-info05 .section4 .boxWrap div:nth-child(3) p{ margin:0; }
.public-info05 .section4 .boxWrap div:nth-child(5){ margin-bottom:0; }
.public-info05 .section4 .notice{ margin-top:110px; }
.public-info05 .section5 .btnWrap{ flex-direction:column; }
.public-info05 .section5 .btnWrap p{ margin:5px 0; }
}

@media screen and (max-width:460px){
header .lang_select{ display:none; }
#sitemap .sitemap-inner > dl{ display:flex; }
#sitemap .sitemap-inner > dl dd{ color:#787878; margin-left:10px; }
}