@charset "UTF-8";

/* common */
.row{margin-left:0!important;margin-right:0!important;}
.sub-top {position: relative;}
/*.fixed-sub-top {position: fixed;top:0;width: 100%;z-index: 3;}*/
.sub-title{position:relative;font-size:1.333rem;background-color:#fff;}
.sub-title-img{height:350px;position: relative;background-size:cover;background-image:url('/resources/images/sub/sub_top_img.jpg');background-position:65% 68%;width: 100%;}
.sub-title-img-inner{padding-top:3rem;}
/*.fixed-sub-top .sub-title-img { height:93px; width:100%;}*/
.content_wrap {position: relative;}
.fixed-sub-title {margin-top:34vw;}
.fixed-sub-top .tt_title {margin-top:3%;margin-bottom:0px;}
.fixed-sub-top .ss_title {display:none !important;}

/* SUB NAV */
.sub-nav{position:relative;z-index:10;background:#fff;}
.sub-nav.is-fixed{position:sticky;top:93px}
.sub-nav li{position:relative;z-index:3;transition:all .25s ease;;border-bottom:1px solid #e9e9e9}
.sub-nav li a{position:relative;padding:12px 0 15px;color:#000;;transition:all 150ms ease-in-out;}
.sub-nav li a:after{display:block;position:absolute;bottom:-1px;left:50%;width:0;height:3px;background:#495573;transition:all 200ms ease-in-out;transform:translateX(-50%);content:"";}
.sub-nav li:hover,
.sub-nav li.active{z-index:5;}
.sub-nav li:hover a,
.sub-nav li.active a{font-weight:500;}
.sub-nav li:hover a:after,
.sub-nav li.active a:after{;width:100%;}
.sub-nav:after{display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#e9e9e9;content:"";}

@media (min-width:992px){
	.sub-nav{margin-bottom:60px !important}
	.sub-nav li {padding:0 25px}
}
@media (max-width:992px){
	.sub-nav-wrap{position:relative;}
	.sub-nav:after{display:none;}
	.sub-nav h3{position:relative;margin:0;padding:15px 0 16px 30px;font-size:20px;font-weight:500;cursor:pointer;}
	.sub-nav h3:before,
	.sub-nav h3:after {content: "";display: block;position: absolute;width:16px;height:3px;top:50%;background: #26282a;transform-origin: center;transition: all 200ms ease-in;}
	.sub-nav h3:before {right:23px;transform: rotate(45deg);}
	.sub-nav h3:after {right:13px;transform: rotate(-45deg);}
	.sub-nav h3[aria-expanded="true"]:before {transform: rotate(-45deg);}
	.sub-nav h3[aria-expanded="true"]:after {transform: rotate(45deg);}
	.sub-nav ul{display:none;position:absolute;top:55px;left:0;width:100%;margin:0 !important;;border:2px solid #ECD5BA;background:#fff;}
	.sub-nav li,
	.sub-nav li:nth-child(1),
	.sub-nav li:nth-child(1) a{border:0;}
	.sub-nav li + li{border-top:1px solid #dbdbdb;}
	.sub-nav li a{color:#161616;}
	.sub-nav li a:after{display:none;}
	.sub-nav li.active{background:#f5f5f5;}
	.nav-tabs .nav-item{margin:0;}
}
@media (max-width:575px){
	.sub-nav h3{padding:11px 0 12px 20px;font-size:13px;}
	.sub-nav h3:before,
	.sub-nav h3:after {width:11px;height:2px;}
	.sub-nav h3:before {right:21px;transform: rotate(45deg);}
	.sub-nav h3:after {right:15px;transform: rotate(-45deg);}
	.sub-nav ul{top:38px;}
	.sub-nav ul li a{padding:8px 0 10px;font-size:13px;}
	.sub-nav li:hover a,
	.sub-nav li.active a{border:0;}
}

/*  custom  */
.text-gray{color:#bebebe!important}
.gold-color{color:#d9a660!important}
.blue-color{color:#3d9bcf!important}
.green-color{color:#41be92!important}
.tree-color{color:#b96a4c!important}
.pink-color{color:#bc6ca1!important}
.purple-color{color:#9451bf!important}
.gray-color{color:#b0b0b0}
.bg-style01{background-color:#fbfbfb;border:1px solid #e8e8e8}
.bg-style02{background-color:#373040}
.tel-btn{background-color:#f6c34d;color:#fff}

/* 빠른상담 && 카카오 상담 */
.box_quick {background-color:#f8f8f8;}
.box_quick div{border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6}
.box_quick div:last-child {border-right:0px;}
.box_quick div a{color:#2c2c2c;}
.box_quick .box_kakao{background-color:#ffe900;}
.box_quick .box_kakao .kakao_ico {background-image:url('/resources/images/consult_ico02.png');background-repeat:no-repeat;width:27px;height:24px;left:16px;margin-bottom:0px;display:inline-block;position:absolute;top:16px;margin-left:0;background-size:cover;}
.box_quick .box_kakao a{color:#3f1811 }

/* 인사말 */
.sub01_card .card-header, .sub01_card .card-footer {background:none;}
.sub01_card .card-title {color:#1051c8;font-size:1em;}
.sub01_card .card-text {font-size:0.9rem;}
.sub01_card .card {background:rgba(0, 0, 0, 0.03);}

/* 의료진소개 */
.doctor_info .card-header, .doctor_info .card-footer {background:none;}
.doctor_info .card {background:rgba(0, 0, 0, 0.03);}

/* 둘러보기 */
.bg-arround {display: flex; flex-direction: column;justify-content: space-between;width:30%;background:#495573;z-index:-1;margin-top:-4em;margin-bottom:4em;}
.bg-arround h3{font-weight:100;letter-spacing: -1px;font-size:2.125rem;}
#floor_slide_Big {width:75%;margin-left:-4em;}
#floor_slide_Big.owl-carousel .owl-nav {width:10%;right:0;left:auto;top:auto;bottom:-10%;margin-top:0;}
#floor_slide_Big.owl-carousel .owl-nav:after {display:block;content:'';clear:both}
#floor_slide_Big.owl-carousel .owl-nav .owl-prev {top:0;left:0 !important}
#floor_slide_Big.owl-carousel .owl-nav .owl-next {top:0;right:0 !important}
.arrow-css{ display:block; width:12px;height:12px;border-top:2px solid #6c6c6c;border-left:2px solid #6c6c6c;}
.arrow-left-css {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.arrow-right-css {-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.image-caption {position:absolute;top: -22px;right:13%;text-align: right;margin: 0;}
#counter{position:absolute;right:20%;width:auto;;bottom:-20%;}

@media screen and (min-width:576px) and (max-width:993px) {
    /* 인사말 */
    .card-deck .card{flex:48%;margin:1%;}
    /* 의료진소개 */
    .card-columns{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;}
    .card-colums .card{display:inline-block;width:100%;margin-bottom:15px;}

}

@media (max-width:767px){
    /* 서브타이틀 */
    .sub-title{display:block;border-bottom:1px solid #dbdbdb;margin-bottom:2rem;}
    .sub-title h2{font-size:1.333rem;margin-bottom:0px;}
	.sub-title-img{height:150px;padding-top:0px !important;}
	.sub-title-img-inner{padding-top:0px !important;}
    .m-sub-top{position:relative;margin-bottom:2rem;}
    .m-sub-top .sub-nav-anchor {display:block;padding:0 15px 20px 0;position:relative;text-decoration:none;margin:0;}
    .m-sub-top .sub-nav-anchor h2 {position:relative;}
    .m-sub-top .sub-nav-anchor h2:after {content:'';position:absolute;width:13px;height:13px;right:13px;top:50%;margin:-0.25em 0 0 0;box-sizing:border-box;border-bottom:1px solid #444444;border-left:1px solid #444444;transform:rotate(-45deg) translateY(-50%);}
    .m-sub-top .sub-nav-anchor[aria-expanded=true] h2: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:#f5f5f5;border-bottom:1px solid #dbdbdb;border-top:none;box-sizing:border-box;color:#444444;line-height:1;}
    .m-sub-top .sub-nav-list li {text-align:right;border-top:1px solid #dbdbdb}
    .m-sub-top .sub-nav-list li:first-child {border-top:none;}
    .m-sub-top .sub-nav-list a {display:block;max-width:540px;margin:0 auto;padding:1rem 30px;color:inherit;font-size:1rem;}

}


@media (max-width:993px){
    /* 둘러보기 */
    .bg-arround{width:100%;margin:0}
    .bg-arround .facility_ico{height:5vw;}
    #floor_slide_Big{position:relative;margin:0;width:100%;z-index: 9}
    /* 둘러보기 */
    .image-caption{right:10px;}
}


@media (max-width:1199px){
    .image-caption{top: -32px;}
}

@media (min-width:1200px){
    .sub-title-img{height:350px;background-position:65% 70%;}
}
/* 둘러보기 */
.around-visual {width:75%;margin-left:-4rem;}
.around-visual .swiper-slide {display:block}
.nav-box {list-style:none;position:absolute;right:0;top:-20px;padding:0;margin:0;}
.nav-box li {float:left;}
.nav-box li + li {margin-left:70px;}
.nav-box li a {display:block;width: 12px;height: 12px;border-top: 2px solid #6c6c6c;border-left: 2px solid #6c6c6c;}
.nav-box li a.prebutton {transform: rotate(-45deg);}
.nav-box li a.nextbutton {transform: rotate(135deg);}
@media(max-width:991px){
	.around-visual {
		position: relative;
		margin: 0;
		width: 100%;
		z-index: 9;
	}
}


.container .cms-container {width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}

/* 진료시간 */
.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-size:2.75rem;letter-spacing:-0.03rem;margin:0;padding:0;line-height:1;margin-bottom:75px}
.sub0102-bottom .right-content dl dd{font-size:20px}

@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;}
	.sub0102-bottom .right-content dl dt,
	.sub0102-bottom .right-content p{font-size:13px}
	.sub0102-bottom .right-content dl dd{font-size:15px}
}

@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}
}



/* CMS Custom */
.cms-container .cms.type-bg{background:#E8EBF3}
.cms-container .cms .cms-figure-list .cms-figure .cms-figure-svg{stroke:#CFD7EA}
.cms-container .cms .cms-column-list.text-type-3 .cms-list-item .cms-figure .cms-figure-svg{fill:#5373C5}
.cms-container .cms .cms-figure-list.text-type-1 .cms-figure-text .cms-eyebrow,
.cms-container .cms .cms-figure-list.text-type-1 .cms-figure-text .cms-description,
.cms-container .cms.type19 .cms-figure-list.text-type-2 .cms-figure-text .cms-eyebrow{color:#5373C5}
.cms-container .cms .cms-figure-list.item-between-border>.cms-list-item:before,
.cms-container .cms .cms-figure-list.text-type-1 .cms-figure-text .cms-eyebrow:after{background:#5373C5}

.cms-container .cms.type06 .cms-column-list .cms-list-item.cms-qna-item .cms-inner-box{padding:40px 55px}
.cms-container .cms.type06 .cms-column-list.text-type-1 .cms-list-item.cms-qna-item .cms-description-box .cms-title{font-size: 20px;font-weight: 700;line-height: 1.3;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #E7E7E7}
.cms-container .cms.type06 .cms-column-list.text-type-1 .cms-list-item.cms-qna-item .cms-description-box .cms-title i{display:inline-block;margin-right:20px;font-size: 30px;font-weight: 600;font-style:normal;}
.cms-container .cms.type06 .cms-column-list.text-type-1 .cms-list-item.cms-qna-item .cms-description-box .cms-description{position:relative;margin:0;padding-left:50px;line-height:1.625}
.cms-container .cms.type06 .cms-column-list.text-type-1 .cms-list-item.cms-qna-item .cms-description-box .cms-description i{display:block;position:Absolute;top:0;left:0;line-height:1;padding-bottom:5px;border-bottom:2px solid #444446;font-size: 30px;font-weight: 600;font-style:normal;}

.cms-container .cms.type07 .cms-row-list .cms-list-item .cms-description-box{position:relative}
.cms-container .cms.type15 .cms-column-list.text-type-1 .cms-list-item .cms-description-box{position:relative}
.cms-container .cms.type07 .cms-row-list .cms-list-item .cms-eyebrow,
.cms-container .cms.type15 .cms-description-box .cms-eyebrow{position:absolute;top:0;right:0;font-size:20px;background:#5373C5;border-radius:30px}
.cms-container .cms.type16 .cms-figure-text .cms-title{font-size:13px;line-height:16px;}

.cms-container .cms.type07 .cms-inner > .cms-description-box .cms-title,
.cms-container .cms.type10 .cms-inner > .cms-description-box .cms-title,
.cms-container .cms.type26 .cms-table-wrap > .cms-description-box .cms-title,
.cms-container .cms .cms-list-wrap > .cms-description-box .cms-title{display:inline-block;font-size: 32px;font-weight: 500;line-height:1;letter-spacing: -0.03em;color:#B1926A;padding-bottom:10px;border-bottom:2px solid #B1926A;}

@media screen and (max-width: 992px) {
	.cms-container .cms.type07 .cms-row-list .cms-list-item .cms-eyebrow,
	.cms-container .cms.type15 .cms-description-box .cms-eyebrow{position:static}
	.cms-container .cms.type16 .cms-figure .cms-figure-svg{fill:#E8EBF3}
}
@media screen and (max-width: 767px) {
	.cms-container .cms.type16 .cms-figure,
	.cms-container .cms.type16 .cms-figure-text {display:block !important;}
	.cms-container .cms .cms-table{table-layout:auto;}


	.cms-container .cms.type07 .cms-inner > .cms-description-box .cms-title,
	.cms-container .cms.type10 .cms-inner > .cms-description-box .cms-title,
	.cms-container .cms.type26 .cms-table-wrap > .cms-description-box .cms-title,
	.cms-container .cms .cms-list-wrap > .cms-description-box .cms-title{font-size:18px;padding-bottom:5px;}

}
@media screen and (max-width: 480px) {
	.cms-container .cms.type06 .cms-column-list .cms-list-item.cms-qna-item .cms-inner-box{padding:20px}
	.cms-container .cms.type06 .cms-column-list.text-type-1 .cms-list-item.cms-qna-item .cms-description-box .cms-title{font-size: 14px;padding-bottom:15px;margin-bottom:15px;}
	.cms-container .cms.type06 .cms-column-list.text-type-1 .cms-list-item.cms-qna-item .cms-description-box .cms-title i{margin-right:10px;font-size:15px;}
	.cms-container .cms.type06 .cms-column-list.text-type-1 .cms-list-item.cms-qna-item .cms-description-box .cms-description{padding-left:25px;font-size:13px;line-height:1.438}
	.cms-container .cms.type06 .cms-column-list.text-type-1 .cms-list-item.cms-qna-item .cms-description-box .cms-description i{top:3px;padding-bottom:3px;font-size:15px;}


	.cms-container .cms.type07 .cms-row-list .cms-list-item .cms-eyebrow,
	.cms-container .cms.type15 .cms-description-box .cms-eyebrow{margin-top:15px;font-size:13px;border-radius:20px;padding:5px 15px}
	.cms-container .cms.type16 .cms-list-wrap{margin-top:30px}
}

.marker{font-size:78%;background:#E8EBF3}
.marker.large{font-size:100%}

@media (max-width: 991px) {
	.cms-container .cms .cms-visual.mobile-expanded {
		margin-left: -15px;
		margin-right: -15px;
	}
}