@charset "utf-8";

/*모바일 상페*/
#m_snb {margin-top:60px}
#contents.m_contents {display:block}
#snbVertical.m_hidden {display:none}
.m_hidden {display:none}

#m_contents > img {width:100%}
#m_contents .m_subTop {position:relative;}
#m_contents .m_subTop img.mTopBg {width:100%}
#m_contents .m_subTop img.mTopText {width:100%;position:absolute;top:0;left:0;opacity:0;animation: ani_topLink .7s .3s 1 ease forwards;}
#m_contents .m_subTop img.sub_Topico4 {position:absolute;top: 10%;left: 3.5%;width: 12%;animation: ani_topIco 1.5s .2s linear infinite both;}
#m_contents .m_subTop ul.linkbox {width: 100%;position: absolute;bottom:12%;left:3.5%;}
#m_contents .m_subTop ul.linkbox > li {display: inline-flex;align-items: center;justify-content: center;width:25%;height:32px;font-size:12px;font-weight: 500;letter-spacing: 0px;border: solid white 1px;background-color: rgba(255, 255, 255, 0);}
#m_contents .m_subTop ul.linkbox > li:first-child {margin-right:5px;background:#fff;animation: ani_topLink .7s .6s 1 ease forwards;opacity:0}
#m_contents .m_subTop ul.linkbox > li:first-child a, #m_contents .m_subTop ul.linkbox > li:first-child i {color:#111}
#m_contents .m_subTop ul.linkbox > li:last-child {animation: ani_topLink .7s .8s 1 ease forwards;opacity:0}
#m_contents .m_subTop ul.linkbox > li > a {color: white;}
#m_contents .m_subTop ul.linkbox > li > i {font-size:15px;color: white;margin-left: 5px;}

@-webkit-keyframes ani_topIco{
	0% {opacity:1;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
    50% {opacity:1;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
    100% {opacity:1;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
}
@keyframes ani_topIco{
	0% {opacity:1;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
    50% {opacity:1;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
    100% {opacity:1;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
}
@-webkit-keyframes ani_topLink {
	0% {opacity:0;transform:translateY(30px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes ani_topLink {
	0% {opacity:0;transform:translateY(30px)}
    100% {opacity:1;transform:translateY(0)}
}



#contents{
	display:none;
    position: relative;
    padding:20px 0;
    overflow: hidden;
}
#contents > .header{
    border-bottom: solid #d1d1d1 1px;
}
#contents > .header > .headerContetnsWrap{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 156px;
    padding-top: 10px;
    overflow: hidden;
}
#contents > .header > .headerContetnsWrap .headerBg{
    position: absolute;
    top: 0;
    left: -28%;
    width: 155%;
    height: 156px;
    margin-left: 0;
    z-index: 1;
}
#contents > .header > .headerContetnsWrap .headerContetns{
    text-align: center;
    z-index: 2;
}
#contents > .header > .headerContetnsWrap .headerContetns > h4,
#contents > .header > .headerContetnsWrap .headerContetns > h3,
#contents > .header > .headerContetnsWrap .headerContetns > p{
    color: #ffffff;
}
#contents > .header > .headerContetnsWrap .headerContetns > h4,
#contents > .header > .headerContetnsWrap .headerContetns > p{
    font-size: 100%;
    font-weight: 400;
}
#contents > .header > .headerContetnsWrap .headerContetns > h3{
    font-size: 100%;
    font-weight: 400;
}
#contents > .header > .headerContetnsWrap .headerContetns > h4{
    margin: 10px 0;
}
#contents > .header > .headerContetnsWrap .headerContetns > .circle{
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: white;
    border-radius: 50%;
    margin: 5px 0;
}

#contents > img {
    position: relative;
    left:-40%;
    width:180%;
    height: auto;
    margin-left: 0;
}

/*sub_top*/
section.sub_top	{display:none;position:relative;width:100%; height:/*200px*/195px; padding-top:0; margin-bottom:0px;background-size:170%}
section.sub_top .cont_center {height:100%;position: relative;width:100%;margin: 0 auto;overflow: hidden;}

section.sub_top > .cont_center > h3 {display:none}
section.sub_top > .cont_center > h2{
	position: absolute;
	top:30px;
	left:10px;
	color: white;
}
section.sub_top > .cont_center > h2 img {width:48%}
section.sub_top > .cont_center .sub_Topico2, section.sub_top > .cont_center .sub_Topico3, section.sub_top > .cont_center .sub_Topico4, section.sub_top > .cont_center .sub_Topico5 {display:none}
section.sub_top > .cont_center > .sub_text3 {top:50px;left:0;}
section.sub_top > .cont_center > .sub_text5 {top:45px;left:14px;}

section.sub_top > .cont_center > .sub_text2 {left:50%;transform: translateX(-50%);}
section.sub_top > .cont_center > .sub_text2 img {width:100%}

section.sub_top > .cont_center > .sub_text4 {top:45px}
section.sub_top > .cont_center > .sub_text4 img {width:48%}

section.sub_top > .cont_center > ul.linkbox{display:none}

/* vertivacl lnb */
#lnbVertical{
	position: absolute;
	bottom: 0;
	width: 100%;
	height:40px;
	background-color: rgba(0, 0, 0, 0.7);
}
#lnbVertical > div.lnbVerticalWrap{
	position: relative;
	display: flex;
    flex-direction: row;
	justify-content: center;
	width:100%;
	height: inherit;
	margin: 0 auto;
    z-index:9
}
#lnbVertical > div.lnbVerticalWrap img {width:40px;height:40px}
#lnbVertical > div.lnbVerticalWrap > a.lnbControl{
	display: flex;
	align-items: center;
	position: absolute;
    height: inherit;
	font-size:14px;
	color: white;
}
#lnbVertical > div.lnbVerticalWrap > a.lnbControl > i{font-size: 26px;}
#lnbVertical > div.lnbVerticalWrap > a.lnbControl.prev{left:10px;}
#lnbVertical > div.lnbVerticalWrap > a.lnbControl.prev > i{margin-right: 5px;}
#lnbVertical > div.lnbVerticalWrap > a.lnbControl.next{right:10px;}
#lnbVertical > div.lnbVerticalWrap > a.lnbControl.next > i{margin-left: 5px;}
#lnbVertical > div.lnbVerticalWrap > ul{display:none}


/*의료진소개*/
#contents .docArea {width:96%;margin:0 auto 20px;position:relative}
#contents .docArea img {width:100%}
#contents .docArea .doc1Area {margin-bottom:30px}
#contents .docArea .doc1Area > div {float:left}
#contents .docArea .doc1Area .doc1_left {width:100%;}
#contents .docArea .doc1Area .doc1_left img {width:100%}
#contents .docArea .doc1Area .doc1_left a {cursor:pointer}
#contents .docArea .doc1Area .doc1_left a .doc_over {background:rgba(0,0,0,0.6);position:absolute;top:0;left:0;display:none;width:600px;height:340px}
#contents .docArea .doc1Area .doc1_left a .doc_over img {margin:0 auto;width:auto}
#contents .docArea .doc1Area .doc1_left a:hover .doc_over {display:block}


#contents .docArea .doc_name {font-size:20px;text-align:left;margin-top:12px}
#contents .docArea .doc1Area .doc1_right {width:100%}
#contents .docArea .doc1Area .doc1_right h3 {font-size:18px;color:#19ba84}
#contents .docArea .doc1Area .doc1_right span {display:inline-block;width:30px;height:2px;background-color:#333;margin:15px 0;}
#contents .docArea .doc1Area .doc1_right p {font-size:14px;color:#222}
#contents .docArea .doc_bottom > div {position:relative;float:none;width:100%;margin-bottom:20px}
#contents .docArea .doc_bottom > div:last-child {margin-bottom:0}
#contents .docArea .doc_bottom > div a {cursor: pointer}
#contents .docArea .doc_bottom > div a .doc_over {background:rgba(0,0,0,0.6);position:absolute;top:0;left:0;display:none}
#contents .docArea .doc_bottom > div a:hover .doc_over {display:block}

.docPop_bg {display:none;background-color:rgba(0,0,0,0.7);position:fixed;width:100%;height:100%;left:0;top:0}
.docPop_wrap {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 999;
    overflow-y: scroll;
}
.docPop_wrap .docPop_img {width:100%;background:url('../../../../img/sub/s1/doc4_pop.jpg') no-repeat center 5%;height:50%;background-size:100% !important}
.docPop_wrap1 .docPop_img {background:url('../../../../img/sub/s1/doc1_pop.jpg') no-repeat center 5%}
.docPop_wrap2 .docPop_img {background:url('../../../../img/sub/s1/doc2_pop.jpg') no-repeat center 5%}
.docPop_wrap3 .docPop_img {background:url('../../../../img/sub/s1/doc3_pop.jpg') no-repeat center 5%}

.docPop_wrap .docPop_text {width:100%;padding:30px 20px;box-sizing:border-box;line-height:1}
.docPop_wrap .docPop_text h3 {font-size:15px;margin-bottom:10px;font-weight:500}
.docPop_wrap .docPop_text h2 {font-size:22px;font-weight:500;margin-bottom:25px;}
.docPop_wrap .docPop_text ul {margin-bottom:25px}
.docPop_wrap .docPop_text ul span {display:inline-block;background-color:#111;color:#fff;font-size:15px;text-align:center;width:80px;height:30px;line-height:30px;margin-bottom:15px}
.docPop_wrap .docPop_text ul li {margin-bottom:10px;font-size:15px;}
.docPop_wrap .docPop_text ul li:last-child {margin-bottom:0}
.docPop_wrap .docPop_arrow {position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}
#contents .docPop_wrap .docPop_arrow a {float:left;cursor:pointer}
#contents .docPop_wrap .docPop_arrow img {min-width:auto}

.docPop_wrap1, .docPop_wrap2, .docPop_wrap3, .docPop_wrap4 {display:none}
#contents .docPop_wrap .docPop_close {position:absolute;right:0;top:0;cursor:pointer}
#contents .docPop_wrap .docPop_close img {min-width:auto}


/*둘러보기*/
#contents > #tourSlide {margin-bottom:30px}

#contents > #tourSlidePagination > ul.list{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:40px;
    margin:0 auto 20px;
}
#contents > #tourSlidePagination > ul.list > li{
    display: flex;
    align-items: center;
    justify-content: center;
    width:20%;
    height: inherit;
    color: black;
    font-size:13px;
    background-color: white;
    border: solid black 1px;
    margin-right:5px;
    cursor: pointer;
}
#contents > #tourSlidePagination > ul.list > li.list-bullet-on{
    color: white;
    background-color: black;
}
#contents > #tourSlidePagination > ul.list > li:last-child{
    margin-right: 0;
}

#contents > .swiper-container-outter{
    width:100%;
    height: auto
}
#contents > .swiper-container-outter .swiper-container-inner{
    width:100% !important;
    height: auto
}
#contents > .swiper-container-outter .swiper-container-inner .swiper-slide > img{
    width: 100%;
    min-width: 100%;
    height: auto
}
#contents > .swiper-container-outter .swiper-container-inner > div.inner-control{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
#contents > .swiper-container-outter .swiper-container-inner > div.inner-control > .inner-control-button-next,
#contents > .swiper-container-outter .swiper-container-inner > div.inner-control > .inner-control-button-prev{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: white;
    font-size: 24px;
    background-color: #111111;
    cursor: pointer;
    overflow: hidden;
}
#contents > .swiper-container-outter .swiper-container-inner > div.inner-control > .inner-control-button-disabled{
    background-color: gray;
}
#contents > .swiper-container-outter .swiper-container-inner .swiper-slide div.info{
    width: 100%;
    color: white;
    background-color: #0ba29a;
    padding:15px 10px 20px;
    overflow: hidden;
    z-index: 900;
}
#contents > .swiper-container-outter .swiper-container-inner .swiper-slide div.info > h3{
    font-size:14px;
    font-weight: 300;
    margin-bottom:15px;
}
#contents > .swiper-container-outter .swiper-container-inner .swiper-slide div.info > div.line{
    width:30px;
    height: 1px;
    background-color: white;
    margin-bottom:15px;
}
#contents > .swiper-container-outter .swiper-container-inner .swiper-slide div.info > h2{
    font-size:18px;
    font-weight: 400;
}

/*오시는길*/
.mapGuide {width:96%;margin:0 auto;position: relative}
.mapGuide .mapGuide1 {margin-bottom:30px}
.mapGuide .mapGuide1 > div {width:100%;text-align:center;border-bottom:1px solid #dedede;box-sizing:border-box;padding: 20px 0;}
.mapGuide .mapGuide1 > div:last-child {border-bottom:0}
#contents .mapGuide .mapGuide1 > div img {min-width:auto;width:15%;margin:0 auto}
#contents .mapGuide .mapGuide1 > div h3 {margin: 5px 0 10px;font-size:20px;color:#19ba84}
#contents .mapGuide .mapGuide1 > div p {font-size:15px}
#contents .mapGuide .mapGuide1 > div:first-child {padding-top: 0}

.map_btn1 ul {margin-bottom:20px;width:100%}
.map_btn1 ul li {float:left;width:31.333%;margin:0 1%}
.map_btn1 ul li a {display:block;color:#111;font-size:14px;text-align:center;height:35px;line-height:35px;background-color:#fff;border:1px solid #111}
.map_btn1 ul li a:hover {background-color:#111;color:#fff}

.mapGuide .root_daum_roughmap {height:250px;width: 100% !important;}
.mapGuide .root_daum_roughmap .wrap_map {height:250px !important}

.map_address {background-color:#003761;color:#fff;text-align:center;width:1000px;height:96px;line-height:96px;font-size:24px;margin-bottom:50px}
.map_address span {display:inline-block;padding-left:55px;box-sizing:border-box}

.map_btn2 .btn_wrap {height:35px;position:relative;margin:25px 0}
.map_btn2 .btn_wrap ul {width:100%;}
.map_btn2 .btn_wrap ul li {float:left;width: 31.333%;margin: 0 1%;height:35px;line-height:35px}
.map_btn2 .btn_wrap ul li a {cursor:pointer;display:block;font-size:15px;color:#fff;background-color:#a2a2a2;text-align:center;}
.map_btn2 .btn_wrap ul li a:hover, .map_btn2 .btn_wrap ul li a.active {background-color:#19ba84}

.map_btn2 .map_info {background-color:#eee;text-align:center;padding:25px 0;margin:0 auto 25px;}
.map_btn2 .map_info2, .map_btn2 .map_info3 {display:none}
.map_btn2 .map_info img {width:12%;margin:0 auto 15px}
.map_btn2 .map_info h3 span {font-weight:600;margin-bottom:20px;display: inline-block;}
.map_btn2 .map_info ul li {font-size:13px;width:90%;text-align:left;margin:0 auto;line-height: 1.8;}
.map_btn2 .map_info1 h3, .map_btn2 .map_info2 h3 {color:#111;font-size:20px;letter-spacing:-1.5px;font-weight:400}
.map_btn2 .map_info3 h3 {color:#111;font-size:20px;letter-spacing:-1.5px;font-weight:400}
.map_btn2 .map_info2 ul li:first-child {color:#05258c}
.map_btn2 .map_info2 ul li:nth-child(2) {color:#377ab2}
.map_btn2 .map_info2 ul li:last-child {color:#edb50b}
.map_btn2 .map_info2 ul li span, .map_btn2 .map_info3 ul li span {display:block;padding-left:20px;box-sizing:border-box;color:#333}

.map_btn2 .map_info3 ul li b {font-weight:400;}
.map_btn2 .map_info3 ul li b.blue {color:#3b5eb0}
.map_btn2 .map_info3 ul li b.green {color:#629748}
.map_btn2 .map_info3 ul li b.red {color:#c71521}


/*외래진료시간*/
.snsWrap {background:url('../../../../img/sub/s6/sub0301Contents03.jpg') no-repeat center center;width:100%;margin:0;padding: 0 10px 20px;}
.snsWrap p {color:#fff;font-size:13px;text-align:center; padding: 25px 10px 15px;line-height: 1.6;}
.snsWrap p br {display:none}
.snsWrap ul {width:100%;margin: 0 auto;}
.snsWrap ul li {float:left;width: 30%;margin: 0 1.6666%;}
.snsWrap ul li a {display:block}
.snsWrap ul li a img {width:100%}

/*입퇴원안내*/
#snbVertical {padding:20px 0 0;background-color:#fff}
#snbVertical ul {width:96%; margin: 0 auto; display:flex;border:1px solid black }
#snbVertical ul li {
	position: relative;
	width:100%;
	height:35px; 
	color:black;
	border-right: solid black 1px;
	background-color:white;
}
#snbVertical ul li:last-child {margin-right:0;border-right:0}
#snbVertical ul li a {display: flex; vertical-align: middle; justify-content: center; color:black; align-items: center; font-size:13px; width: 100%; height:35px;}
#snbVertical ul li:last-child a {border-right:solid black 0px;}
#snbVertical ul li.on {
	border: solid #2c85ff 1px;
	background-color:#2c85ff;
}
#snbVertical ul li.on:after {
	content: '';
    position: absolute;
    border-top:8px solid #2c85ff;
    border-right:5px solid transparent;
    border-left:5px solid transparent;
	bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
}
#snbVertical ul li:hover {border: solid #2c85ff 1px;background-color:#2c85ff;}
#snbVertical ul li:hover a {color:#fff}
#snbVertical ul li:hover::after {content: '';position: absolute;border-top: 20px solid #2c85ff;border-right: 15px solid transparent;border-left: 15px solid transparent;bottom: -20px;
left: 50%;transform: translateX(-50%);}
#snbVertical ul li.on a {color:white;}


/*증명서 발급*/
.certificate {width:96%;margin: 0 auto;}
.section-header .page-title {padding-bottom:20px;text-align: center;padding-top:10px;}
.section-header .page-title h2 {font-size:20px;color: #333;font-weight: 400;margin-bottom:15px;}
.section-header .page-title span {font-size:13px;color: #666;margin-bottom: 10px; display: block;letter-spacing: 1px;}
.section-header .page-title span.line {display:inline-block;width:35px;height:2px;background-color:#2c85ff}
.certificate .section-content article {margin-top:35px;}
.certificate .section-content article:first-child {margin-top:0}
.sub-title {margin-bottom:20px;}
.sub-title h3 {position: relative;font-size:17px;color: #333;font-weight: 400;padding-left: 10px;}
.sub-title h3:before {position: absolute; top:4px;left: 0; content: "";display: block;width:2px;height:18px; background-color: #2c85ff;}
.sub-title p {font-size: 14px; color: #666;line-height: 20px;font-weight: 400;margin-top: 15px;}
.certificate .section-content article .step {text-align:center;font-size:0}
.certificate .section-content article .step > li {position: relative;display: inline-block;width:48%;margin:0 1% 15px;vertical-align: top;}
.certificate .section-content article .step > li .item {height:150px;text-align: center; padding-top: 15px;border: 1px solid #d6d6d6;background-color: #fff;}
.certificate .section-content article .step > li .item > p {font-size: 13px;color: #333; font-weight: 500;letter-spacing: -1px;}
.certificate .section-content article .step > li .item figure {margin-top:10px}
#contents .certificate .section-content article .step > li .item figure img {width:80%;min-width:0;margin:15px auto 0}
.certificate .section-content article .step > li > h4 {font-size: 15px;color: #666;font-weight: 400;margin-top:10px;}
.certificate .section-content article .step > li > h4 i {font-size: 13px;font-style: normal;}
.table-wrap table {width:100%}
.table-wrap .table.type-1 thead, .table-wrap .table.type-1 tbody {text-align: center}
.table-wrap .table.type-1 thead tr th {height: 55px;font-size:13px;color: #fff;font-weight: 400; background-color: #2c85ff;border-right: 1px solid #fff;padding: 5px;}
.table-wrap .table.type-1 tbody tr td {font-size: 13px;color: #666;vertical-align: middle;border-right: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
.certificate .section-content article.document .table-wrap .table tbody tr td {line-height: 24px;font-weight:400;padding:5px 0;}
.certificate .section-content article.document .table-wrap .table tbody tr td:first-child {color: #333;font-weight: 400;}
.certificate .section-content article.document .table-wrap .table tbody tr td > .circle-list {padding-left:5px}
.circle-list {text-align:left}
.circle-list li {position: relative;margin-top: 10px;font-size: 13px;line-height:18px; font-weight:400;padding-left:20px;vertical-align: middle;list-style:none}
.circle-list li span {position: absolute;top: 2px;left: 0;display: inline-block;width: 15px;height:15px; font-size:8px;color: #fff;line-height:14px;font-weight: 500;text-align: center;border-radius: 50%;background-color: #969696;vertical-align: middle;}

.certificate .section-content article.document .table-wrap .btn-area {text-align:center;margin-top:30px}
.btn-area p .btn-md {width:48%;font-size:13px;font-weight:400;height:40px;line-height: 40px;background-color: #555;display: inline-block;color: #fff;border-radius: 30px;text-align: center}
.btn-area p .btn-blue {background-color:#2c85ff;margin-right:0}


/*비급여항목*/
.tb5_2wrap { width:96%;margin:0 auto;}
.tb5_2wrap > p {line-height: 1.5;font-size:13px;margin-bottom:15px;text-align:left}
.tb5_2wrap .tbw {width:100%; margin:0 auto 25px; border-top:2px solid #333;}
.tb5_2wrap .tbw tbody td{ font-size: 13px;padding-top:8px;padding-bottom:8px;}
.tb5_2wrap .tbw tbody th.bg{ background:#f2f2f2 !important; font-weight:400; font-size:13px}

.tb5_2wrap .st4 tbody th{ background:#eee;font-weight: 400;font-size:13px;}
.tb5_2wrap .st4 tbody th.borderline{ border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;}

.table_st{ border-top:2px solid #339513; /*border-left:2px solid #fff*/}
.table_st th,
.table_st td{ background:#fff; padding:0.7em}
.table_st th{ border-bottom:1px solid #ddd; color:#333;}
.table_st td{ border:1px solid #ddd; border-top:none; border-right:none; color:#333}