@charset "utf-8";


/* 공통 */

#tabs {box-sizing:border-box; width:100%; overflow:hidden; font-size:0; margin: 0 auto;}
#tabs li {display: block; text-align:center; box-sizing:border-box; float:left; margin-left:-1px;}
#tabs li a {padding:15px 0; width:100%; letter-spacing:-1px; display:block; position: relative; font-size: 20px; background:#eee; color:#777; font-size:20px; font-weight:bold; transition:0.3s; box-sizing:border-box; border:1px solid #eee; font-family:'Montserrat', 'NanumSquare';}
#tabs li.current {margin-left:0; z-index:1;}
#tabs li:first-child:hover {margin-left:0; margin-right:-1px;}
#tabs li.current a, #tabs li.current_page_item a, #tabs li a:hover {color:#033c89; background:none;}
#tabs li.current a, #tabs li a:hover {color:#033c89; background:#fff; border:1px solid #033c89; z-index:1;}

.sub_title02 {margin-bottom: 20px;clear:both;position:relative; font-size:22px; font-weight:900; color:#444; padding-left:25px; word-break:keep-all;}
.sub_title02:before {content:''; width:19px; height:19px; background:url('../img/sub/h4_bg.png') no-repeat; position:absolute; left:0; top:3px;}

.sub_title03 {font-size:40px; text-align:center; font-weight:900; color:#0094fb; margin-bottom:70px; word-break:keep-all;}

.q_tit {font-size:20px; margin-top:20px; font-weight:bold; color:#033c89;}

.list01 {}
.list01 li {position:relative; padding:5px 0 5px 10px; font-size:16px; color:#666; font-weight:300; word-break:keep-all; font-family: 'Pretendard';}
.list01 li:before {content:''; width:5px; height:1px; background:#6e6e6e; position:absolute; left:0; top:15px;}
.list02 {}
.list02 li {font-size:16px; color:#666; padding:5px 0 10px; font-weight:300; word-break:keep-all; line-height:1.5;}
.list02 li strong {font-size:18px;display:block; font-weight:bold; margin-bottom:5px; color:#333;}
.list03 {}
.list03 li {position:relative; padding:7px 0 7px 15px; font-size:18px; font-weight:300; color:#333; word-break:keep-all; font-family: 'Pretendard';}
.list03 li:before {content:''; width:5px; height:5px; background:#6e6e6e; position:absolute; left:0; top:15px;}
.list04 {overflow:hidden;}
.list04 li {float:left; width:20%; padding-left:0 !important; font-family:'Noto Sans KR' !important;}
.list04 li:before {content:none !important;}
.list04 li .inner {padding-right:18px; padding-left:33px; background: url('../img/sub/step-icon.png') left center no-repeat;}
.list04 li:first-child .inner{background:none; padding-left:0;}
.list04 li .inner .item {border:1px solid #e0e0e0; padding:0 10px; height:60px; line-height:60px; text-align:center;}
.list04 li .inner .item span {display:inline-block; font-size:16px; line-height:1.6; color:#333 !important;}
.list04 li .inner .item span small {color:#033c89 !important;}
.list05 {margin-top:20px;}
.list05 li {position:relative; display:inline-block; width:23%; margin-right:2%; text-align:center; margin-bottom:7px; border:1px solid #eee; padding:70px 10px; max-height:290px; vertical-align:bottom;}
.list05 li p {font-size:18px; text-align:center; font-weight:600; color:#010101; word-break:keep-all; font-family: 'NanumSquare';}
.list05 li img {margin-bottom:30px;}
.list05 li:last-child {margin-right:0;}
.list06 {overflow:hidden;}
.list06 li {position:relative; float:left; width:32%; margin-right:2%; text-align:center; vertical-align:bottom;}
.list06 li img {width:100%;}
.list06 li:last-child {margin-right:0;}
.list07 {overflow:hidden;}
.list07 li {position:relative; float:left; width:24%; margin-right:1%; text-align:center; vertical-align:bottom;}
.list07 li img {width:100%;}
.list07 li p {text-align:center; font-size:18px; font-weight:900; padding:20px 0; color:#fff;  font-family: 'NanumSquare'; background:#033c89;}
.list07 li:last-child {margin-right:0;}
.list07_02 li {position:relative; float:left; width:32%; margin-right:1%; text-align:center; vertical-align:bottom; margin-bottom:20px;}
.list07_02 li:last-child {margin-right:0;}



.table_wrap {width:100%;}
.table_txt {font-size:15px; font-weight:500; color:#033c89; margin-top:10px; display:none; }

.table01 {width:100%;border-left:1px solid #eee;}
.table01 th {font-size:18px; background:#eee; text-align:center; padding:15px 15px; border-right:1px solid #fff; border-top:none; font-weight:600; vertical-align:middle; }
.table01 td {padding:15px 15px; border-top:1px solid #eee; border-right:1px solid #eee;border-bottom:1px solid #eee; vertical-align:middle; color:#333; font-weight:300;  font-size:16px; word-break:keep-all;}


.t_cen {text-align:center}
.t_bold {font-weight:bold !important;}

.mt20 {margin-top:20px;}
.mt40 {margin-top:40px !important;}

.bor_n {border:none !important;}

.content-section {position:relative; border-top:1px solid #e6e6e6; box-sizing:border-box; padding-top:60px; margin-bottom:70px;}
.content-section:before {content: ''; position: absolute; top: -4px; left:30px; width: 41px; height: 7px; background: url('../img/sub/conbox_bg.jpg') no-repeat; background-size: cover;}

/*-----병원장 인사말-----*/
#intro {}
.intro {clear: both;overflow:hidden;position:relative;}
.intro:before {content: '';display: block;width: 50%;height: 100%;background: url(../img/sub/introduce_img.jpg) 0 0 no-repeat;background-size: cover;position: absolute;left: 0;bottom: 0;z-index: -1;}
.intro_con {width: 43%;float: right;padding: 80px 0;}
.intro_con h2 {font-size: 42px;font-weight: 600;word-break: keep-all;margin-bottom: 74px;letter-spacing: -1px;line-height: 1.3;}
.intro_con p {font-size: 20px;line-height: 1.5;word-break: keep-all;}


.doctor_wrap {clear:both;}
.doctor-list {overflow:hidden;padding:80px 0;}
/*.doctor-list li {width: 48%;float: left;}*/
.doctor-list > ul{display: flex; flex-wrap: wrap; gap: 40px;}
.doctor-list li {width: calc((100% - 40px) / 2);}

.ceo_tit_box .category {font-size:30px; color:#C0B09D; position: relative; padding-right:440px;}
.ceo_tit_box .category:after {content:''; display: inline-block; width:425px; height:1px; background: #C0B09D; position: absolute; top:50%; transform: translateY(-50%); right:0;}
.ceo_tit_box .tit {display: block; margin-top:27.5px; font-size:55px; line-height: 1.5; font-weight: 400;}

.ceo_img_box {margin-top:160px; display: flex; justify-content: center}
.ceo_img_box .img_box {width: 40%;}
.ceo_img_box .img_box img {width:100%; display: block; margin-top: -30px;}
.ceo_img_box .quotes {font-size:79px; line-height:0.7; color: #555555;}
.ceo_img_box .sub_tit {font-size: 30px; line-height:1.6; color: #000000; margin-top: -10px;}
.ceo_img_box .info {margin-top:35px; font-size: var(--info-font-size); line-height: var(--info-font-line-height); color: #555555;}
.ceo_img_box .info + .info {margin-top: 20px;}
.ceo_img_box .name_box {margin-top: 80px; color: #555555;}
.ceo_img_box .name_box .position {font-size:15px;}
.ceo_img_box .name_box .name {margin-left:19px; font-size:25px; font-weight: 400;}


.person_box {width:100%;}
.person_box .left {    width: 39%;float: left;}
.person_box > .tit {font-size:30px; font-weight: 600; display: block; margin-bottom:30px; width: 100%;}
.person_box .right {width:55%;float: right;}
.person_box .right .text_box + .doc {margin-top:10px;}
.person_box .right .text_box .en {color:#000;}
.person_box .right .text_box .name {color:#000;}
.person_box .right.type2 .text_box .en {color:#555555;}
.person_box .right.type2.font .text_box .name {font-size:28px;}

.person_box .right {position: relative; padding-top: 30px;}
.person_box .right:before {content:''; display: block; width:185px; height:1px; background:#007b2c; position: absolute; top:0; left:0;}
.doc + .doc {margin-top:50px;}
.doc dt {color:#555555; font-size:21.5px; margin-bottom:5px;}
.doc dd {font-size: var(--info-font-size); line-height: var(--info-font-line-height); padding-left:10px; position: relative;}
.doc dd:before {content:'·'; position: absolute; top:0; left:0;}


.person_box .img_box {position: relative; width: 100% !important; aspect-ratio: 100/145.55; background: rgba(0,0,0,0.5)}
.person_box .img_box:before {content:''; }
.person_box .img_box img{position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.person_box .flex {display: flex; align-items: center; position: absolute; left:0; bottom:0; width:100%; height:110px; padding:0 38px; background: #007b2c}
.person_box .en {font-size:15px; line-height: 1.6; color: rgba(255,255,255,0.4); display: block;}
.person_box .name {margin-top:9px; font-size:22px; color:#fff; font-weight: 400;}
.person_box .tip {color:#000; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; width:100%;}


/* -----층별안내----- */
.floor_tab li {width:14.35%; margin-left:-1px;}
.floor_tab li a {background:#eee; color:#777; font-size:20px; font-weight:bold; transition:0.3s; box-sizing:border-box; border:1px solid #eee; font-family:'Montserrat';}
.floor_tab li.current {margin-left:0; z-index:1;}
.floor_tab li:first-child:hover {margin-left:0; margin-right:-1px;}
.floor_tab li.current a, .floor_tab li a:hover {color:#033c89; background:#fff; border:1px solid #033c89; z-index:1;}

.floor_wrap {width:100%;float:left;clear:both;margin:100px 0;}
.floor_wrap .tab_container {margin-top:40px;}
.floor_wrap .tab_container p {position:relative; border-top:1px solid #ededed; border-left:1px solid #ededed; border-right:1px solid #ededed; font-size:22px; color:#333; padding:25px 50px; font-weight:bold;}
.floor_wrap .tab_container p:before {content:''; width:5px; height:5px; background:#033c89; position:absolute; left:30px; top:33px;}

.floor_slide {}
.floor_slide .slick-arrow {position:absolute; top:30px; font-size:0; width:31px; height:10px; z-index:99;}
.slick-arrow:focus {border:none; outline:none;}
.floor_slide .slick-prev {right:60px; background:url('../img/sub/prev_arrow.png') no-repeat; background-size:cover;}
.floor_slide .slick-next {right:20px; background:url('../img/sub/next_arrow.png') no-repeat; background-size:cover;}
.floor_slide .slick-dots {font-size:0; text-align:center; margin-top:10px;}
.floor_slide .slick-dots li {display:inline-block; padding:10px 5px;}
.floor_slide .slick-dots button {width:7px; height:7px; border-radius:50px; background:#ddd;}
.floor_slide .slick-dots li.slick-active button {background:#033c89;}

.unpaid_wrap {width: 100%;float: left;margin-bottom: 80px;}
/*------------장비현황-----------*/
.equipment {margin-top:40px;}
.equipment .info {margin-bottom:80px; overflow:hidden; width:100%}
.equipment .info > div {float:left;}
.equipment .info .img {width:35%; margin-right:5%; border:1px solid #eee;}
.equipment .info .img img {width:100%;}
.equipment .info .txt {width:60%; padding-top:20px; text-align:left;}
.equipment .txt h2 {font-size:36px; font-weight:900; color:#333; margin-bottom:20px;}
.equipment .txt h2 span {font-size:20px; color:#033c89; font-weight:bold; padding-left:10px; vertical-align:bottom; font-family:'Montserrat'; word-break:keep-all;}


/*----- 오시는 길------*/
.map_wrap .root_daum_roughmap {width:100%;}
.map_wrap .root_daum_roughmap .wrap_controllers {display:none;}
.map_info {overflow:hidden; margin-top:70px;}
.map_info > div {float:left; }
.map_info > div h4 {font-size:36px; font-weight:900; color:#010101; margin-bottom:20px;}
.map_info .info {width:35%; margin-right:5%; box-sizing:border-box; padding-right:5%; border-right:1px dashed #ffd898; margin-bottom:100px;}
.map_info .info ul {padding-top:10px;}
.map_info .info ul li {font-size:18px; color:#033c89; line-height:1.3; padding-bottom:5px;}
.map_info .info ul li span {color:#000101; width:140px; display:inline-block;}
.map_info .info p.caution {font-size:15px; color:#555; margin-top:15px;}
.map_info .add {width:60%; min-height:390px;}
.map_info .add p {font-size:24px; font-weight:600; color:#5c5c5c; margin-bottom:20px; margin-top:20px; line-height:1.4; word-break:keep-all;}
.map_info .add p.txt {font-size: 18px;font-weight: 400;}
.map_info .add p span {display:block; font-size:18px; margin-top:10px; color:#939393; word-break:keep-all;}
.map_info .add .call {display:block; font-size:48px; color:#033c89; font-weight:bold; margin-top:60px; font-family:'Montserrat';}
.map_info .add .call span {font-size:20px; margin-top:10px; color:#333; font-weight:900; vertical-align:baseline; margin-right:20px;}


.map_info .callnumber {width: 30%;border-right: 1px dashed #ffd898;margin-right: 4%;margin-bottom:100px;}
.map_info .callnumber a {font-size: 40px;font-weight: 800;font-family: 'Montserrat';border-bottom: px solid #ffd898;padding-bottom: 15px;display: inline-block;}
.map_info .callnumber a span {padding-left: 15px;}
.map_info .callnumber ul {overflow: hidden;margin-bottom:15px;}
.map_info .callnumber ul li span {background: #f39800;padding: 5px;border-radius: 5px;line-height: 1.5em;color: #fff;text-align: center;margin-right: 10px;}
.map_info .callnumber ul li {padding: 7px 0;font-size: 18px; float:left; width:50%;}
.map_info .callnumber a img {padding-bottom: 4px;width: 45px;}


.map_info .bus {width: 27%;border-right: 1px dashed #ffd898;margin-right: 4%;}
.map_info .bus ul li {font-size: 20px;line-height: 1.7em;position: relative;padding-left: 15px;}
.map_info .bus ul li span {color: #033c89;font-weight: 800;}
.map_info .bus ul li:before {position: absolute;content: '';width: 5px;height: 5px;background: #f39800;top: 14px;left: 0;}
.map_info .bus p {margin-top: 20px;font-size: 18px;padding-left: 14px;}

.map_info .parking{width:35%;}
.map_info .parking ul li {font-size: 20px;line-height: 1.7em;position: relative;padding-left: 15px;}
.map_info .parking ul li span {color: #033c89;font-weight: 800;}
.map_info .parking ul li:before {position: absolute;content: '';width: 5px;height: 5px;background: #f39800;top: 14px;left: 0;}




.map_info .amenity {width: 100%;}.map_info .amenity ul {max-width: 1000px;overflow: hidden;}
.map_info .amenity ul li {float: left;margin-right: 1%;text-align: center;width: calc(95% / 6);}
.map_info .amenity ul li:last-child {margin-right: 0;}
.map_info .amenity ul li p {text-align: center;padding: 15px 0;font-size: 18px;}
.map_info .amenity ul li .img {background: #eee;padding: 25px;border-radius: 50%;width: 120px;height: 120px;margin: 0 auto;}


/* --------------비급여-------------- */
.unpaid_box {background:#f9f9f9; box-sizing:border-box; padding:30px 40px; margin-top:30px; margin-bottom:60px;}
.unpaid_wrap .table01{margin-top:30px;}
.unpaid_wrap .table01 th {border-bottom: 1px solid #fff;}

/* ----------외래진료, 입/퇴원---------- */

.hos_top {clear: both;width: 100%;padding: 60px 0;position:relative;overflow:hidden;}

.hos_top:before {width: 60%;height:100%;content:'';display:block;position:absolute;left:0;top:0;z-index:-1;background:#f5f5f5;}
.img-wrap {width: 50%;float: right;}
.img-wrap img {display:block;}
.hospitalization_wrap {padding: 0 0 80px 0;}

.common-subtitle-wrap {padding: 60px 60px 60px 80px;}
.common-subtitle-wrap h3.title {font-size: 40px;font-weight: 600;margin-bottom: 50px;}
.data-items {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd}

.common-subtitle-wrap .data-items .item {position: relative;display: flex;font-size: 19px;padding-left: 150px}

.common-subtitle-wrap .data-items .item:not(:last-child) {margin-bottom: 10px}

.common-subtitle-wrap .data-items .item-title {position: absolute;top: 0;left: 0;display: block;font-weight: 300}
.common-subtitle-wrap .data-items .item-desc {font-weight: 500}

.hospitalization_wrap h4.sub_title02 {margin: 60px 0 30px 0;font-size: 30px;padding-left: 30px;}
.hospitalization_wrap h4.sub_title02:before {top: 9px;}
.hos_sec_img {text-align: center;width: 100%;clear: both;}

.hos_sec {clear: both;padding-left: 29px;}
.hos_sec li {clear: both;padding-left: 15px;position:relative;font-size:18px;line-height:1.4;margin:5px 0;}
.hos_sec li span {font-weight:600;}
.hos_sec li:before {content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#ddd;position: absolute;top: 7px;left: 0;}
.hospitalization_wrap > p {padding-left: 29px;font-size:18px;line-height:1.4;}
/* ----------클리닉---------- */

.clinic_wrap {width: 100%;margin-bottom: 80px;float: left;}
#clinic03_01 .clinic_wrap {margin-bottom: 0;}
.clinic_img {overflow: hidden;margin-bottom: 80px;position:relative;}
.clinic_img img {display:block;}
.clinic_img_txt { line-height: 1.5;background-color: rgba(0,0,0,0.5);position: absolute;width: 100%;padding: 30px;left: 0;bottom: 0;z-index: 10;box-sizing: border-box;color: #fff;font-size: 25px;text-align: center;}
p.clinic_txt {font-size: 18px;line-height: 1.5;margin-bottom: 80px;word-break:keep-all;}
.clinic_img02 {clear: both;width: 100%;float: left;margin-bottom: 80px;text-align: center;}
.cancer_mo {display:none;}
.clinic_wrap h2 {font-size: 35px;font-weight: 900;margin-bottom: 30px;margin-bottom: 50px;text-align: center;}
.clinic_txt_list li {line-height: 1.5;clear: both;padding-left: 15px;position:relative;font-size:18px;margin:5px 0;}
.clinic_txt_list li:before {content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#007b2c;position: absolute;top: 11px;left: 0;}
.clinic_box {clear: both;padding: 30px;background: #f5f5f5;margin-top: 80px;line-height: 1.5;font-size:18px;}

.cancer_con_list {position:relative;}
.cancer_con_list > ul > li {clear: both;width: 100%;float: left;margin-top: 40px;}
.cancer_con_list > ul > li:first-child {margin-top: 0;}
.cancer_con_title {
    width: 303px;
    float: left;
    text-align: center;
	background:#67a51e;
	font-size:25px;
	font-weight:bold;
	padding:15px 0;
	border-radius:30px;
	color:#fff;
}
.cancer_con_txt {
    width: calc(100% - 380px);
    float: right;
}
.cancer_con_img {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.cancer_con_txt p {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 500;
    margin-top: 13px;
}
.cancer_con_txt li {line-height: 1.5;clear: both;padding-left: 15px;position:relative;font-size:18px;margin:5px 0;}
.cancer_con_txt li:before {content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#007b2c;position: absolute;top: 11px;left: 0;}

.operation_list {
    clear: both;
    width: 100%;
    margin-bottom: 80px;
}
.operation_list ul {overflow:hidden;}
.operation_list li {
    width: 22%;
    float: left;
    margin-right: 4%;
    background: #247fdd;
    text-align: center;
    padding: 50px;
    font-size: 25px;
    color: #fff;
    word-break: keep-all;
    line-height: 1.5;
	box-sizing:border-box;
}
.operation_list li:last-child {margin-right:0;}

.operation_con_list {
    position: relative;
    clear: both;
    width: 100%;
    float: left;
    margin-bottom: 80px;
}
.operation_con_list > ul > li {clear: both;width: 100%;float: left;margin-top: 40px;}
.operation_con_list > ul > li:first-child {margin-top: 0;}
.operation_con_title {
    width: 381px;
    float: left;
    text-align: center;
    background: #247fdd;
    font-size: 20px;
    font-weight: 500;
    padding: 20px;
    color: #fff;
    word-break: keep-all;
}
.operation_con_txt {
    width: calc(100% - 440px);
    float: right;
}
.operation_con_txt p {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 13px;
}

.maesun_effect {background: #f5f5f5;padding: 80px 0;}
.maesun_effect_list li {
    width: 18%;
    padding: 0;
    float: left;
    margin-right: 2.5%;
	border-radius:50%;
    aspect-ratio: 1/1;	
    background: #fff;
}
.maesun_effect_list li:nth-child(5) {margin-right: 0;}
.maesun_effect_list li span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    padding-top:45%;
}

.botox_con {
    margin-top: 80px;
    clear: both;
}

.botox_con_img {
    display: inline-block;
    float: right;
}
.botox_scon {
    width: calc(100% - 57%);
    float: left;
}
.botox_scon p.clinic_txt {margin-bottom:30px;}
#health, #hospital {
    padding-bottom: 100px;
}
.dosu_cause {
    overflow: hidden;
    margin-bottom: 80px;
}
.dosu_cause li {
    width: 31%;
    float: left;
	margin-right:3%;
}
.dosu_cause li:nth-child(3) {
	margin-right:0;
}
.dosu_cause li h3 {
    font-size: 23px;
    margin-bottom: 30px;
}
.dosu_cause li p {
    line-height:1.5
}
.dosu_treatment {
    background: #f5f5f5;
    padding: 80px 0;
    clear: both;
    margin-top: 95px;
}

.dosu_treatment02 {
    background: url(/img/sub/dosu_bg.jpg) 0 0 no-repeat ; 
    padding: 80px 0;
    clear: both;
	background-size:cover;
}

.dosu_effect_list li {
    width: 18%;
    padding: 0;
    float: left;
    margin-right: 2.5%;
	border-radius:50%;
    aspect-ratio: 1/1;	
    background: #fff;
}
.dosu_effect_list li:nth-child(5) {margin-right: 0;}
.dosu_effect_list li span {
    display: block;
    width: 100%;
    text-align: center;
    font-size:25px;
    font-weight: 600;
    padding-top:35%;
	line-height:1.5;
}

.clinic_wrap .dosu_treatment02 h2 {color:#fff;}
.dosu_treatment02 p {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 50px;
    text-align: center;
}
.dosu_effect_list02 li {
    width: 18%;
    padding: 0;
    float: left;
    margin-right: 2.5%;
	text-align: center;
}
.dosu_effect_list02 li:nth-child(5) {margin-right: 0;}
.dosu_effect_list02 li img {display:block;margin:0 auto 20px auto;}
.dosu_effect_list02 li span {
    display: block;
    width: 100%;
    text-align: center;
    font-size:25px;
    font-weight: 600;
	line-height:1.5;
	color:#fff;
}
.clinic_table table {border-left: 1px solid #ddd;border-top: 2px solid #000;}
.clinic_table table th {font-size: 18px;padding: 15px;font-weight:600;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;color: #383838;text-align: center; word-break: keep-all; }
.clinic_table table td {font-size: 18px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.5;word-break: keep-all;text-align: center;}

/* -----------서류발급------------ */
.document_wrap {}
.document_wrap h5 {font-size:20px; color:#333; font-weight:900;}
.document_wrap > p {font-size:18px; color:#555; margin-top:20px; line-height:1.4;}
.document_wrap > p.caution {font-size:16px; font-weight:bold; color:#033c89; font-family: 'Pretendard';}
.document_wrap .table01 {margin-top:20px; margin-bottom:20px;}
.document_wrap .list01 li {color:#333;}
.document_wrap .down_btn {text-align:right; margin-top:40px; margin-bottom:40px;}
.document_wrap .down_btn a {width:240px; padding:10px 45px 10px 20px; background:#033c89 url('../img/sub/bg_down.png') no-repeat center right 5px; color:#fff; font-family: 'Noto Sans KR'; transition:0.5s; margin-right:15px;}
.document_wrap .down_btn a:hover {box-shadow:4px 4px 7px rgba(0, 0, 0, 0.2);}
.document_wrap .table_txt {font-size:15px; font-weight:500; color:#033c89; margin-top:10px; display:none;}


/* 전문센터 */
.center_con {}
.center_con h5 {color:#033c89;}
.center_con p {margin-top:10px; font-size:18px; line-height:1.5; color:#555; word-break:keep-all; font-weight:300; font-family: 'Pretendard', 'Noto Sans KR';}
.center_con p span {font-weight:500; display:block; color:#222;}

/* 진료과목 */
.MG_wrap .title{background:url('../img/sub/picto01.png') no-repeat center right;}
.FM_wrap .title{background:url('../img/sub/picto02.png') no-repeat center right; background-size:37%;}
.KM_wrap .title{background:url('../img/sub/picto03.png') no-repeat center right;}

.treat_wrap .info {overflow:hidden; margin-top:40px; margin-bottom:80px;}
.treat_wrap .info .title {text-align:left; width:25%; float:left; margin-right:2%; min-height:180px;}
.treat_wrap .info .title h4 {font-size:50px; color:#033c89; font-weight:900; margin-bottom:5px; }
.treat_wrap .info .title span {font-size:20px; color:#555; font-weight:bold; margin-bottom:40px;}
.treat_wrap .info .text {width:65%; float:left; padding-left:5%; border-left:1px solid #ccc; color:#666;}
.treat_wrap .info .text p {font-size:16px; line-height:1.4; font-weight:300; font-family: 'Noto Sans KR'; letter-spacing:-0.5px;}
.treat_wrap .info .text h5 {font-weight:bold; font-size:18px; margin:40px 0 10px;}

#tabs.treat_tab {margin-bottom:70px; margin-top:40px;}
#tabs.treat_tab li {width:20%;}
#tabs.treat_tab li a {padding:15px 0; width:100%; display:block; position: relative; font-size: 20px; color:#777; font-size:18px; font-weight:bold; transition:0.3s; box-sizing:border-box; border:none; background:none;}
#tabs.treat_tab li a:after {content:''; width:0; height:2px; background:#033c89; position:absolute; bottom:0; left:0; right:0; margin:0 auto; transition:0.3s;}
#tabs.treat_tab li.current {z-index:1;}
#tabs.treat_tab li.current a, #tabs li.current_page_item a, #tabs li a:hover {color:#033c89;}
#tabs.treat_tab li.current a:after, #tabs li a:hover:after {color:#033c89; border:none; z-index:1; width:65%;}

.point_tit {text-align:center; font-size:26px; color:#033c89; font-weight:900; word-break:keep-all;}
.list_title {display:block; font-size:20px; font-weight:500; color:#033c89; margin-bottom:10px;}


/*------------설립취지-----------*/
.object .float_right{float:right;}
.object .float_left{float:left;}
.object_in{overflow:hidden;width:100%;height:100%;padding:60px 0; border-bottom:1px dotted #ccc;}
.object_text{font-size:20px;line-height:1.4em;width:48%;}
.object_img{width:48%;}
.object_text h1{font-size:45px;position:relative;display:inline-block;}
.object_text h1::after{content:"";border-top:15px solid #ccc;opacity:0.3;position:absolute;bottom:0;left:0;right:0;z-index:-1;}
.object_text p:nth-child(2){padding-top:40px;}
.line h1::after{content:"";border-top:15px solid #ff0000;opacity:0.12;position:absolute;bottom:0;left:0;right:0;z-index:-1;}
.object_img1{padding-top:21px;}
.object_in:nth-child(3){border-bottom:0px;}
.text_bold{font-weight:bold;}
.text_color{color:#006f9c;font-weight:bold;font-size:24px;}
.object_in:nth-child(1){padding-top:0px;}

.mypage_inner .mylisttab {list-style: none;margin-bottom: 30px;padding: 0;overflow: hidden; text-align:center;  }
.mypage_inner .mylisttab li { display: inline-block;width: auto;text-align: center; margin:0 15px; }
.mypage_inner .mylisttab li a { display: inline-block;color: #bfbfbf;text-align: center;text-decoration: none;padding: 5px;font-size: 18px;transition: 0.3s;width: 100%;box-sizing: border-box;font-weight: 400;}
.mypage_inner .tabcontent { display: none; padding:0px 0px 20px 0px;color:#333;}
.mypage_inner ul.mylisttab li.current a { color:#333; position:relative; }
.mypage_inner ul.mylisttab li.current a:after { position: absolute;content: "";width: 100%;height: 3px;background: #333;bottom: 0;left: 0;}
.mypage_inner .tabcontent.current { display: block;}

.my_list {position: relative; border-top: 2px solid #00a5aa;}
.my_list > ul {position: relative;}
.my_list ul:after {content: ''; display: block; clear: both;}
.my_list ul li:after, .my_list ul li a:after{content: ''; display: block; clear: both;}
.my_list > ul > li {width: 100% !important; position: relative; line-height: 20px; border-bottom: 1px solid #ddd; padding: 25px 35px 25px 135px;}
.my_list .state {display: block; position: absolute; width: 80px; height: 80px; border-radius: 50%; border: 2px solid #ddd; text-align: center; left: 35px; top: 50%; margin-top: -32px; line-height: 20px; padding: 25px 0; box-sizing: border-box;}
.my_list .state.st_x {background: #e3e3e3; border-color: #ddd; color:#00a5aa; }
.my_list .state.st_o {background: #00a5aa; border-color: #fff !important;}
.my_list .ap_info {display: block; color: #333; font-size: 17px; margin-top: 10px; width: 2%; float: left;}
.my_list .ap_info .tit {font-size: 20px; padding: 0 0 5px 0; margin-bottom: 5px; display: block; text-overflow: ellipsis; overflow: hidden; line-height: 1.5;}
.my_list .usr_info {display: block; color: #747474; width: 35%; float: left;}
.my_list .usr_info li {margin: 7px 0;}
.my_list .usr_info .lbl {width: auto; color: #333; display: inline-block;}
.my_list .usr_info .lbl:before {content:"";display:inline-block;margin-right:7px;width:3px;height:3px;background:#506371;vertical-align:middle;border-radius:2px;}
.my_list .usr_info .lbl:after {content:":";margin-left:0.25em;padding-right:0.5em}

.frm_list_wr > ul {position: relative;}
.frm_list_wr > ul:after {content: ''; clear: both; display: block;}
.frm_list_wr > ul > li {width: 100%; position: relative; box-sizing: border-box; float: left;}
.frm_list_wr > ul > li:after {content: ''; clear: both; display: block;}
.frm_list_wr .frm_li {display: block; position: relative; width: 100%; border-radius: 0; border-bottom: 1px solid #ddd; padding: 10px 0 5px; box-sizing: border-box; line-height: 18px; color: #555; float: left;}
.frm_list_wr .frm_li > .lbl {position: absolute; left: 0; top: 10px; width: 90px; vertical-align: middle; line-height: 18px; min-height: 18px; font-size: 15px; color: #666; font-weight: 500; word-break:keep-all;}
.frm_list_wr .frm_li > .fld {position: relative; margin-left: 110px; margin-left: 110px; display: block; font-size: 15px; min-height: 20px;}


.my_list .btns {position:absolute;right:35px;height:50px;top:50%;margin-top:-1px;}
.my_list .btns a {height:100%;padding:13px 15px 17px 15px;border:1px solid #999;background:#FFF url(../img/sub/icon_view.png) no-repeat 85% center;display:inline-block;vertical-align:middle; transition: all 0.3s;}
.my_list .btns a:hover {background: #ccc url(../img/sub/icon_view.png) no-repeat 85% center;}
.my_list .btns span {display: block;}
.my_list .btns span:after {content:"";display:inline-block;width:18px;height:18px;vertical-align:middle;margin-left:0.5em;}

.my_list .btn_cancel { position: absolute;right: 170px;height: 50px;top: 50%;margin-top: -3px;}
.my_list .btn_cancel a { height: 100%;padding: 13px 15px 17px 15px;border: 1px solid #d0d0d0;display: inline-block;vertical-align: middle;transition: all 0.3s;background: #d0d0d0;}
.my_list .btn_cancel span {line-height: 50px;}

.prgr_wbt {text-align: center; margin: 20px 0;}
.prgr_wbt .closeBtn {padding: 0 30px; height: 40px; line-height: 40px; font-size: 16px; background: #7a7a7a; color: #fff; border: 1px solid #7a7a7a; transition: 0.3s;}
.prgr_wbt .closeBtn:hover{ background: #fff; color: #7a7a7a;}
.prgr_wbt .modifyBtn {padding: 0 30px; height: 40px; line-height: 40px; font-size: 16px; background: #00a5aa; color: #fff; border: 1px solid #00a5aa; transition: 0.3s;}
.prgr_wbt .modifyBtn:hover{ background: #fff; color: #7a7a7a;}
.prgr_wbt .closeBtn2 {padding: 0 30px; height: 40px; line-height: 40px; font-size: 16px; background: #7a7a7a; color: #fff; border: 1px solid #7a7a7a; transition: 0.3s;}
.prgr_wbt .closeBtn2:hover{ background: #fff; color: #7a7a7a;}
.pageing {
    clear: both;
    padding: 10px 0;
    text-align: center;
}
.pageing a {display:inline-block;margin:0 2px;padding: 5px 10px;border: #ddd 1px solid;}
.pageing span {display:inline-block;margin:0 2px;
    padding: 5px 10px;
    border: #bfbfbf 1px solid;
	background:#bfbfbf;
	color:#fff;
}
/*기타서비스*/
#agreement h2 {display: block;}
#agreement > div {margin-bottom:50px; }
.agreement_first h2 {margin-top:0; }
.agreement_first, .terms > div { color: #666; line-height: 24px; }
.terms { background: #f8f8f8; padding:25px; border: 1px solid #dedede; }

.privateD {width: 100%; border: 1px solid #ddd; overflow: hidden; padding: 30px; box-sizing: border-box; background: #f5f5f5; margin-bottom:30px }
.privateD p {font-size: 17px;  font-weight: 500; margin-bottom: 13px; }

.js-reveal {opacity: 1; transition: opacity .7s ease-in, margin-top .7s ease-out; }
.js-reveal--hidden {opacity: 0; margin-top: 3em; }
table.board_write_w td .frm_input {padding-right:0 !important;}


/*1:1문의게시판, 칭찬합니다 게시판*/
h3.privacy_tlt{margin-bottom:20px;}
.programapply_notice {border: 1px solid #808080;padding: 20px;margin-bottom: 50px;}
.programapply_notice p {padding-left: 10px;position: relative;}
.programapply_notice p:before {position: absolute;width: 5px;height: 5px;background: #f39800;top: 7px;left: 0;content: '';}
.programapply_notice span {padding-top: 10px;display: inline-block;color: #033c89;padding-right: 10px;}
.programapply_notice a {background: #033c89;color: #fff;padding: 3px 6px;border-radius: 5px;}

.floor_guide {
    width: 100%;
    float: left;
	margin-bottom:80px;
}
.floorg_img {
    width: 47%;
	float: left;
}
.floorg_con {
    width: 49%;
    float: right;
}
.floorg_con h2 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 38px;
	word-break:keep-all;
}

.floorg_con h3 { background: #007b2c;}
.floorg_con h3 {
    background: #007b2c;
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    padding: 13px 20px;
    border-radius: 0 42px 0 0;
}
.floorg_txt {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.floore_txt {
    clear: both;
    width: 100%;
    float: left;
}
.floorg_txt dl {
    padding: 20px;
    border-bottom: #e8e8e8 1px dotted;
    position: relative;
}
.floorg_txt dl dt {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    left: 21px;
    line-height: 1.5;
}
.floorg_txt dl dd {
    padding-left: 40px;
    font-size: 20px;
    display: block;
    line-height: 1.5;
	word-break:keep-all;
}
.floore_txt ul {
    padding: 20px;
}
.floore_txt li {width:33.3%;float:left;margin-bottom:5px;font-size:18px;}
.floore_txt li:before {margin-right:10px;content:'';width:5px;height:5px;border-radius:50%;display:inline-block;background:#ddd;vertical-align:middle;}