@charset "utf-8";


.greetings_se01e .greetings_box .main_title{margin-bottom:120px;}
.greetings_se01e .greetings_box .main_title span{font-size:40px;}
.greetings_se01e .greetings_box .main_title span b{display:block;}


.s0102 .se17d_topbox .title{}
.s0102 .se17d_topbox .title span{display:block;color:#1598A0;font-weight:normal}


/* sub01_02 센터 소개 */
.s0102 .top .title {display: block; font-family: 'gmarket'; font-size: 35px; letter-spacing: -0.035em; color: #222;}
.s0102 .top .text {font-size: 18px; color: #222; letter-spacing: -0.045em; line-height: 1.6;}
.se17d_topbox .img_box::after{width: 215.033px;height: 164.627px;background-image: url(/images/kodsc/sub01/sub0102_icon.png);}
.s0102 .imgbox {margin: 30px 0;}
.s0102 .info_list {display: flex; flex-wrap: wrap;justify-content: space-between;}
.s0102 .info_list li {position: relative; width: 49%;margin-bottom: 20px; padding: 60px 55px 80px; padding-right: 180px; background: #f0f5ff; border-radius: 10px;}
.s0102 .info_list li::before {position: absolute; right: 17px; bottom: 0; width: 150px; height: 199px; background-image: url(/images/kodsc/sub01/sub0102_bg01.png); background-repeat: no-repeat; background-size: contain; content: "";}
.s0102 .info_list li:nth-child(2)::before {right: 13px; width: 285px; height: 222px;background-image: url(/images/kodsc/sub01/sub0102_bg02.png);}
.s0102 .info_list li .tit {font-family: 'gmarket'; font-weight: bold; font-size: 28px; color: #222; letter-spacing: -0.035em;}
.s0102 .info_list li .txt {color: #444; letter-spacing: -0.045em;}
.se17d_topbox .text p{font-size:18px;}
@media (max-width:1140px){
 .s0102 .info_list li {width: 100%;}
 .s0102 .info_list li:nth-child(2) {padding-right: 270px;}
 .se17d_topbox .img_box::after{width: 165.033px;height: 124.627px;right:3.25%}
 .se17d_topbox .title{font-size:36px;}
}
@media (max-width:767px){
 .s0102 .top .text {line-height: 1.4;}
 .s0102 .info_list li {padding: 40px 30px 60px;padding-right: 180px;}
 .s0102 .info_list li:nth-child(2) {padding: 40px 30px 60px;padding-right: 280px;}
 .s0102 .info_list li .tit {font-size: 25px;}
 .se17d_topbox .img_box::after{display:none;}
 .se17d_topbox .title{font-size:32px;}
}
@media (max-width:650px){
 .s0102 .info_list li {padding: 30px;}
 .s0102 .info_list li:nth-child(2) {padding: 30px;}
 .s0102 .info_list li::before {display: none;}
 .se17d_topbox .title{font-size:28px;}
 .se17d_topbox .text p{font-size:16px;}
}
@media (max-width:500px){
 .s0102 .info_list li {padding: 30px 20px;}
 .s0102 .info_list li:nth-child(2) {padding: 30px 20px;}
 .s0102 .info_list li .tit {font-size: 22px;}
}
/* sub01_02 센터 소개 End */

.s0103{margin-top:-41px;margin-bottom:-80px;}
.s0103 .goal-container {margin-top:-41px;padding: 90px 20px 100px; background-color: #eff4f8;}
.s0103 .goal-inner {max-width: 1240px; margin: 0 auto;}
.s0103 .goal-title {padding-bottom: 45px; font-size: 36px; font-weight: bold; color: #222; text-align: center;}
.s0103 .goal-title span {display: block; margin-bottom: 5px; font-size: 20px; font-weight: 400; color: #1f9dcb;}
.s0103 .goal-list02 {display: flex; flex-wrap: wrap; margin: 0 -15px; margin-top: 0;}
.s0103 .goal-list02 .goal-item {position: relative; width: calc(33.33333% - 30px); margin: 15px; padding: 70px 35px 80px;}
.s0103 .goal-list02 .goal-item:nth-child(2n + 1) {background-color: #e2eaf1;}
.s0103 .goal-list02 .goal-item:nth-child(2n + 2) {background-color: #fff;}
.s0103 .goal-list02 .goal-item strong {display: block; margin-bottom: 5px; font-size: 20px; font-weight: bold; color: #333;}
.s0103 .goal-list02 .goal-item .num {position: absolute; bottom: 5px; right: 8px; font-family: 'gmarket'; font-size: 50px; font-weight: bold; line-height: 1;}
.s0103 .goal-list02 .goal-item:nth-child(2n + 1) .num {color: #fff;}
.s0103 .goal-list02 .goal-item:nth-child(2n + 2) .num {color: #e2eaf1;}
.s0103 .goal-list02 .goal-item ul li{font-size:17px;}


.disease-layout{padding:70px 0;max-width: 1240px;margin:0 auto;}
.disease-layout .title {padding-bottom: 45px; font-size: 36px; font-weight: bold; color: #222; text-align: center;}
.disease-layout .title span{font-weight: bold; }

.disease-layout table th,
.disease-layout table td{font-size:17px;}

@media (max-width:1240px) {
 .disease-layout{padding:35px 20px}
}
@media (max-width:991px) {
 .s0103 .goal-list {flex-direction: column;}
 .s0103 .goal-list .goal-item {width: 100%; margin: 0;}
 .s0103 .goal-list .goal-item:nth-child(2n + 1) {top: 0;}
 .s0103 .goal-list .goal-item:not(:first-child) {margin-top: 35px;}
 .s0103 .goal-list02 .goal-item {width: calc(50% - 30px);}
}
@media (max-width:640px) {
 .s0103 .goal-title{font-size:28px;margin-bottom:25px;padding-bottom:0;}
 .disease-layout .title {padding-bottom: 25px; font-size: 28px; }
 .s0103 .goal-container{padding:50px 20px 50px}
 .s0103 .goal-list02 {margin:0 -10px}
 .s0103 .goal-list02 .goal-item {padding:30px 25px 60px;margin:10px;width: calc(50% - 20px);}
}


@media (max-width:420px) {
 .s0103 .goal-list02 {margin:0}
 .s0103 .goal-list02 .goal-item {width: 100%; margin:10px 0;}
}


.location_se04c .map_info{top:28%}
.location_se04c .public-ver01 h3{top:50px}
.location_se04c .info_list li{font-size:17px;}
.location_se04c .public-ver01 > li{padding-left:225px;}
.location_se04c .public .car .item > strong,
.location_se04c .public .crossBus .item > strong,
.location_se04c .public .railway .item > strong{display:block;position:relative;color:#333;font-weight:bold;font-size:18px;}
.location_se04c .public .car .item,
.location_se04c .public .crossBus .item,
.location_se04c .public .railway .item{padding-left:0;}
.location_se04c .public .crossBus .item{padding-top:10px;}

@media(max-width: 1280px) {
 .location_se04c .public{padding:0 20px;max-width:none;}
}


@media(max-width: 768px) {
 .location_se04c .public-ver01 > li{padding-left:0;padding-bottom:35px;}
 .location_se04c .public .crossBus, .location_se04c .public .railway{padding-top:35px;padding-bottom:35px;}
 .location_se04c .public-ver01 h3{position:relative;top:auto;left:0;min-width:auto;text-align:left;margin-bottom:20px;}
 .location_se04c .public h3:before,
 .location_se04c .public .railway h3:before,
 .location_se04c .public .crossBus h3:before{background-size:auto 100%;width:34px;height:35px;background-repeat:no-repeat;background-position:50%}
 .location_se04c .public .item + .item{margin-top:15px;}
 .location_se04c .public .car .item, .location_se04c .public .crossBus .item, .location_se04c .public .railway .item{padding-left:40px;}
}



@media(max-width: 540px) {
 .location_se04c .public-ver01 > li{padding-bottom:30px;padding-top:70px;}
 .location_se04c .public .crossBus, .location_se04c .public .railway{padding-top:30px;padding-bottom:30px;}
 .location_se04c .public-ver01 h3{position:relative;top:auto;left:0;min-width:auto;text-align:left;margin-bottom:15px;}
 .location_se04c .public h3:before,
 .location_se04c .public .railway h3:before,
 .location_se04c .public .crossBus h3:before{width:22px;height:23px;margin-right:5px;}
 .location_se04c .public .item + .item{margin-top:10px;}
 .location_se04c .public .car .item, .location_se04c .public .crossBus .item, .location_se04c .public .railway .item{padding-left:30px;}
 .location_se04c .public .car .item > strong, .location_se04c .public .crossBus .item > strong, .location_se04c .public .railway .item > strong{font-size:17px;}
 .location_se04c .info_list li,
 .location_se04c .public p{font-size:16px;}
 .location_se04c .map_info .title .tit{font-size:26px;}
}

@media(max-width: 420px) {
 .location_se04c .info_list li,
 .location_se04c .public p{font-size:15px;}
}
@media(max-width: 420px) {
 .location_se04c .public-ver01 > li{padding-top:50px;}
}



.cooperation_box{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;gap:70px 100px}
.cooperation_box .con_video{position:relative;padding-top:27.9%;width:47.178%;height:0}
.cooperation_box .con_video:after{content:'';position:absolute;bottom:-50px;right:30px;width: 211.437px;height: 158.933px;background: url(/images/kodsc/sub03/sub03_01_icon.png) no-repeat;background-size:100%;}
.cooperation_box .con_video.img{padding-top:0;height:100%;border-radius:15px}
.cooperation_box .con_video.img img{width:100%;height:100%;position:relative}

.cooperation_box .con_txt{width:calc(100% - 47.178% - 100px);position: relative;padding-top:15px;}
.cooperation_box .con_txt .tit{position:relative;margin-bottom:30px}
.cooperation_box .con_txt .tit::before{content:"";position:absolute;left:0;top:calc(50% - 1px);width:100%;height:1px;background:#888}
.cooperation_box .con_txt .tit .h2_font{position:relative;padding-right:55px;display:inline-block;background:#fff;color:#2B2C31; font-size: 40px; line-height: 1.2; font-family: 'gmarket';font-weight:normal;letter-spacing:-1px;}
.cooperation_box .con_txt .tit .h2_font i {color:#1598A0;font-style: normal;font-family: 'gmarket';}
.cooperation_box .con_txt .paragraph p{margin:0;color:#222;font-size:18px;line-height:1.5;letter-spacing:-.01em}
.cooperation_box .con_txt .paragraph p+p{margin-top:25px}
.cooperation_box .con_txt .paragraph .txt-check{font-size:16px}

@media(max-width: 1280px) {
 .cooperation_box{gap:35px 30px}
 .cooperation_box .con_txt{width:calc(100% - 47.178% - 40px);}
 .cooperation_box .con_txt .tit .h2_font{font-size:36px;}
}
@media(max-width: 999px) {
 .cooperation_box{flex-direction:column}
 .cooperation_box .con_video,.sub08_02 .cooperation_box .con_video{padding-top:52.5%;width:100%;height:auto}
 .cooperation_box .con_txt{width:100%}
 .cooperation_box .con_txt .paragraph p{font-size:16px;}
}
@media(max-width: 767px) {
 .cooperation_box .con_txt .tit .h2_font {font-size:32px;}
 .cooperation_box .con_video:after{width: 141.437px;height: 108.933px;}
}
@media(max-width: 500px) {
 .cooperation_box .con_txt .tit .h2_font {font-size:26px;}
}




.ui-list__hospital{overflow:hidden;width:calc(100% + 24px);position:relative;}
.ui-list__hospital .inner{display:flex;flex-wrap:wrap;margin:0 -12px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;width: 100%;}
.ui-list__hospital .inner .item{margin:12px;}
.ui-list__hospital .inner .item .item-box{display:block;width:100%;height:100%;padding:37px;border:1px solid #cacaca;border-top:2px solid #1b8cc8;border-radius: 5px;}
.ui-list__hospital .inner .item .item-box .ui-list__summary{position: relative;padding-right: 244px;min-height: 150px;}
.ui-list__hospital .inner .item .item-box .ui-list__summary .h_imgbox{position: absolute;top: 0;right: 0;height: 150px;width: 200px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.ui-list__hospital .inner .item .item-box .ui-list__summary .h_imgbox img{height:100%;max-width:none;display: inherit;}
.ui-list__hospital .inner .item .item-box .ui-list__summary .summary-title,
.ui-list__hospital .inner .item .item-box .ui-list__summary .summary-text{display:block;}
.ui-list__hospital .inner .item .item-box .ui-list__summary .summary-title{color: #222;font-size: 22px;line-height: 1.2;margin-bottom: 10px;font-weight: bold;}
.ui-list__hospital .inner .item .item-box .ui-list__summary .summary-text{color: #444444;font-size: 16px;line-height: 1.4;}
.ui-list__hospital .inner .item .item-box .ui-list__detail .detail-text li{display:flex;flex-wrap:wrap;margin: 5px 0;}
.ui-list__hospital .inner .item .item-box .ui-list__detail .detail-text li strong{width:102px;font-weight: bold;color: #444444;}
.ui-list__hospital .inner .item .item-box .ui-list__detail .detail-text li i{font-style: normal;}
.ui-list__hospital .inner .item .item-box .ui-list__summary .summary-title{padding-bottom:19px;margin-bottom:19px;border-bottom: 1px dashed #ddd;}


.ui-list__hospital.col2 .inner .item{width: calc(50% - 24px);}
.ui-list__hospital.col3 .inner .item{width: calc(33.33% - 24px);}
.ui-list__hospital.col4 .inner .item{width: calc(25% - 24px);}

.hospital_list #searchForm .ui.program--search {padding-top: 0px;}


@media(max-width:1279px){
 .ui-list__hospital.col3 .inner .item,
 .ui-list__hospital.col4 .inner .item {width:calc(50% - 24px);}
}

@media(max-width:1024px){
 .ui-list__hospital .inner .item .item-box .ui-list__summary{padding-right:0;padding-top: 180px;}
 .ui-list__hospital .inner .item .item-box .ui-list__summary .h_imgbox{right:auto;left:50%;transform: translate(-50%, 0);}
 .ui-list__hospital .inner .item .item-box .ui-list__summary .summary-title{text-align:center}

}
@media(max-width:767px){
 .ui-list__hospital.col2 .inner .item,
 .ui-list__hospital.col3 .inner .item,
 .ui-list__hospital.col4 .inner .item{width: calc(100% - 24px);}


 .ui-list__hospital .inner .item .item-box{padding:25px;}
 .ui-list__hospital .inner .item .item-box .ui-list__summary{padding-right: 244px;padding-top:10px}
 .ui-list__hospital .inner .item .item-box .ui-list__summary .h_imgbox{right: 0;left:auto;transform: translate(0%, 0);}
 .ui-list__hospital .inner .item .item-box .ui-list__summary .summary-title{text-align:left}

}
@media(max-width:560px){
 .ui-list__hospital .inner .item .item-box .ui-list__summary{padding-right:0;padding-top: 180px;}
 .ui-list__hospital .inner .item .item-box .ui-list__summary .h_imgbox{right:auto;left:50%;transform: translate(-50%, 0);width:100%;background-color: #fff;height: 165px;}
 .ui-list__hospital .inner .item .item-box .ui-list__summary .summary-title,
 .ui-list__hospital .inner .item .item-box .ui-list__summary .summary-text{text-align:center}
 .ui-list__hospital .inner .item .item-box {padding: 25px 0px 25px 0px;}
 .ui-list__hospital .inner .item .item-box .ui-list__detail .detail-text {padding: 0px 25px;}
}
@media(max-width:420px){
 .ui-list__hospital .inner .item .item-box .ui-list__detail .detail-text li{flex-direction: column;}
}



.doctor_list ul{max-width:1240px;width:100%;margin:0 auto;height:auto;display:flex;flex-wrap:wrap;gap:0 20px}
.doctor_list ul:before{content:"";width:100%;background-color:#f6f9fa;display:block;position:absolute;height:100%;left:0;bottom:-142px;max-height:1827px;display:none}
.doctor_list ul li{display:flex;flex-wrap:nowrap;padding:35px;background-color:#fff;border:1px solid #ddd;border-top:1px solid #1b8cc8;overflow:hidden;margin-bottom:25px;position:relative;min-height:257px;width:calc(50% - 10px)}
.doctor_list ul li > div{box-sizing:border-box}
.doctor_list ul li > div:nth-child(1){width:25%}
.doctor_list ul li > div:nth-child(2){width:75%;padding-left:25px}
.doctor_list ul li .doc_img .img_box{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border:1px solid #ddd;max-width:167px;max-height:235px}
.doctor_list ul li .doc_img .img_box img{width:100%;height:100%;object-fit:cover;object-position:center top}
.doctor_list ul li .doc_info p{margin:0}
.doctor_list ul li .doc_info{position:relative}
.doctor_list ul li .doc_info .doc_name{font-size:26px;font-weight:600;color:#222;display:inline-block;border-bottom:4px solid #1b8cc8;padding-bottom:12px;position:relative;top:3px;padding-left:18px}
.doctor_list ul li .doc_info .doc_name em{display:inline-block;color:#1b8cc8;margin-left:10px;padding-left:10px;border-left:1px solid #ddd;font-size:20px;font-weight:700}
.doctor_list ul li .doc_info .doc_subjact{border-bottom:2px solid #4d5e6f;border-top:2px solid #4d5e6f;padding:8px 10px 8px 116px;width:100%;position:relative}
.doctor_list ul li .doc_info .doc_subjact.subjact3{border-top:0}
.doctor_list ul li .doc_info .doc_subjact span{font-size:17px;color:#222;position:absolute;font-weight:600;left:16px;top:7px}
.doctor_list ul li .doc_info .doc_subjact em{text-align:left;margin-bottom:0;line-height:1.4;font-size:17px}
.doctor_list ul li .doc_info .doc_spc{margin-top:13px;position:relative;border-bottom:1px solid #ddd;width:96%}
.doctor_list ul li .doc_info .doc_spc span{position:absolute;font-size:16px;font-family:'gothic';color:#666;left:16px;font-weight:600;left:20px}
.doctor_list ul li .doc_info .doc_spc em{padding-left:161px;display:block;position:relative;left:-18px;padding-bottom:8px;font-size:16px;color:#666;font-family:'gothic';text-align:left}
.doctor_list ul li .doc_info .btn_wrap{position: absolute;top: -2px;right: 0;}
.doctor_list ul li .doc_info .btn_wrap .btn.detail  {width:70px;height: 36px;text-align: center;border: 1px solid #ddd;padding:8px;margin: 0;font-size:15px;}
.doctor_list ul li .doc_info .btn_wrap .btn.detail:hover {background-color:#1b8cc8;color:#fff;}



@media (max-width: 1200px) {
 .doctor_list ul li{padding:30px}
 .doctor_list ul li .doc_info .doc_subjact em{font-size:16px;}
 .doctor_list ul li .doc_info .doc_name{font-size:24px;}
 .doctor_list ul li .doc_info .doc_name em{font-size:18px;}
}
@media (max-width: 1100px) {
 .doctor_list ul li{flex-direction: column;}
 .doctor_list ul li > div:nth-child(1){width:100%;}
 .doctor_list ul li > div:nth-child(2){padding-top:25px;padding-left:0;width:100%;}
 .doctor_list ul li .doc_img .img_box{max-width:none;max-height:none}
 .doctor_list ul li .doc_info .doc_subjact em{font-size:17px;}
 .doctor_list ul li .doc_info .btn_wrap{top:20px;}
}

@media (max-width: 830px) {
 .doctor_list ul li{flex-direction: row;width:100%;}
 .doctor_list ul li > div:nth-child(1){width:25%}
 .doctor_list ul li > div:nth-child(2){width:75%;padding-left:25px;padding-top:0;}
 .doctor_list ul li .doc_info .doc_subjact em,
 .doctor_list ul li .doc_info .doc_subjact span{font-size:16px;}
 .doctor_list ul li .doc_info .btn_wrap{top:-2px;}
}
@media (max-width: 560px) {
 .doctor_list ul li{padding:30px 20px;}
 .doctor_list ul li .doc_info .doc_subjact em,
 .doctor_list ul li .doc_info .doc_subjact span{font-size:15px;letter-spacing:-1px;}
 .doctor_list ul li .doc_info .doc_subjact{padding-left:100px;}
 .doctor_list ul li .doc_info .doc_name{padding-left:13px;padding-bottom:13px;font-size:22px;}
}

@media (max-width: 480px) {
 .doctor_list ul li > div:nth-child(1){width:20%}
 .doctor_list ul li > div:nth-child(2){width:80%;padding-left:15px;}
}
@media (max-width: 400px) {
 .doctor_list ul li{flex-direction: column;}
 .doctor_list ul li > div:nth-child(1){width:100%;}
 .doctor_list ul li > div:nth-child(2){padding-top:25px;padding-left:0;width:100%;}
 .doctor_list ul li .doc_img .img_box{max-width:none;max-height:none}
 .doctor_list ul li .doc_info .doc_subjact em{font-size:17px;}
 .doctor_list ul li .doc_info .btn_wrap{top:20px;}
}