/* common */
.dfbox {display: flex;}
.txt_green {color: #3AB44A;}
.lh_1dot8 {line-height: 1.8;}
.pdb_45 {padding-bottom: 45px}
.f_30 {font-size: 30px;}
.f_50 {font-size: 50px;}
.pdb_140 {padding-bottom: 140px;}
.mgb_65 {margin-bottom: 65px;}
.gray_txt {color: #A1A6AA; text-align: center;}
ul.dot.lh_1dot6 > li {line-height: 1.6;}
.f_46 {font-size: 46px;}
.pdb_110 {padding-bottom: 110px;}
.pdb_130 {padding-bottom: 130px;}
.pd_45 {padding: 45px;}
.pdl_15 {padding-left: 15px;}
.pdt_210 {padding-top: 210px;}
.tab_style.wd_995 {max-width: 995px;}
.tab_style.wd_362 {max-width: 362px;}
.col_basic.col2.gap30 {grid-template-columns: repeat(2, calc(50% - 30px)); gap: 0 30px}
.tab_style.col_11 ul {grid-template-columns: repeat(11, 1fr);}
.radio_wrapper input[type="radio"] {opacity: 0; position: absolute; width: 0; height: 0;}
.radio_wrapper label:before {content: ''; display: inline-block; width: 18px; height: 18px; border: 1px solid #D9D9D9; background-color: #fff; border-radius: 50%; position: absolute; left: 0; transition: all 0.2s ease;}
.radio_wrapper input[type="radio"]:checked + label:before {border-color: var(--key-color);}
.radio_wrapper input[type="radio"]:checked + label:after {content: ''; display: inline-block; width: 10px; height: 10px; background: var(--key-color); border-radius: 50%; position: absolute; left: 4px; top: 4px;}



/* 진료상담예약 */
.mbskin.medical_app .mbskin_box {width: auto;}
.mbskin.medical_app .mbskin_box .input_basic_col3 {display: flex; align-items: center;}
.mbskin.medical_app .mbskin_box .input_basic_col3 > div {width: calc(100% / 3);}
.mbskin.medical_app .mbskin_box .input_basic_col3.auto > div {width: auto;}
.mbskin.medical_app .mbskin_box .input_basic_col3 .item + .item {margin-left: 30px;}
.mbskin.medical_app .mbskin_box .input_basic_col3 .item.etc {flex-grow: 1;}
.mbskin.medical_app .mbskin_box .radio_wrapper {display: flex; align-items: center; position: relative;}
.mbskin.medical_app .mbskin_box .radio_wrapper label {display: inline-flex; align-items: center; cursor: pointer; padding-left: 28px; position: relative;}
.mbskin.medical_app .mbskin_box .radio_wrapper input[type="text"] {margin-left: 10px; flex-grow: 1; width: auto;}



/* 치매원스톱 서비스 */
.mbskin.dementia .mbskin_box .info_cont_wrap h2 b {color: #004EA2}
.mbskin.dementia .mbskin_box .result_wrap .result {padding: 20px 30px;}
.mbskin.dementia .mbskin_box .result_wrap .result.good {background-color: #EAF9EC;}
.mbskin.dementia .mbskin_box .result_wrap .result.bad {background-color: #FFEFF0;}
.mbskin.dementia .mbskin_box .result_wrap .result p:not(.txt_green):not(.caution_txt) {color: #222;}
.mbskin.dementia .mbskin_box .result_wrap .result p span {vertical-align: text-bottom;}
.mbskin.dementia .mbskin_box .result_wrap .result.bad p span {color: #ED2931;}
.mbskin.dementia .mbskin_box .result_wrap .result .left {align-items: center;}
.mbskin.dementia .mbskin_box .result_wrap .result .left .icon + p {width: 200px; display: flex; align-items: center;}

.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table {border-collapse:collapse; border-spacing: 0; width: 100%;}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table tr {border: 1px solid #D9DCDF; border-top: 0;}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table th {background-color: #3787DD; color: #fff; padding: 8px 0; position: relative;}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table th:nth-child(2)::before, 
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table th:nth-child(3)::before {content: ''; width: 1px; height: 18px; background-color: #2A6AAF; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table td {padding: 22px 0; position: relative;}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table td:not(:first-child) {text-align: center; background-color: #F5F7F8;}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table td.dfbox {align-items: center;}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table td:nth-child(2)::before, 
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table td:nth-child(3)::before {content: ''; width: 1px; height: 18px; background-color: #D9DCDF; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table td p {color: #222;}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table td p span {color: #004EA2;}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap table td .line {width: 1px; height: 11px; background-color: #D9D9D9; margin: 0 10px;}
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap.radio_wrapper table td label:before,
.mbskin.dementia .mbskin_box .dementia_selftest .table_wrap.radio_wrapper table td input[type="radio"]:checked + label:after {left: 50%; top: 50%; transform: translate(-50%, -50%);}

.mbskin.dementia .mbskin_box {width: auto;}
.mbskin.dementia .mbskin_box .input_basic_col3 {display: flex; align-items: center;}
.mbskin.dementia .mbskin_box .input_basic_col3 > div {width: calc(100% / 3);}
.mbskin.dementia .mbskin_box .input_basic_col3 .item + .item {margin-left: 20px;}



/* 인사말 */
.greeting .info_cont_wrap {grid-template-columns: 354px 1fr; gap: 0 60px;}
.greeting .info_cont_wrap ul li {line-height: 1.875; color: #222; word-break: keep-all;}
.greeting .info_cont_wrap ul li span {color: #004EA2;}
.greeting .info_cont_wrap .sign {align-items: center; gap: 15px;}
.greeting .info_cont_wrap .sign p {color: #000;}



/* 병원역사 - 비전과 핵심가치 */
.sub_page.vision p:not(.txc_key) {color: var(--black);}
.sub_page .mission {text-align: center;}
.sub_page.vision .vision .vision_box {border-radius: 0 30px 0 30px; align-items: center;}
.sub_page.vision .vision .vision_box.green {background-color: #E2FAF6; padding: 40px 50px;}
.sub_page.vision .vision .vision_box.blue {background-color: #E9F5FF; padding: 45px 50px;}
.sub_page.vision .vision .vision_box.green h3 span, .vision .vision .vision_box.green p {color: #13826F;}
.sub_page.vision .vision .vision_box .line {width: 30px; height: 2px; background-color: #004EA2; margin: 0 30px;}
.sub_page.vision .vision .vision_box.green .line {background-color: #13826F;}
.sub_page.vision .value ul {justify-content: space-between;}
.sub_page.vision .value ul li {width: 284px; height: 284px; border-radius: 50%; overflow: hidden; background-color: #EBEFF2; position: relative;}
.sub_page.vision .value ul li .bg {width: 100%; height: 50%; position: absolute; left: 0; top: 0;}
.sub_page.vision .value ul li:nth-child(1) .bg {background-color: #C3E0FC;}
.sub_page.vision .value ul li:nth-child(2) .bg {background-color: #75B7FF;}
.sub_page.vision .value ul li:nth-child(3) .bg {background-color: #4C90DA;}
.sub_page.vision .value ul li:nth-child(4) .bg {background-color: #004EA2;}
.sub_page.vision .value ul li .cont {flex-direction: column; width: 100%; height: 100%; justify-content: center; align-items: center; position: relative;}
.sub_page.vision .value ul li .cont::before {content: ''; width: calc(100% - 34px); height: calc(100% - 34px); background-color: #fff; border-radius: 50%; z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sub_page.vision .value ul li .cont * {position: relative; z-index: 5; text-align: center;}
.sub_page.vision .value ul li .cont strong {display: block;}
.sub_page.vision .value ul li .cont .line {width: 28px; height: 1px; background-color: #D9D9D9; margin: 14px 0;}


/* 병원역사 - 브랜드 스토리 */
.sub_page.story {text-align: center;}
.sub_page.story p:not(.txc_key) {color: var(--black);}
.sub_page.story .rows {justify-content: space-between;}
.sub_page.story .rows .boxs {flex-direction: column; align-items: center;}
.sub_page.story .rows .boxs .img_wrap {border-radius: 50%; overflow: hidden; position: relative;}
.sub_page.story .rows .boxs .img_wrap .txts {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; width: 212px; height: 212px; border-radius: 50%; flex-direction: column; justify-content: center; align-items: center;}
.sub_page.story .rows .boxs .line {width: 1px; height: 30px; background-color: #222;}
.sub_page.story .rows .boxs ul li strong {display: block;}


/* 병원역사 - HI */
.sub_page.hi p:not(.txc_key) {color: var(--black);}
.sub_page.hi .intro {text-align: center;}
.sub_page.hi .btns {gap: 10px; justify-content: center;}
.sub_page.hi .btns > div {width: 180px;}
.sub_page.hi .btns > div.butn_style2 a {color: var(--key-color);}
.sub_page.hi .btns > div.butn_style1 a {color: #fff;}
.sub_page.hi .symbol_wrap {align-items: center; justify-content: center; column-gap: 188px; border: 1px solid #D9DCDF;}
.sub_page.hi .symbol_wrap ul.left {text-align: left;}
.sub_page.hi .symbol_wrap ul.right {text-align: right;}
.sub_page.hi .symbol_wrap ul li {position: relative;}
.sub_page.hi .symbol_wrap ul li + li {margin-top: 56px;}
.sub_page.hi .symbol_wrap ul li::before {content :''; position: absolute; right: -37%; top: 50%; transform: translate(100%, -50%); background: url(../img/sub/hi_arrow.png) no-repeat; background-size: cover; width: 140px; height: 12px;}
.sub_page.hi .symbol_wrap ul.left li::before {right: auto; left: -37%; transform: translate(-100%, -50%) rotate(180deg);}
.sub_page.hi .symbol_wrap strong {display: block;}


/* 병원역사 - 세종병원체 */
.sub_page.font p:not(.txc_key) {color: var(--black);}
.sub_page.font .intro, .sub_page.font .concept {text-align: center;}
.sub_page.font .cont .boxs {border: 1px solid #D9DCDF;}
.sub_page.font .cont .boxs img {margin: 0 auto; display: block;}
.sub_page.font .cont1 .intro {border-bottom: 1px solid #D9DCDF;}
.sub_page.font .cont1 .intro .fonts {background-color: var(--key-color); border-radius: 0 30px 0 30px;}
.sub_page.font .cont1 .btns {gap: 10px; justify-content: center;}
.sub_page.font .cont1 .btns > div {width: 180px;}
.sub_page.font .cont1 .btns > div.butn_style1 a {color: #fff;}
.sub_page.font .cont1 .btns > div.butn_style2 a {color: var(--key-color);}
.sub_page.font .cont1 .concept ul {justify-content: space-between;}
.sub_page.font .cont1 .concept ul li {width: 284px; height: 284px; background-color: #E9F5FF; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub_page.font .cont2 .boxs .img {text-align: center;}
.sub_page.font .cont2 .boxs ul {flex-wrap: wrap; column-gap: 20px; row-gap: 60px; justify-content: center; padding: 0 68px;}
.sub_page.font .cont2 .boxs ul li {width: calc((100% - 20px) / 2); column-gap: 30px;}
.sub_page.font .cont7 table {border-collapse:collapse; border-spacing: 0; width: 100%;}
.sub_page.font .cont7 table th, .sub_page.font .cont7 table td {border: 1px solid #D9DCDF;}
.sub_page.font .cont7 table th {background-color: #F5F7F8;}


/* 병원역사 - 연혁 */
.sub_page.history p:not(.txc_key) {color: var(--black);}
.sub_page.history .hisyory_list {justify-content: space-between;}
.sub_page.history .hisyory_list .year {border-top: 2px solid var(--key-color); width: 300px;}
.sub_page.history .hisyory_list .cont_box {border-top: 1px solid #D9DCDF; width: calc(100% - 320px);}
.sub_page.history .hisyory_list .cont_box .cont + .cont {border-top: 1px solid #D9DCDF;}
.sub_page.history .hisyory_list .cont>p {width: 100px;}
.sub_page.history .hisyory_list .cont ul {width: calc(100% - 100px); padding-left: 5px;}
.sub_page.history .hisyory_list .cont ul li {line-height: 1.866;}
.sub_page.history .hisyory_list .cont ul li p:first-child {width: 50px;}
.sub_page.history .hisyory_list .cont ul li p:last-child {width: calc(100% - 50px);}




/* 사랑YES 희망 YES 후원 - 세종병원 과제 */
.sub_page.task {text-align: center;}
.sub_page.task p:not(.txc_key) {color: var(--black);}
.sub_page.task h2 {line-height: 1.2;}
.sub_page.task .cont_wrap {position: relative;}
.sub_page.task .cont_wrap .bg {background-color: #F5F7F8; width: 422px; height: 422px; border-radius: 50%; margin: 0 auto; position: relative;}
.sub_page.task .cont_wrap .bg .bg_cont {width: 100%; height: 100%; background-color: #fff; border: 2px dashed var(--key-color); border-radius: 50%; justify-content: center; align-items: center;}
.sub_page.task .cont_wrap .blue_circle {width: 284px; height: 284px; background-color: #E9F5FF; border-radius: 50%; flex-direction: column; justify-content: center; position: absolute;}
.sub_page.task .cont_wrap .blue_circle.first {left: 50%; top: 0; transform: translate(-50%, 10%);}
.sub_page.task .cont_wrap .blue_circle.second {left: 0; bottom: 5%; transform: translate(80%, 10%);}
.sub_page.task .cont_wrap .blue_circle.third {right: 0; bottom: 5%; transform: translate(-80%, 10%);}




/* 입원·퇴원 안내 - 중환자실 이용안내 */
.sub_page.icu_info .info_cont_wrap {grid-template-columns: 570px 1fr; align-items: center;}
.sub_page.icu_info .info_cont_wrap.reverse {direction: rtl;}
.sub_page.icu_info .info_cont_wrap.reverse .right_txt {text-align: left;}


/* 입원·퇴원 안내 - 치료과정참여 */
.sub_page.treat_join .info_cont_wrap {align-items: end;}
.sub_page.treat_join .info_cont_wrap .right_txt ul {margin-top: 48px;}
.sub_page.treat_join .info_cont_wrap .right_txt ul li {background-color: #E9F5FF; align-items: center; column-gap: 10px;}


/* 입원·퇴원 안내 - 간호간병 통합서비스 */
.sub_page.nursing_care .info_cont_wrap {align-items: center;}
.sub_page.nursing_care .info_cont_wrap.reverse {direction: rtl;}
.sub_page.nursing_care .info_cont_wrap.reverse .right_txt {text-align: left; direction: ltr;}
.sub_page.nursing_care .info_cont_wrap.reverse .right_txt p {word-break: keep-all;}
.sub_page.nursing_care .info {border: 1px solid #D9DCDF; align-items: center; column-gap: 30px;}
.sub_page.nursing_care table {border-collapse:collapse; border-spacing: 0; width: 100%;}
.sub_page.nursing_care table th {width: 200px; background-color: #F5F7F8; border: 1px solid #D9DCDF; height: 80px;}
.sub_page.nursing_care table td {width: calc(100% - 200px); border: 1px solid #D9DCDF; height: 80px;}


/* 편의시설 안내 - 병원 내 편의시설 */
.sub_page.convenin_list .info_cont_wrap {grid-template-columns: 380px 1fr; align-items: center;}
.sub_page.convenin_list .info_cont_wrap + .info_cont_wrap {border-top: 1px solid #D9DCDF;}
.sub_page.convenin_list .info_cont_wrap ul.dot li {line-height: 1.5;}
.sub_page.convenin_list .info_cont_wrap ul.dot li + li {margin-top: 10px;}