@charset "utf-8";

/* snb */
.subvisual {height:513px;width:100%;}
#sub_content {min-height:300px;padding:0 0 120px;}
#sub_con {width:1200px;padding:0 20px;margin:0 auto;}
* {letter-spacing:-0.075em;}

/* submenu */
#snb {margin:75px 0 120px;}
#snb ul:after {content:"";display:block;clear:both;}
#snb ul {display:flex;justify-content: center;}
#snb ul li {width:133px;border-right:1px solid #999;border-top:1px solid #999;border-bottom:1px solid #999;color:#333;height:59px;line-height:59px;text-align:center;font-size:18px;}
#snb ul li:first-child {border-left:1px solid #999;}
#snb ul li a {display:block;width:100%;height:100%;}
#snb ul li.on a {color:#fff;}

#snb .snb_in ul li.on {background:#03a4b2;color:#fff;}

#snb .snb_ge ul li.on {background:#42beab;color:#fff;}
#snb .snb_ge ul li {width:115px}

#snb .snb_yo ul li.on {background:#faad18;color:#fff;}
#snb .snb_yo ul li {width:144px}

#snb .snb_co ul li.on {background:#232e82;color:#fff;}
#snb .snb_co ul li {width:136px}

#snb .snb_cl ul li.on {background:#ea6b16;color:#fff;}
#snb .snb_cl ul li {width:136px}

#snb .snb_or ul li.on {background:#699606;color:#fff;}
#snb .snb_or ul li {width:136px}

#snb .snb_im ul li.on {background:#25b8eb;color:#fff;}
#snb .snb_im ul li {width:auto;padding:0 10px;}
#snb .snb_im ul li * {letter-spacing:-0.1em;}

#snb .snb_ae ul li.on {background:#8147c8;color:#fff;}
#snb .snb_ae ul li {width:124px;}
#snb .snb_ae ul li.long {width:auto;padding:0 20px;}

/* 공통 */
.flex {display:flex;}
.mb40 {margin-bottom:40px !important;}

.in .top {text-align:center;margin:0 0 135px;}
.in h3 {font-size:55px;font-weight:900;color:#333;line-height:1.2;margin:0 0 40px;}
.in h5 {font-size:38px;font-weight:300;color:#333;line-height:1.2;margin:0 0 30px;}
.in p {font-size:27px;font-weight:300;color:#333;line-height:42px;}
.in .blue {color:#03a4b2;}

.in01 .mid{margin:0 0 120px;}
.in01 .mid h3:after {content:"";display:block;width:174px;height:1px;margin:40px auto ;background:#333;}

/* in02 의료진소개 */
.doc_cv{width:50%;height:653px;background:url('../images/sub/in/doc_bg.png') left bottom no-repeat #03a4b2;padding: 54px 0 0 120px;}
.doc_cv .name {font-size:35px;font-weight:300;color:#fff;margin:10px 0 30px;letter-spacing:-0.05em;}
.doc_cv .name b {font-weight:700;}
.doc_cv ul li {font-size:24px; line-height:44px; color:#fff;letter-spacing:-0.025em;}
.doc_img{width:50%;overflow:hidden;}

/* 오시는길 */
.in05 .time {position:relative;width:373px;height:350px;margin:50px 20px 0 0;text-align:center;border:1px solid #03a4b2;padding:70px 0 0;}
.in05 .time:last-child {margin:50px 0 0;}
.in05 .time_icon {position:absolute;top:-50px;left:50%;transform:translate(-50%, 0);}
.in05 .time h5 {color:#03a4b2;display:inline-block;border-bottom:1px solid #03a4b2;}
.in05 .time p {font-size:16px;text-align:left;line-height:22px;font-weight:400;color:#333333;padding:0 20px;}
.in05 .time ul li {font-size:18px;text-align:left;line-height:30px;font-weight:400;color:#333333;padding:0 20px;}
.in05 .time ul li:after {content:"";display:block;clear:both;}
.in05 .time ul li span {width:87px;text-align:justify;display:inline-block;float:left;    height: 30px;margin:0 10px 0 0;}
.in05 .time ul li span:after {content: '';display: inline-block;width: 100%;}
.in05 .time .mid {min-height:120px;}
.in05 .time .tel {font-size:38px;font-weight:500;text-align:center;letter-spacing:0;}
.in05 .top {margin:120px 0 0;}
.in05 .map_wrap {margin:80px 0 0;}
.in05 .map_wrap > div.map_btn a {display:block;width:200px;height:60px;background:#03a4b2;color:#fff;text-align:center;font-size:24px;line-height:60px;margin:0 0 0 20px;}
.in05 .map_wrap > div.map_btn {display:flex;    justify-content: flex-end;}
.in05 .map_wrap > div.map {margin:40px 0 20px;}
.in05 .map_wrap .add_text {justify-content: space-between;font-size:24px;}
.in05 .map_wrap .add_text b {font-size:35px;font-weight:400;display:inline-block;margin:0 10px 0 0;}
.in05 .car {margin:70px 0 0;}
.in05 .car > div{padding:60px 80px;background:#f0f0f0;margin:0 0 30px;}
.in05 .car > div .flex .car_icon + div {margin:0 0 0 50px;}
.in05 .car > div .flex {font-size:18px;}
.in05 .car > div .flex div h5 {font-size:30px;color:#03a4b2;}
.in05 .car > div .flex div b {font-size:24px;font-weight:400;display:block;margin:0 0 10px;}
.in05 .car > div .flex div > div {margin:0 50px 0 0;}

/* 일반치료 */
.ge .blue {color:#1ba28d;}
.ge .top {text-align:center;margin:0 auto 135px;width:1160px;}
.ge h3 {font-size:55px;font-weight:900;color:#333;line-height:1.2;margin:0 0 40px;}
.ge h5 {font-size:38px;font-weight:300;color:#333;line-height:1.2;margin:0 0 30px;}
.ge p {font-size:27px;font-weight:300;color:#333;line-height:42px;word-break:keep-all;}
.ge img {max-width:100%;width:100%;}
.ge .blue.eng_txt {letter-spacing:1em;text-transform:uppercase;font-size:20px;margin:0 0 50px;margin-left:1em;color:#42beab;}
.ge .blue.under {text-decoration:underline;line-height:50px;margin:0 0 40px 0;font-size:33px;}

/* 임플란트 */
.im .top {text-align:center;margin:0 auto 135px;width:1160px;}
.im h3 {font-size:55px;font-weight:900;color:#333;line-height:1.2;margin:0 0 40px;}
.im h5 {font-size:38px;font-weight:300;color:#333;line-height:1.2;margin:0 0 30px;}
.im p {font-size:27px;font-weight:300;color:#333;line-height:42px;word-break:keep-all;margin:0 0 30px;}
.im p:last-child {margin:0;}
.im img {max-width:100%;width:100%;}
.im .color {color:#159ac8;}
.im .eng_txt {letter-spacing:1em;text-transform:uppercase;font-size:20px;margin:0 0 50px;margin-left:1em;color:#38a5c0;}
.im .eng_txt.long {letter-spacing:0.5em;margin-left:0.5em;}
.im .color.under {text-decoration:underline;line-height:50px;margin:0 0 40px 0;font-size:33px;}

/* 소아치료 */
.yo .top {text-align:center;margin:0 auto 135px;width:1160px;}
.yo h3 {font-size:55px;font-weight:900;color:#333;line-height:1.2;margin:0 0 40px;}
.yo h5 {font-size:38px;font-weight:300;color:#333;line-height:1.2;margin:0 0 30px;}
.yo p {font-size:27px;font-weight:300;color:#333;line-height:42px;word-break:keep-all;}
.yo img {max-width:100%;width:100%;}
.yo .color {color:#f47900;}
.yo .eng_txt {letter-spacing:1em;text-transform:uppercase;font-size:20px;margin:0 0 50px;margin-left:1em;color:#ffa801;}
.yo .eng_txt.long {letter-spacing:0.5em;margin-left:0.5em;}
.yo .color.under {text-decoration:underline;line-height:50px;margin:0 0 40px 0;font-size:33px;}

.yo_tab {height:334px;background:url('../images/sub/yo/yo02_tab_bg.jpg') center center no-repeat;margin-bottom:120px;}
.yo_tab ul {width:1160px;margin:0 auto;padding:250px 0 0;}
.yo_tab ul:after {content:"";display:block;clear:both;}
.yo_tab ul li {float:left;width:calc( 100% / 5 );background:#222222;border-right:1px solid #bcbcbc;line-height:84px;text-align:center;}
.yo_tab ul li a {color:#fff;display:block;width:100%;height:100%;font-size:28px;text-align:center;}
.yo_tab ul li a.on {color:#fbea57;background:#e35726;}
.yo_tab ul li a.long {letter-spacing:-0.1em;}
.yo_tab ul li:first-child {border-left:1px solid #bcbcbc;}


/* 교정 */
.or .top {text-align:center;margin:0 auto 135px;width:1160px;}
.or h3 {font-size:55px;font-weight:900;color:#333;line-height:1.2;margin:0 0 40px;}
.or h5 {font-size:38px;font-weight:300;color:#333;line-height:1.2;margin:0 0 30px;}
.or p {font-size:27px;font-weight:300;color:#333;line-height:42px;word-break:keep-all;}
.or img {max-width:100%;width:100%;}
.or .color {color:#699606;}
.or .eng_txt {letter-spacing:1em;text-transform:uppercase;font-size:20px;margin:0 0 50px;margin-left:1em;color:#96ca25;}
.or .eng_txt.long {letter-spacing:0.5em;margin-left:0.5em;}
.or .color.under {text-decoration:underline;line-height:50px;margin:0 0 40px 0;font-size:33px;}

.or_tab {height:334px;background:url('../images/sub/or/or03_tab_bg.png') center center no-repeat;margin-bottom:120px;}
.or02_tab {background:url('../images/sub/or/or02_tab_bg.png') center center no-repeat;}
.or_tab ul {width:1160px;margin:0 auto;padding:250px 0 0;}
.or_tab ul:after {content:"";display:block;clear:both;}
.or_tab ul li {float:left;width:calc( 100% / 10 );background:#222222;border-right:1px solid #bcbcbc;line-height:84px;text-align:center;}
.or_tab ul li a {color:#fff;display:block;width:100%;height:100%;font-size:18px;text-align:center;letter-spacing:-0.075em;}
.or_tab ul li a.on {color:#fbea57;background:#30410e;}
.or_tab ul li a.long {letter-spacing:-0.1em;line-height:1;padding:24px 0;}
.or_tab ul li:first-child {border-left:1px solid #bcbcbc;}

/* 심미 */
.ae .top {text-align:center;margin:0 auto 135px;width:1160px;}
.ae h3 {font-size:55px;font-weight:900;color:#333;line-height:1.2;margin:0 0 40px;}
.ae h5 {font-size:38px;font-weight:300;color:#333;line-height:1.2;margin:0 0 30px;}
.ae p {font-size:27px;font-weight:300;color:#333;line-height:42px;word-break:keep-all;margin:0 0 30px;}
.ae p:last-child {margin:0;}
.ae img {max-width:100%;width:100%;}
.ae .color {color:#9f63c9;}
.ae .border {color:#3a1d78;font-size:35px;font-family:'Noto Serif KR';line-height: 1.7; display: inline-block; border-bottom: 1px solid #3a1d78;margin:30px 0 0;}
.ae .eng_txt {letter-spacing:1em;text-transform:uppercase;font-size:20px;margin:0 0 50px;margin-left:1em;color:#9f63c9;}
.ae .eng_txt.long {letter-spacing:0.5em;margin-left:0.5em;}
.ae .color.under {text-decoration:underline;line-height:50px;margin:0 0 40px 0;font-size:33px;}

.ae_tab {height:334px;background:url('../images/sub/ae/ae03_tab_bg.png') center center no-repeat;margin-bottom:120px;}
.ae_tab ul {width:1160px;margin:0 auto;padding:250px 0 0;}
.ae_tab ul:after {content:"";display:block;clear:both;}
.ae_tab ul li {float:left;width:calc( 100% / 10 );background:#222222;border-right:1px solid #bcbcbc;line-height:84px;text-align:center;}
.ae03_tab ul li {width:calc( 100% / 3 );}
.ae06_tab {height:334px;background:url('../images/sub/ae/ae06_tab_bg.png') center center no-repeat;margin-bottom:120px;}
.ae06_tab ul li {width:calc( 100% / 4 );}
.ae_tab ul li a {color:#fff;display:block;width:100%;height:100%;font-size:33px;text-align:center;letter-spacing:-0.075em;}
.ae_tab ul li a.on {color:#fbea57;background:#28164e;}
.ae_tab ul li a.long {letter-spacing:-0.1em;line-height:1;padding:24px 0;}
.ae_tab ul li:first-child {border-left:1px solid #bcbcbc;}