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

/* 자간 */
.lt-s-1{letter-spacing:-1px !important}
/* 글자크기 */
.half-font{font-size:60% !important}
.text-s-24 {font-size:24px;}
/* text-color */
.text-light-green{color:#d8ff8c}
.sub-text-blue,
.sub-text-point {color:#43b1ea}
.sub-text-blue2,
.sub-text-point2 {color:#43b1ea}
.sub-text-navy{color:#36395b}
.color-blue {color:#3877b1}
/* 상담하기 영역 배경색 */
.sub-consult-bg1{background:#f8f9fb}
/* input, select 배경색 */
.sub-consult-bg2{background:#dee6ef}
/* 카카오톡 상담 버튼색 */
.sub-consult-bg3{background:#ffe900}
/* 빠른상담 버튼색 */
.sub-consult-bg4{background:#0092e5}

/* arround-bg */
.bg-arround{background:#6bafe7}

/* 모바일 하단 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-img.background-image-1 {background-size:cover;background-image:url(/Resources/images/sub/sub_top_01.jpg);background-position:65% 45%}
.sub-top-img.background-image-2 {background-size:cover;background-image:url(/Resources/images/sub/sub_top_02.jpg);background-position:65% 45%}
.sub-top-img.background-image-3 {background-size:cover;background-image:url(/Resources/images/sub/sub_top_03.jpg);background-position:65% 45%}
.sub-top-img.background-image-4 {background-size:cover;background-image:url(/Resources/images/sub/sub_top_04.jpg);background-position:65% 45%}
.xl-tit{position:relative;}
.xl-tit:before{position:absolute;content:'';width:50px;height:5px;bottom:-.5px;left:1px;background:url(/Resources/images/sub/sub_top_line.png) no-repeat;}
.m-sub-top{position:relative;background:#40aef4;}
.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: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 #40aef4;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}

/* 의료진 소개 */
.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:#1475d9;}
.tel-btn.fa-phone:before{font-size:.8em }
.timetable-wrap {width:100%;border-top:2px solid #444446;text-align:center;font-size:1.063rem}
.timetable-wrap thead th {color:#36395b;padding:20px 0;border-bottom:1px solid #a5abb6;}
.timetable-wrap .tableco-1 {width:;}
.timetable-wrap tr > *:first-child {border-left:none;}
.timetable-wrap tr > *:last-child {border-right:none;}
.timetable-wrap tbody th.txt-type1 {background:#f8f8f8;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.timetable-wrap tbody th.txt-type2 {background:#f6fbfe;border:1px solid #e0e0e0}
.timetable-wrap tbody td {color:#36395b;font-weight:400;padding:20px 0;border:1px solid #e0e0e0}
.timetable-wrap tbody td.text-type1 {color:#b88f65;}
.timetable-wrap tbody td.text-type2 {color:#43b1ea;}
.timetable-wrap .icon {display:inline-block;width:10px;height:10px;overflow:hidden;position:relative;text-indent:-9999em;}
.timetable-wrap .icon.x:after,
.timetable-wrap .icon.x:before {content:'';display:block;position:absolute;left:50%;top:50%;width:2px;height:10px;background:#463e3a;}
.timetable-wrap .icon.x:before {transform:translate(-50%, -50%) rotate(45deg);}
.timetable-wrap .icon.x:after {transform:translate(-50%, -50%) rotate(-45deg);}
@media(max-width: 767px) {
	.timetable-wrap {font-size:0.75rem;}
	.timetable-wrap tr > * {height:35px;}
	.timetable-wrap tbody td {font-size:0.75rem;}
}
/* 둘러보기 */
#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);}

/* 진료과목 */
.content-box01 {background:#eff6ff;width:100%;height:100%;padding:4% 5%}
.content-box01 .content-box01-con {padding:0 1%;position:relative;}
.content-box01 .content-box01-con.con-bottom {margin-top:2%;}
.content-box01 .content-box01-con .content-box01-conarea {background:#fff;border:1px solid #e8e8e8;padding:12% 7%;height:100%;}
.content-box01 .content-box01-con .content-box01-conarea .content-linkbox {display:block;}
.content-box01 .content-box01-con .content-box01-conarea .con-icon {display:block;margin:10% 0;}
.content-box01 .content-box01-con .content-box01-conarea .con-text {color:#36395b;font-size:1.25rem;}
.content-box01 .content-box01-con .content-box01-conarea .link-text a {display:none;}
.content-box01 .content-box01-con .content-box01-conarea:hover:before {width:92%;height:100%;content:"";display:block;position:absolute;background:#74cbed;top:0;left:4%;}
.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox .con-icon {display:none;}
.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox .con-text {color:#fff;font-size:1.5rem}
.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox .link-text a {color:#fff;font-size:0.813rem;background:none;border:2px solid #fff;margin:25px 0 0 0;display:inline-block;padding:2px 40px 2px 20px;border-radius:20px;position:relative}
.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox .link-text a:before {content:"";display:block;width:2px;height:6px;position:absolute;top:9px;right:20px;background:#fff;transform:rotate(-45deg)}
.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox .link-text a:after {content:"";display:block;width:2px;height:6px;position:absolute;top:13px;right:20px;background:#fff;transform:rotate(45deg)}
.content-box01 .content-box01-box {background:#dceafb;padding:2%;margin:1% 15px 1% 15px;}
.content-box01 .content-box01-box {flex: calc(100%/3 - 30px);-ms-flex: calc(100%/3 - 30px);max-width: calc(100%/3 - 30px);}
.content-box01 .content-box01-box.lg-bottom {margin-top:5%;}
.content-box01 .content-box01-box .content-box01-text {font-size:1.063rem;color:#36395b;}
.sub-content-list .text-content-box {margin:20px 15px 0 15px;}
.sub-content-list .text-content-box .text-area .text-type01 {font-size:1rem;color:#858585;}
.sub-content-list .text-content-box .text-area .text-type02 {font-size:1rem;color:#858585;}
.sub-content-list .content-tl h4 {font-size:1.25rem;color:#36395b;position:relative;margin:0;padding:0 0 0 10px;}
.sub-content-list .content-tl h4:before{content:"";display:block;position:absolute;width:5px;height:5px;background:#36395b;border-radius:50%;top:50%;left:0;transform:translateY(-50%);}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*Enter your style code */
    .content-box01 .content-box01-box {flex:32%;max-width:32%;margin:1% 0 1% 1%;}
    /* .card-deck .card.first {margin-left:0;} */
}
@media (max-width: 1200px){
	.content-box01 .content-box01-box .content-box01-text {font-size:0.875rem;}
	.sub-content-list .text-content-box .text-area .text-type01,
	.sub-content-list .text-content-box .text-area .text-type02 {font-size:0.813rem;}
}

@media (max-width:991px){
	.content-box01 .content-box01-con {margin-top:2%;height:236px;}
	.content-box01 .content-box01-box {flex:48%;max-width:48%;margin:1%;}
	.content-box01 .content-box01-box .content-box01-text {font-size:0.875rem;}
	.content-box01 .content-box01-con .content-box01-conarea:hover:before {width:96%;height:100%;content:"";display:block;position:absolute;background:#74cbed;top:0;left:2%;}
}
@media (max-width:765px){
	.content-box01 .content-box01-con {margin-top:2%;height:100%;}
	.content-box01 .content-box01-box {flex:100%;-ms-flex:100%;max-width:100%;}
	.content-box01 .content-box01-con .content-box01-conarea:hover:before {width:92%;height:100%;content:"";display:none;position:absolute;background:#74cbed;top:0;left:4%;}
	.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox {position:relative;top:0;left:0;transform:translate(0,0);}
	.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox .con-icon {display:block;}
	.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox .con-text {color:#36395b;font-size:0.875rem;}
	.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox .link-text a {display:block;width:100%;height:100;font-size:0;position:absolute;top:0;left:0;border:none;}
	.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox .link-text a:before {display:none;}
	.content-box01 .content-box01-con .content-box01-conarea:hover .content-linkbox .link-text a:after {display:none;}	
	.content-box01 .content-box01-con .content-box01-conarea .con-icon {zoom:.8;}
	.content-box01 .content-box01-con .content-box01-conarea .con-text {font-size:0.875rem;}
	.content-box01 .content-box01-con .content-box01-conarea .content-linkbox .link-text a {display:inline-block;width:100%;height:100%;font-size:0;position:absolute;top:0;left:0;z-index:2;}
}

/* 진료실적 */
.content-area-bg1 {background:#eff6ff;padding:4% 0;}
.text-radiusbox {background:#43b1ea;padding:0.5% 3%;font-size:1.5rem;font-weight:500;display:inline;border-radius:40px;}
.text-sub-type01 {font-size:1rem;margin-top:15px;color:#444446;font-weight:300;}
.content-circle {margin-top:3%;}
.content-circle ul {margin:0;padding:0;}
.content-circle ul li {list-style:none;}
.content-circle ul li .circle-item {background:#fff;border:8px solid #dfe9f7;border-radius:50%;text-align:center;padding-top:calc(80% - 16px);position:relative;width:80%;margin:0 auto;}
.content-circle ul li .circle-item::before {content:"";display:block;width:25px;height:3px;background:#3877b1;position:absolute;top:50%;left:-20%;transform: translate(-50%, -50%);}
.content-circle ul li .circle-item::after {content:"";display:block;width:3px;height:25px;background:#3877b1;position:absolute;top:50%;left:-20%;transform: translate(-50%, -50%);}
.content-circle ul li:first-child .circle-item::before {display:none;}
.content-circle ul li:first-child .circle-item::after {display:none;}
.content-circle ul li .circle-item .text-box {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;}
.content-circle ul li .circle-item .text-title {display: inline-block;min-width:60px;padding:10px;margin-bottom:20px;font-weight:400;font-size:18px;border-top:1px solid #3877b1;border-bottom: 1px solid #3877b1;color:#3877b1;}
.content-circle ul li .circle-item .text-content {font-weight:700;font-size:26px;line-height:30px;color:#3877b1;} 
.content-circle .circle-bottom-text {text-align:center;margin:5% auto 0;width:80%;}
.content-circle .circle-bottom-text .circle-bottom-text-type1 {font-size:1.375rem;color:#444446;font-weight:500;}
.content-circle .circle-bottom-text .circle-bottom-text-type2 {font-size:1.125rem;color:#444446;font-weight:300;}
@media (max-width: 1200px){
	.text-radiusbox {font-size:1.125rem}
	.text-sub-type01  {font-size:0.875rem;margin-top:10px;}
	.content-circle ul li .circle-item {padding-top:calc(100% - 10px);width:100%;border:5px solid #dfe9f7;}
	.content-circle ul li .circle-item .text-title {min-width:80px;padding:10px 0;margin-bottom:20px;font-size:16px;}
	.content-circle ul li .circle-item .text-content {font-size:24px;line-height:28px;}
	.content-circle ul li .circle-item::before {content:"";display:block;width:15px;height:1px;background:#3877b1;position:absolute;top:50%;left:-8%;transform: translate(-50%, -50%);}
	.content-circle ul li .circle-item::after {content:"";display:block;width:1px;height:15px;background:#3877b1;position:absolute;top:50%;left:-8%;transform: translate(-50%, -50%);}
	.content-circle .circle-bottom-text .circle-bottom-text-type1 {font-size:1.125rem;}
	.content-circle .circle-bottom-text .circle-bottom-text-type2 {font-size:1rem;}
}
@media (max-width: 991px){
	.content-circle ul li .circle-item {padding-top:calc(100% - 10px);width:100%;border:5px solid #dfe9f7;}
	.content-circle ul li .circle-item .text-title {min-width:60px;padding:5px 0;margin-bottom:10px;font-size:14px;}
	.content-circle ul li .circle-item .text-content {font-size:20px;line-height:24px;}
	.content-circle ul li .circle-item::before {content:"";display:block;width:15px;height:1px;background:#3877b1;position:absolute;top:50%;left:-10%;transform: translate(-50%, -50%);}
	.content-circle ul li .circle-item::after {content:"";display:block;width:1px;height:15px;background:#3877b1;position:absolute;top:50%;left:-10%;transform: translate(-50%, -50%);}
	.content-circle .circle-bottom-text .circle-bottom-text-type1 {font-size:1rem;}
	.content-circle .circle-bottom-text .circle-bottom-text-type2 {font-size:0.875rem;}
}
@media (max-width:765px){
	.text-radiusbox {font-size:1rem}
	.text-sub-type01  {font-size:0.813rem;margin-top:2%;}
	.content-circle ul li .circle-item {padding-top:calc(100% - 6px);width:100%;border:3px solid #dfe9f7;}
	.content-circle ul li .circle-item .text-title {min-width:60px;padding:3px 0;margin-bottom:10px;font-size:12px;}
	.content-circle ul li .circle-item .text-content {font-size:18px;line-height:22px;}
	.content-circle ul li .circle-item::before {content:"";display:block;width:15px;height:1px;background:#3877b1;position:absolute;top:50%;left:-13%;transform: translate(-50%, -50%);}
	.content-circle ul li .circle-item::after {content:"";display:block;width:1px;height:15px;background:#3877b1;position:absolute;top:50%;left:-13%;transform: translate(-50%, -50%);}
	.content-circle .circle-bottom-text .circle-bottom-text-type1 {font-size:0.875rem;}
	.content-circle .circle-bottom-text .circle-bottom-text-type2 {font-size:0.75rem;}
}
@media (max-width: 479px){
	.text-radiusbox {font-size:0.875rem}
	.text-sub-type01  {font-size:0.75rem;margin-top:2%;}
	.content-circle ul li .circle-item {padding-top:calc(100% - 2px);width:100%;border:1px solid #dfe9f7;}
	.content-circle ul li .circle-item .text-title {min-width:60px;padding:2px 0;margin-bottom:5px;font-size:12px;}
	.content-circle ul li .circle-item .text-content {font-size:16px;line-height:20px;}
	.content-circle ul li .circle-item::before {content:"";display:block;width:10px;height:1px;background:#3877b1;position:absolute;top:50%;left:-16%;transform: translate(-50%, -50%);}
	.content-circle ul li .circle-item::after {content:"";display:block;width:1px;height:10px;background:#3877b1;position:absolute;top:50%;left:-16%;transform: translate(-50%, -50%);}
	.content-circle .circle-bottom-text .circle-bottom-text-type1 {font-size:0.875rem;}
	.content-circle .circle-bottom-text .circle-bottom-text-type2 {font-size:0.75rem;}
}
/* 찾아오시는 길 */
.road-tit {color:#0092e5;border-bottom:2px solid #40aef4;font-weight:400;}

/* 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;}
}

.tab-menu .tab-menu-area {display:table;table-layout:fixed;margin:0;padding:0;width:100%;}
.tab-menu .tab-menu-area li {display:table-cell;border:1px solid #e8e8e8;text-align:center;}
.tab-menu .tab-menu-area li a {display:block;color:#3c425c;font-size:1.125rem;line-height:3.125rem}
.tab-menu .tab-menu-area li.on {background:url(/Resources/images/sub/tab_bg.jpg);}
.tab-menu .tab-menu-area li.on a {color:#fff;font-weight:bold;}
.tab-menu .tab-box {display:none;}
.tab-menu .tab-box.on {display:block;}
@media(max-width:1199px) {
	.tab-menu .tab-menu-area {margin:0;padding:0;width:100%;}
	.tab-menu .tab-menu-area li {float:left;width:calc(100% / 3);}
	.tab-menu .tab-menu-area.type02 li {float:left;width:calc(100% / 2);}
	.tabinfo-box-top-left {-webkit-box-flex:0;-ms-flex: 0 0 100%;flex:0 0 100%;max-width:100%;padding:0}
	.tabinfo-box-top-right {-webkit-box-flex:0;-ms-flex: 0 0 100%;flex:0 0 100%;max-width:100%}
	.tabinfo-box-top-left h3 {color:#36395b;font-size:2.25rem;}
	.tabinfo-box-top-left h4 {color:#36395b;font-size:1.5rem;font-weight:300;margin:2.063rem 0 1.375rem 0;}
	.tabinfo-box-top-left .contetn-text {font-size:1.125rem;line-height:1.5rem;font-weight:400;}
}
@media(max-width:767px) {
	.timetable {font-size:13px;border-width:1px;}
	.timetable tr > * {height:35px;}
	.timetable tbody td {font-size:12px;}
	.tab-menu .tab-menu-area li a {color:#3c425c;font-size:0.938rem;line-height:2.125rem}
	.tabinfo-box-top-left {-webkit-box-flex:0;-ms-flex: 0 0 100%;flex:0 0 100%;max-width:100%;padding:0}
	.tabinfo-box-top-right {-webkit-box-flex:0;-ms-flex: 0 0 100%;flex:0 0 100%;max-width:100%}
	.tabinfo-box-top-left h3 {color:#36395b;font-size:1.313rem;}
	.tabinfo-box-top-left h4 {color:#36395b;font-size:1.063rem;font-weight:300;margin:2.063rem 0 1.375rem 0;}
	.tabinfo-box-top-left .contetn-text {font-size:0.875rem;line-height:1.5rem;font-weight:400;}
}
@media(max-width: 479px) {
	.tab-menu .tab-menu-area li a  {color:#3c425c;font-size:0.875rem;line-height:2.125rem}
}