@charset "UTF-8";

/* 시설소개 */
.facility_info_cont { position: relative; background-position: right bottom; background-repeat: no-repeat;}
.facility_info_cont.item01 { background-color: #e4f7ff; background-image: url('/images/home/kor/user/sub/facility_info_bg01.png'), url('/images/home/kor/user/sub/facility_info_bg01_2.png'); background-position: right 90px bottom 60px, center bottom;}
.facility_info_cont.item02 { background-color: #eff7e4; background-image: url('/images/home/kor/user/sub/facility_info_bg02.png');}
.facility_info_cont.item03 { background-color: #faf2e3; background-image: url('/images/home/kor/user/sub/facility_info_bg03.png'); background-position: right 40px bottom;}
.facility_info_cont.item04 { background-color: #fae8e3; background-image: url('/images/home/kor/user/sub/facility_info_bg04.png');}
.facility_info_cont.item05 { background-color: #fcf0f3; background-image: url('/images/home/kor/user/sub/facility_info_bg05.png'); background-position: right 60px center;}
.facility_info_cont.item06 { background-color: #eae9ff; background-image: url('/images/home/kor/user/sub/facility_info_bg06.png'), url('/images/home/kor/user/sub/facility_info_bg06_2.png'); background-position: right 10px bottom 60px, right bottom;}
.facility_info_cont.item07 { background-color: #f0f2fc; background-image: url('/images/home/kor/user/sub/facility_info_bg07.png'); background-position: right 45px bottom;}
.facility_info_cont .inner_box { display: flex; justify-content: center; align-items: stretch; flex-direction: column; height: 612px; padding: 0 690px 0 130px;}
.facility_info_cont .inner_box .title_area { margin: 0 0 40px;}
.facility_info_cont .inner_box .title_area .title { margin: 0 0 15px 0; font-weight: 700; font-size: 48px; line-height: 1; color: #292929;}
.facility_info_cont .inner_box .title_area .text { position: relative; padding: 0 0 20px 0; font-weight: 700; font-size: 22px; line-height: 33px; color: #292929;}
.facility_info_cont .inner_box .title_area .text::before { content: ''; position: absolute; bottom: 0; left: 0; width: 55px; height: 1px; background-color: #000000;}
.facility_info_cont .inner_box .text_area { margin: 0 0 45px 0;}
.facility_info_cont .inner_box .text_area .text { font-weight: 400; font-size: 16px; line-height: 24px; color: #292929;}
.facility_info_cont .inner_box .link_btn_area {}
.facility_info_cont .inner_box .link_btn_area .link_btn { display: inline-block; padding: 0 34px 0 57px; background-color: #0e254a; background-image: url('/images/home/kor/user/sub/facility_info_hom_icon.png'); background-position: left 34px center; background-repeat: no-repeat; text-align: center; border-radius: 30px;}
.facility_info_cont .inner_box .link_btn_area .link_btn .txt { display: inline-block; background-position: right center; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 65px; color: #ffffff; transition: all 0.3s;}
.facility_info_cont .inner_box .link_btn_area .link_btn:hover .txt,
.facility_info_cont .inner_box .link_btn_area .link_btn:focus .txt { padding: 0 25px 0 0; background-image: url('/images/home/kor/user/sub/facility_info_arrow_icon.png');}
/* 시설소개 */

/* 시설지도 */
.facility_map_cont {}
.facility_map_cont .inner_box {display: table; width: 100%; border: 1px solid #e1e1e1; table-layout: fixed;}
.facility_map_cont .inner_box .box {display: table-cell; vertical-align: middle;}
.facility_map_cont .inner_box .box.left {width: 500px;}
.facility_map_cont .inner_box .box.left .facility_map_list_area {padding: 10px 5px 10px 10px;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area {height: 546px;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox {}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container {margin: 0 13px 0 0;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list {}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li {margin: 0 0 10px;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li:last-child {margin: 0;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont {width: 100%; border: 1px solid #e1e1e1; padding: 20px 20px 20px 25px; transition: 0.3s ease-in-out;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont:hover,
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont:focus {border: 1px solid #3575df; background-color: rgba(53, 117, 223, 0.08);}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont .title_area {margin: 0 0 10px; font-size: 0;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont .title_area .title {font-weight: 700; font-size: 18px; line-height: 27px; color: #212121;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont .title_area .mark { display: none;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont .data_list_area {}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont .data_list_area > .list {}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont .data_list_area > .list > li {padding: 0 0 0 23px; background-position: left top 4.5px; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 25px; color: #191919; letter-spacing: -0.025em !important;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont .data_list_area > .list > li.icon01 {background-image: url('/images/home/kor/user/sub/facility_map_icon01.png');}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCustomScrollBox .mCSB_container > .list > li > .cont .data_list_area > .list > li.icon02 {background-image: url('/images/home/kor/user/sub/facility_map_icon02.png');}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCSB_scrollTools {width: 8px;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCSB_scrollTools .mCSB_draggerContainer {}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger {}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {width: 100%; background-color: #092b62;}
.facility_map_cont .inner_box .box.left .facility_map_list_area .list_area .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {width: 100%; background-color: #e1e1e1;}

.facility_map_cont .inner_box .box.right {}
.facility_map_cont .inner_box .box.right .map_area {display: table; width: 100%; table-layout: fixed;}
.facility_map_cont .inner_box .box.right .map_area .map_inner {display: table-cell; width: 100%; height: 566px;}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map {display: block; width: 100%; height: 100%;}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont {position: relative; min-width: 470px; padding: 0 0 23px;}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont:before {content: ''; position: absolute; bottom: 0; left: 50%; width: 19px; height: 25px; background-image: url('/images/home/kor/user/sub/map_arr.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; transform: translateX(-50%); z-index: 1;}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont .info_cont {border: 2px solid #3575df; padding: 25px; background-color: #ffffff; border-radius: 10px;}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont .info_cont .title_area {display: flex; justify-content: space-between; align-items: center; margin: 0 0 10px;}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont .info_cont .title_area .title { flex: 1; font-weight: 700; font-size: 18px; line-height: 27px; color: #212121;}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont .info_cont .title_area .mark { width: 30px; height: 30px; margin: 0 0 0 10px; border: 1px solid #e1e1e1; background-image: url('/images/home/kor/user/sub/map_home.png'); background-position: center; background-repeat: no-repeat; border-radius: 50%;}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont .info_cont .data_list_area {}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont .info_cont .data_list_area > .list {}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont .info_cont .data_list_area > .list > li {padding: 0 0 0 23px; background-position: left top 4.5px; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 25px; color: #191919;}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont .info_cont .data_list_area > .list > li.icon01 {background-image: url('/images/home/kor/user/sub/facility_map_icon01.png');}
.facility_map_cont .inner_box .box.right .map_area .map_inner #map .infowindow_cont .info_cont .data_list_area > .list > li.icon02 {background-image: url('/images/home/kor/user/sub/facility_map_icon02.png');}
/* 시설지도 */

/* 2024-12-27 추가 */
/* CI/캐릭터 소개 */
.com_down_btn { display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; color: #616161; transition: all 0.3s;}
.com_down_btn i { display: inline-block;}
.com_down_btn:hover,
.com_down_btn:focus { color: #222222;}

.cont_title_area .row { display: flex; justify-content: space-between; align-items: center;}

.cont_list_area > .list > li .cont_box .ci_area {}
.cont_list_area > .list > li .cont_box .ci_area .ci_img_area {}
.cont_list_area > .list > li .cont_box .ci_area .ci_img_area .ci_title_area { display: flex; justify-content: space-between; align-items: center; margin: 0 0 12px;}
.cont_list_area > .list > li .cont_box .ci_area .ci_img_area .ci_title_area .title { font-weight: 700; font-size: 20px; line-height: 30px; color: #222222;}
.cont_list_area > .list > li .cont_box .ci_area .ci_img_area .ci_img_box {overflow: hidden; border: 1px solid #E0E0E0; border-radius: 12px;}
.cont_list_area > .list > li .cont_box .ci_area .ci_img_area .ci_img_box .img_inner { display: flex; justify-content: center; align-items: center; height: 320px;}
.cont_list_area > .list > li .cont_box .ci_area .ci_img_area .ci_img_box .img_inner img {}
.cont_list_area > .list > li .cont_box .ci_area .row { display: flex; justify-content: space-between; align-items: stretch;}
.cont_list_area > .list > li .cont_box .ci_area .row > * { flex: 1; margin: 0 24px 0 0;}
.cont_list_area > .list > li .cont_box .ci_area .row > *:last-child { margin: 0;}
/* CI/캐릭터 소개 */

/* 인사말 */
.greetings_cont {padding: 0 7% 0 0; background-image: url('/images/home/kor/user/sub/greetings_bg.png'); background-position: right bottom; background-repeat: no-repeat;}
.greetings_cont .title_area { margin: 0 0 40px;}
.greetings_cont .title_area .title { font-family: 'OSeongandHanEum'; font-weight: 700; font-size: 40px; line-height: 60px; color: #222222; word-break: break-all;}
.greetings_cont .title_area .title .ft_c { display: inline-block; font-size:  52px; line-height: 78px; color: #3576DF;}
.greetings_cont .cont_area { position: relative; padding: 0 0 45px;}
.greetings_cont .cont_area .greetings_text_box {}
.greetings_cont .cont_area .greetings_text_box .text_area { margin: 0 0 20px;}
.greetings_cont .cont_area .greetings_text_box .text_area .text { display: inline-block; position: relative; padding: 15px 35px; background-image: url('/images/home/kor/user/sub/greetings_icon01.png'), url('/images/home/kor/user/sub/greetings_icon02.png'); background-position: left top, right bottom; background-repeat: no-repeat; font-weight: 400; font-size: 24px; line-height: 36px; color: #424242; word-break: break-all;}
.greetings_cont .cont_area .greetings_text_box .text_area .text .ft_c { font-weight: 700; color: #3897FF; word-break: break-all;}
.greetings_cont .cont_area .greetings_text_box .txt_list_area { padding: 0 0 0 35px;}
.greetings_cont .cont_area .greetings_text_box .txt_list_area > .list {}
.greetings_cont .cont_area .greetings_text_box .txt_list_area > .list > li { margin: 0 0 40px;}
.greetings_cont .cont_area .greetings_text_box .txt_list_area > .list > li:last-child { margin: 0;}
.greetings_cont .cont_area .greetings_text_box .txt_list_area > .list > li .txt { font-weight: 400; font-size: 18px; line-height: 27px; color: #424242;}
.greetings_cont .cont_area .greetings_text_box .txt_list_area > .list > li .txt.ft_b { font-weight: 700;}
.greetings_cont .cont_area .greetings_text_box .txt_list_area > .list > li > .list2 {}
.greetings_cont .cont_area .greetings_text_box .txt_list_area > .list > li > .list2 > li { position: relative; margin: 24px 0 0; padding: 0 0 0 50px; font-weight: 500; font-size: 18px; line-height: 30px; color: #222222;}
.greetings_cont .cont_area .greetings_text_box .txt_list_area > .list > li > .list2 > li .tit { position: absolute; top: 0; left: 0; font-weight: 700;}
.greetings_cont .cont_area .greetings_text_box .txt_list_area > .list > li > .list2 > li:first-child { margin: 0;}
.greetings_cont .cont_area .eco_box {position: absolute; right: 0; bottom: 0;}
.greetings_cont .cont_area .eco_box .row { display: flex; justify-content: space-between; align-items: flex-end;}
.greetings_cont .cont_area .eco_box .row .text_area { text-align: right;}
.greetings_cont .cont_area .eco_box .row .text_area .title { font-family: 'OSeongandHanEum'; font-weight: 700; font-size: 28px; line-height: 42px; color: #3576DF;}
.greetings_cont .cont_area .eco_box .row .text_area .text { font-weight: 500; font-size: 20px; line-height: 30px; color: #424242;}
.greetings_cont .cont_area .eco_box .row .img_area {}
.greetings_cont .cont_area .eco_box .row .img_area img {}

.greetings_cont.sty2 { padding: 0 2% 0 0;}
.greetings_cont.sty2 .cont_area .eco_box .row .text_area { padding: 0 64px 0 0;}
/* 인사말 */

/* 함께하는 사람들 */
.cont_list_area > .list > li .organization_area { text-align: center;}
.cont_list_area > .list > li .organization_area > .list {}
.cont_list_area > .list > li .organization_area > .list > li { position: relative; padding: 40px 0 0;}
.cont_list_area > .list > li .organization_area > .list > li:first-child { padding: 0;}
.cont_list_area > .list > li .organization_area > .list > li::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background-color: #E0E0E0; z-index: -1;}
.cont_list_area > .list > li .organization_area > .list > li .row { display: flex; justify-content: space-between; align-items: center; position: relative;}
.cont_list_area > .list > li .organization_area > .list > li .row::before { content: ''; position: absolute; top: calc(55px / 2); width: 100%; height: 1px; background-color: #E0E0E0; z-index: -1;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box { display: inline-block; min-width: 240px; height: 55px; text-align: center; border-radius: 12px;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box .inner { display: flex; justify-content: center; align-items: center; height: 100%; padding: 0 5px;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box .inner .txt { display: inline-block; font-weight: 700; font-size: 24px; line-height: 36px;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box.box01 { min-width: 400px; height: 70px; border: 1px solid #3576DF; background-color: #3576DF; border-radius: 100px;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box.box01 .inner .txt { font-size: 32px; line-height: 48px; color: #FFFFFF;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box.box02 { border: 1px solid #007DB2; background-color: #007DB2;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box.box02 .inner .txt { color: #FFFFFF;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box.box03 { border: 1px solid #3576DF; background-color: #F2F9FF;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box.box03 .inner .txt { color: #3576DF;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box.box04 { border: 1px solid #E0E0E0; background-color: #ffffff; border-radius: 100px;}
.cont_list_area > .list > li .organization_area > .list > li .organization_box.box04 .inner .txt { font-weight: 500; font-size: 20px; line-height: 1; color: #424242;}
.cont_list_area > .list > li .organization_area > .list > li .organization_list { display: flex; justify-content: space-between; align-items: stretch; position: relative;}
.cont_list_area > .list > li .organization_area > .list > li .organization_list::before { content: ''; position: absolute; top: calc(-55px / 2); left: 50%; transform: translateX(-50%); width: calc(100% - 240px); height: 1px; background-color: #E0E0E0; z-index: -1;}
.cont_list_area > .list > li .organization_area > .list > li .organization_list > li { position: relative; padding: 80px 0 0;}
.cont_list_area > .list > li .organization_area > .list > li .organization_list > li::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; height: calc(100% + (55px / 2)); background-color: #E0E0E0; z-index: -1;}
.cont_list_area > .list > li .organization_area > .list > li .organization_list > li:nth-child(3)::before { display: none;}

.cont_list_area > .list > li .tel_area {}
.cont_list_area > .list > li .tel_area > .list { display: flex; justify-content: space-between; align-items: stretch; gap: 24px;}
.cont_list_area > .list > li .tel_area > .list > li { flex: 1;}
.cont_list_area > .list > li .tel_area > .list > li .box { overflow: hidden; border: 1px solid #3576DF; text-align: center; border-radius: 12px;}
.cont_list_area > .list > li .tel_area > .list > li .box .tit_area { padding: 18px 10px; background-color: #F2F9FF;}
.cont_list_area > .list > li .tel_area > .list > li .box .tit_area .tit { font-weight: 700; font-size: 18px; line-height: 27px; color: #092B62;}
.cont_list_area > .list > li .tel_area > .list > li .box .txt_area { padding: 18px 10px; background-color: #ffffff;}
.cont_list_area > .list > li .tel_area > .list > li .box .txt_area .txt { font-weight: 400; font-size: 18px; line-height: 27px; color: #616161;}
.cont_list_area > .list > li .tel_area > .list > li .list_print {display:block}

.table_basics_com_cont_area .table_basics_area tbody tr td .txt_area { text-align: left;}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_area > .list {}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_area > .list > li { position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 16px; line-height: 24px; color: #424242;}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_area > .list > li .ico { position: absolute; top: 0; left: 0;}

.table_basics_com_cont_area.color_table .table_basics_area { border-top: 2px solid #3576DF;}
.table_basics_com_cont_area.color_table .table_basics_area thead { border-bottom: 1px solid #E0E0E0; background-color: #F2F9FF;}
.table_basics_com_cont_area.color_table .table_basics_area thead tr { border-bottom: 1px solid #E0E0E0;}
.table_basics_com_cont_area.color_table .table_basics_area thead tr:last-child { border-bottom: none;}
.table_basics_com_cont_area.color_table .table_basics_area thead tr th { border-right: none; font-weight: 700; padding: 20px 15px; color: #092B62;}
.table_basics_com_cont_area.color_table .table_basics_area thead tr th.bor { border-right: 1px solid #E0E0E0;}
.table_basics_com_cont_area.color_table .table_basics_area tbody tr { border-bottom: 1px solid #E0E0E0;}
.table_basics_com_cont_area.color_table .table_basics_area tbody tr th { border-right: 1px solid #E0E0E0; padding: 20px 15px; font-weight: 400; font-size: 16px; line-height: 24px; color: #222222; word-break: keep-all;}
.table_basics_com_cont_area.color_table .table_basics_area tbody tr th.ft_b { font-weight: 700;}
.table_basics_com_cont_area.color_table .table_basics_area tbody tr td { border-right: 1px solid #E0E0E0; padding: 20px 15px; font-weight: 400; color: #424242;}
.table_basics_com_cont_area.color_table .table_basics_area tbody tr td.bor { border-right: 1px solid #E0E0E0 !important;}
.table_basics_com_cont_area.color_table .table_basics_area tbody tr td.fw_5 { font-weight: 500;}
.table_basics_com_cont_area.color_table .table_basics_area tbody tr td:last-child { border-right: none;}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area {
    border-top: 2px solid #3576DF;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area thead {
    border-bottom: 1px solid #E0E0E0;
    background-color: #F2F9FF;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area thead tr {
    border-bottom: 1px solid #E0E0E0;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area thead tr:last-child {
    border-bottom: none;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area thead tr th {
    font-weight: 700;
    padding: 20px 15px;
    color: #092B62;
    border-right: 1px solid #E0E0E0;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area thead tr th:last-child {
    border-right: none;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area tbody tr {
    border-bottom: 1px solid #E0E0E0;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area tbody tr th {
    border-right: 1px solid #E0E0E0;
    padding: 20px 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    word-break: keep-all;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area tbody tr th.ft_b {
    font-weight: 700;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area tbody tr td {
    border-right: 1px solid #E0E0E0;
    padding: 20px 15px;
    font-weight: 400;
    color: #424242;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area tbody tr td:last-child {
    border-right: none;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area tbody tr td.bor {
    border-right: 1px solid #E0E0E0 !important;
}

.table_basics_com_cont_area.color_type2_table_line .table_basics_area tbody tr td.fw_5 {
    font-weight: 500;
}

.table_basics_com_cont_area .table_basics_area.member_table colgroup col:first-child { width: 100px;}
.table_basics_com_cont_area .table_basics_area.member_table colgroup col:nth-child(2) { width: 180px;}
.table_basics_com_cont_area .table_basics_area.member_table colgroup col:last-child { width: auto;}
/* 함께하는 사람들 */

/* 설립 목적 및 연혁 */
.goal_cont { position: relative; margin: 0 0 80px; padding: 0 0 60px;}
.goal_cont::before { content: ''; position: absolute; top: -80px; right: 0; width: calc(100% + 50%); height: calc(100% + 80px); background-color: #FAFAFA; border-radius: 0 0 260px 0;}
.goal_cont .inner_box { position: relative; padding: 0 400px 0 0; z-index: 1;}
.goal_cont .inner_box .text_box {}
.goal_cont .inner_box .text_box .title_area { margin: 0 0 40px;}
.goal_cont .inner_box .text_box .title_area .title { font-weight: 700; font-size: 40px; line-height: 60px; color: #222222;}
.goal_cont .inner_box .text_box .text_area { width: 100%; max-width: 69%; margin: 0 0 60px;}
.goal_cont .inner_box .text_box .text_area .text {font-weight: 400; font-size: 20px; line-height: 34px; color: #222222;}
.goal_cont .inner_box .text_box .text_area .text .ft_c { font-weight: 700; color: #3576DF;}
.goal_cont .inner_box .text_box .item_area {}
.goal_cont .inner_box .text_box .item_area > .list { display: flex; justify-content: stretch; align-items: stretch; flex-wrap: wrap; gap: 24px 16px}
.goal_cont .inner_box .text_box .item_area > .list > li {}
.goal_cont .inner_box .text_box .item_area > .list > li .box { display: inline-block; padding: 12px 24px; text-align: center; border-radius: 14px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);}
.goal_cont .inner_box .text_box .item_area > .list > li .box.color01 { background-color: #0E70F0;}
.goal_cont .inner_box .text_box .item_area > .list > li .box.color02 { background-color: #0A4FA8;}
.goal_cont .inner_box .text_box .item_area > .list > li .box.color03 { background-color: #062D60;}
.goal_cont .inner_box .text_box .item_area > .list > li .box.color04 { background-color: #020B18;}
.goal_cont .inner_box .text_box .item_area > .list > li .box .txt { display: inline-block; font-weight: 700; font-size: 20px; line-height: 30px; color: #FFFFFF;}
.goal_cont .inner_box .img_box { position: absolute; top: -80px; right: -260px; width: 780px;}
.goal_cont .inner_box .img_box img { display: block; width: 100%; height: 100%;}

.history_cont {}
.history_cont .inner_box {}
.history_cont .inner_box .title_area { margin: 0 0 40px;}
.history_cont .inner_box .title_area.tc { text-align: center;}
.history_cont .inner_box .title_area .title { font-weight: 700; font-size: 40px; line-height: 60px; color: #222222;}
.history_cont .inner_box .cont_area { position: relative;}
.history_cont .inner_box .cont_area::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 10px; background-image: linear-gradient(90deg, #F2F9FF 0%, #3576DF 100%); z-index: -1;}
.history_cont .inner_box .cont_area > .list { display: flex; justify-content: space-between; align-items: stretch; gap: 24px;}
.history_cont .inner_box .cont_area > .list > li { flex: 1;}
.history_cont .inner_box .cont_area > .list > li .box { border: 1px solid #3576DF; padding: 24px; background-color: #ffffff; text-align: center; border-radius: 20px;}
.history_cont .inner_box .cont_area > .list > li .box .inner { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%;}
.history_cont .inner_box .cont_area > .list > li .box .inner .cont_title_area { margin: 0 0 12px;}
.history_cont .inner_box .cont_area > .list > li .box .inner .txt_area { display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 81px;}
.history_cont .inner_box .cont_area > .list > li .box .inner .txt_area .txt { font-weight: 500; font-size: 18px; line-height: 27px; color: #424242;}
.history_cont.sty2 .inner_box .cont_area > .list > li .box .inner .txt_area { min-height: 64px;}
/* 설립 목적 및 연혁 */

/* 청소년헌장 */
.cont_txt_area {}
.cont_txt_area > .list {}
.cont_txt_area > .list > li { margin: 12px 0 0; font-weight: 400; font-size: 18px; line-height: 27px; color: #424242;}
.cont_txt_area > .list > li.gray { color: #757575;}
.cont_txt_area > .list > li:first-child { margin: 0;}
.cont_txt_area > .list > li.ico { position: relative; padding: 0 0 0 20px;}
.cont_txt_area > .list > li.ico.dot::before { content: ''; position: absolute; top: calc((27px - 4px) / 2); left: 0; width: 4px; height: 4px; background-color: #424242; border-radius: 50%;}
.cont_txt_area > .list > li.ico > .num { position: absolute; top: 0; left: 0;}
.cont_txt_area > .list > li > .list2 { margin: 12px 0 0;}
.cont_txt_area > .list > li > .list2 > li { font-weight: 400; font-size: 18px; line-height: 27px; color: #424242;}
.cont_txt_area > .list > li > .list2 > li.ico { display: flex;}
.cont_txt_area > .list > li > .list2 > li.ico .num { display: inline-block; margin: 0 5px 0 0;}
.cont_txt_area > .list > li .cont_btn { display: inline-block; margin: 0 0 0 25px; font-weight: 700; color: #3576DF; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-position: under;}

.explanation_area { margin: 0 0 40px; border: 1px solid #E0E0E0; padding: 32px; background-color: #FAFAFA; border-radius: 12px;}
.explanation_area.bg_f { background-color: #ffffff;}
.explanation_area .inner_box {}
.explanation_area .inner_box > .tit { margin: 0 0 5px; font-weight: 700; font-size: 20px; line-height: 30px; color: #007de6;}
.explanation_area .inner_box > .tit.tc { text-align: center;}
.explanation_area .inner_box .cont_txt_area {}
.explanation_area .inner_box .cont_txt_area > .list > li { color: #222222;}
.explanation_area .inner_box .cont_txt_area > .list > li.ico.dot::before { background-color: #222222;}
.exp_icon_type {display:flex;column-gap:20px;margin-bottom:40px}
.exp_icon_type .icon_box {display:inline-flex;align-items:center;justify-content:center;width:120px;min-height:120px;border:1px solid #E0E0E0;border-radius:12px}
.exp_icon_type .explanation_area {display:inline-flex;align-items:center;width:calc(100% - 140px);margin-bottom:0 !important}

.dl_list_area {margin-bottom:40px}
.dl_list_area.mb0 {margin-bottom:0}
.dl_list_area .list {}
.dl_list_area .dl {display:flex;column-gap:25px;align-items:flex-start;margin-bottom:12px;font-size:18px}
.dl_list_area .dl:last-child {margin-bottom:0}
.dl_list_area .dt {width:120px;padding:5px;text-align:center;color:#3576DF;font-weight:700;border:1px solid #BEDFFF;border-radius:5px;background-color:#fff} 
.dl_list_area .dd {display:inline-flex;align-items:center;width:calc(100% - 145px);min-height:39px;}
.dl_list_area .dd .text_list {}
.dl_list_area .dd .text_list .text {margin-bottom:7px}
.dl_list_area .dd .text_list .text:last-child {margin-bottom:0}

.charter_cont { padding: 60px; background-image: url('/images/home/kor/user/sub/charter_icon01.png'), url('/images/home/kor/user/sub/charter_icon02.png'), url('/images/home/kor/user/sub/charter_icon03.png'), url('/images/home/kor/user/sub/charter_icon04.png'); background-position: top left, top right, bottom right, bottom left; background-repeat: no-repeat;}
.charter_cont .charter_inner { position: relative; padding: 60px 60px 80px;}
.charter_cont .charter_inner::before,
.charter_cont .charter_inner::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index:-1;border: 1px solid #E4F2FF; border-radius: 36px;}
.charter_cont .charter_inner::after { top: 6px; right: 6px; bottom: 6px; left: 6px;}
.charter_cont .charter_inner .title_area { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 700px; background-color: #ffffff; text-align: center; z-index: 1;}
.charter_cont .charter_inner .title_area .title { font-family: 'OSeongandHanEum'; font-weight: 700; font-size: 40px; line-height: 80px; color: #2E45AD;}
.charter_cont .charter_inner .explanation_area { margin: 0 0 35px; border-radius: 20px; border: 1px solid #6AB7FF; background-color: #F2F9FF;}
.charter_cont .charter_inner .explanation_area .inner_box .cont_txt_area > .list > li { font-weight: 500; color: #092B62;}
.charter_cont .charter_inner .explanation_area .inner_box .cont_txt_area > .list > li.ico.dot::before { background-color: #092B62;}
.charter_cont .charter_inner .explanation_area .inner_box .cont_txt_area > .list > li.tc {text-align:center;line-height:2}
.charter_cont .charter_inner .end_txt {margin-top:60px;text-align:center;font-weight:700;font-size:24px}
/* 청소년헌장 */

/* 정관ㆍ조례 */
.cont_m_title_area { margin: 0 0 40px;}
.cont_m_title_area.tc { text-align: center;}
.cont_m_title_area.mab { margin: 0 0 32px;}
.cont_m_title_area .title { font-weight: 700; font-size: 32px; line-height: 48px; color: #222222;}
.cont_m_title_area .title.ft_s { font-size: 40px; line-height: 60px;}
.cont_m_title_area .text { font-weight: 400; font-size: 18px; line-height: 27px; color: #424242;}
.cont_m_title_area .text.mgt {margin-top:10px}
.cont_m_title_area .row {}
.cont_m_title_area .row > * { display: inline-block; margin: 0 24px 0 0;}
.cont_m_title_area .row > *:last-child { margin: 0;}

.cont_list_area.mt40 { margin: 40px 0 0;}

.cont_list_area > .list > li .cont_box .cont_txt_area > .list > li .table_basics_com_cont_area { margin: 12px 0 0;}
/* 정관ㆍ조례 */

/* 장학사업 - 후원안내 / 후원참여 */
.icon_box_area { margin: 0 0 24px;}
.icon_box_area > .list { display: flex; justify-content: space-between; align-items: stretch; gap: 24px;}
.icon_box_area > .list > li { flex: 1;}
.icon_box_area > .list > li .box { overflow: hidden; border: 1px solid #E0E0E0; background-color: #ffffff; text-align: center; border-radius: 12px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);}
.icon_box_area > .list > li .box .tit_area { padding: 24px 16px 30px;}
.icon_box_area > .list > li .box .tit_area .tit { padding: 116px 0 0; background-position: top center; background-repeat: no-repeat; font-weight: 700; font-size: 20px; line-height: 30px; color: #3576DF;}
.icon_box_area > .list > li .box .tit_area .tit.icon01 { background-image: url('/images/home/kor/user/sub/icon_box_img01.png');}
.icon_box_area > .list > li .box .tit_area .tit.icon02 { background-image: url('/images/home/kor/user/sub/icon_box_img02.png');}
.icon_box_area > .list > li .box .txt_area { padding: 16px; background-color: #FAFAFA;}
.icon_box_area > .list > li .box .txt_area .txt { font-weight: 500; font-size: 18px; line-height: 27px; color: #424242;}
/* 장학사업 - 후원안내 / 후원참여 */

/* 장학사업 - 후원안내 / 기부금 기탁 절차 */
.icon_step_area {}
.icon_step_area > .list {}
.icon_step_area > .list > li { margin: 0 0 24px;}
.icon_step_area > .list > li:last-child { margin: 0;}
.icon_step_area > .list > li .box {}
.icon_step_area > .list > li .box .inner_box { display: flex; justify-content: space-between; align-items: center;}
.icon_step_area > .list > li .box .inner_box .img_box { width: 220px; border: 1px solid #E0E0E0; height: 130px; border-radius: 12px;}
.icon_step_area > .list > li .box .inner_box .img_box .img_inner { display: flex; justify-content: center; align-items: center; height: 100%;}
.icon_step_area > .list > li .box .inner_box .img_box .img_inner img {}
.icon_step_area > .list > li .box .inner_box .text_box { flex: 1; padding: 0 0 0 40px;}
.icon_step_area > .list > li .box .inner_box .text_box .tit { margin: 0 0 12px; font-weight: 700; font-size: 20px; line-height: 30px; color: #222222;}
.icon_step_area > .list > li .box .inner_box .text_box .txt { font-weight: 400; font-size: 18px; line-height: 27px; color: #424242;}
/* 장학사업 - 후원안내 / 기부금 기탁 절차 */

/* 장학사업 - 장학금 지원사업 / 장학사업안내 */
.com_sub_tab_area2 {margin: 0 0 40px;}
.com_sub_tab_area2 .list {display: flex; flex-wrap: wrap; gap: 12px 8px;}
.com_sub_tab_area2 .list li { width: calc(20% - 6.4px);}
.com_sub_tab_area2 .list li .btn { display: block; width: 100%; border: 1px solid #E0E0E0; padding: 11.5px 5px; background-color: #ffffff; text-align: center; border-radius: 8px;}
.com_sub_tab_area2 .list li .btn:hover,
.com_sub_tab_area2 .list li .btn:focus,
.com_sub_tab_area2 .list li.on .btn { border: 1px solid #3576DF; background-color: #3576DF;}
.com_sub_tab_area2 .list li .btn .text { display: inline-block; font-weight: 700; font-size: 18px; line-height: 27px; color: #222222;}
.com_sub_tab_area2 .list li .btn:hover .text,
.com_sub_tab_area2 .list li .btn:focus .text,
.com_sub_tab_area2 .list li.on .btn .text { color: #FFFFFF;}

.tab_cont2 { display: none;}
.tab_cont2.on { display: block;}

.cont_title_area .row_flex { display: flex; justify-content: space-between; align-items: center;}
.cont_title_area .row_flex .text { margin: 0 0 0 5px; padding: 0;}
/* 장학사업 - 장학금 지원사업 / 장학사업안내 */

/* 장학사업 - 후원안내 / 기탁식 */
.deposit_ceremony_area {}
.deposit_ceremony_area > .list { display: flex; flex-wrap: wrap; gap: 40px 24px;}
.deposit_ceremony_area > .list > li { width: calc(25% - 18px);}
.deposit_ceremony_area > .list > li .box { display: block;}
.deposit_ceremony_area > .list > li .box .inner {}
.deposit_ceremony_area > .list > li .box .inner .img_box { overflow: hidden; position: relative; border: 1px solid #E0E0E0; padding: 0 0 74.4%; border-radius: 12px;}
.deposit_ceremony_area > .list > li .box .inner .img_box .img_inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.deposit_ceremony_area > .list > li .box .inner .img_box .img_inner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all .8s ease;}
.deposit_ceremony_area > .list > li .box:hover .inner .img_box .img_inner img,
.deposit_ceremony_area > .list > li .box:focus .inner .img_box .img_inner img { transform: scale(1.5);}
.deposit_ceremony_area > .list > li .box .inner .text_box { padding: 16px 0 24px;}
.deposit_ceremony_area > .list > li .box .inner .text_box .tit { margin: 0 0 8px; font-weight: 700; font-size: 22px; line-height: 33px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.deposit_ceremony_area > .list > li .box .inner .text_box .txt { font-weight: 400; font-size: 18px; line-height: 27px; color: #757575;}
/* 장학사업 - 후원안내 / 기탁식 */

/* 2025-01-03 추가 */
/* 청소년교육문화센터 - 소개 / 인사말 */
.greeting_cont2 { min-height: 960px; padding: 80px 20px 30px; background-image: url('/images/home/kor/user/sub/greeting_cont2_bg.png'); background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center;}
.greeting_cont2 .inner_box { display: flex; justify-content: stretch; align-items: center; flex-direction: column;}
.greeting_cont2 .inner_box .title_area { position: relative; margin: 0 0 28px; padding: 0 0 48px;}
.greeting_cont2 .inner_box .title_area::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 32px; background-color: #BDBDBD;}
.greeting_cont2 .inner_box .title_area .mark_area { display: inline-block; margin: 0 0 16px; border: 1px solid #222222; padding: 0 40px; background-color: transparent; text-align: center; border-radius: 100px;}
.greeting_cont2 .inner_box .title_area .mark_area .txt { display: inline-block; font-weight: 700; font-size: 16px; line-height: 36px; color: #222222;}
.greeting_cont2 .inner_box .title_area .tit_area { position: relative; padding: 0 56px;}
.greeting_cont2 .inner_box .title_area .tit_area::before,
.greeting_cont2 .inner_box .title_area .tit_area::after { content: ''; position: absolute; width: 25px; height: 18px; background-position: center; background-size: 100%; background-repeat: no-repeat;}
.greeting_cont2 .inner_box .title_area .tit_area::before { top: 0; left: 0; background-image: url('/images/home/kor/user/sub/greeting_cont2_icon1_1.png');}
.greeting_cont2 .inner_box .title_area .tit_area::after { bottom: 0; right: 0; background-image: url('/images/home/kor/user/sub/greeting_cont2_icon1_2.png');}
.greeting_cont2 .inner_box .title_area .tit_area .tit { font-weight: 700; font-size: 50px; line-height: 75px; color: #222222; word-break: break-all;}
.greeting_cont2 .inner_box .title_area .tit_area .tit .ft_c { color: #3576DF;}
.greeting_cont2 .inner_box .title_area .tit_area .tit .green {color:#6db40d}
.greeting_cont2 .inner_box .title_area .tit_area .tit .pink {color:#ff698f}
.greeting_cont2 .inner_box .text_area {}
.greeting_cont2 .inner_box .text_area > * { margin: 0 0 24px;}
.greeting_cont2 .inner_box .text_area > *:last-child { margin: 0;}
.greeting_cont2 .inner_box .text_area .tit { font-weight: 700; font-size: 24px; line-height: 36px; color: #222222;}
.greeting_cont2 .inner_box .text_area .txt { font-weight: 500; font-size: 18px; line-height: 30px; color: #222222;}
.greeting_cont2 .inner_box .text_area .txt.ft_c { color: #757575;}

.greeting_cont2.bg02 { min-height: 1260px; background-image: url('/images/home/kor/user/sub/greeting_cont2_bg2.png'); background-position: bottom center;}
.greeting_cont2.bg02 .inner_box .title_area .tit_area .tit { color: #FF9D00;}
.greeting_cont2.bg02 .inner_box .title_area .tit_area::before { top: 0; left: 0; background-image: url('/images/home/kor/user/sub/greeting_cont2_icon2_1.png');}
.greeting_cont2.bg02 .inner_box .title_area .tit_area::after { bottom: 0; right: 0; background-image: url('/images/home/kor/user/sub/greeting_cont2_icon2_2.png');}

.greeting_cont2.bg03 {background-image:url('/images/home/kor/user/sub/greeting_cont2_bg3.png')}
.greeting_cont2.bg03 .inner_box .title_area .tit_area::before {background-image:url('/images/home/kor/user/sub/greeting_cont2_icon3_1.png')}
.greeting_cont2.bg03 .inner_box .title_area .tit_area::after {background-image:url('/images/home/kor/user/sub/greeting_cont2_icon3_2.png')}

.greeting_cont2.bg04 {background-image:url('/images/home/kor/user/sub/greeting_cont2_bg4.png')}
.greeting_cont2.bg04 .inner_box .title_area .tit_area::before {background-image:url('/images/home/kor/user/sub/greeting_cont2_icon4_1.png')}
.greeting_cont2.bg04 .inner_box .title_area .tit_area::after {background-image:url('/images/home/kor/user/sub/greeting_cont2_icon4_2.png')}
.greeting_cont2.bg04 .inner_box .title_area .tit_area .tit .green {color:#6db40d}

.greeting_cont2.bg05 { background-image: url('/images/home/kor/user/sub/greeting_cont2_bg5.png');}
.greeting_cont2.bg05 .inner_box .title_area .tit_area .tit .ft_c { color: #7575DF;}
.greeting_cont2.bg05 .inner_box .title_area .tit_area::before { background-image: url('/images/home/kor/user/sub/greeting_cont2_icon5_1.png');}
.greeting_cont2.bg05 .inner_box .title_area .tit_area::after { background-image: url('/images/home/kor/user/sub/greeting_cont2_icon5_2.png');}

.greeting_cont2.bg06 { background-image: url('/images/home/kor/user/sub/greeting_cont2_bg6.png');}
.greeting_cont2.bg06 .inner_box .title_area .tit_area .tit .ft_c { color: #F1749C;}
.greeting_cont2.bg06 .inner_box .title_area .tit_area::before { background-image: url('/images/home/kor/user/sub/greeting_cont2_icon6_1.png');}
.greeting_cont2.bg06 .inner_box .title_area .tit_area::after { background-image: url('/images/home/kor/user/sub/greeting_cont2_icon6_2.png');}

.greeting_cont2.bg07 { background-image: url('/images/home/kor/user/sub/greeting_cont2_bg7.png');}
.greeting_cont2.bg07 .inner_box .title_area .tit_area .tit .ft_c { color: #e36854;}
.greeting_cont2.bg07 .inner_box .title_area .tit_area::before { background-image: url('/images/home/kor/user/sub/greeting_cont2_icon7_1.png');}
.greeting_cont2.bg07 .inner_box .title_area .tit_area::after { background-image: url('/images/home/kor/user/sub/greeting_cont2_icon7_2.png');}

.greeting_cont2.bg08 { min-height: 1080px; background-image: url('/images/home/kor/user/sub/greeting_cont2_bg8.png');}
.greeting_cont2.bg08 .inner_box .title_area .tit_area::before { background-image: url('/images/home/kor/user/sub/greeting_cont2_icon8_1.png');}
.greeting_cont2.bg08 .inner_box .title_area .tit_area::before { background-image: url('/images/home/kor/user/sub/greeting_cont2_icon8_2.png');}
.greeting_cont2.bg08 .inner_box .title_area .tit_area .tit .ft_c { color: #2a41b3;}
/* 청소년교육문화센터 - 소개 / 인사말 */

/* 청소년교육문화센터 - 소개 / 연혁 */
.history_cont2 {}
.history_cont2 .inner_box {}
.history_cont2 .inner_box .cont_title_area { margin: 0 0 40px;}
.history_cont2 .inner_box .history_list_area {}
.history_cont2 .inner_box .history_list_area > .list {}
.history_cont2 .inner_box .history_list_area > .list > li { border-bottom: 1px solid #E0E0E0;}
.history_cont2 .inner_box .history_list_area > .list > li:first-child .history_box { padding-top: 0;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box { padding: 40px 0;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box .inner { display: flex; justify-content: space-between; align-items: stretch;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box .inner .year_area { width: 320px;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box .inner .year_area .year { font-weight: 700; font-size: 24px; line-height: 36px; color: #3576DF;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box .inner .year_area .year .num { display: inline-block; font-size: 40px; line-height: 60px;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box .inner .days_area { flex: 1; margin: 0 0 0 40px; border-left: 1px solid #E0E0E0; padding: 0 0 0 40px;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box .inner .days_area > .list { display: flex; justify-content: center; align-items: stretch; flex-direction: column; height: 100%;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box .inner .days_area > .list > li { position: relative; margin: 20px 0 0; padding: 0 0 0 56px;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box .inner .days_area > .list > li:first-child { margin: 0;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box .inner .days_area > .list > li .month { position: absolute; top: 0; left: 0; font-weight: 700; font-size: 18px; line-height: 27px; color: #222222;}
.history_cont2 .inner_box .history_list_area > .list > li .history_box .inner .days_area > .list > li .txt { font-weight: 400; font-size: 18px; line-height: 27px; color: #616161;}
/* 청소년교육문화센터 - 소개 / 연혁 */

/* 청소년교육문화센터 - 청소년 사업 / 해외문화탐방 */
.table_basics_com_cont_area.color_table .table_basics_area tbody tr td.fw_7 { font-weight: 700;}
.table_basics_com_cont_area .table_basics_area tbody tr td .txt_area.sty2 > .list > li { padding: 0;}
/* 청소년교육문화센터 - 청소년 사업 / 해외문화탐방 */

/* 청소년교육문화센터 - 꿈키움 강좌 / 소개 */
.cont_txt_area > .list > li.icon { position: relative; padding: 0 0 0 13px;}
.cont_txt_area > .list > li.icon .ico { position: absolute; top: 0; left: 0;}
.cont_txt_area > .list > li.icon .tit { display: inline-block; margin: 0 10px 0 0;}
.cont_txt_area > .list > li.icon.sty2 .ico,
.cont_txt_area > .list > li.icon.sty2 .tit { font-weight: 500; color: #222222;}
.cont_txt_area > .list > li .cont_btn.ma0 { margin: 0;}
/* 청소년교육문화센터 - 꿈키움 강좌 / 소개 */

/* 청소년교육문화센터 - 청소년 사업 / 청소년 참여 */
.youth_project_cont {}
.youth_project_cont .com_sub_tab_area {position: sticky; top: 135px; z-index: 1;}
.youth_project_cont .youth_project_list_area {}
.youth_project_cont .youth_project_list_area > .list {}
.youth_project_cont .youth_project_list_area > .list > li { margin: 0 0 60px;}
.youth_project_cont .youth_project_list_area > .list > li:last-child { margin: 0;}
.youth_project_cont .youth_project_list_area > .list > li .explanation_area {}
.youth_project_cont .youth_project_list_area > .list > li .content_area {}
.youth_project_cont .youth_project_list_area > .list > li .content_area .row { display: flex; justify-content: space-between; align-items: stretch; gap: 40px;}
.youth_project_cont .youth_project_list_area > .list > li .content_area .row .cont_list_area { flex: 1;}
.youth_project_cont .youth_project_list_area > .list > li .content_area .row .img_list_area { width: 483px;}
.youth_project_cont .youth_project_list_area > .list > li .content_area .row .img_list_area > .list {}
.youth_project_cont .youth_project_list_area > .list > li .content_area .row .img_list_area > .list > li { margin: 0 0 32px;}
.youth_project_cont .youth_project_list_area > .list > li .content_area .row .img_list_area > .list > li:last-child { margin: 0;}
.youth_project_cont .youth_project_list_area > .list > li .content_area .row .img_list_area > .list > li .img_box { position: relative; overflow: hidden; padding: 0 0 75%; border: 1px solid #e0e0e0; border-radius: 12px;}
.youth_project_cont .youth_project_list_area > .list > li .content_area .row .img_list_area > .list > li .img_box .img_inner { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.youth_project_cont .youth_project_list_area > .list > li .content_area .row .img_list_area > .list > li .img_box .img_inner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* 청소년교육문화센터 - 청소년 사업 / 청소년 참여 */

/* 2025-01-08 추가 */
/* 청소년교육문화센터 - 꿈키움 강좌 / 강사풀 등록안내 */
.cont_txt_area > .list > li .fw_7 { font-weight: 700;}
.app_cont_area.instructors_cont > .list > li > .app_cont_list_area > .list > li .box .inner_cont { height: 100%;}
/* .app_cont_area.sty2 > .list > li > .app_cont_list_area > .list > li .box { overflow: inherit; border: none; border-radius: 0;}
.app_cont_area.sty2 > .list > li > .app_cont_list_area > .list > li .box .inner_cont { overflow: hidden; border: 1px solid #E0E0E0; background-color: #FAFAFA; border-radius: 12px;}
.app_cont_area.sty2 > .list > li > .app_cont_list_area > .list > li .box .consent_area { background-color: #ffffff; padding-right: 0; padding-left: 0;}
.app_cont_area.sty2 > .list > li > .app_cont_list_area > .list > li .box .consent_area .title { color: #222222;} */
/* 청소년교육문화센터 - 꿈키움 강좌 / 강사풀 등록안내 */

/* 주요활동 */
.main_activities_cont {}
.main_activities_cont .sub_visual_area { overflow: hidden; margin: 0 0 50px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 70px 0 70px 0;}
.main_activities_cont .sub_visual_area.bg01 { background-image: url('/images/home/kor/user/sub/sub_visual_bg01.png');}
.main_activities_cont .sub_visual_area.bg02 { background-image: url('/images/home/kor/user/sub/sub_visual_bg02.png');}
.main_activities_cont .sub_visual_area.bg03 { background-image: url('/images/home/kor/user/sub/sub_visual_bg03.png');}
.main_activities_cont .sub_visual_area.bg04 { background-image: url('/images/home/kor/user/sub/sub_visual_bg04.png');}
.main_activities_cont .sub_visual_area.bg05 { background-image: url('/images/home/kor/user/sub/sub_visual_bg05.png');}
.main_activities_cont .sub_visual_area.bg06 { background-image: url('/images/home/kor/user/sub/sub_visual_bg06.png');}
.main_activities_cont .sub_visual_area.bg07 { background-image: url('/images/home/kor/user/sub/sub_visual_bg07.png');}
.main_activities_cont .sub_visual_area .inner_box { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 304px; padding: 15px;}
.main_activities_cont .sub_visual_area .inner_box .text { font-weight: 700; font-size: 50px; line-height: 75px; color: #ffffff;}
.main_activities_cont > .text_box { text-align: center;}
.main_activities_cont > .text_box > .title { font-weight: 500; font-size: 24px; line-height: 36px; color: #1a1a1a;}
.main_activities_cont > .text_box > .title .ft_b { font-weight: 700;}
.main_activities_cont > .text_box > .text { margin: 15px 0 0; font-weight: 500; font-size: 18px; line-height: 30px; color: #585858;}
.main_activities_cont > .text_box .link_btn_area { margin: 50px 0 0; border-top: 1px solid #f0f0f0; padding: 50px 0 0;}
.main_activities_cont > .text_box .link_btn_area .link_btn { display: inline-block; padding: 0 34px 0 57px; background-color: #0e254a; background-image: url('/images/home/kor/user/sub/facility_info_hom_icon.png'); background-position: left 34px center; background-repeat: no-repeat; text-align: center; border-radius: 30px;}
.main_activities_cont > .text_box .link_btn_area .link_btn .txt { display: inline-block; background-position: right center; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 65px; color: #ffffff; transition: all 0.3s;}
.main_activities_cont > .text_box .link_btn_area .link_btn:hover .txt,
.main_activities_cont > .text_box .link_btn_area .link_btn:focus .txt { padding: 0 25px 0 0; background-image: url('/images/home/kor/user/sub/facility_info_arrow_icon.png');}
.main_activities_cont .cont_list_area.sty3 > .list > li { border-bottom: 1px solid #f0f0f0; padding: 0 0 46px;}
.main_activities_cont .cont_list_area.sty3 > .list > li:last-child { border-bottom: none; padding: 0;}
.main_activities_cont .cont_list_area.mt { margin: 46px 0 0;}

.cont_txt_area2 {}
.cont_txt_area2 > .list {}
.cont_txt_area2 > .list > li { margin: 0 0 10px; font-weight: 500; font-size: 16px; line-height: 30px; color: #1a1a1a;}
.cont_txt_area2 > .list > li:last-child { margin: 0;}
.cont_txt_area2 > .list > li.ico { position: relative; padding: 0 0 0 12px;}
.cont_txt_area2 > .list > li.ico.dot::before { content: ''; position: absolute; top: calc((30px - 4px) / 2); left: 0; width: 4px; height: 4px; background-color: #3575df; border-radius: 50%;}
.cont_txt_area2 > .list > li .tit { font-weight: 700; font-size: 16px; line-height: 30px; color: #1a1a1a;}
.cont_txt_area2 > .list > li .txt_list {}
.cont_txt_area2 > .list > li .txt_list.mt { margin: 5px 0 0;}
.cont_txt_area2 > .list > li .txt_list > li { margin: 0 0 10px;}
.cont_txt_area2 > .list > li .txt_list > li.row_sty { display: flex; justify-content: stretch; align-items: center;}
.cont_txt_area2 > .list > li .txt_list > li .box_tit { flex: none; display: inline-block; width: 107px; margin: 0 15px 0 0; padding: 4px 10px; background-color: #0e254a; font-weight: 700; font-size: 15px; line-height: 30px; color: #ffffff; text-align: center; border-radius: 10px;}
.cont_txt_area2 > .list > li .txt_list > li .box_tit.navy { background-color: #0e254a !important;}
.cont_txt_area2 > .list > li .txt_list > li:nth-child(2n) .box_tit { background-color: #29497e;}
.cont_txt_area2 > .list > li .txt_list > li:last-child { margin: 0;}
.cont_txt_area2 > .list > li .txt_list > li.li2 { position: relative; padding: 0 0 0 12px;}
.cont_txt_area2 > .list > li .txt_list > li.li2 .etc { position: absolute; top: 0; left: 0;}

.cont_list_area > .list > li .cont_box .participatory_img_area {}
.cont_list_area > .list > li .cont_box .participatory_img_area > .list { display: flex; justify-content: space-between; align-items: stretch; gap: 54px;}
.cont_list_area > .list > li .cont_box .participatory_img_area > .list > li { flex: 1;}
.cont_list_area > .list > li .cont_box .participatory_img_area > .list > li > .box .img_box { position: relative;}
.cont_list_area > .list > li .cont_box .participatory_img_area > .list > li > .box .img_box .img_inner {overflow: hidden; border-radius: 15px;}
.cont_list_area > .list > li .cont_box .participatory_img_area > .list > li > .box .img_box .img_inner img { display: block; width: 100%; height: 100%;}
.cont_list_area > .list > li .cont_box .participatory_img_area > .list > li > .box .img_box .mark_area { position: absolute; bottom: -24.5px; left: 50%; transform: translateX(-50%); border: 7px solid #ffffff; padding: 0 25px; background-color: #dbeaff; border-radius: 30px;}
.cont_list_area > .list > li .cont_box .participatory_img_area > .list > li > .box .img_box .mark_area .txt { display: inline-block; font-weight: 700; font-size: 18px; line-height: 35px; color: #007de6;}
.cont_list_area > .list > li .cont_box .participatory_img_area > .list > li > .box .text_box { margin: 35px 0 0; text-align: center;}
.cont_list_area > .list > li .cont_box .participatory_img_area > .list > li > .box .text_box .text { font-weight: 500; font-size: 16px; line-height: 26px; color: #1a1a1a;}

.cont_list_area > .list > li .cont_box .counsel_list_area { overflow: hidden; border: 1px solid #eeeeee; border-radius: 10px;}
.cont_list_area > .list > li .cont_box .counsel_list_area > .list {}
.cont_list_area > .list > li .cont_box .counsel_list_area > .list > li { border-bottom: 1px solid #eeeeee;}
.cont_list_area > .list > li .cont_box .counsel_list_area > .list > li:last-child { border-bottom: none;}
.cont_list_area > .list > li .cont_box .counsel_list_area > .list > li .inner { display: flex; justify-content: stretch; align-items: stretch;}
.cont_list_area > .list > li .cont_box .counsel_list_area > .list > li .inner .tit_area { width: 210px; padding: 20px 20px 20px 35px; background-color: #fafafa; text-align: left;}
.cont_list_area > .list > li .cont_box .counsel_list_area > .list > li .inner .tit_area .tit { font-weight: 700; font-size: 16px; line-height: 30px; color: #1a1a1a;}
.cont_list_area > .list > li .cont_box .counsel_list_area > .list > li .inner .txt_area { flex: 1; background-color: #ffffff; padding: 20px 35px;}
.cont_list_area > .list > li .cont_box .counsel_list_area > .list > li .inner .txt_area .txt { font-weight: 500; font-size: 16px; line-height: 30px; color: #1a1a1a;}
.cont_list_area > .list > li .cont_box .counsel_list_area > .list > li .inner .txt_area .txt .etc_mark_area { display: inline-block; margin: 0 0 0 10px;}
.cont_list_area > .list > li .cont_box .counsel_list_area > .list > li .inner .txt_area .txt .etc_mark_area .mark { display: inline-block; padding: 0 10px; background-color: #dbeaff; font-weight: 700; font-size: 13px; line-height: 25px; text-align: center; color: #3575df; border-radius: 8px;}

.support_list_area {}
.support_list_area > .list {}
.support_list_area > .list > li { margin: 0 0 20px;}
.support_list_area > .list > li:last-child { margin: 0;}
.support_list_area > .list > li .inner_box { display: flex; justify-content: space-between; align-items: stretch;}
.support_list_area > .list > li .inner_box .title_area { width: 195px; background-color: #0e254a; border-radius: 15px;}
.support_list_area > .list > li .inner_box .title_area .title_inner { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; padding: 10px;}
.support_list_area > .list > li .inner_box .title_area .title_inner .title { font-weight: 700; font-size: 20px; line-height: 30px; color: #ffffff;}
.support_list_area > .list > li .inner_box .text_area { flex: 1; position: relative; padding: 0 0 0 40px;}
.support_list_area > .list > li .inner_box .text_area::before,
.support_list_area > .list > li .inner_box .text_area::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%);}
.support_list_area > .list > li .inner_box .text_area::before { left: 0; width: 40px; height: 1px; background-color: #eeeeee;}
.support_list_area > .list > li .inner_box .text_area::after { left: -7.5px; border: 4px solid #ffffff; width: 7px; height: 7px; background-color: #0e254a; border-radius: 50%; box-shadow: 4px 5px 8px 0px rgba(0, 0, 0, 0.32);}
.support_list_area > .list > li .inner_box .text_area .text_inner { display: flex; justify-content: center; align-items: stretch; flex-direction: column; border: 1px solid #eeeeee; padding: 35px 60px; text-align: center; border-radius: 15px;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area { width: 100%;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list { display: flex; justify-content: space-between; align-items: stretch; gap: 40px;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list.col_f { margin: 0 0 10px; flex-direction: column;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area.sty2 > .list { gap: 40px 25px;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list.col_f:last-child { margin: 0;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li { border-right: 1px solid #eeeeee; padding: 0 40px 0 0;}
.support_list_area > .list > li:first-child .inner_box .text_area .text_inner .box_list_area > .list:last-child > li { flex: 1;}
.support_list_area > .list > li:first-child .inner_box .text_area .text_inner .box_list_area > .list:last-child > li:nth-child(2) { flex: 1.2;}
.support_list_area > .list > li:first-child .inner_box .text_area .text_inner .box_list_area > .list:last-child > li:nth-child(3) { flex: 1.4;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area.sty2 > .list > li { flex: 1; padding: 0 25px 0 0;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li:last-child { border-right: none; padding: 0 !important;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box {}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box .tit_area { border: 1px solid #dbeaff; padding: 0 10px; background-color: #dbeaff; border-radius: 30px;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box.color02 .tit_area { border: 1px solid #f1f1f1; background-color: #f1f1f1;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box.color03 .tit_area { border: 1px solid #0e254a; background-color: #ffffff;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box .tit_area .tit { font-weight: 700; font-size: 18px; line-height: 38px; color: #007de6;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box.color02 .tit_area .tit { color: #1d1d1d;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box.color03 .tit_area .tit { color: #0e254a;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box .txt_area { margin: 10px 0 0;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box .txt_area .tit { font-weight: 700; font-size: 18px; line-height: 24px; color: #1d1d1d;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box .txt_area .tit.mb10 { margin: 0 0 10px;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box .txt_area .txt { font-weight: 500; font-size: 16px; line-height: 24px; color: #1d1d1d;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box .txt_area .txt.ico { position: relative; padding: 0 0 0 12px;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box .txt_area .txt.ico .etc { position: absolute; top: 0; left: 0;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box.sty2 { display: flex; justify-content: space-between; align-items: stretch;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box.sty2 .tit_area { display: flex; justify-content: center; align-items: center; width: 190px;}
.support_list_area > .list > li .inner_box .text_area .text_inner .box_list_area > .list > li .item_box.sty2 .txt_area { flex: 1; display: flex; justify-content: center; align-items: stretch; flex-direction: column; margin: 0; padding: 0 0 0 20px; text-align: left;}
/* 주요활동 */

/* 학교밖청소년지원센터 - 청소년 사업 / 꿈드림 흐름도 */
.dream_diag_cont {}
.dream_diag_cont > .list {}
.dream_diag_cont > .list > li { position: relative; padding: 0 0 40px;}
.dream_diag_cont > .list > li:last-child { padding: 0;}
.dream_diag_cont > .list > li::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background-color: #E0E0E0; z-index: -1;}
.dream_diag_cont > .list > li:nth-child(3)::before,
.dream_diag_cont > .list > li:last-child::before { display: none;}
.dream_diag_cont > .list > li:nth-child(1)::after,
.dream_diag_cont > .list > li:nth-child(2)::after {  content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 6px 3px 0px 3px; border-color: #e0e0e0 transparent transparent transparent; background-color: #ffffff; z-index: 1;}
.dream_diag_cont > .list > li .item_box { display: block; width: 180px; margin: 0 auto; padding: 0 15px; background-color: #3576DF; text-align: center; border-radius: 100px;}
.dream_diag_cont > .list > li .item_box.sty2 { background-color: #4DA6FF;}
.dream_diag_cont > .list > li .item_box .text { display: inline-block; font-weight: 700; font-size: 28px; line-height: 60px; color: #FFFFFF;}
.dream_diag_cont > .list > li .item_list_box { position: relative;}
.dream_diag_cont > .list > li .item_list_box::before { content: ''; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: calc(100% - 25% + 18px); height: 1px; background-color: #E0E0E0; z-index: -1;}
.dream_diag_cont > .list > li .item_list_box > .list { display: flex; justify-content: center; align-items: stretch; gap: 0 24px;}
.dream_diag_cont > .list > li .item_list_box > .list > li { position: relative; width: calc(25% - 18px); padding: 40px 0 0;}
.dream_diag_cont > .list > li .item_list_box > .list > li::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: calc(100% +  40px); background-color: #E0E0E0; z-index: -1;}
.dream_diag_cont > .list > li:last-child .item_list_box > .list > li::before { height: 100%;}
.dream_diag_cont > .list > li .item_list_box > .list > li::after {  content: ''; position: absolute; top: 34px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 6px 3px 0px 3px; border-color: #e0e0e0 transparent transparent transparent; background-color: #ffffff; z-index: 1;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box { overflow: hidden; height: 100%; border: 1px solid #4DA6FF; background-color: #ffffff; border-radius: 12px;}
.dream_diag_cont > .list > li .item_list_box.sty2 > .list > li .box { border: 1px solid #12ACD6;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .img_box { padding: 24px;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .img_box .img_inner { display: flex; justify-content: center; align-items: center;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .img_box .img_inner img {}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_box { display: flex; justify-content: center; align-items: center; height: 59px; padding: 0 10px; background-color: #4DA6FF; text-align: center;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_box .text { font-weight: 700; font-size: 18px; line-height: 27px; color: #FFFFFF;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .title_box { padding: 14px 10px; background-color: #4DA6FF; text-align: center;}
.dream_diag_cont > .list > li .item_list_box.sty2 > .list > li .box .title_box { background-color: #12ACD6;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .title_box .title { font-weight: 700; font-size: 24px; line-height: 36px; color: #FFFFFF;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box { padding: 24px;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list {}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list > li { margin: 0 0 24px; border-bottom: 1px solid #E0E0E0; padding: 0 0 24px;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list > li:last-child { margin: 0; padding: 0; border-bottom: none;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list > li .tit_box { margin: 0 0 12px;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list > li .tit_box .tit { font-weight: 700; font-size: 24px; line-height: 36px; color: #3576DF;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list > li .txt_list_box {}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list > li .txt_list_box > .list {}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list > li .txt_list_box > .list > li { margin: 0 0 4px;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list > li .txt_list_box > .list > li:last-child { margin: 0;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list > li .txt_list_box > .list > li .txt { position: relative; padding: 0 0 0 15px; font-weight: 400; font-size: 18px; line-height: 27px; color: #222222;}
.dream_diag_cont > .list > li .item_list_box > .list > li .box .text_list_box > .list > li .txt_list_box > .list > li .txt::before { content: ''; position: absolute; top: calc((27px - 4px) / 2); left: 0; width: 4px; height: 4px; background-color: #222222; border-radius: 50%;}
/* 학교밖청소년지원센터 - 청소년 사업 / 꿈드림 흐름도 */

/* 청소년교육문화센터 - 소개 / 시설현황 */
.cont_list_area > .list > li .cont_box .cont_txt_list_area {}
.cont_list_area > .list > li .cont_box .cont_txt_list_area > .list {}
.cont_list_area > .list > li .cont_box .cont_txt_list_area > .list > li { margin: 0 0 24px;}
.cont_list_area > .list > li .cont_box .cont_txt_list_area > .list > li:last-child { margin: 0;}
.cont_list_area > .list > li .cont_box .cont_txt_list_area > .list > li > .tit { margin: 0 0 12px; font-weight: 700; font-size: 18px; line-height: 27px; color: #222222;}

.vr_cont_area { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; height: 600px;}
.vr_cont_area .vr_inner { display: flex; justify-content: center; align-items: center; height: 100%;}

.img_list_cont { width: 400px;}
.img_list_cont.pd_t { padding: 53px 0 0;}
.img_list_cont > .list {}
.img_list_cont > .list > li { margin: 0 0 32px;}
.img_list_cont > .list > li:last-child { margin: 0;}
.img_list_cont > .list > li .img_box { position: relative; overflow: hidden; padding: 0 0 75%; border: 1px solid #e0e0e0; border-radius: 12px;}
.img_list_cont > .list > li .img_box .img_inner { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.img_list_cont > .list > li .img_box .img_inner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.img_list_cont > .list > li .img_box .img_mark_area { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.6); text-align: center;}
.img_list_cont > .list > li .img_box .img_mark_area .txt { display: inline-block; font-weight: 500; font-size: 18px; line-height: 50px; color: #ffffff;}

.cont_row_area { display: flex; justify-content: space-between; align-items: stretch; gap: 40px;}
.cont_row_area .cont_list_area { flex: 1;}
/* 청소년교육문화센터 - 소개 / 시설현황 */

/* 청소년교육문화센터 - 청소년방과후아카데미 / 방과후아카데미 활동 */
.academy_activity_cont {}
.academy_activity_cont .cont_title_area .row .text { margin: 0; padding: 0;}
.academy_activity_cont .cont_list_area > .list > li .cont_box .cont_txt_list_area > .list > li { margin: 0 0 40px;}

.academy_gallery_area {}
.academy_gallery_area > .list { display: flex; justify-content: stretch; align-items: stretch; flex-wrap: wrap; gap: 24px;}
.academy_gallery_area > .list > li { width: calc(25% - 18px);}
.academy_gallery_area > .list > li .box { overflow: hidden; border: 1px solid #E0E0E0; background-color: #ffffff; border-radius: 12px;}
.academy_gallery_area > .list > li .box .img_box { position: relative; padding: 0 0 56%;}
.academy_gallery_area > .list > li .box .img_box .img_inner { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.academy_gallery_area > .list > li .box .img_box .img_inner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.academy_gallery_area > .list > li .box .text_box { text-align: center;}
.academy_gallery_area > .list > li .box .text_box .text { font-weight: 700; font-size: 16px; line-height: 46px; color: #222222;}

.cont_list_area > .list > li .cont_box .cont_txt_list_area > .list > li .academy_gallery_area { margin: 24px 0 0;}
/* 청소년교육문화센터 - 청소년방과후아카데미 / 방과후아카데미 활동 */

/* 휴카페 - 시설이용안내 / 시설이용안내 */
.use_guide_cont {}
.use_guide_cont .gallery_com_cont_area { border-top: none; padding: 0;}
.use_guide_cont .gallery_com_cont_area > .list > li > .box { height: 100%;}
.use_guide_cont .gallery_com_cont_area > .list > li > .box .inner_box { display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; height: 100%;}
.use_guide_cont .gallery_com_cont_area > .list > li > .box .inner_box .text_box { flex: 1; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column;}
.use_guide_cont .gallery_com_cont_area > .list > li > .box .inner_box .text_box .title { height: inherit; overflow: inherit; text-overflow: inherit; display: inherit; -webkit-line-clamp: inherit; -webkit-box-orient: inherit; vertical-align: inherit; word-break: break-all;}
.use_guide_cont .gallery_com_cont_area > .list > li > .box .inner_box .text_box .text { flex: 1; height: inherit; overflow: inherit; text-overflow: inherit; display: inherit; -webkit-line-clamp: inherit; -webkit-box-orient: inherit; vertical-align: inherit; word-break: break-all;}
/* 휴카페 - 시설이용안내 / 시설이용안내 */

/* 진로진학 - 진로프로그램 / 학교연계 진로체험프로그램 */
.table_basics_com_cont_area.color_table .table_basics_area tbody tr td .fw_b { font-weight: 700;}
/* 진로진학 - 진로프로그램 / 학교연계 진로체험프로그램 */

/* 진로진학 - 진로프로그램 / 진로코칭  */
.cont_txt_area > .list > li .ft_b { font-weight: 700;}
.cont_txt_area > .list > li.ft_s { font-size: 16px; line-height: 24px;}
.cont_txt_area.mt10 { margin: 10px 0 0;}
.cont_txt_area > .list > li.fw_7,
.cont_txt_area > .list > li.fw_7 .ico { font-weight: 700;}
/* 진로진학 - 진로프로그램 / 진로코칭  */

/* 청소년문화의집 - 청소년 사업 / 축제 및 행사 */
.cont_txt_area > .list > li .fc_gray { color: #7d7d7d !important;}
/* 청소년문화의집 - 청소년 사업 / 축제 및 행사 */

/* 청소년문화의집 - 청소년방과후아카데미 / 사업소개 */
.academy_info_cont .academy_vis_cont .inner_box .text_box .logo_img_area { margin: 0 0 25px;}
.academy_info_cont .academy_vis_cont .inner_box .img_box_inner .img_list.img1 .shape.sp1.blue { background-color: #daebff;}
.academy_info_cont .academy_vis_cont .inner_box .img_box_inner .img_list.img1 .shape.sp2.blue { background-color: #a2c0e2;}
/* 청소년문화의집 - 청소년방과후아카데미 / 사업소개 */

/* 청소년문화의집 - 청소년방과후아카데미 / 프로그램 안내 */
.table_etc_txt { margin: 20px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #757575;}

.table_basics_com_cont_area.color_table .table_basics_area.timetable {}
.table_basics_com_cont_area.color_table .table_basics_area.timetable thead tr th { padding-top: 10px; padding-bottom: 10px;}
.table_basics_com_cont_area.color_table .table_basics_area.timetable .bg_blue { background-color: #cce8f0;}
.table_basics_com_cont_area.color_table .table_basics_area.timetable .bg_green { background-color: #d7f2d5;}
.table_basics_com_cont_area.color_table .table_basics_area.timetable .bg_purple { background-color: #e3d7f5;}
.table_basics_com_cont_area.color_table .table_basics_area.timetable .bg_red { background-color: #ffe8e5;}
/* 청소년문화의집 - 청소년방과후아카데미 / 프로그램 안내 */

/* 청소년문화의집 - 프로그램 신청 / 창의교육 */
.academy_info_cont.sty3 .academy_vis_cont { padding-bottom: 140px;}

.cont_title_area .title > .ft_s { font-size: 20px;}

.cont_txt_area > .list > li.bold { font-weight: 700;}
.cont_txt_area > .list > li.blue { color: #007de6;}
.cont_txt_area > .list > li > .list2 > li.icon { position: relative; padding: 0 0 0 15px;}
.cont_txt_area > .list > li > .list2 > li.underline { text-decoration: underline;}
.cont_txt_area > .list > li > .list2 > li.icon .ico { position: absolute; top: 0; left: 0;}
/* 청소년문화의집 - 프로그램 신청 / 창의교육 */

/* 청소년문화의집 - 공간안내 */
.space_guide_cont { padding: 0 200px;}
.space_guide_cont .space_guide_top_area {}
.space_guide_cont .space_guide_top_area .space_guide_top_slide { position: relative;}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-list {}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-list .slick-track {}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-list .slick-track .slick-slide {}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-list .slick-track .slick-slide .img_box { position: relative; padding: 0 0 52.5%;}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-list .slick-track .slick-slide .img_box .mark_area { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 220px; height: 80px; padding: 5px; background-color: #061123;}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-list .slick-track .slick-slide .img_box .mark_area .txt { font-weight: 700; font-size: 20px; line-height: 30px; color: #ffffff;}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-list .slick-track .slick-slide .img_box .img_inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-list .slick-track .slick-slide .img_box .img_inner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-arrow { display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 74px; height: 74px; background-color: #f6f6f6; background-position: center; background-repeat: no-repeat; font-size: 0; text-indent: -999px; border-radius: 50%; z-index: 1;overflow:hidden}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-arrow.slick-prev { left: calc((-200px - 74px) / 2); background-image: url('/images/home/kor/user/sub/space_guide_prev.png');}
.space_guide_cont .space_guide_top_area .space_guide_top_slide .slick-arrow.slick-next { right: calc((-200px - 74px) / 2); background-image: url('/images/home/kor/user/sub/space_guide_next.png');}
.space_guide_cont .space_guide_bot_area { margin: 35px 0 0;}
.space_guide_cont .space_guide_bot_area .space_guide_bot_slide {}
.space_guide_cont .space_guide_bot_area .space_guide_bot_slide .slick-list { margin: 0 -10px 0 0; padding: 0 !important;}
.space_guide_cont .space_guide_bot_area .space_guide_bot_slide .slick-list .slick-track { margin: 0 auto;}
.space_guide_cont .space_guide_bot_area .space_guide_bot_slide .slick-list .slick-track .slick-slide { margin: 0 10px 0 0;}
.space_guide_cont .space_guide_bot_area .space_guide_bot_slide .slick-list .slick-track .slick-slide .img_box { position: relative; padding: 0 0 52.5%;}
.space_guide_cont .space_guide_bot_area .space_guide_bot_slide .slick-list .slick-track .slick-slide .img_box .img_inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.space_guide_cont .space_guide_bot_area .space_guide_bot_slide .slick-list .slick-track .slick-slide .img_box .img_inner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.space_guide_cont .space_guide_bot_area .space_guide_bot_slide .slick-list .slick-track .slick-slide .text_box { margin: 10px 0 0; text-align: center;}
.space_guide_cont .space_guide_bot_area .space_guide_bot_slide .slick-list .slick-track .slick-slide .text_box .txt { font-weight: 500; font-size: 16px; line-height: 24px; color: #1a1a1a;}
/* 청소년문화의집 - 공간안내 */

/* 청소년문화의집 - 공간대관 / 대관안내 */
.cont_list_area > .list > li .cont_box .procedure_area { margin: 15px 0 0;}
.cont_list_area > .list > li .cont_box .procedure_area > .list { display: flex; justify-content: stretch; align-items: stretch; gap: 20px;}
.cont_list_area > .list > li .cont_box .procedure_area > .list > li { width: calc(16.666% - 16.666px); position: relative;}
.cont_list_area > .list > li .cont_box .procedure_area > .list > li::before { content: ''; position: absolute; top: 50%; right: calc((-20px - 9px) / 2); transform: translateY(-50%); width: 9px; height: 9px; background-image: url('/images/home/kor/user/sub/procedure_arrow.png'); background-position: center; background-size: 100%; background-repeat: no-repeat;}
.cont_list_area > .list > li .cont_box .procedure_area > .list > li:first-child::before,
.cont_list_area > .list > li .cont_box .procedure_area > .list > li:last-child::before { display: none;}
.cont_list_area > .list > li .cont_box .procedure_area > .list > li .box { height: 100%; border: 1px solid #092b62; text-align: center; border-radius: 10px;}
.cont_list_area > .list > li .cont_box .procedure_area > .list > li:first-child .box { background-color: #092b62;}
.cont_list_area > .list > li .cont_box .procedure_area > .list > li .box .inner { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 60px; padding: 0 5px;}
.cont_list_area > .list > li .cont_box .procedure_area > .list > li .box .inner .txt { font-weight: 700; font-size: 18px; line-height: 27px; color: #092b62;}
.cont_list_area > .list > li .cont_box .procedure_area > .list > li:first-child .box .inner .txt { color: #ffffff !important;}
.cont_list_area > .list > li .cont_box .procedure_area.color02 > .list > li .box { border: 1px solid #254984;}
.cont_list_area > .list > li .cont_box .procedure_area.color02 > .list > li:first-child .box { background-color: #254984;}
.cont_list_area > .list > li .cont_box .procedure_area.color02 > .list > li .box .inner .txt { color: #254984;}
.cont_list_area > .list > li .cont_box .procedure_area.sty2 > .list > li:nth-child(4){ width: calc(33.332% - 13.21615px);}
/* 청소년문화의집 - 공간대관 / 대관안내 */

/* 청소년문화의집 - 알림마당 / CCTV 이용규칙 */
.explanation_area.bg_color { border: 1px solid #6AB7FF; background-color: #F2F9FF;}
.cont_title_area.no_icon .title { position: relative; background-image: unset;}
.cont_title_area.no_icon .title > .num { position: absolute; top: 0; left: 0;}

.cont_txt_area.mat { margin: 24px 0 0;}
.cont_txt_area.mab { margin: 0 0 24px;}
.cont_txt_area > .list > li.icon.pd0 { padding: 0;}
.cont_txt_area > .list > li > .list2 > li.icon.dot::before { content: ''; position: absolute; top: calc((27px - 4px) / 2); left: 0; width: 4px; height: 4px; background-color: #424242; border-radius: 50%;}
/* 청소년문화의집 - 알림마당 / CCTV 이용규칙 */

/* 포천학사 - 포천학사 / 시설현황 */
.table_basics_com_cont_area.color_table.facility_table { overflow: hidden; border: 1px solid #bedfff; border-radius: 12px;}
.table_basics_com_cont_area.color_table.facility_table .table_basics_area { border-top: none;}
.table_basics_com_cont_area.color_table.facility_table .table_basics_area tbody tr { border-bottom: 1px solid #bedfff;}
.table_basics_com_cont_area.color_table.facility_table .table_basics_area tbody tr:last-child { border-bottom: none;}
.table_basics_com_cont_area.color_table.facility_table .table_basics_area tbody tr th { border-right: 1px solid #bedfff; background-color: #e4f2ff; color: #092b62;}
.table_basics_com_cont_area.color_table.facility_table .table_basics_area tbody tr td { border-right: 1px solid #bedfff;}
.table_basics_com_cont_area.color_table.facility_table .table_basics_area tbody tr td:last-child { border-right: none;}

.table_basics_com_cont_area .table_basics_area tbody tr td .txt_area > .tit { font-weight: 700; font-size: 16px; line-height: 24px; color: #212121;}
/* 포천학사 - 포천학사 / 시설현황 */

/* 포천학사 - 포천학사 / 입사생 관련 안내 */
.cont_txt_area > .list > li.fc_red { color: #ed4040;}
/* 포천학사 - 포천학사 / 입사생 관련 안내 */

/* 포천학사 - 포천학사 / 신청하기 */
.cont_txt_area > .list > li .cont_btn_list_area.mar_t { margin: 20px 0 0;}
/* 포천학사 - 포천학사 / 신청하기 */

/* 포천학사 - 행복연합기숙사 / 시설현황 */
.cont_txt_area > .list > li > .list2 > li.fc_red { color: #ed4040;}
.cont_txt_area > .list > li > .list2 > li.fc_red .ico { color: #ed4040;}
/* 포천학사 - 행복연합기숙사 / 입사생 선발관련 안내 */

/* 학교밖청소년지원센터 - 이용안내 / 지원대상 */
.procedure_item_box { margin: 0 0 24px;}
.procedure_item_box > .list { display: flex; justify-content: space-between; align-items: stretch;}
.procedure_item_box > .list > li { flex: 1; position: relative; padding: 0 56px 0 0;}
.procedure_item_box > .list > li:last-child { padding: 0;}
.procedure_item_box > .list > li::before { content: ''; position: absolute; top: 50%; right: calc((56px - 13px) / 2); transform: translateY(-50%); width: 13px; height: 28px; background-image: url('/images/home/kor/user/sub/procedure_item_box_arrow.png'); background-position: center; background-size: 100%; background-repeat: no-repeat;}
.procedure_item_box > .list > li:last-child::before { display: none;}
.procedure_item_box > .list > li .box { overflow: hidden; height: 100%; border: 1px solid #3576DF; text-align: center; border-radius: 12px;}
.procedure_item_box > .list > li .box .tit_area { background-color: #F2F9FF;}
.procedure_item_box > .list > li .box .tit_area .tit { font-weight: 700; font-size: 20px; line-height: 60px; color: #092B62;}
.procedure_item_box > .list > li .box .txt_area { display: flex; justify-content: center; align-items: center; min-height: 102px; padding: 10px;}
.procedure_item_box > .list > li .box .txt_area .txt { font-weight: 500; font-size: 18px; line-height: 27px; color: #424242;}
/* 학교밖청소년지원센터 - 이용안내 / 지원대상 */

/* 학교밖청소년지원센터 - 청소년 사업 / 꿈드림 청소년단 */
.cont_bg_bd_box .inner_box .row_img_txt_area {}
.cont_bg_bd_box .inner_box .row_img_txt_area .list {}
.cont_bg_bd_box .inner_box .row_img_txt_area .list > li { margin: 0 0 40px; border-bottom: 1px solid #e0e0e0; padding: 0 0 40px;}
.cont_bg_bd_box .inner_box .row_img_txt_area .list > li:last-child { margin: 0; border-bottom: none; padding: 0;}
.cont_bg_bd_box .inner_box .row_img_txt_area .list > li .inner { display: flex; justify-content: space-between; align-items: center;}
.cont_bg_bd_box .inner_box .row_img_txt_area .list > li .inner .text_area { flex: 1; padding: 0 105px 0 0;}
.cont_bg_bd_box .inner_box .row_img_txt_area .list > li .inner .text_area .title { margin: 0 0 24px; font-weight: 700; font-size: 32px; line-height: 48px; color: #222222;}
.cont_bg_bd_box .inner_box .row_img_txt_area .list > li .inner .text_area .text { font-weight: 400; font-size: 24px; line-height: 36px; color: #424242;}
.cont_bg_bd_box .inner_box .row_img_txt_area .list > li .inner .text_area .text .blue { font-weight: 700;}
.cont_bg_bd_box .inner_box .row_img_txt_area .list > li .inner .img {}
/* 학교밖청소년지원센터 - 청소년 사업 / 꿈드림 청소년단 */