@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap');/*font-family: 'Inter', sans-serif;*/

@font-face {
    font-family: 'notokr-thin';
    src: url('../font/notokr-thin.eot');
    src: url('../font/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-thin.woff2') format('woff2'),
         url('../font/notokr-thin.woff') format('woff'),
         url('../font/notokr-thin.ttf') format('truetype'),
         url('../font/notokr-thin.svg#notokr-thin') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-light';
    src: url('../font/notokr-light.eot');
    src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-light.woff2') format('woff2'),
         url('../font/notokr-light.woff') format('woff'),
         url('../font/notokr-light.ttf') format('truetype'),
         url('../font/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-regular';
    src: url('../font/notokr-regular.eot');
    src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-regular.woff2') format('woff2'),
         url('../font/notokr-regular.woff') format('woff'),
         url('../font/notokr-regular.ttf') format('truetype'),
         url('../font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('../font/notokr-medium.eot');
    src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-medium.woff2') format('woff2'),
         url('../font/notokr-medium.woff') format('woff'),
         url('../font/notokr-medium.ttf') format('truetype'),
         url('../font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-bold';
    src: url('../font/notokr-bold.eot');
    src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-bold.woff2') format('woff2'),
         url('../font/notokr-bold.woff') format('woff'),
         url('../font/notokr-bold.ttf') format('truetype'),
         url('../font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-black';
    src: url('../font/notokr-black.eot');
    src: url('../font/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-black.woff2') format('woff2'),
         url('../font/notokr-black.woff') format('woff'),
         url('../font/notokr-black.ttf') format('truetype'),
         url('../font/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup {padding:0; margin:0;  box-sizing:border-box;}
div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{box-sizing:border-box;}
article, aside, figure, figure img, figcaption, hgroup, footer, header, main, nav, section, video, object {display:block;  box-sizing:border-box;}
table{ border-collapse:collapse; border-spacing:0; }
ol, ul, li{ list-style:none; }
h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }
form, fieldset, a img{ border:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }
blockquote, q{ quotes:none; }
.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }
.null{ font-size:0; line-height:0; }
a img, input, textarea, select, img{ vertical-align:middle; }
time, progress, mark, output { display:inline; }
.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
a {text-decoration:none; outline:none; color:#6c6c6c}
/*a:hover {text-decoration:underline;}*/
a img{ border:0; }
img, input, select{ vertical-align:middle; }
input{ font-size:13px; color:#000; vertical-align:middle; outline:none;}
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; outline:none;}
button {outline:none;}

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

/*기본 셋팅*/
*{box-sizing:border-box; font-family:'notokr-medium';}
body {margin:0; padding:0; font-size:15px; width:100%; letter-spacing:0;}
#wrap {width:100%; min-width:1200px; margin:0 auto; position:relative;}

/*header*/
#header {width:100%; padding:40px 0; background:#fff; overflow:hidden; position:relative;}
#header h1 {float:left;}
#header .util {float:right; text-align:center; overflow:hidden;}
#header .side_list {padding:13px 30px; background:#edeef0; border-radius:30px;}
#header .side_list, #header .side_list li, #header .blog {display:inline-block;}
#header .side_list li a,#header .side_list li span {font-size:12px; line-height:13px; color:#747880;}
#header .side_list li a:hover {color:#35b8ee;}
#header .blog {padding:13px 30px; margin-left:18px; background:#747880; border-radius:30px; font-size:15px; line-height:16px; color:#fff;}
#header .blog:hover {background:#fcb040;}
#header .blog img {margin-right:5px;}

/*footer*/
#footer {width:100%; padding:45px 0; background:#2e3033; position:relative;}
#footer .logo {display:inline-block; float:left;}
#footer .util {float:right;}
#footer .side_btn {display:inline-block; text-align:center;}
#footer .side_btn li {display:inline-block;}
#footer .side_btn li a {display:block; font-size:14px; line-height:15px; color:#fff;}
#footer .add {margin-top:17px; font-size:13px; line-height:25px; color:#747880;}

/*container*/
#container,.content {width:100%; position:relative;}

/*공통이용*/
.inner_box {width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.img_title {display:block; width:100%; text-align:center;}
.img_title img {display:inline-block;}
.content {width:100%; overflow:hidden; position:relative;}
.content .foot {margin:100px 0;}
.m {display:none;}
.sky {color:#35b8ee;}

/*nav*/
.nav {width:100%; height:60px; background:#25aae1; position:relative; z-index:100;}
.nav_box {width:1200px; height:100%; margin:0 auto;}
.nav_box ul {overflow:hidden;}
.nav_box ul li {float:left; width:16.666%; text-align:center;}
.nav_box ul li a {display:inline-block; margin-top:16px; padding:5px 20px; font-size:17px; line-height:17px; color:#fff; }
.nav_box ul li.over a,.nav_box ul li.ov a{background:#fff; color:#25aae1; border-radius:30px;}

/*nav_s*/
.nav_s {width:100%; background-color:#fff; border-bottom:3px solid #25aae1; position:absolute; top:59px; left:0; z-index:100; display:none;}
.nav_s .nav_s_box {width:1200px; height:100%; margin:0 auto; }
.nav_s .nav_s_box ul {overflow:hidden;}
.nav_s .nav_s_box ul .nav_s_li {float:left; width:16.666%; height:225px; border-left:1px solid #eee; text-align:center;}
.nav_s .nav_s_box ul .nav_s_li:last-child {border-right:1px solid #eee;}
.nav_s .nav_s_box ul .nav_s_li ul {padding-top:10px;}
.nav_s .nav_s_box ul .nav_s_li ul li {}
.nav_s .nav_s_box ul .nav_s_li ul li a {display:block; padding:10px 0; font-family:'notokr-regular'; font-size:14px; line-height:15px; color: #58585a;}
.nav_s .nav_s_box ul .nav_s_li ul li a:hover {color:#35b8ee;}
.nav_s .nav_s_box ul .nav_s_li ul li.over a{color:#35b8ee;}

/*메인비주얼*/
.main_visual {width:100%; height:650px; margin:0 auto; overflow:hidden; position:relative;}
.main_visual .img_box {width:100%; position:absolute;}
.main_visual .roll_img {display:none; width:100%; height:650px; position:absolute;}
.main_visual .roll_img.off {display:none;}
.main_visual .roll_img.on {display:block;}

.main_visual .roll_img.n1 {background:url('/common/images/main/mv1.jpg') no-repeat center top; background-size:cover;}
.main_visual .roll_img.n2 {background:url('/common/images/main/mv2.jpg') no-repeat center top; background-size:cover;}
.main_visual .roll_img.n3 {background:url('/common/images/main/mv3.jpg') no-repeat center top; background-size:cover;}

.main_visual .text_box {width:1200px; height:400px; top:0; left:50%; margin-left:-600px; position:absolute; z-index:10;}
.main_visual .roll_text {display:none; width:100%; position:absolute;}
.main_visual .roll_text.n1 {top:170px;}
.main_visual .roll_text.n2 {top:140px; text-align:center;}
.main_visual .roll_text.n3 {top:70px; text-align:center;}
.main_visual .roll_text p {width:100%;}
.main_visual .roll_text p:last-child {margin-top:50px;}

.main_visual .btns {width:100%; bottom:25px; left:0; text-align:center; overflow:hidden; position:absolute; z-index:20;}
.main_visual .roll_btn {display:inline-block; width:15px; height:15px; margin:0 5px; background:#fff; border-radius:50%; cursor:pointer;}
.main_visual .roll_btn.off {background:#fff;}
.main_visual .roll_btn.on {background:transparent; border:3px solid #fff;}

.content.n1 {padding:40px 0 100px 0; background:#fff;}
.content.n1 .util {margin-top:100px; overflow:hidden;}

.content.n1 .mc_box {margin-top:40px; overflow:hidden;}
.content.n1 .mc_box li {width:24.9%; height:299px; margin-right:1px; margin-bottom:1px; overflow:hidden; float:left; position:relative;}
.content.n1 .mc_box li:nth-child(4),.content.n1 .mc_box li:nth-child(8) {margin-right:0;}
.content.n1 .mc_box li .text {left:37px; bottom:37px; position:absolute; z-index:10;}
.content.n1 .mc_box li .text span {display:block; font-size:16px; line-height:23px; color:#39393b;}
.content.n1 .mc_box li .text strong {display:block; margin-top:18px; font-size:25px; line-height:26px; color:#39393b;}
.content.n1 .mc_box li img {width:100%; height:100%; left:0; top:0; position:absolute; transition:all .3s ease; -webkit-transition:all .3s ease;}
.content.n1 .mc_box li:hover img{width:110%; height:110%; left:-5%; top:-5%;}
.content.n1 .mc_box li a {display:block;}

.content.n1 .bd_box {float:left; width:380px; padding:32px 0; margin-right:30px; text-align:center; border:1px solid #ddd; border-top:3px solid #747880;}
.content.n1 .bd_box strong {display:inline-block; padding:6px 35px; background:#35b8ee; border-radius:30px; font-size:18px; line-height:19px; color:#fff;}
.content.n1 .bd_box .list {width:90%; margin:25px auto 0 auto;}
.content.n1 .bd_box .list li {overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.content.n1 .bd_box .list li:last-child {border-bottom:0;}
.content.n1 .bd_box .list li a {display:inline-block; font-size:15px; line-height:16px; color:#767677;}
.content.n1 .bd_box .list li a.item {float:left;}
.content.n1 .bd_box .list li a.date {float:right;}

.content.n1 .mov_box {width:380px; padding-top:19.5%; float:left; position:relative;}
.content.n1 .mov_box iframe {width:100%; height:100%; left:0; top:0; position:absolute;}

.content.n2 {padding:120px 0; background:url('/common/images/main/fba_bg.jpg') no-repeat center top; background-size:cover;}
.content.n2 .ba_box {overflow:hidden;}
.content.n2 .ba_box li {float:left; margin-right:30px;}
.content.n2 .ba_box li:last-child {margin-right:0;}

/*210713_메인리뉴얼*/
.en{font-family: 'Inter', sans-serif;letter-spacing:0.2em;}
.color1{color:#35b8ee;}
.ani_item{opacity:0;}

section[class^='main']{letter-spacing:-0.08em;line-height:1;}

.main_sec_tit{text-align:center;}
.main_sec_tit .en{color:#35b8ee;font-size:12px;font-weight:700;}
.main_sec_tit h2{font-size:35px;line-height:45px;letter-spacing:-0.08em;color:#333;font-family: 'notokr-light';margin:10px 0 5px;}
.main_sec_tit h2 b,.main_sec_tit h2 em{font-family: 'notokr-bold';}
.main_sec_tit p{letter-spacing:-0.08em;color:#747880;font-family: 'notokr-light';font-size:17px;line-height:26px;}
.main_sec_tit p b{font-family: 'notokr-medium';}

.main_sec_01{padding:130px 0;}
.sec01_slider .item{display:flex !important;align-items:center;}
.sec01_slider .item .txt_box{width:650px;height:370px;background:#fff;margin-right:-100px;z-index:2;padding-left:125px;display:flex;justify-content:center;flex-direction:column;}
.sec01_slider .item .txt_box span{font-weight:700;color:#35b8ee;font-size:12px;letter-spacing:0.2em;opacity:0;transform:translate(0px, 30px);transition:all 1s ease-in-out 0.1s;}
.sec01_slider .item .txt_box h3{color:#333;font-family: 'notokr-bold';font-size:35px;line-height:45px;margin:15px 0 10px;letter-spacing:-0.08em;opacity:0;transform:translate(0px, 30px);transition:all 1s ease-in-out 0.3s;}
.sec01_slider .item .txt_box p{font-size:17px;color:#747880;font-family: 'notokr-light';line-height:26px;opacity:0;transform:translate(0px, 30px);transition:all 1s ease-in-out 0.6s;}

.sec01_slider .slick-arrow{width:79px;height:49px;background-size:contain;background-position:center;background-color:transparent;text-indent:-999em;border:none;position:absolute;bottom:0;left:125px;z-index:10;cursor:pointer;}
.sec01_slider .slick-arrow.slick-prev{background-image:url('/common/images/main_2021/se01_prev.jpg');}
.sec01_slider .slick-arrow.slick-next{background-image:url('/common/images/main_2021/se01_next.jpg');transform:translateX(79px);}

.sec01_slider .slick-arrow:hover.slick-prev{background-image:url('/common/images/main_2021/se01_prev_on.jpg');}
.sec01_slider .slick-arrow:hover.slick-next{background-image:url('/common/images/main_2021/se01_next_on.jpg');}

.sec01_slider .slick-active.item .txt_box span{transform:translate(0px, 0px);opacity:1;}
.sec01_slider .slick-active.item .txt_box h3{transform:translate(0px, 0px);opacity:1;}
.sec01_slider .slick-active.item .txt_box p{transform:translate(0px, 0px);opacity:1;}

.main_sec_02{padding:160px 0 140px;background:#f7f7f7;}
.clinic_list{display:flex;justify-content:space-between;margin-top:60px;}
.clinic_list li{width:292px;height:402px;overflow:hidden;background:#fff;padding-top:55px;transition:all .5s;}
.clinic_list .item_box{display:flex;flex-direction:column;align-items:center;border-bottom:5px solid #eee;height:100%;}
.clinic_list .item_box .en{font-weight:700;font-size:12px;text-transform:uppercase;}
.clinic_list .item_box .ico{margin:50px 0 30px;}
.clinic_list .item_box h4{color:#333;font-size:25px;font-family: 'notokr-bold';margin-bottom:20px;}
.clinic_list .item_box p{color:#747880;font-size:17px;line-height:26px;font-family: 'notokr-light';text-align:center;}
.clinic_list li:nth-child(1) .item_box,.clinic_list li:nth-child(1) .en{border-color:#35b8ee;color:#35b8ee;}
.clinic_list li:nth-child(2) .item_box,.clinic_list li:nth-child(2) .en{border-color:#8dc63f;color:#8dc63f;}
.clinic_list li:nth-child(3) .item_box,.clinic_list li:nth-child(3) .en{border-color:#fbb03f;color:#fbb03f;}
.clinic_list li:nth-child(4) .item_box,.clinic_list li:nth-child(4) .en{border-color:#7b68ee;color:#7b68ee;}
.clinic_list li.on *{color:#fff !important;}
.clinic_list li.on:nth-child(1){background:#35b8ee;}
.clinic_list li.on:nth-child(2){background:#8dc63f;}
.clinic_list li.on:nth-child(3){background:#fbb03f;}
.clinic_list li.on:nth-child(4){background:#7b68ee;}

.main_sec_03{padding:90px 0 240px;}
.doc_con{display:flex;justify-content:space-between;margin-top:65px;}
.doc_con .right_box{width:664px;height:844px;background:url('/common/images/main_2021/sec03_bg.png') center no-repeat;margin:60px 0 0 -60px;z-index:-1;padding:90px 0 0 175px;color:#fff;}
.doc_con .right_box .tit span{color:#23314a;font-size:20px;font-family: 'notokr-light';}
.doc_con .right_box .tit h3{font-size:20px;font-family: 'notokr-light';margin-top:10px;margin-bottom:10px;}
.doc_con .right_box .tit h3 b{font-size:35px;font-family: 'notokr-bold';}
.doc_con .right_box .history{display:inline-block;margin-top:30px;}
.doc_con .right_box .history h5{font-size:20px;font-family: 'notokr-medium';border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:10px;}
.doc_con .right_box .history li{font-family: 'notokr-light';font-size:17px;line-height:30px;}

.main_sec_04{background:url('/common/images/main_2021/sec04_bg.png') center/cover no-repeat;text-align:center;color:#fff;padding:150px 0 110px;}
.main_sec_04 p{font-family: 'notokr-light';font-size:25px;line-height:32px;}
.main_sec_04 h2{font-family: 'notokr-bold'; font-size:35px;margin:15px 0 20px;}
.main_sec_04 .box1{width:335px;height:45px;line-height:45px;border:1px solid #35b8ee;font-size:12px;margin:0 auto;}

.main_sec_05{padding:150px 0 180px;background:url('/common/images/main_2021/sec05_bg.png') center/cover no-repeat;}
.main_sec_05 .item_wrap{display:flex;justify-content:space-between;margin-top:60px;}
.main_sec_05 .item_box{width:595px;height:547px;border:1px solid #bfbfbf;text-align:center;padding-top:75px;background:#fff;}
.main_sec_05 .item_box .tit{border-bottom:1px solid #35b8ee;width:343px;display:inline-block;padding-bottom:30px;}
.main_sec_05 .item_box .tit h5{color:#333;font-size:27px;font-family: 'notokr-bold';margin:40px 0 15px;}
.main_sec_05 .item_box .tit span{font-family: 'notokr-bold';font-size:14px;letter-spacing:0.2em;color:#333;text-transform:uppercase;}

.main_sec_05 .item_box.time_box .time_table{margin:25px 0 ;}
.main_sec_05 .item_box.time_box .time_table div{display:flex;justify-content:space-between;width:316px;margin:0 auto;font-family: 'notokr-light';line-height:35px;position:relative;}
.main_sec_05 .item_box.time_box .time_table p{font-size:17px;color:#333;letter-spacing:-0.08em;}
.main_sec_05 .item_box.time_box .time_table .day{font-family: 'notokr-medium';}
.main_sec_05 .item_box.time_box .time_table .day span{display:inline-block;}
.main_sec_05 .item_box.time_box .time_table .hour{font-family: 'Inter', sans-serif;font-weight:300;}
.main_sec_05 .item_box.time_box .time_table .night .hour{font-weight:500;letter-spacing:-0.07em;}
.main_sec_05 .item_box.time_box .time_table .lunch .hour{letter-spacing:-0.07em;}
.main_sec_05 .item_box.time_box .time_table .night .box{position:absolute;right:-67px;top:calc(50% - 9px);width:57px;height:18px;line-height:18px;border-radius:15px;background:#e40000;color:#fff;font-size:12px;font-family: 'notokr-medium';}
.main_sec_05 .item_box.time_box .etc p{font-family: 'notokr-light';font-size:17px;line-height:23px;color:rgba(51,51,51,.5);}

.main_sec_05 .item_box.tel_box .tel{font-family: 'Inter', sans-serif;font-weight:700;letter-spacing:-0.02em;font-size:25px;margin:84px 0 65px;}
.main_sec_05 .item_box.tel_box .tel span{color:#8f9db6;}
.main_sec_05 .item_box.tel_box p{font-family: 'notokr-light';font-size:17px;line-height:23px;color:rgba(51,51,51,.5);}

.main_sec_06{padding:150px 0;background:#f7f7f7;}
.main_sec_06 .main_sec_tit .line1{color:#3155b5;}
.main_sec_06 .main_sec_tit .line2{color:#10aa18;}
.main_sec_06 .main_sec_tit .underline{border-bottom:1px solid #333;line-height:40px;display:inline-block;}
.main_sec_06 .main_sec_tit h3{font-family: 'notokr-regular';font-size:27px;margin-top:30px;}
.main_sec_06 .map_box{margin-top:45px;}