@charset "utf-8";

#main {margin-top:55px;}

#sub_visual {position:relative;}
#sub_visual img {width:100%;}
#sub_visual.board {}


.tab_menu {overflow:hidden; margin:15px;}
.tab_menu li {float:left; width:50%; background:#383838;}
.tab_menu a {display:block; font-size:16px; color:#fff; line-height:38px; text-align:center;}
.tab_menu li.on a {background:#ad8950;}

.cont_t01 {position:relative;}
.cont_t01 img {width:100%;}

.video_box {position:relative; padding:35px 4.16%;}
.video_box .title {padding:10px; font-size:14px; color:#ffffff; text-align:center; font-weight:300; background:#c2966b;}
.video_box .video {position:relative; padding-bottom:56.25%}
.video_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_box img {position:absolute; top:0; left:0; width:100%; height:100%;}



.sub_login_box {position:absolute; top:0; left:16.38%; right:16.38%; margin-top:141.6%;}
.sub_login_box02 {position:absolute; top:0; right:4.16%; left:50%; margin-top:29.3%;}

.lifting02 .sub_login_box {margin-top: 141.9%}

.lowereye01_c02 {padding:0 15px 35px;  background:url('/images/lowereye/lowereye01_c02_bg.jpg') no-repeat; background-size:cover;}
.lowereye01_c02 img {width:100%;}
.forehead01_c02 .sub_login_box {margin-top:158.6%;}
.forehead01_c02 img {width:100%;}

.login_cont .box {padding:0 10px 25px; background:#fff;}
.login_cont img {width:100%;}
.login_cont .box+.box {margin-top:10px;}
.login_cont .img_box {position:relative;}
.login_cont .sub_login_box03 {position:absolute; top:0; right:0; width:50%; bottom:0; margin-bottom:8.87%; font-size:13px; color:#fff; line-height:1.4; text-align:center; background: rgba(0,0,0,0.6);}
.login_cont .sub_login_box03 span {position:absolute; top:50%; left:50%; width:95%; transform:translate(-50%,-50%);}

.fat01_c06 {padding:0 15px 35px;}
.fat01_c06 .img_box {position:relative;}
.fat01_c06 .box+.box {margin-top:10px;}
.fat01_c06 .sub_login_box02 {right:0; margin-top:0;}
.fat01_c06 .arr {position:absolute; top:0; left:50%; z-index:10; width:25px; height:25px; margin-left:-13px; margin-top:22.7%; background:url('/iamges/fat/icon_arr.png') no-repeat center; background:25% auto;}

.map_box {padding:0 15px;}
.map {overflow:Hidden; position:relative; height:300px;}
.map iframe {position:absolute; top:0; left:0; width:100%; height:600px; margin-top:-150px;}

#gallery {padding:35px 15px;}
#gallery img {width:100%;}
.gallery_top {position:relative;}
.gallery_top .txt {position:absolute; bottom:0; left:0; right:0; z-index:2; padding:17px 20px 20px;  background:rgba(52,52,52,0.8);}
.gallery_thumbs {margin-top:4px;}
#gallery .gallery_top .txt img {width:146px;}
#gallery .swiper-slide-thumb-active {position:relative; transition:all .4s;}
#gallery .swiper-slide-thumb-active:after {position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #cba96e; content:'';}
#gallery .swiper-button-next {right:0; width:34px; height:37px; margin-top:-19px; background:url('/images/gallery/btn_next.jpg') no-repeat; background-size:cover;}
#gallery .swiper-button-prev {left:0; width:34px; height:37px; margin-top:-19px; background:url('/images/gallery/btn_prev.jpg') no-repeat; background-size:cover;}
#gallery .swiper-button-next:after, 
#gallery .swiper-button-prev:after {display:none;}








/*.bg_section {position:relative; padding-top:110px; text-align:center;}  문단 위에 배경색 */
.bg_section:before {position:absolute; top:0; left:0; right:0; width:100%; height:440px; background:#5ebf97; content:'';}
.bg_section .inwrap {position:relative; z-index:2; width:1400px; margin:auto;}

.bg_cont {position:relative; margin-top:47px;} /* width:1600 배경색*/
.bg_cont:before {position:absolute; top:0; left:50%; z-index:3; width:1600px; height:100%; margin-left:-800px; background:#f7f7f7; content:'';}
.bg_cont .bg_wrap {position:relative; z-index:4;}

.img_cont01 {}
.img_cont01 > li+li {margin-top:10px !important; }
.img_cont01 .box {overflow:hidden;}
.img_cont01 .img_wrap {float:left; width:50%}
.img_cont01 .txt_box {float:left; width:50%; padding:0 10px;}


.img_cont02 {margin-top:18px;}
.img_cont02 img {width:100%;}
.img_cont02 > li {padding:0;}
.img_cont02 > li+li {margin-top:10px  !important;}
.img_cont02 .box {overflow:hidden; background:#f9f4f2;}
.img_cont02 .img_wrap {float:left; width:50%;}
.img_cont02 .txt_box {float:left; width:50%; padding:0 10px;}
.img_cont02 .txt_box .num {font-family: 'Roboto', sans-serif; letter-spacing:-0.075em; font-size:18px;}
.img_cont02 .t01 {margin-top:5px; font-size:14px; color:#7f8186;}
.img_cont02 .t02 {margin-top:11px; font-size:18px; color:#54565a; font-weight:bold;}




.list_type01 {font-size:0;}
.list_type01 > li {overflow:hidden; display:inline-block; vertical-align:top;}
.list_type01 .box {width:100%;}
.list_type01 .num {margin-top:17px; font-family: 'Roboto', sans-serif; letter-spacing:0em; font-size:28px; color:#54565a;}
.list_type01 .txt {padding:8px 5px 10px; font-size:14px; line-height:1.35;}

.list_type02 {margin:20px -5px -5px;} 
.list_type02 li {padding:5px;}
.list_type02 .box {width:100%; padding:18px 10px; border:1px solid #52bab9;}
.list_type02 .s01 .box {}
.list_type02 .s02 .box {background:#f7f9f9;}
.list_type02 .s03 .box {background:#eefafd;}
.list_type02 .s04 .box {background:#e4f2f5;}
.list_type02 .num {font-family: 'Open Sans', sans-serif; letter-spacing:0em; font-size:18px; color:#52bab9;}
.list_type02 .t01 {margin-top:10px; font-size:15px; color:#54565a; font-weight:bold; line-height:1.16; letter-spacing:-0.075em;}


.circle_type01 {margin:-5px;} 
.circle_type01 li {padding:5px;}
.circle_type01 .box {position:relative; width:100%; padding-bottom:100%; border:1px solid #52bab9; border-radius:50%; -webkit-border-radius:50%; }
.circle_type01 .txt_box {position:absolute; top:50%; left:0; width:100%;  padding:0 15px; transform:translateY(-50%);}
.circle_type01 .box:after {content:'';}
.circle_type01 .num {font-family: 'Roboto', sans-serif; letter-spacing:0em; font-size:28px; color:#52bab9;}
.circle_type01 .t01 {font-size:18px; line-height:1.27; letter-spacing:-0.075em; font-weight:bold;}
.circle_type01 .t02 {margin-top:12px; font-size:14px; line-height:1.35; letter-spacing:-0.075em;}

.circle_type02 {position:relative; z-index:19; font-size:0;} 
.circle_type02 li {display:inline-block;}
.circle_type02 .box {width:350px; height:350px; border:2px solid #52bab9; border-radius:50%; -webkit-border-radius:50%;}
.circle_type02 .num {font-family: 'Roboto', sans-serif; letter-spacing:0em; font-size:28px; color:#52bab9;}
.circle_type02 .t01 {margin-top:15px; font-size:28px; letter-spacing:-0.075em; font-weight:500;}
.circle_type02 .t02 {margin-top:20px; font-size:18px; line-height:28px; letter-spacing:-0.075em;}


.bar_title {font-size:23px; color:#54565a; font-weight:bold; text-align:center;}
.bar_title:after {display:block; width:1px; height:23px; margin:12px auto 11px; background:#54565a; content:'';}


.grid2 > li {width:50%;}
.grid3 > li {width:33.333%;}
.grid4 > li {width:25%;}
.grid5 > li {width:20%;}


.stitle01 {display:inline-block; padding-bottom:0px; font-size:25px; color:#54565a; font-weight:bold; letter-spacing:-0.05em;}
.stitle01 span {display:inline-block; margin-bottom:5px; padding:0 2px; border-bottom:1px solid #52bab9;}

.stitle02 {font-size:25px; color:#54565a; font-weight:bold; letter-spacing:-0.09em;}
.stitle02.white {color:#fff;}

.stitle03 {position:relative; z-index:2;}
.stitle03 .stit {font-family: 'Open Sans', sans-serif; letter-spacing:0em; font-size:10px; color:#ffffff;}
.stitle03 h2 {margin-top:6px; font-size:24px; color:#ffffff; font-weight:bold; letter-spacing:-0.05em;}
.stitle03.black {}
.stitle03.black .stit {color:#54565a}
.stitle03.black h2 {color:#54565a;}

.stitle04 {font-size:20px; color:#54565a; font-weight:bold; letter-spacing:-0.075em;}


.fc_green {color:#52bab9 !important;}
.fc_sky {color:#24b2c0 !important;}
.fc_green02 {color:#34b0af !important;}
.fc_green03 {color:#45b5b4 !important;}

.bg_white {background:#f2f5f7;}
.bg_gray {background:#eaeff1;}
.bg_blue {background:#d8e8ed;}

.btn_more {display:inline-block; margin-top:0; padding:0 14px 0 30px; font-family: 'Roboto', sans-serif; letter-spacing:0em; font-size:14px; color:#6ececd; text-align:center; line-height:30px; border:1px solid #6ececd;}
.btn_more:after {display:inline-block; width:10px; height:10px; margin-left:20px; vertical-align:middle; background:url('/images/icon/icon_plus_s.png') no-repeat center; background-size:cover; content:'';}


/*

.tab_menu {overflow:hidden; margin:25px 15px;}
.tab_menu li {float:left; width:50%; background:#383838;}
.tab_menu a {display:block; font-size:15px; color:#fff; line-height:35px; text-align:center;}
.tab_menu li.on a {background:#ad8950;}



.sub_common1 {padding:0; text-align:center;background:#eaeff1;}
.sub_common1 img {width:100%;}
.sub_common1 li .box {}
.sub_common1 .txt {color:#54565a; line-height:1.35;}
.sub_common1 .stxt {margin-top:23px; padding:0 10px; font-size:14px; color:#54565a; line-height:1.42;}

.treatment {position:relative; text-align:center;}
.treatment img {width:100%;}

.treatment_top_title {position:relative; z-index:1; min-height:127px; padding:32px 15px; }
.treatment_top_title+img {position:relative; z-index:2; margin-top:-20px;}
.treatment_top_title:before {position:absolute; top:0; left:0; right:0; bottom:0; background:#52bab9; content:'';}
.treatment_top_title.petit:before {background:#5ebf97;}
.treatment_top_title .box {position:relative; z-index:2;}
.treatment_top_title .stit {font-family: 'Open Sans', sans-serif; letter-spacing:0em; font-size:10px; color:#ffffff;}
.treatment_top_title h2 {margin-top:6px; font-size:25px; color:#ffffff; font-weight:bold; letter-spacing:-0.09em;}
.treatment_top_title .stit2 {margin-top:5px;font-size:20px; color:#98ffd5;  letter-spacing:-0.075em;}
.treatment_top_title .stit2+h2 {margin-top:0;} 
.treatment_top_title .sbox {display:inline-block; width:135px; margin-top:4px; font-size:15px; color:#ffffff; line-height:30px; letter-spacing:-0.09em; background:#3eab7e;}



.treatment_top_title.black {}
.treatment_top_title.black .stit {color:#54565a;}
.treatment_top_title.black h2 {color:#54565a;}

.treatment_title {position:relative; z-index:3; padding:0 10px;}
.treatment_title .num {position:relative; display:inline-block; width:133px; height:47px; padding-top:6px; font-family: 'Open Sans', sans-serif; letter-spacing:0.05em; font-size:10px; color:#fff;  letter-spacing:0.05em; background:#54565a;}
.treatment_title .num span {display:block;  font-size:18px; letter-spacing:-0.09em;}
.treatment_title .tit {font-size:23px; color:#54565a; font-weight:bold; letter-spacing:-0.09em;}
.treatment_title .tit:before {display:block; width:1px; height:23px; margin:11px auto 10px; background:#54565a; content:'';}
.treatment_title .stxt {margin-top:7px; padding:0 10px; font-size:14px; color:#54565a; line-height:1.35; letter-spacing:-0.075em;}
.treatment .cont {position:relative; z-index:4;}
.treatment .cont.bg .treatment_title .num {margin-top:-15px;}
.treatment .cont.bg.gray {background:#f7f7f7;}
.treatment .cont.bg.green {background:#e8f1f2;}
.treatment .cont.bg.pink {background:#e2c9c2;}
.treatment .cont.bg.green02 {background:#e8f1f2;}
.treatment .cont.bg.green03 {background:#eaf3f3;}
.treatment .cont01 .num {margin-top:-30px; }

.laser_treatment {margin-top:23px; padding:0 10px 30px;}
.laser_treatment li {display:inline-block; width:100%; padding:10px 0;}
.laser_treatment li+li {border-top:1px solid #dedede;}
.laser_treatment .img_wrap {position:relative; float:left; width:140px; height:104px;} 
.laser_treatment .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;} 
.laser_treatment .txt_box {margin-left:148px; padding:0 10px 50px; background:url('/images/icon/icon_plus.png') no-repeat center bottom; background-size:39px auto;}
.laser_treatment .t01 {font-size:18px; color:#54565a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.laser_treatment .t02 {margin-top:4px; font-size:14px; color:#7f8186; line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.skincare {margin-top:23px; padding:0 10px 45px;}
.skincare li {display:inline-block; width:100%; padding:10px 0;}
.skincare li+li {border-top:1px solid #dedede;}
.skincare .img_wrap {position:relative; float:left; width:140px; height:104px;} 
.skincare .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;} 
.skincare .txt_box {margin-left:148px; padding:0 10px 50px; background:url('/images/icon/icon_plus.png') no-repeat center bottom; background-size:39px auto;}
.skincare .t01 {font-size:18px; color:#54565a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.skincare .t02 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:4px; font-size:14px; color:#7f8186; line-height:1.35;}

.treatment .cont02 {margin-top:35px;}

.treatment_cont04 {padding-bottom:20px;}
.treatment_cont04 img {width:100%;}
.treatment_cont04 ul {margin:13px -5px -12px;}
.treatment_cont04 li {padding:12px 5px;}
.treatment_cont04 .num {margin-top:10px; font-family: 'Roboto', sans-serif; letter-spacing:0em; font-size:18px; color:#54565a;}
.treatment_cont04 .txt {margin-top:3px; font-size:14px; color:#7f8186; line-height:1.3; letter-spacing:-0.05em;}

.precautions {text-align:center; background:#bf947c;}
.precautions .box {margin-top:22px; padding:20px 0; text-align:left; background:#ffffff;}
.precautions ul {}
.precautions li {padding:7px 15px 7px 50px; font-size:14px; letter-spacing:-0.075em; background:url('/images/icon/icon_chk02.png') no-repeat 25px 5px; background-size:20px auto;}


.bg_box {margin-top:25px; padding:20px 25px; font-size:14px; color:#fff; line-height:1.35; text-align:left; background:#54565a; }
.bg_box.center {text-align:center;}
.bg_box.white {color:#54565a; background:#f4f8f9;}


.sub_common2 {text-align:center;}
.sub_common2 ul {margin-top:22px;}
.sub_common2 li {border:1px solid #52bab9;}
.sub_common2 .box {padding:15px 20px; }
.sub_common2 li+li {margin-top:10px;}
.sub_common2 .t01 {margin-top:8px; font-size:18; color:#54565a; font-weight:bold;}
.sub_common2 .t02 {margin-top:5px; font-size:14px; color:#7f8186; line-height:1.3;}
.sub_common2 .num {font-family: 'Open Sans', sans-serif; letter-spacing:-0.09em; font-size:18px; color:#52bab9;}
.sub_common2 .s02 .box {background:#f7f9f9;}
.sub_common2 .s03 .box {background:#e4f2f5;}
.sub_common2 .s04 .box {background:#e4f2f5;}




.bna {text-align:center; background:#ececec;}
.bna img {width:100%;}
.bna .stitle02 {letter-spacing:0em;}
.bna .box {overflow:hidden; margin-top:20px;}
.bna .box+.box {margin-top:10px;}
.bna .box > div {float:left; width:50%;}
.bna .img_wrap {position:relative;}
.bna .t01 {position:absolute; top:8px; left:8px; font-family: 'Roboto', sans-serif; letter-spacing:0em; font-size:12px; color:#54565a; line-height:1.36;}
.bna .after .t01 {color:#fff;}
.bna .t02 {padding:0; font-size:12px; line-height:1.35;}
.bna .login_box {position:absolute; top:0; left:0; width:100%; height:100%; padding-top:20%; color:#fff; background:rgba(49,49,49,0.75);}
.bna .login_box span {display:inline-block; width:65px; margin-top:10px; font-family: 'Roboto', sans-serif; letter-spacing:0em; font-size:12px;  line-height:28px; border:1px solid #fff; border-radius:25px; -webkit-border-radius:25px;}

.common_cont01 {text-align:center; background:url('/images/common/common01_bg.jpg') no-repeat center top; background-size:cover;}
.common_cont01 h2 {font-size:30px; color:#fff; font-weight:bold;}
.common_cont01 .stit {margin-top:14px; font-size:18px; color:#fff; letter-spacing:-0.075em;}
.common_cont01 ul {margin-top:25px;}
.common_cont01 li+li {margin-top:10px;}
.common_cont01 .box {position:relative; overflow:hidden; background:#fff;}
.common_cont01 .img_wrap {float:left; width:45.58%;}
.common_cont01 .txt_box {position:relative; float:left; width:54.42%; padding:10px;}
.common_cont01 .t01 {font-size:17px; color:#52bab9; line-height:1.3; font-weight:bold;}
.common_cont01 .t02 {margin-top:10px; font-size:14px; color:#54565a; line-height:1.3; letter-spacing:-0.075em;}

.common_cont02 {padding:16.9% 25px 21%; text-align:left; background:url('/images/common/common02_bg.jpg') no-repeat center top; background-size:cover;}
.common_cont02 .box {}
.common_cont02 .stit {font-size:15px; color:#52bab9; line-height:1.33; font-weight:bold;}
.common_cont02 h2 {margin-top:4px; font-size:38px; color:#fff; font-weight:bold; line-height:1.06;}
.common_cont02 .stxt {margin-top:12px; font-size:14px; color:#bec0c5; line-height:1.35;}


.q_counsel {background:#e9ecec;}
.q_counsel .inwrap {overflow:hidden; width:1400px; margin:auto; padding:50px 0; background:url('/images/icon/icon_headset.png') no-repeat left 40px;}
.q_counsel .title {float:left; width:230px; padding-left:105px; }
.q_counsel h2 {font-size:34px; font-weight:500;}
.q_counsel .tel_num {margin-top:15px; font-family: 'Open Sans', sans-serif; letter-spacing:0em; font-size:20px; color:#54565a; line-height:24px; font-weight:400;}
.q_counsel .form_wrap {overflow:hidden;float:right; width:1130px;}
.q_counsel .fbox {float:left;}
.q_counsel .fbox01 {width:370px;}
.q_counsel .fbox02 {width:389px; margin-left:20px;}
.q_counsel .fbox03 {width:330px; margin-left:20px;}
.q_counsel input[type="text"] {width:100%; height:45px; border:0; font-size:20px; color:#858585;}
.q_counsel .frow+.frow {margin-top:10px;}
.q_counsel textarea {width:100%; height:143px; padding:10px; font-size:20px; color:#858585; border:0;}
.q_counsel input[type="text"]::placeholder {font-size:20px; color:#858585;}
.q_counsel .radio_box {margin-top:20px;}
.q_counsel .radio_box p {position:relative; display:inline-block;}
.q_counsel .radio_box p+p {margin-left:30px; }
.q_counsel .radio_box input[type="radio"] {position:absolute; top:0; left:0; width:20px; height:20px; opacity:0;}
.q_counsel .radio_box label {position:relative; padding-left:30px; font-size:20px; color:#54565a;}
.q_counsel .radio_box label:before {position:absolute; top:6px; left:0; width:20px; height:20px; border:1px solid #000; background:#fff; content:'';}
.q_counsel .radio_box input[type="radio"]:checked+label:before {background:#000;}
.q_counsel .chkeck_box {position:relative;}
.q_counsel .chkeck_box input[type="checkbox"] {position:absolute; top:0; left:0; width:20px; height:20px; opacity:0;}
.q_counsel .chkeck_box label {position:relative; padding-left:30px; font-size:16px; color:#54565a;}
.q_counsel .chkeck_box label:before {position:absolute; top:3px; left:0; width:20px; height:20px; border:1px solid #000; background:#fff; content:'';}
.q_counsel .chkeck_box input[type="checkbox"]:checked+label:before {background:#000;}
.q_counsel .chkeck_box a {display:inline-block; font-size:16px; color:#54565a; font-weight:6400;}
.q_counsel .btn_submit {width:100%; margin-top:15px; font-size:30px; color:#fff; line-height:105px; text-align:center; background:#52bab9;}

*/