@charset "utf-8";

@import url('font.css');
@import url('common.css');
@import url('slick.css');

.ir {position:absolute; z-index:-1; left:-9999px; width:0px; height:0px; text-indent:-9999px; clip:rect(0,0,0,0);}
 
#wrap {overflow:hidden;}

.top_banner {background:#71f7d4;}
.top_banner p {position:relative; left:50%; margin-left:-250px; width:500px;}

header {position:relative; z-index:9999; padding:10px 0px; border-bottom:1px solid #e7e7e7;}
h1 {width:147px; height:55px;  margin: 0 auto;}
h1 img {width:100%;}
.head_ico {display:inline-block; width:40px; height:30px;}
.head_ico img {width:100%;}
.head_ico.menu {position:absolute; z-index:2; left:15px; top:21px; width:40px; height:30px;}
.head_ico.call {position:absolute; z-index:2; right:15px; top:20px; width:32.5px; height:35px;}

.visual ul {position:relative;}
.visual ul li img{width:100%;}
.visual .slick-dots {position:absolute; z-index:1; bottom:15px; left:50%; transform:translateX(-50%);}
.visual .slick-dots li {display:inline-block; margin:0 4px; width:15px; height:15px; text-indent:-9999px; border-radius:50px; background:#fff;}
.visual .slick-dots li.slick-active {background:#4a322e;}

.counselling { width:100%; padding:60px 15px;}
.counselling h2{font-size:22px; color:#262626; margin-bottom:17px;}
.counselling form input {width:calc(50% - 3px); height:45px; padding:0 15px; font-size:15px; color:#8b8b8b; font-family: 'nanumS';}
.counselling form input::placeholder{font-size:15px; color:#8b8b8b; font-family: 'nanumS';}
.counselling form select {width:100%; height:45px; padding:0 15px; font-size:15px; color:#8b8b8b; font-family: 'nanumS'; border-radius:0px; border-color:#d5d5d5; margin-top:5px; margin-bottom:25px;}
.counselling form button {width:calc(50% - 5px); height:60px; font-size:19px;  font-family: 'nanumS'; font-weight:700; color:#fff; background-color:#000;}
.counselling form button:last-child {background-color:#fec921; color:#1d1d1d;}

div h2 {font-size:27px; font-weight:700; color:#262626;}
.best_clinic {position:relative; width:100%; background-color:#f1f1f1; text-align:center; padding:72px 0px;}
.best_clinic .page {position:absolute; z-index:1; top:132px; left:50%; font-size:16px; letter-spacing:5px; transform:translateX(-50%);}
.best_clinic .clinic_roll {margin-top:70px;}
.best_clinic .clinic_roll li {width:304px; height:491px; margin:0 20px;}
.best_clinic .clinic_roll li img {width:100%;}
.best_clinic .clinic_roll li .name {font-size:25px; font-family: 'nanumS'; font-weight:500;}
.best_clinic .clinic_roll li .price {font-size:24px; font-family: 'nanumS'; font-weight:500; color:#eb4545;}
.best_clinic .slick-arrow {position:absolute; z-index:1; top:-50px; width:30px; height:30px; text-indent:-9999px; background-size:29px; background-position:0 0; background-repeat:no-repeat;}
.best_clinic .slick-arrow.slick-prev {left:50%; margin-left:-78px; background-image:url('../images/ico/ico_clinic_arrow01.jpg');}
.best_clinic .slick-arrow.slick-next {right:50%; margin-right:-78px; background-image:url('../images/ico/ico_clinic_arrow02.jpg');}
.best_clinic.white .slick-arrow.slick-prev {background-image:url('../images/ico/ico_clinic_arrow01_w.jpg');}
.best_clinic.white .slick-arrow.slick-next {background-image:url('../images/ico/ico_clinic_arrow02_w.jpg');}

.clinic {width:100%; padding:75px 15px 70px 15px; text-align:center; background-color:#e2d8d1;}
.clinic h2 {margin-bottom:25px;}
.clinic .information {position:relative;}
.clinic .information li img {width:100%;}
.clinic .information .slick-dots {position:absolute; z-index:1; bottom:0px; left:50%; transform:translateX(-50%);}
.clinic .information .slick-dots li {display:inline-block; margin:0 4px; width:6.5px; height:6.5px; text-indent:-9999px; border-radius:50px; background:#fff;}
.clinic .information .slick-dots li.slick-active {background:#4a322e;}
.clinic .clinic_price:after{content:''; clear:both; display:block;}
.clinic .clinic_price li {float:left; width:50%;}
.clinic .clinic_price li a {display:block; width:100%; height:100%;}
.clinic .clinic_price li img {width:100%;}

.banner01 img {width:100%;}

.issue {position:relative; z-index:1;  width:100%; padding:68px 40px 50px 40px;}
.issue h3 {font-size:19px; font-weight:700; margin-bottom:28px;}
.issue p {position:absolute; z-index:1; right:40px; top:60px; width:33px; height:33px;}
.issue ul li a:after{content:''; clear:both; display:block;}
.issue ul li a {display:block; position:relative; font-family: 'nanumS'; padding-right:60px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; color:#707070; padding-bottom:10px;}
.issue ul li:last-child a{padding-bottom:0px;}
.issue ul li a span {position:absolute; z-index:1; right:0; top:0;}

.instagram {width:100%; padding:20px; background-color:#f8f8f8; text-align:center;}
.instagram iframe {border:0 !important; background:#f8f8f8 !important;}
.instagram iframe .Header {background:#f8f8f8 !important;}
.issue.notice {padding:-10px 0px 10px 0px;}



.instagram2 {position:relative; z-index:1; background-color:#f8f8f8;  width:100%; padding:68px 40px 50px 40px;}
.instagram2 h3 {font-size:19px; font-weight:700; margin-bottom:28px;}
.instagram2 p {position:absolute; z-index:1; right:40px; top:60px; width:33px; height:33px;}
.instagram2 ul li a:after{content:''; clear:both; display:block;}
.instagram2 ul li a {display:block; position:relative; font-family: 'nanumS'; padding-right:60px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; color:#707070; padding-bottom:10px;}
.instagram2 ul li:last-child a{padding-bottom:0px;}
.instagram2 ul li a span {position:absolute; z-index:1; right:0; top:0;}




.dr_pic img{width:100%;}
.map img {width:100%;}

footer {position:relative; z-index:1; width:100%; text-align:center; padding:45px 0px 50px 0px; background-color:#1d1d1d;}
footer ul {position:absolute; z-index:1; left:50%; margin-left:-73px; top:18px;}
footer ul:after{content:''; clear:both; display:block;}
footer ul li {float:left; width:27px; height:27px; margin-right:15px;}
footer ul li:last-child {margin-right:0px;}

footer .address {color:#fff; font-size:13px; color:#616161; font-weight:500; font-family: 'nanumS'; margin-top:25px; }
footer .address p {margin-top:13px;}
footer .address span {padding:0px 9px;}
footer .address span a {color:#616161;}
footer .address .bar{position:relative; z-index:1;}
footer .address .bar:after{content:'';position:absolute; z-index:1; width:1px; height:12px; right:0px; top:1px; background-color:#616161;}

.best_clinic.white {background-color:#fff;}
.sub_tab {margin-bottom:10px;}
.sub_tab:after{content:''; clear:both; display:block;}
.sub_tab {width:100%; font-family: 'notosans'; font-size:15px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.sub_tab > div {float:left; width:50%; padding-left:15px; height:48px; line-height:48px;}
.sub_tab > div > a {display:block; color:#5a5a5a; font-weight:400;}
.sub_tab .depth1 {position:relative; z-index:999; border-right:1px solid #dadada; background:#f5f5f5 url('../images/ico/sub_tab.jpg') no-repeat right 15px bottom 18px; background-size:16px;}
.sub_tab > div > ul {display:none; position:absolute; z-index:999; left:0; border:1px solid #dadada; width:calc(100% + 1px); padding:0 20px; background:#fff;} 
.sub_tab .depth2 {position:relative; z-index:999; background:url('../images/ico/sub_tab02.png') no-repeat right 15px bottom 18px; background-size:16px;}
.sub_tab .depth1 > ul {border-left:0;}
.sub_tab .depth2 > ul {border-right:0; left:-1px;}

.product_info .photo_slide .big {margin-top:10px; }
.product_info .photo_slide .big li img {width:100%}

.photo_slide .thumb {text-align:center; margin-top:10px;}
.photo_slide .thumb li {display:inline-block; width:88px; /* height:85px; */ margin:0 5px;}
.photo_slide .thumb .slick-slide {background:#5e5e5e;}
.photo_slide .thumb .slick-slide img {opacity:0.5; transition:all .5s ease-in-out;}
.photo_slide .thumb .slick-slide.slick-center img {opacity:1;}
.photo_slide .thumb .slick-arrow {position:absolute; z-index:1; top:0; width:17%; height:100%; text-indent:-9999px; background-color:#fff; background-size:14px; background-repeat:no-repeat;}
.photo_slide .thumb .slick-arrow.slick-prev {left:0; background-image:url('../images/ico/photo_slide_prev.png'); background-position:40px center;}
.photo_slide .thumb .slick-arrow.slick-next {right:0; background-image:url('../images/ico/photo_slide_next.png'); background-position:right 40px center;}


.detail_info {margin:65px 40px;}
.detail_info .title {padding-bottom:30px; border-bottom:1px solid #000;}
.detail_info .title h3 {font-weight:700; font-size:36px; margin-bottom:15px;}
.detail_info .title p {font-weight:300; font-size:20px;}
.detail_info .info_list div {margin:20px 0px 35px 0px;}
.detail_info .info_list div strong { display:block; font-weight:600; font-size:15px; margin-top:10px; margin-bottom:5px; }
.detail_info .info_list div ul li {font-size:16px; }

.detail_info .price_info {margin-bottom:35px;}
.detail_info .price_info h3 {font-weight:300; font-size:15px;}
.detail_info .price_info .price {font-size:33px; font-weight:700;}

.detail_info .btn_box .kakao {text-align:center;}
.detail_info .btn_box .kakao a {display:block; width:100%; height:52px; line-height:52px; font-weight:300; font-size:18px; background-color:#000; color:#fff;}

.detail_info .btn_box .white_btn:after{content:''; clear:both; display:block;}
.detail_info .btn_box .white_btn {border:1px solid #000; margin-top:5px;}
.detail_info .btn_box .white_btn a {float:left; width:50%; height:52px; line-height:52px; text-align:center; font-weight:300;}
.detail_info .btn_box .white_btn a:first-child {border-right:1px solid #000;}

.info_tab:after {content:''; clear:both; display:block;}
.info_tab {width:100%; border-bottom:2px solid #000;} 
.info_tab li {float:left; width:calc(100%/3); text-align:center; font-weight:400; font-size:14px; color:#bdbdbd; background-color:#f8f8f8; border:1px solid #dcdcdc; } 
.info_tab li:last-child {border-left:0px;}
.info_tab li a {display:block; color:#bdbdbd; height:53px; line-height:53px; font-family:'notosans';} 

.info_tab .on {color:#000; background-color:#000; border-color:#000;}
.info_tab .on a {color:#fff;}

.info_tab_con {margin-bottom:40px;}
.info_tab_con >div >img {width:100%;}

.parking_info {position:relative; text-align:center; width:204px; z-index:999; }


.register {padding: 60px 20px; background-color:#f3f3f3;}
.register .detail_info {margin:0px;}
.register .detail_info .title{border:0px; padding:0px; margin:0px;}
.register .detail_info .info_list {border-bottom:1px solid #000;}
.register .detail_info .info_list div {margin-bottom:30px;}
.register .detail_info .price_info h3 {margin-top:40px; font-size:22px;}

.register .register_form div {padding:10px 20px 40px 20px; border:1px solid #000; background-color:#fff;}
.register .register_form div form ul li label{display:block; font-weight:500; margin-top:26px; font-size:16px;}
.register .register_form div form ul li input{width:100%;font-size:14px; border:0px; border-bottom:1px solid #000;padding:0px; font-family:'notosans';}
.register .register_form div form ul li input::placeholder{font-size:14px; color:#9b9b9b; }
.register .register_form div form > input {margin-top:15px; width:100%; height:57px; font-weight:300; font-size:18px; background-color:#000; color:#fff; border:0px; }
.register .register_form div form .agree {color:#9b9b9b; font-size:12px; font-family: 'nanumS'; margin-top:10px;}
.register .register_form div form .agree input {margin-top:-5px; margin-right:6px;}
.register .register_form div form .agree span{color:#000; font-weight:400;}
.register .register_form div form .agree a{display:inline-block; color:#fff; font-weight:500; background-color:#838383; padding: 4px 10px; margin-left:5px;}

.register .register_form .kakaotalk {margin-top:10px;}
.register .register_form .kakaotalk form > input {background-color:#eeb13a;}

.contents h2 {text-align:center;}
.contents .h2_sub {margin:5px 0 20px; font-size:14px; text-align:center;}

/* 둘러보기 */
.board_tab {display:table; table-layout:fixed; width:100%; border-top:1px solid #ddd; border-right:0;}
.board_tab:after {display:none;}
.board_tab li {float:left; width:25%; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.board_tab li a {display:block; padding:15px 0; text-align:center; font-size:15px; font-weight:400; font-family:'notosans'; background:#f8f8f8;}
.board_tab li.on a {color:#fff; background:#000;}

.photo_board {padding:30px 20px;}
.photo_board .big_photo {margin:0 auto;}
.photo_board .big_photo img {width:100%;}
.photo_board .big_photo .subject {padding:15px 0; margin-bottom:20px; font-size:16px; text-align:center; color:#fff; background:#9e8674;}
.photo_board .big_photo .slick-dots {position:absolute; z-index:1; left:50%; top:-2px; min-width:320px; text-align:center; transform:translateX(-50%);}
.photo_board .big_photo .slick-dots li {display:inline-block;}
.photo_board .big_photo .slick-dots li + li {border-left:1px solid #222;}
.photo_board .big_photo .slick-dots li button {display:block; width:70px; padding:5px 0; color:#fff; font-size:12px; font-family:'notosans'; background:#000;}
.photo_board .big_photo .slick-dots li.slick-active button {background:#9e8674;}

.board_page {text-align:center; margin-bottom:40px; font-size:12px;}
.board_page > a {display:inline-block; width:17px; height:17px; text-indent:-9999px; background-size:17px;}
.board_page > a.first {background-image:url('../images/ico/icon_prev2.gif');}
.board_page > a.prev {background-image:url('../images/ico/icon_prev.gif');}
.board_page > a.next {background-image:url('../images/ico/icon_next.gif');}
.board_page > a.last {background-image:url('../images/ico/icon_next2.gif');}
.board_page ol {display:inline-block; margin:0 10px;}
.board_page ol li {display:inline-block;}
.board_page ol li a {display:block; padding:0 3px;}

.menu_con {display:none; overflow-y:scroll; position:absolute; z-index:9999; left:0; top:0px; width:100%; padding-top:75px; background:#b8833e;}
.menu_con > ul {position:relative; width:50%; font-family:'nanumS'; font-weight:600; background:#2f2f2f;}
.menu_con > ul > li {border-bottom:1px solid #484848;}
.menu_con > ul > li > a {display:block; padding:18px 36px 18px 25px; font-size:18px; line-height:1; color:#5d5d5d; background:url(../images/ico/ico_menu_more.png) no-repeat right 15px center; background-size:19px;}
.menu_con > ul > li.on > a {color:#fff; background-image:url(../images/ico/ico_menu_more_ov.png);}
.menu_con > ul > li.on .submenu {display:block;}
.menu_con .submenu {display:none; position:absolute; z-index:1; left:100%; top:0; width:100%;}
.menu_con .submenu > li {position:relative; border-bottom:1px solid #d4a770;}
.menu_con .submenu > li:before {content:''; position:absolute; z-index:1; left:26px; top:50%; margin-top:-1px; width:6px; height:2px; background:#dbac6f;}
.menu_con .submenu > li > a {display:block; padding:19px 26px 19px 44px; font-size:16px; line-height:1; color:#dbac6f;}
.menu_con .submenu > li > a:hover {color:#fff;}
.menu_con .submenu > li:hover:before {background:#fff;}
.menu_con .close_btn {position:absolute; z-index:1; left:0; top:0; padding:16px 14px; width:100%; height:75px; background:#fff;}
.menu_con .close_btn a {display:block; width:45px; height:44px; text-indent:-9999px; background:url(../images/ico/ico_menu.png) no-repeat 0 0; background-size:45px;}

.menu_con .util {position:absolute; z-index:9999; right:10px; top:25px; font-size:17px;}
.menu_con .util a {display:inline-block; padding:0 10px; font-family:'nanumS'; font-weight:600; color:#555;}
.menu_con .util a:last-child {padding-left:0;}
.menu_con .util a:last-child:before {content:'|'; margin-right:12px;}


.hospital_photo {padding:30px 20px;}
.hospital_photo .slick-slide img {width:100%;}
.hospital_photo .thumb {position:relative; margin:5px 60px;}
.hospital_photo .thumb li {margin:0 5px;}
.hospital_photo .thumb .slick-arrow {position:absolute; z-index:1; top:50%; margin-top:-37px; width:36px; height:74px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; background-size:36px;}
.hospital_photo .thumb .slick-arrow.slick-prev {left:-60px; background-image:url(../images/ico/ico_m_prev.jpg);}
.hospital_photo .thumb .slick-arrow.slick-next {right:-60px; background-image:url(../images/ico/ico_m_next.jpg);}