@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

@media (max-width:1300px) {	body {overflow-x:scroll}}

* { margin: 0;padding: 0;box-sizing: border-box;}
html,body{background:transparent;margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;vertical-align: baseline;box-sizing: border-box;font-family: Pretendard, 'Noto Sans KR', 'Montserrat', sans-serif !important;font-size: 16px;height: 100%;} 
body { /* overflow-x:hidden;  */
    word-break: keep-all; width: 100%;}
img{max-width: 100%; display: block;}
h1,h2,h3,p{margin: 0;padding: 0;word-break: keep-all;}
a { text-decoration: none; color: black; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

ul, ol, dl {list-style: none outside none;padding: 0;margin: 0; list-style-position: outside;}
.top_bg {position: inherit;}

#footer .inner-wrap, 
.inner-section { clear:both; min-width:1000px; max-width:1920px; margin:0 auto; }

.body_container{padding: 0;max-width: 1920px;width: 100%;position: relative;padding-top: 81px;margin: auto;}
.body_container.main {  padding-top: 0;}
.width_01 {max-width: 1920px;width: 100%;min-width: 800px;margin: 0px auto;}
.width_02{max-width: 1440px;width: 100%;min-width: 800px;margin: 0px auto;}
.bg_1440{width: 1440px;margin: auto;} 

/* .width_full{position: relative;width: 100%;margin: 0 auto;}
.width_1800{width: 1800px;margin: 0px auto;}
.width_1290{width: 1290px;max-width: 1290px;position: relative;margin: 0 auto;} */

.width_full{position: relative;width: 100%;max-width: 1920px;min-width: 1330px;margin: 0 auto;  }
.width_1800 {max-width: 1840px;width: 100%;min-width: 1330px;margin: 0px auto;padding: 0 20px;}
.width_1290{width: 1330px;max-width: 1330px;position: relative;margin: 0 auto;padding: 0 20px;} 

.bg_gray_01{background-color: #f5f5f5;}
.bg_gray_02{background-color: #f0eeed;}
.bg_blue{background-color: #3665a7;  color:#fff} 
.bg_skyblue{background-color: #eff3f8;}
.bg_color_01{background-color: #f0eeed;}

.bg_dark{background-color: #23272d;}
.bg_dark h3{font-family: 'Pretendard-Regular';font-size: 22px; line-height: 1.55;letter-spacing: -0.55px;color: #ffffff;}
.bg_dark p{font-family: 'Pretendard-ExtraLight';font-size: 20px;line-height: 1.6;letter-spacing: -0.5px;color: #ffffff;}

.hide_pc{display: none;}
.hide_m{display: block;}

 
/** header **/
 
.header { height:80px; width: 100%; min-width: 1290px;  background:#fff; z-index:100; 
  
  border-bottom: 1px solid #ebebeb;

  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 3%);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.03);
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 3%);

}
.header .inner-wrap { clear:both; min-width:1290px; max-width:1920px; margin:0 auto; }

.header[role="banner"] { position:absolute; z-index:106; top: 0; background: #FFF; }
.header[role="banner"].top_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.1s all;
} 

header.header.top_fixed.main_header_top {
  background: transparent;
  /* color: #fff; */
  -webkit-box-shadow:none;
  -moz-box-shadow: none;
  box-shadow:none;
  border-bottom: none;
  /* transition: 0.1s all; */
}
header.header.top_fixed.main_header_top .sound-only{color: #fff;}


.header[role="banner"].affix { opacity: 0;}
.header[role="banner"].fixed {position:fixed; opacity: 1; box-shadow:0px 5px 5px 0px rgba(0,0,0,.1); } 

#brand {position: absolute;}
#brand .brand-logo {display:block; margin-left:60px; width:390px; height:80px; background:url(/images/logo.png) no-repeat;}
#brand .brand-text {display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;}

.container {padding-top:80px;}/* 서브용 */

.smc-main.smc-main-renew .header {height:112px;}/* 메인용 */
.smc-main.smc-main-renew .container {padding-top:112px;}/* 메인용 */

.header_menu{display: flex; min-width: 1290px;}

#gnb {     display: flex; align-items: center; height: 80px; margin-left:auto;
  /* margin-left: 40vw; */
  width: 100%;
}
#top_link {font-size: 18px;  font-weight: bold;}
#top_link li {display: block; padding: 0; margin-left: 60px;}
#top_link li:first-child{margin-left: 0;}
/* #top_link li:last-child::before{padding: 0 30px;content: "|"; color: #dadada;} */
#sp_link{color: #3466a1}


#top_login {display: flex; align-items: center; height: 80px; margin-right: 60px;font-size: 18px;font-weight: bold;} 
#top_login::before{padding: 0 30px;content: "|"; color: #dadada;}


#gnb div[role="menu"] {top:105px}
.smc-main.smc-main-renew #gnb li.menu-parent > a .sound-only {padding-top:16px !important; height:75px !important;} /* 메인용 */ 
.gnb-background {top:102px}/* 서브용 */
.smc-main.smc-main-renew .gnb-background {top:112px}/* 메인용 */

#gnb li.menu-parent > a { padding-right:32px; padding-left:33px;}
#gnb li.menu-parent.gnb-F > a {width:96px;}
 

#gnb li.menu-parent { display:block; vertical-align:top; padding:0; 
  /* margin-left:2px;  */
  display: flex; align-items: center;}
#gnb li.menu-parent:first-child::after {padding: 0 30px; content: "|"; color: #dadada;}
/* #gnb li.menu-parent.gnb-C{margin-left: 90px;margin-right: 60px;} */

#gnb li.menu-parent.gnb-A{width: 220px;
  margin-left: 40%;}
#gnb li.menu-parent.gnb-B{width: 191px;}
#gnb li.menu-parent.gnb-C{margin-left: auto;margin-right: 60px;}

#top_link li > a,
#top_login li > a { position:relative; z-index:2; display:block; margin-bottom:-3px; border-bottom:3px solid transparent; padding:0 10px; text-align: center; font-size:18px; cursor:pointer;padding: 16px 0; }

#gnb li.menu-parent > a { position:relative; z-index:2; display:flex; align-items: center; margin-bottom:-3px; border-bottom:3px solid transparent; padding:0 ; text-align: center; font-size:18px; cursor:pointer; }
#gnb li.menu-parent > a p{ border-bottom:3px solid transparent; }


#gnb li.menu-parent:last-child > a {cursor: default;}
#gnb li.menu-parent:last-child > a p{ border-bottom: none; }
#gnb li.menu-parent:last-child > a span {cursor: pointer; border-bottom:3px solid transparent; padding: 5px 0;} 
#gnb li.menu-parent:last-child > a span:hover {border-color:#3665a7; color: #3665a7;} 


#gnb li.menu-parent > a[aria-current="true"] {} /* Current */
#gnb li.menu-parent > a[aria-current="true"] .sound-only { background-position:0 -44px; } /* Current */

#top_link li > a:hover  { border-color:#3665a7;  }

/* Focus, MouseOver */
/* #gnb li.menu-parent > a:focus p, */
/* #gnb li.menu-parent > a:hover p, */
#gnb li.menu-parent > a[aria-selected="true"] p{ border-color:#3665a7; color: #3665a7;} 
#gnb li.menu-parent:last-child > a[aria-selected="true"] p{ border-color:unset; color: #000;}  


#gnb li.menu-parent > a:focus .sound-only ,
#gnb li.menu-parent > a:hover .sound-only ,
#gnb li.menu-parent > a[aria-selected="true"] .sound-only { background-position:0 -44px; } /* Focus, MouseOver */


#gnb li.menu-parent > a .sound-only {display: block; padding: 5px 0; display: flex;}
.gnb_menu_C_span :nth-child(2){margin-left: 60px;}
.gnb_menu_C_span :nth-child(3){margin-left: 60px;}

.menu_icon_A{width: 23px; height: 23px; margin-right: 10px; background: url(/images/top_icon01.png) no-repeat;}
.menu_icon_B{width: 23px; height: 23px; margin-right: 10px; background: url(/images/top_icon02.png) no-repeat;}
#gnb_menu_A:hover .menu_icon_A{ background: url(/images/top_icon01_over.png) no-repeat;}
#gnb_menu_B:hover .menu_icon_B{ background: url(/images/top_icon02_over.png) no-repeat;}

.main_header_top .menu_icon_A{background: url(/images/top_icon01_white.png) no-repeat;}
.main_header_top .menu_icon_B{background: url(/images/top_icon02_white.png) no-repeat;}
   
  #gnb div[role="menu"] {position:absolute; z-index:103; top: 80px; left:0; right:0; padding:50px 60px 30px; max-width: 1920px; width: 100%;margin: auto;}
  #gnb div[role="menu"] .inner-wrap { position: relative; background: transparent; /* padding-left: 60px; */display: flex;justify-content: space-between;opacity: 0;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;clear: both;min-width: 1400px;max-width: 1500px;margin: 0 auto;  }

  #gnb.opened div[role="menu"] .inner-wrap {opacity: 0.9;}
  /* collapsed sub menu */
  /*#gnb [aria-hidden="true"],*/
  #gnb [role="menu"][aria-expanded="false"] { visibility: hidden; }
  #gnb .inner-menu[aria-expanded="false"] {}
  /* expanded Sub menu */
  #gnb a[role="menuitem"][aria-haspopup="true"][aria-selected="true"] + [role="menu"],
  #gnb [role="menu"][aria-expanded="true"] { /*visibility: visible; */ }
  #gnb a[role="menuitem"][aria-haspopup="true"][aria-selected="true"] + [role="menu"] .inner-wrap.active,
  #gnb [role="menu"][aria-expanded="true"] .inner-wrap,
  #gnb.opened [role="menu"][aria-expanded="true"] .inner-wrap { opacity: 1; }

  /* depth 3 initial */
  #gnb a[data-default="true"] + ul[role="menu"] {visibility: inherit;}
  #gnb a[data-default="true"][aria-selected="false"] + ul[role="menu"] {visibility: hidden;}

  .gnb-background {position: absolute; z-index:102; top: 80px; left:0; right:0; background: #FFF;
    min-width:1000px;
    height: 0;
    -webkit-transition: height 400ms cubic-bezier(0.000, 1, 0.370, 0.970); /* older webkit */
    -webkit-transition: height 400ms cubic-bezier(0.000, 1.075, 0.370, 0.970);
       -moz-transition: height 400ms cubic-bezier(0.000, 1.075, 0.370, 0.970);
         -o-transition: height 400ms cubic-bezier(0.000, 1.075, 0.370, 0.970);
            transition: height 400ms cubic-bezier(0.000, 1.075, 0.370, 0.970); /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.000, 1, 0.370, 0.970); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.000, 1.075, 0.370, 0.970);
       -moz-transition-timing-function: cubic-bezier(0.000, 1.075, 0.370, 0.970);
         -o-transition-timing-function: cubic-bezier(0.000, 1.075, 0.370, 0.970);
            transition-timing-function: cubic-bezier(0.000, 1.075, 0.370, 0.970); /* custom */
  }
.gnb-background.expanded {box-shadow:0px 5px 5px 0px rgba(0,0,0,.1);  }
.menu_section {width: 100%;/* max-width: 300px; */  } 
.menu_section_main {width: 100%;display: flex;/* border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb; *//* margin-right: -1px;margin-left: -1px; */position: relative;}
.menu_section_sub{min-width: 450px;width: 100%;height: 600px;position: relative;  }
.sub_left{border-right: 1px solid #ebebeb;min-width: 300px;width: 48vw;   }
.sub_right{border-left: 1px solid #ebebeb;min-width: 300px;width: 48vw;   }
#gnb ul.menu{display: grid;grid-template-columns: repeat(2, auto);grid-template-rows: repeat(3, 170px);background-color: #f0eeed;grid-gap: 1px; }
#gnb ul.menu > li {background-color: white; }
#gnb ul.menu_A{display: grid; grid-template-columns:repeat(3, calc((100% / 3)));grid-template-rows: repeat(2, 220px);background-color: #f0eeed;grid-gap: 1px; }
/* #gnb ul.menu_A > li {background-color: white; } */
#gnb ul.menu > li .menu_A_item_wrap,
#gnb ul.menu > li .menu_C_item_wrap {width: 100%; height: 100%; position: relative; } 
#gnb ul.menu > li a:hover .menu_A_item_wrap,
#gnb ul.menu > li a:hover .menu_C_item_wrap{background-color: #f3f7fc;} 
p.menu_A_item_tit {padding-top: 24px;padding-left: 1.3vw;font-size: 24px;font-weight: 500;}
p.menu_A_item_desc {padding-top: 18px;padding-left: 1.3vw;font-size: 18px;font-weight: 200; line-height: 1.4;  }
p.menu_A_item_desc.separated_desc {margin-top: 8px;padding-top: 9px;padding-left: 0;margin-left: 1.3vw;font-size: 18px;font-weight: 200; line-height: 1.4; border-top: #f0eeed 1px solid; width: 50%;}
p.menu_B_item_tit, 
p.menu_C_item_tit {padding-top: 15px;padding-left: 10px;font-size: 24px;font-weight: 500;  }
p.menu_B_item_desc,
p.menu_C_item_desc {font-size: 16px;font-weight: 200;padding-top: 10px; padding-left: 10px;  }
p.menu_C_item_desc.separated_desc {font-size: 16px;font-weight: 200;margin-top: 5px; margin-left: 10px; padding-top: 5px;padding-left: 0px; border-top: #f0eeed 1px solid;width: 50% }

img.menu_A_item_icon  {width: 35%;position: absolute;bottom: 0;right: 0;}
img.menu_C_item_icon  {width: 70px;height: 70px;position: absolute;bottom: 0;right: 0;}
.header_clinic_info_icon_wrap{display: flex;flex-wrap: wrap;justify-content: center;flex-direction: row;width: 80%;min-width: 250px; column-gap: 75px; align-items: center;row-gap: 48px;margin-right: auto;}
.header_clinic_info_icon{width: 30%;text-align: center; }
.header_clinic_info_icon img{margin: auto; padding-bottom: 20px;}
h2.gnb-service-header-part, 
h2.gnb-service-header {margin-bottom: 30px;font-size: 20px;font-weight: 500;color: #3665a7;padding-left: 40px;}


p.header_menu_txt {height: 48px;line-height: 48px;/* width: 100%; */font-size: 18px;font-weight: 200;padding-left: 38px;}
p.header_menu_txt b{color: #3665a7; font-weight: 500;}
.header_menu_list_wrap a:hover .header_menu_txt{background-color: #f3f7fc;} 
p.header_clinic_info_contact_num {font-size: 41px;font-weight: 600;line-height: 1.76;}
p.header_clinic_info_contact_add {font-size: 16px;font-weight: 300;line-height: 1.38;letter-spacing: -0.4px;}
p.header_clinic_info_contact_add b{font-weight: 300;color: #3665a7;}
.header_clinic_info_contact_wrap {padding-left: 38px;position: absolute;bottom: 20px;}

  /* -------------------------------------------------------------------------------------------- */



@media (max-width: 1450px){ 
  .smc-main.smc-main-renew .header {height:90px;}/* 메인용 */
  .smc-main.smc-main-renew .container {padding-top:90px;}/* 메인용 */
  #brand .brand-logo {margin-left:15px;}
  #top_login {margin-right: 15px;} 
  #gnb div[role="menu"] {top:82px}
  /* #gnb li.menu-parent > a {padding-right:22px; padding-left:22px} */
  .header-utility-area {top:-68px}/* 서브용 */
  .smc-main.smc-main-renew .header-utility-area {top:-83px}/* 메인용 */
  .smc-main.smc-main-renew #gnb li.menu-parent > a .sound-only {padding:16px 2px 16px 0; height:69px !important;} /* 메인용 */
  .gnb-background {top:78px}/* 서브용 */
  .smc-main.smc-main-renew .gnb-background {top:90px}/* 메인용 */
}

@media (max-width: 1500px){ 
  #gnb { 
    margin-left: 28%;  
  }
  #gnb li.menu-parent.gnb-A {
    margin-left: 0;
}
}

@media (max-width: 1290px){ 
  #gnb div[role="menu"] {
    padding: 50px 0 40px;
    max-width: 100%;
    width: 100%;
  }
  #gnb div[role="menu"] .inner-wrap {
    min-width: 900px;
    max-width: 100%;
  }
 
  .menu_section_sub { 
    display: none;
  }
  #gnb ul.menu_A {
    grid-template-columns: repeat(3, 33vw);
  }
  .menu_section_main {
    width: 100vw;
    border-left: none;
    border-right: none;
  }
}

 
.main_title{text-align: center;height:auto;padding-bottom: 30px;background-color: #f2f2f2;}
.main_title .bar {display: inline-block;width: 34px;height: 1px;background: #0c4da2;margin:30px auto;}
.main_title h1{color: #0c4da2;font-size: 2.78rem;margin-bottom : 14px;font-weight: bold;}
.main_title span{color: #000;font-size: 22.5px;}
 
.partition_2{display: flex;}
.part_left,.part_right{flex: 1;}
.part_left h2{font-family: 'Pretendard-Medium';font-size: 50px;line-height: 1.28;}
.part_left strong{color: #3665a7;}
.part_right p{font-family: 'Pretendard-ExtraLight';font-size: 20px;padding-bottom: 50px;line-height: 1.6;}
.main_tit{padding-bottom: 70px;}
.main_sub_tit{display: flex;justify-content: space-between;padding-top: 28px;}
.main_sub_tit h2{font-family: 'Pretendard-Medium';font-size: 30px;line-height: 1.33;letter-spacing: -0.75px;}
.main_sub_tit p{font-family: 'Pretendard-ExtraLight';font-size: 20px;}
.button-more__text{font-family: Montserrat;font-size: 14px;}
.button-more__arrow {display: inline-block;width: 35px;height: 35px;margin-left: 10px;background-image: url(/images/viewmore_btn.png);background-size: contain;background-repeat: no-repeat;vertical-align: middle;}
.button-more__arrow.white_btn {  background-image: url(/images/viewmore_btn_w.png);}
.button-more .button-more__arrow {-webkit-transition: -webkit-transform 350ms ease;transition: -webkit-transform 350ms ease;transition: transform 350ms ease;transition: transform 350ms ease, -webkit-transform 350ms ease;}
.button-more:hover .button-more__arrow {-webkit-transform: scale(1.25);transform: scale(1.25);}

.partition_3{display: flex;justify-content: space-between;border-top: 1px solid #111;border-bottom: 1px solid #111;}
.partition_3_item{width: 100%;}
.partition_3_item:nth-child(2),
.partition_3_item:nth-child(3){border-left: 1px solid #111;}
  
.sec_tit_01{padding-bottom: 30px;}
.sec_tit_01 h2{font-weight: 500;font-size: 30px;line-height: 1.33;letter-spacing: -0.75px;}
.sec_tit_01 h2 strong{ color: #3665a7;}

.sub_common_point_3_section{padding-bottom: 140px;}
.sub_common_point_3_items_wrap .partition_3_item{width: 100%;text-align: center;padding-top: 50px;}
.sub_common_point_3_item_sub_tit h3{font-family: Pretendard;font-size: 30px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 2;letter-spacing: -0.5px;text-align: center;color: #3665a7;}
.sub_common_point_3_item_img {padding: 40px 0;}
.sub_common_point_3_item_img img{margin: auto;}

.bg_visual .common_visual h2 {
  font-size: 54px;
}
.bg_visual .common_visual p {
  font-size: 32px;
}

.common_bottom_part{z-index: 30; position: relative; background-color: #fff;
}
.sub_common_point_3_item_desc h2{font-weight: 500;font-size: 30px;line-height: 1.33;letter-spacing: -0.75px;}
.sub_common_point_3_item_desc p{padding: 30px 0;font-weight: 200;font-size: 20px;line-height: 1.33;letter-spacing: -0.5px;}

.sub_common_doctor_section {width: 1290px; padding-top: 200px; padding-bottom: 200px; margin: auto;}
 .sub_common_doctor_section .side_box{ padding-bottom: 200px;}
 .sub_common_doctor_section .side_box .left_part{max-width: 600px;}
 .doctor_txt_01{ font-size: 70px;line-height: 0.86;letter-spacing: -1.75px; padding-bottom: 88px;}
 .doctor_txt_01_en{font-family: Montserrat; font-size: 70px;line-height: 0.86;letter-spacing: -1.75px; padding-bottom: 88px;}
 .doctor_txt_02{font-size: 34px;font-weight: 500; line-height: 1.47;letter-spacing: -0.85px;padding-bottom: 40px;}
 .doctor_txt_03{font-size: 20px;font-weight: 200; line-height: 1.7;letter-spacing: -0.5px;}
 .sub_common_doctor_section .side_box .right_part img{margin-left: auto; display: block; margin-top: -325px; position: relative;z-index: 20;}
.sub_common_review_section{padding-bottom: 45px;}
.sub_common_review_section .main_sub_tit{padding-bottom: 60px;}

.footer{padding-bottom: 100px;margin: auto; position: relative;width: 100%;/* max-width: 1920px; */min-width: 1330px;margin: 0 auto; z-index: 30;}
.footer .line{border-bottom: 1px #d0d0d0 solid;} 
.footer_menu{ font-size: 16px;display: flex;justify-content: space-between;/* height: 220px; */padding-top: 60px;padding-bottom: 80px;}
.footer_menu >div:nth-child(2),
.footer_menu >div:nth-child(3){border-left: 1px solid #d0d0d0;padding-left: 69px;}
.footer_box{display: flex;flex-direction: column;justify-content: space-between;}

.footer_box strong{color: #3665a7;}
.footer_contact{font-size: 16px;font-weight: 500;line-height: 1.75;letter-spacing: -0.4px;}

.footer_info tr > td:first-child {padding-right: 35px;}
.footer_info tr > td{ vertical-align: top;}
.footer_info tr { height: 60px;}


.f_box_03{line-height: 1.73;}
.f_box_04{justify-content: flex-end;font-family: Montserrat;font-weight: 300;text-align: right;}
.footer_logo p.copy_txt {font-family: Montserrat;font-size: 12px;letter-spacing: -0.12px;}
.footer_sns_wrap {height: 23px;}
.footer_sns_wrap img{display: inline-block;}

.footer_shortcut {padding-top: 60px;display: flex;justify-content: space-between;}
.footer_shortcut_box p.tit_01 {font-size: 24px;font-weight: 600;}
.footer_shortcut_box p.tit_02 {font-size: 16px;font-weight: 600;margin-bottom: 30px;}
.footer_shortcut_box li{line-height: 1.8;}
.footer_shortcut_box p.tit_03 {font-size: 16px;line-height: 1.8;font-weight: 500;text-decoration: underline;margin-top: 10px;}



@media (max-width: 800px){
    .hide_pc{display: block;}
    .hide_m{display: none}
    .body_container {  min-width: 1000px;  width: 100%;}
    .main_title{height:auto;background-color: #f2f2f2;padding-bottom: 30px;}
    .main_title .bar {display: inline-block;width: 2.25rem;height: 2px;background: #0c4da2;margin:2.5rem auto 0.5em;    }
    .main_title h1{font-size: 24px;font-weight: bold;height: auto;}
    .main_title span{color: #000;font-size: 18px;}
}