@charset "UTF-8";
@import url(common.css);

/* 자간 */
.lt-s-1{letter-spacing:-1px !important}
/* 글자크기 */
.half-font{font-size:60% !important}
/* text-color */
.text-light-green{color:#d8ff8c}
.sub-text-blue,
.sub-text-point {color:#0092e5}
.sub-text-blue2 {color:#4ab2b3}
.sub-text-point2 {color:#1475d9}
.sub-text-blue3 {color:#3159a5}
.sub-text-navy{color:#36395b}
/* 상담하기 영역 배경색 */
.sub-consult-bg1{background:#f8f9fb}
/* input, select 배경색 */
.sub-consult-bg2{background:#dee6ef}
/* 카카오톡 상담 버튼색 */
.sub-consult-bg3{background:#ffe900}
/* 빠른상담 버튼색 */
.sub-consult-bg4{background:#0092e5}
/* 장비소개 타이틀 포인트컬러*/
.sub-text-yellow{color:#c4984a !important;}

/* arround-bg */
.bg-arround{background:#3159a5}



/* 모바일 하단 Quick Consult */
.quickConsult_box input[type="text"], .quickConsult_box select{height:45px !important;color:#525252}
.quickConsult_box select{background:#dee6ef url(/Resources/images/main/selectbox-ico.png) no-repeat 97% center}
.quickConsult_box input[type="text"]:focus, .quickConsult_box select:focus{background:#dee6ef}
.m_quickConsult_box{bottom:0;background:#0092e5;z-index:99}
.Consult_box_kakao span{color:#000;vertical-align:middle}
.Consult_box_kakao .kakao-ico {width:36.5px;height:33.5px;background:url(/Resources/images/sub/kakao_bg.png) no-repeat 50% 50%;background-size:36px;vertical-align:middle}

.m_quickConsult_box select{background:#fff url(/Resources/images/main/selectbox-ico.png) no-repeat 97% center}
.m_quickConsult_box .box_down_btn{position:absolute;content:'';width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #0092e5;top:-14px;left:50%;margin-left:-15px;}
a.m-btn-scoll{position:fixed;right:1em;bottom:3.5em;border:2px solid #fff;background:rgba(0, 0, 0, .5);opacity:.8;z-index:999 }

/*  sub 상단 area */
.sub-top-position {padding:15px 0 0 0;margin:0;display:flex;}
.sub-top-position li {list-style:none;font-size:0.875rem;color:#fff;padding:0 15px;position:relative;}
.sub-top-position li:before {content:"";display:block;position:absolute;top:50%;left:0;width:6px;height:6px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg) translateY(-50%)}
.sub-top-position li:first-child:before {display:none;}
.sub-top-position li > a {color:#00c2c4}
.dropdown-item {font-size:0.875rem;color:#aeb0c0;}
.dropdown-menu {min-width:100%;background:#595c78;border:none;padding:0.5rem 0;margin:0.125rem 0 0;font-size:0.875rem;;border-radius: 0.25rem;transform: translate3d(0px, 22px, 0px) !important;}
.sub-top-bg {background:#3a4668;}
.sub-tit {color:#fff;font-size:2.188rem;padding:45px 0 30px 0;margin:0}
.sub-top-img{background-size:cover;background-image:url(/Resources/images/sub/sub_top_img.jpg);background-position:65% 45%}
.xl-tit{position:relative}
.xl-tit:before{position:absolute;content:'';width:40px;height:1px;bottom:-.5px;left:1px;background:#d8ff8c}
.m-sub-top{position:relative;background:#3f425e;}
.m-sub-top a.back-page{background:url(/Resources/images/sub/sub_back_btn.png) no-repeat left center;background-size:50%;position:absolute;width:27px;height:42px;top:50%;margin-top:-21px;left:1.5em}
.m-sub-top .sub-nav-anchor {display:block;position:relative;}
.m-sub-top .sub-nav-anchor:before {content:"";background:#00c2c4;width:56px;height:56px;position:absolute;top:0;right:0;}
.m-sub-top .sub-nav-anchor:after {content:'';position:absolute;width:14px;height:14px;right:13px;top:50%;margin:-0.25em 0 0 0;box-sizing:border-box;border-bottom:3px solid #fff;border-left:3px solid #fff;transform:rotate(-45deg) translateY(-50%);}
.m-sub-top .sub-nav-anchor[aria-expanded=true]:after {transform:rotate(135deg) translateY(-50%);margin:-0.5em 10px 0 0;}
.m-sub-top .sub-nav-list {display:none;margin:0;padding:0;list-style-type:none;background:#ffffff;border:3px solid #00c2c4;border-top:none;box-sizing:border-box;color:#36395b;line-height:1;}
.m-sub-top .sub-nav-list li {text-align:center;border-top:1px solid #dbdbdb}
.m-sub-top .sub-nav-list a {display:block;padding:0.8rem 0;color:inherit;font-size:1.1rem;}
.tit-after{position:relative;margin-bottom:2em;padding-bottom:1em}
.tit-after:after{position:absolute;content:'';bottom:0;left:50%;margin-left:-1em;width:2em;background:#36395b;height:1px}
.dropdown-item.active, .dropdown-item:active {background:#00c2c4}

/* 의료진 소개 */
.history-tit{display:inline-block;border-radius:2em;border:2px solid #5daeff;color:#5daeff}
.doc-history li{position:relative;padding-left:1.3em}
.doc-history li:before{position:absolute;content:'';left:.5em;top:.8em;width:4px;height:4px;background:#5daeff;border-radius:50%}
.timetable {width:100%;border-top:2px solid #b39365;font-size:17px;text-align:center;}
.timetable tr > * {width:12.5%;height:50px;border-right:1px solid #cccccc;}
.timetable tr > *:last-child {border-right:none;}
.timetable th {font-weight:500;}
.timetable tr {border-bottom:1px solid #cccccc;}
.timetable thead {background:#fbf6ef;}
.timetable thead th {color:#b39365;}
.timetable thead th:nth-child(7) {color:#4984dc;}
.timetable thead th:nth-child(8) {color:#fb6855;}
.timetable tbody td {font-size:15px;line-height:20px;}
.timetable .icon {display:inline-block;width:10px;height:10px;overflow:hidden;position:relative;text-indent:-9999em;}
.timetable .icon.o {background:#b39365;border-radius:50%;}
.timetable .icon.x:after,
.timetable .icon.x:before {content:'';display:block;position:absolute;left:50%;top:50%;width:2px;height:10px;background:#463e3a;}
.timetable .icon.x:before {transform:translate(-50%, -50%) rotate(45deg);}
.timetable .icon.x:after {transform:translate(-50%, -50%) rotate(-45deg);}
@media(max-width: 767px) {
	.timetable {font-size:13px;border-width:1px;}
	.timetable tr > * {height:35px;}
	.timetable tbody td {font-size:12px;}
}

/* 진료시간 */
.fa{border-radius:50%;text-align:center;font-weight:300 !important;}
.fa-exclamation{width:15px;height:15px;background:#f38c6c;}
.tel-btn.fa-phone{width:30px;height:30px;line-height:30px;background:#252847;}
.tel-btn.fa-phone:before{font-size:.8em }
.content0102 h2.title {font-size:2.313rem;padding:0;margin:0;text-align:center;color:#333;}
.sub0102-toparea {display:flex;flex-wrap:wrap;margin-top:40px;}
.sub0102-toparea .sub0102-contentarea {-webkit-box-flex:0;-ms-flex:0 0 32.55813953488372%;flex:0 0 32.55813953488372%;max-width:32.55813953488372%;background:#fdf6ec;padding:50px 0;margin:0 0 0 1%}
.sub0102-toparea .sub0102-contentarea.fir {margin:0 0 0 0;}
.sub0102-toparea .sub0102-contentarea .sub0102-content-img img {margin:0 auto;}
.sub0102-toparea .sub0102-contentarea .sub-top-text {text-align:center;}
.sub0102-toparea .sub0102-contentarea .sub-top-text .title {font-size:1.25rem;color:#282828;font-weight:500;margin:40px 0 30px}
.sub0102-toparea .sub0102-contentarea .sub-top-text .copy {font-size:1.063rem;color:#282828;line-height:1.625rem;font-weight:300;}

.sub0102-bottom {margin:100px 0 0 0;border:1px solid #e0e0e0;}
.sub0102-bottom .right-content {align-self:center;padding:0 0 0 50px;}
.sub0102-bottom .right-content .s-title {font-size:1.375rem;color:#282828;font-weight:400;letter-spacing:-0.05rem;margin:0 0 20px 0;padding:0;}
.sub0102-bottom .right-content .time-text {font-family:"GothamBold";font-size:2.75rem;letter-spacing:-0.08rem;margin:0;padding:0;line-height:1;margin-bottom:75px}
@media (max-width:991px){
	.content0102 h2.title {font-size:2.25rem;}
	.content0102 h2.title .sm-title {font-size:1.313rem;}
	.sub0102-toparea .sub0102-contentarea {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;background:#fdf6ec;padding:8% 0;margin:2% 0 0 0;display:flex;}
	.sub0102-toparea .sub0102-contentarea .sub0102-content-img {-webkit-box-flex:0;-ms-flex:0 0 28%;flex:0 0 28%;max-width:28%;padding:0 7%;align-self:center}
	.sub0102-toparea .sub0102-contentarea .sub-top-text {text-align:left;}
	.sub0102-toparea .sub0102-contentarea .sub-top-text .title {font-size:1.25rem;color:#282828;font-weight:500;margin:0}
	.sub0102-toparea .sub0102-contentarea .sub-top-text .copy {font-size:1.063rem;color:#282828;line-height:1.625rem;font-weight:300;}
	.sub0102-bottom {margin:10% 0 0 0;}
	.sub0102-bottom .right-content {padding:7.8% 3% 3%}
	.sub0102-bottom .right-content .s-title {margin:0 0 2.6% 0;}
	.sub0102-bottom .right-content .time-text {margin:0 0 6.25% 0;}
}
@media (max-width:765px){
	.sub0102-toparea .sub0102-contentarea .sub-top-text .title {font-size:1.125rem;}
	.sub0102-toparea .sub0102-contentarea .sub-top-text .copy {font-size:1rem;line-height:1.25rem;}
	.sub0102-bottom .right-content .s-title {font-size:1.188rem;}
	.sub0102-bottom .right-content .time-text {font-size:1.875rem;}
}
@media (max-width:479px){
	.content0102 h2.title {font-size:1.5rem;}
	.content0102 h2.title .sm-title {font-size:0.875rem;}
	.sub0102-toparea .sub0102-contentarea .sub-top-text .title {font-size:0.75rem;}
	.sub0102-toparea .sub0102-contentarea .sub-top-text .copy {font-size:0.667rem;line-height:0.813rem;}
	.sub0102-bottom .right-content .s-title {font-size:0.792rem;}
	.sub0102-bottom .right-content .time-text {font-size:1.25rem;}
	.tel-btn.fa-phone {width:22px;height:22px;line-height:22px}
}

/* 둘러보기 */
#floor_slide_Big .owl-item img{width:100%; height:100%}
#floor_slide_Big .owl-nav { position: absolute; width: 100%; top: 50%; margin-top: -33px; left: 0; z-index: 99999}
#floor_slide_Big .owl-nav .owl-prev, #floor_slide_Big .owl-nav .owl-next { border: 0; padding: .8em 1.5em !important; margin: 0 .2em; float: left; box-sizing: border-box}
#floor_slide_Big .owl-nav .owl-next { float: right; }
.arrow-css {  display: block;  width: 40px; height: 40px; border-top: 1px solid #fff; border-left: 1px solid #fff; opacity: .7}
.arrow-left-css {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.arrow-right-css {-webkit-transform:rotate(135deg); transform:rotate(135deg);}

/* 찾아오시는 길 */
.road-tit {color:#30538f;border-bottom:2px solid #30538f;font-weight:500;}

/* tablet ~ */
@media (min-width:992px){
	.md-h-100{height:100% !important }
	.fa-phone{line-height:18px;background:#1475d9;}
	.fa-phone:before{font-size:.5em }

	/* 둘러보기 */
	#floor_slide_Big .owl-item img { height: 100%; }
	#floor_slide_Big .owl-item p { position: absolute; left: -30%; top: 10%; color: #99ffff; }
	#floor_slide_Big .owl-nav { position: absolute; width: 22%; left: -27.5%; top: 93%; }
	#floor_slide_Big .owl-nav .owl-prev, #floor_slide_Big .owl-nav .owl-next { border: 1px solid #fff; padding: 6% 19% !important; margin: 0; outline:none}
	.arrow-css { display: block; width: 15px; height: 15px; border-top: 2px solid #fff; border-left: 2px solid #fff; }
	.arrow-left-css { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	.arrow-right-css { -webkit-transform: rotate(135deg); transform: rotate(135deg); }
}

/* PC */
@media (min-width:1200px){
	.border-lg-0{border-bottom:0 !important;}
}


/* SUB NAV */
.sub-nav{border-top:1px solid #ddd}
.sub-nav li:first-child{border-left:1px solid #ddd}
.sub-nav li{border-right:1px solid #ddd;padding:0}
@media (min-width:576px) and (max-width:767px) {
	.sub-nav li a{line-height:1.2}
}
.sub-nav li.active{background:#c9ac87;}
.sub-nav li a {display: block;color:#3a3a3a;font-size:1.125rem;line-height:3.125rem;}
.sub-nav li.active a{color:#fff !important;}
.sub-nav.nav-tabs .sub-nav.nav-link:hover, .sub-nav.nav-tabs .sub-nav.nav-link:focus{border-color:none !important}

/* sub nav mobile */
.nav-sub-tabs {position:relative}
.nav-sub-tabs .nav-carousel {position:relative;}
.nav-sub-tabs .nav-carousel .active a{color:#000 !important}
.nav-sub-tabs .slick-arrow {display:block !Important; position:absolute;top:50%;transform:translateY(-50%);width: 25px;height: 44px;padding:0;border:none;background:#c9ac87;z-index:1;text-indent:-9999em;outline:none;cursor:pointer;}
.nav-sub-tabs .slick-arrow:after {content:'';display:block;position:absolute;left:50%;top:50%;width: 12px;height: 12px;border-left: 2px solid #000000;border-bottom: 2px solid #000000;}
.nav-sub-tabs .slick-prev {left:0;}
.nav-sub-tabs .slick-prev:after {transform:translate(-15%, -50%) rotate(45deg)}
.nav-sub-tabs .slick-next {right:0;}
.nav-sub-tabs .slick-next:after {transform:translate(-85%, -50%) rotate(-135deg)}

.sub-visual-toparea .text-bottom-area {margin-top:3%;}
.sub-visual-toparea .text-bottom-area .description {font-size:1.375rem;text-align:center;max-width:790px;margin:0 auto;line-height:2rem;font-weight:300;color:#444446;letter-spacing:-0.05rem;}
.subcontent-title-area {margin-top:10%;position:relative;width:100%;}
.subcontent-title-area::before {content:"";display:block;width:100%;height:1px;background:#c1c2c3;position:absolute;top:50%;left:0;z-index:1;}
.subcontent-text-area {width:100%;text-align:center;}
.subcontent-title-area h3 {color:#3f425e;position:relative;z-index:2;background:#fff;display:inline-block;margin:0 auto;padding:0 4%;}

.mb-30 {margin-bottom:60px}
@media (max-width:991px){
	.mb-30 {margin-bottom:30px}
}
@media (max-width:479px){
	.mb-30 {margin-bottom:10px}
	.sub-visual-toparea .text-bottom-area .description {font-size:0.75rem;line-height:1rem;}
}

.container {max-width:1200px;padding:0}
@media (max-width:991px){
	.container {padding-left:15px;padding-right:15px;}
}
@media (max-width:479px){

}
.nav.row {margin:0}
.tab_com {width:100%;margin:0;}
.tab_com li {padding:10px 0;}
.tab_com li.active,
.tab-menu .tab-menu-aera li.on,
.tab-menu .tab-menu-aera.type01 li.on {background:#c9ac87}
.tab_com li.active a,.tab-menu .tab-menu-aera li.on a {font-weight:400;}
.time-text {font-size:3rem;color:#3b3d4c;}
.time-box-are dt {font-weight:400;font-size:1.063rem;}
.time-box-are dd {font-weight:500;font-size:1.125rem;}
.time-box-are dt, .time-box-are dd span {font-family:"Noto Sans Korean";font-weight:400}
.time-box-are dt {margin-right:15px}
.time-box-are dt.type01 {width:90px;}
.text-coral {position:relative;margin:25px 0 0 0;color:#76a7f1;}
.text-coral span {display:inline-block;font-size:1.063rem;line-height:1.5rem;}
.text-coral .fa-exclamation {background:#76a7f1;width:1.5rem;height:1.5rem;line-height:1.5rem;}
@media(max-width:1200px){
	.tab-menu .tab-menu-aera.type01 li {width:calc(100% / 2)}
}
@media (max-width:991px){
	.doctor-container-area .img-area,
	.doctor-container-area.type-time .img-area {-webkit-box-flex:0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;text-align:center;}
	.doc-tit-text.d-none {display:block !important}
	.mobile-aera.d-block {display:none !important}
	.text-coral {margin:10px 0 0 0;}
	.text-coral span {font-size:0.875rem;line-height:0.875rem;}
	.text-coral .fa-exclamation {width:0.875rem;height:0.875rem;line-height:0.875rem;}
	.time-text {font-size:2rem;}
	.time-box-are dt.type01 {width:auto;}
	.doctor-container-area .img-area img {width:70% !important}
}
@media (max-width:767px){	
	.time-box-are dt,.text-copy {font-size:1.031rem;}
	.time-box-are dd {font-size:1.125rem;}
}
.doc-cont-table table tbody th,
.doc-cont-table table tbody td {font-size:0.95rem;}
@media (max-width:991px){

}
@media (max-width:479px){
	.doc-cont-table table thead th, .doc-cont-table table tbody th, .doc-cont-table table tbody td {font-size: 0.688rem;}
	.time-box-are dt,.text-copy {font-size:0.688rem;}
	.time-box-are dd {font-size:0.75rem;}
	.text-coral span {font-size:0.625rem;line-height:0.625rem;}
	.text-coral .fa-exclamation {width:0.625rem;height:0.625rem;line-height:0.625rem;}
}

/* 장비소개 */
.carousel-text-box{border:1px solid #b7b8b8;}
.carousel-text-box h3,
.carousel-text-box h6{padding-right:1.5rem !important;padding-left:1.5rem !important;}

@media (max-width:767px){
	#floor_slide_Big{border:1px solid #b7b8b8;border-bottom:0;}
	.carousel-text-box h3{font-size:1.25rem;}
	.carousel-text-box h6{font-size:1rem;}
	.carousel-text-box h3,
	.carousel-text-box h6{padding-right:1.25rem !important;padding-left:1.25rem !important;}
}
.tab_com.type01 li {padding:0;}
.tab_com.type01 li a {padding:10px 0;}
.tab_com.type01 li a.active {background:#b1926a;color:#fff;}
@media (max-width:576px){
	.tab_com {display:block;}
}
@media (max-width:479px){
	.tab_com.type01 li a {font-size:0.75rem;}
}