/* --------------------------------layout-------------------------------- */
#contents {width:100%}
#contents .inner {text-align:center; max-width:1020px; margin:0 auto; min-height: 50vh; }
/* --------------------------------//layout end-------------------------------- */


/* --------------------------------about common-------------------------------- */
#contents h2,#contents h3,#contents h4,#contents p,#contents span,dt,dl {word-break:keep-all}
.sub_sec {margin:8rem auto 4rem}
.sub_sec h2.sub_title {font-weight:600; font-size:2.4rem; line-height:3rem; border-bottom:2px solid #333; padding-bottom:1.6rem}
@media screen and (max-width:640px) {
  .sub_sec {margin:4rem auto 3rem}
  .sub_sec h2.sub_title {font-size:1.75rem}
}
/* --------------------------------//about common end-------------------------------- */


/* --------------------------------about page-------------------------------- */
#contents .sub_main_vis .inner {width:100%; max-width:unset; padding-top: 4.375rem; }
.main_visual {width:100%; height:586px; background:url(/images/about/about_main_01.jpg) no-repeat center #11d2eb; background-size:auto 100%}
.main_visual_2 {width:100%; height:442px; background:url(/images/about/about_main_02.jpg) no-repeat center #27b3d1; background-size:auto 100%}
.sub_main_vis .main_visual h2 {text-align:center; font-size:2.2rem; line-height:3.4rem; color:#fff; font-weight:400; padding-top:4.8rem; margin:0 auto}
.sub_main_vis h2 {font-weight:600; font-size:2.2rem; line-height:3.4rem; text-align:left; width:100%; max-width:918px; margin:8rem auto 0}
.sub_sec_01 {margin:8rem auto 7rem}
.sub_sec_01 .intro_box {width:90%; max-width:1020px; height:25.5rem; border-radius:19px; overflow:hidden; box-shadow:0 4px 34px rgba(0,0,0,0.25); background-color:#fff; margin:0 auto 5rem; position:relative}
.sub_sec_01 .intro_box .text_box {width:50%; height:100%; position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; text-align:left; padding:0 4rem}
.sub_sec_01 .intro_box:last-child .text_box {padding:0 2.2rem}
.sub_sec_01 .intro_box .text_box h3 {font-weight:500; font-size:2.2rem; line-height:3.4rem; margin-bottom:2rem; word-break:keep-all}
.sub_sec_01 .intro_box .text_box p {font-weight:300; font-size:1.1rem; line-height:1.4rem; word-break:keep-all}
.sub_sec_01 .intro_box .img_box {width:50%; height:100%; position:absolute; top:0; left:0}
.sub_sec_01 .intro_box:nth-child(1) .img_box {background:url(/images/about/about_cnt_01.jpg) center center no-repeat; background-size:auto 100%}
.sub_sec_01 .intro_box:nth-child(2) .text_box {right:unset; left:0}
.sub_sec_01 .intro_box:nth-child(2) .img_box {left:auto; right:0; background:url(/images/about/about_cnt_02.jpg) center center no-repeat; background-size:auto 100%}
.sub_sec_01 .intro_box:nth-child(3) .img_box {background:url(/images/about/about_cnt_03.jpg) center center no-repeat; background-size:auto 100%}
.sub_sec_02 .top_cont {padding:0 1rem 4rem; border-bottom:1px solid #E9E9E9}
.sub_sec_02 .top_cont h3 {font-weight:500; font-size:2.2rem; line-height:3rem; word-break:keep-all}
.sub_sec_02 .top_cont p {font-weight:300; font-size:1.1rem; line-height:1.4rem; margin-top:1.2rem; word-break:keep-all}
.sub_sec_02 .icon_wrap {width:100%; margin-top:5rem}
.sub_sec_02 .icon_wrap ul {width:100%; max-width:947px; margin:0 auto}
.sub_sec_02 .icon_wrap ul li {text-align:center; display:inline-block; width:calc(100%/8)}
.sub_sec_02 .icon_wrap ul li .img_name {display:block; margin-bottom:9px; }
.sub_sec_02 .icon_wrap ul li:nth-child(1) .img_name::before {content:''; display:block; margin:0 auto; background:url(/images/about/icon_soc.png) center center no-repeat; width:53px; height:52px}
.sub_sec_02 .icon_wrap ul li:nth-child(2) .img_name::before {content:''; display:block; margin:0 auto; background:url(/images/about/icon_eco.png) center center no-repeat; width:57px; height:46px}
.sub_sec_02 .icon_wrap ul li:nth-child(3) .img_name::before {content:''; display:block; margin:0 auto; background:url(/images/about/icon_edu.png) center center no-repeat; width:50px; height:47px}
.sub_sec_02 .icon_wrap ul li:nth-child(4) .img_name::before {content:''; display:block; margin:0 auto; background:url(/images/about/icon_sem.png) center center no-repeat; width:48px; height:47px}
.sub_sec_02 .icon_wrap ul li:nth-child(5) .img_name::before {content:''; display:block; margin:0 auto; background:url(/images/about/icon_phys.png) center center no-repeat; width:50px; height:50px}
.sub_sec_02 .icon_wrap ul li:nth-child(6) .img_name::before {content:''; display:block; margin:0 auto; background:url(/images/about/icon_env.png) center center no-repeat; width:54px; height:47px}
.sub_sec_02 .icon_wrap ul li:nth-child(7) .img_name::before {content:''; display:block; margin:0 auto; background:url(/images/about/icon_glob.png) center center no-repeat; width:58px; height:59px}
.sub_sec_02 .btm_cont {padding:3.6rem 1rem 0}
.sub_sec_02 .btm_cont h4 {font-weight:500; font-size:1.66rem; line-height:2.4rem; text-align:left; padding-left:20px}
.sub_sec_02 .btm_cont p {font-weight:300; font-size:1.1rem; line-height:1.4rem; text-align:left; padding-left:20px}

#contents .sub_sec_03 .inner {width:100%; max-width:100%; height:252px; background:url(/images/about/about_btm_bg.jpg) center center no-repeat; display:flex; align-items:center; justify-content:center; margin:9rem 0}
.sub_sec_03 h3 {font-weight:500; font-size:1.6rem; line-height:2.4rem; color:#fff; margin-bottom:1rem; word-break:keep-all}
.select_yr {-webkit-appearance: none; -moz-appearance: none; appearance: none; width:117px; height:52px; line-height:52px; padding:0 13px; background: url(/images/about/icon_arrow_2.png) 95% center no-repeat #fff; border:1px solid #ddd; border-radius:0; background-size: initial; }
.btn_goFile {width:12rem; height:52px; background:#004CBC; font-weight:700; font-size:1.1rem; line-height:52px; display:inline-block; color:#fff; vertical-align:top}
.sub_sec_04 h3 {font-weight:600; font-size:2.4rem; line-height:3.6rem}
.sub_sec_04 p {font-weight:500; font-size:1.1rem; line-height:1.6rem}
.sub_sec_04 .left_box {width:47%; margin-right:3%; height:228px; float:left; text-align:left}
.sub_sec_04 .left_box > p {width:350px; font-weight:400; font-size:1rem; line-height:1.4rem; letter-spacing:-.05em; word-break:keep-all; text-align:left; margin-bottom:18px}
.sub_sec_04 .right_box {width:50%; height:228px; float:left; background:url(/images/about/bi.svg) center center no-repeat; background-size:100% auto}
.sub_sec_04 .bi_wrap {width:100%; min-height:24rem; border-top:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; margin-top:3.6rem; padding:4rem}
.sub_sec_04 .bi_wrap.bi_wrap_m {display:none; opacity:0}
.sub_sec_04 .btn_wrap .btn_biFile {width:139px; height:52px; font-weight:500; font-size:1.1rem; line-height:52px; border:1px solid #1E2431; display:block; text-align:center; margin-top:2rem; cursor:pointer}
.sub_sec_04 .btn_wrap .btn_biFile::after {content:''; display:inline-block; background:url(/images/about/icon_dwld.png) center center no-repeat; width:13px; height:15px; margin-left:8px; vertical-align:-2px}
.sub_sec_04 .btn_wrap > p {font-weight:300; font-size:12px; line-height:16px; margin-top:9px; word-break:keep-all}

@media screen and (max-width:1024px) {
  .sub_main_vis h2 {width:83%; margin: 9rem auto 0; }
}
@media screen and (max-width:768px) {
.main_visual h2,.sub_sec .intro_box .text_box h3,.sub_sec_02 .top_cont h3,.sub_sec_04 h3 {font-size:1.8rem; line-height:2.4rem}
.main_visual h2 {padding-top:9rem}
.sub_main_vis h2 {width:83%; margin: 9rem auto 0; }
.sub_sec_01 .intro_box {height:28rem}
.sub_sec_01 .intro_box .text_box h3 {font-size:2rem}
.sub_sec_01 .intro_box:last-child .text_box {padding:0 2rem}

.sub_sec_04 .bi_wrap {display:none; opacity:0}
.sub_sec_04 .bi_wrap.bi_wrap_m {display:block; opacity:1; padding:2rem 0 4rem}
.sub_sec_04 .left_box,.sub_sec_04 .right_box {float:unset; display:block; width:100%; height:auto; text-align:center}
.sub_sec_04 .right_box {width:80%; padding-bottom:50%; margin:0 auto}
.sub_sec_04 p {font-size:1.16rem}
.sub_sec_04 .left_box > p {width:100%; text-align:center; font-size:1.16rem; margin:0 auto 18px}
.sub_sec_04 .btn_wrap .btn_biFile {margin:2rem auto 0}
}

@media screen and (max-width:640px) {
.sub_sec_01 .intro_box .img_box,.sub_sec_01 .intro_box .text_box {width:100%; position:unset; height:50%}
.sub_sec_01 .intro_box .img_box {height:15rem; background-size:cover!important; display:block}
.sub_sec_01 .intro_box .img_box {height:300px}
.sub_sec_01 .intro_box:nth-child(3) .img_box {background-size:auto 300px}
.sub_sec_01 .intro_box .text_box,.sub_sec_01 .intro_box:last-child .text_box {padding:4rem 2.2rem}
.sub_sec_01 .intro_box {height:auto}
.sub_sec_02 .icon_wrap {margin-top:2.5rem}
.sub_sec_02 .icon_wrap ul li {width:calc(100%/5); margin:.5rem}

#contents .sub_sec_03 .inner {margin:3rem 0 5rem}
.sub_sec_03 h3 {width:260px}
.sub_sec_04 .inner > p {width:280px; margin:0 auto}
}
/* --------------------------------about page end-------------------------------- */


/* --------------------------------notice list page-------------------------------- */
.sub_sec .notice_list {width:100%; table-layout:fixed}
.sub_sec .notice_list colgroup col:first-child {width:80%}
.sub_sec .notice_list colgroup col:last-child {width:15%}
.sub_sec .notice_list tr {height:70px; border-bottom:1px solid #e9e9e9; text-align:left; font-weight:400; font-size:1.3rem; line-height:2rem}
.sub_sec .notice_list tr td:first-child {padding-right:5%; position:relative}
.sub_sec .notice_list tr td:last-child {text-align:right; font-weight:400; font-size:1rem; line-height:1.4rem; color:#666}
.sub_sec .noti_fixed td:first-child p {width:auto; max-width:80%; height:2rem; overflow:hidden; text-overflow:ellipsis; display:inline-block; white-space:nowrap; vertical-align:-6px; padding-left:18px; }
/* .sub_sec .notice_list tr td p .noti {}*/
.sub_sec .noti_fixed td:first-child::before {content:''; display:inline-block; width: 10px; height: 14px; background: url(/images/about/icon_pin.svg) center center / auto 100% no-repeat; position: absolute; top: 50%; transform: translateY(-48%); left: 0; }
/* --------------------------------//notice list  page end-------------------------------- */


/* --------------------------------notice view page-------------------------------- */
.sub_sec h2.sub_title.noti {border-bottom:none}
.sub_sec .noti_cont {padding-top:3rem; margin-top:6px; text-align:initial; border-top:2px solid #333; font-size:1.1rem; line-height:1.6rem}
.sub_sec .noti_cont img {vertical-align:top}
.sub_sec .view_notice .date {float:left; display:inline-block; font-weight:400; font-size:1.1rem; line-height:1.6rem; color:#666}
.sub_sec .view_notice .file {float:right; display:inline-block; font-weight:400; font-size:1.1rem; line-height:1.6rem; color:#666; width: 70%; text-align: right; }
.sub_sec .view_notice .file em {font-style: normal; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 30px); }
.sub_sec .view_notice .btn_dwld {display:inline-block; background:url(/images/about/icon_dwld_c.jpg) center center no-repeat; width:19px; height:20px; margin-left:4px}
/* --------------------------------//notice view page end-------------------------------- */


/* --------------------------------faq page-------------------------------- */
.sub_sec h2.sub_title.faq {border-bottom:none}
.sub_sec .faq_wrap {width:100%}
.sub_sec .faq_wrap::after {content:''; clear:both}
.sub_sec .faq_wrap ul {position:relative; width:100%; height:auto}
.sub_sec .faq_wrap ul li {width:25%}
.sub_sec .faq_wrap ul li dl {display:none; background-color:#fff; width:400%; padding-top:125px; /*margin-top:125px; position:absolute; left:0; top:0*/}
.sub_sec .faq_wrap ul li.on dl {display:block}
.sub_sec .faq_wrap ul li a {cursor:pointer; width:25%; height:73px; display: flex; 
  justify-content: center; 
  align-items: center; position:absolute; top:0; background:#EEE; line-height:1.4rem; font-size:1.1rem; font-weight:700; color:#666; border-right:1px solid #DDD; box-sizing:border-box; word-break:keep-all; padding:0 0.5rem}
.sub_sec .faq_wrap ul li:last-child a {border-right:none}
.sub_sec .faq_wrap a.tab_menu01 {left:0}
.sub_sec .faq_wrap a.tab_menu02 {left:25%}
.sub_sec .faq_wrap a.tab_menu03 {left:50%}
.sub_sec .faq_wrap a.tab_menu04 {left:75%}
.sub_sec .faq_wrap ul li.on a {border:1px solid #194CB5; border-bottom:none; font-weight:700; font-size:1.1rem; line-height:1.4rem; color:#194CB5; background-color:#fff}
.sub_sec .faq_wrap ul li > dl > dt:first-child {border-top:2px solid #000}
.sub_sec .faq_wrap ul li > dl::after {content:''; display:block; margin-bottom:7rem; clear:both}
.sub_sec .faq_wrap ul li dl dt {font-weight:500; font-size:1.3rem; line-height:2rem; text-align:left; padding:1.2rem 50px 1.2rem 1.2rem; border-bottom:1px solid #e9e9e9; position:relative; cursor:pointer; height:65px; display: flex; align-items: center; }
.sub_sec .faq_wrap ul li dl dt::before {content:''; width:38px; height:38px; display:block; background:url(/images/about/icon_arrow.png) center center no-repeat; position:absolute; right:0; top:1.1rem; z-index:3; transition:all .2s ease-in-out}
.sub_sec .faq_wrap ul li dl dt::after {content:''; width:38px; height:38px; display:block; border:1px solid #AAA; position:absolute; right:0; top:1rem; border-radius:50%; background-color:#fff; z-index:1; box-sizing:border-box}
.sub_sec .faq_wrap ul li dl dt.on {background-color:#FCFCFC; border-bottom:none}
.sub_sec .faq_wrap ul li dl dt.on::before {transform:scaleY(-1); top:1rem}
.sub_sec .faq_wrap ul li dl dd {text-align:left; font-style:normal; font-weight:500; font-size:1.1rem; line-height:1.6rem; color:#666; background-color:#FCFCFC; padding:1.8rem 1.3rem 2rem; border-bottom:1px solid #e9e9e9; display:none}
.sub_sec .faq_wrap ul li dl dd.on {display:block}
.sub_sec .faq_wrap .btn_wrap {margin:7rem 0 5rem; clear: both; position: relative; height: 69px; }
.sub_sec .btn_wrap .btn_inq {position:absolute; bottom:0; left:50%; transform:translateX(-50%); background-color:#1E2431; color:#fff; font-weight:400; font-size:20px; line-height:69px; text-align:center; display:block; height:69px; width:100%; max-width:1020px; margin:0 auto; z-index:10}
/* --------------------------------//faq page end-------------------------------- */


/* --------------------------------1:1 inquiry page-------------------------------- */
.sub_sec h2.sub_title.inquiry {border-bottom:none; padding-bottom:2.8rem}
.sub_sec .sub_desc {width:95%; max-width:700px; height:auto; min-height:48px; margin:0 auto}
.sub_sec .sub_desc > span {display:inline-block; float:left}
.sub_sec .sub_desc .lft_txt {width:33%; font-weight:700; font-size:1.3rem; line-height:2rem; margin-right:2%; vertical-align:top; height:48px}
.sub_sec .sub_desc .rgt_txt {font-weight:400; font-size:1.1rem; line-height:1.6rem; color:#666; width:65%; height:48px; vertical-align:top; text-align:left}
form.inquiry_wrap {background-color:#FCFCFC; border-top:2px solid #333; position:relative; margin:2.5rem auto 5rem}
.inquiry_wrap table {width:95%; max-width:600px; margin:2rem auto; border-collapse: collapse}
.inquiry_wrap table col:first-child {width:18%; max-width:108px}
.inquiry_wrap table col:last-child {width:82%; max-width:492px}
.inquiry_wrap table tbody tr {width:100%; height:38px; border-bottom:1.5rem solid #fcfcfc}
.inquiry_wrap table tbody tr th {width:16%; max-width:108px; font-style:normal; font-weight:500; font-size:1rem; line-height:1.4rem; text-align:left; word-break:keep-all}
.inquiry_wrap table tbody tr td {width:78%; max-width:492px}
.inquiry_wrap table tbody tr td input,.inquiry_wrap table tbody tr td select,.inquiry_wrap table tbody tr td textarea {background:#fff; border:1px solid #ddd; box-sizing:border-box; width:100%; height:38px; padding-left:10px; color:#666; font-size:1rem; line-height:1.4rem}
.inquiry_wrap table tbody tr td select option {line-height:38px; height:38px}
.inquiry_wrap table tbody tr td select option::after {content:''; width:100%; height:1px; background-color:#333}
.inquiry_wrap .btn_wrap {background-color:#fff; }
.inquiry_wrap .btn_wrap .btn_submit {background-color:#eee; width:100%; max-width:1020px; height:69px; font-weight:400; font-size:1.3rem; line-height:69px; border:none; margin-top:2rem}
.inquiry_wrap .btn_wrap .btn_submit.on {background-color:#333; color:#fff}

#popup_all .popup_inner {max-width:354px; }
#popup_all .popup_inner h2 {font-size:1.2rem; text-align:center; margin-bottom:2rem; word-break: keep-all; }
#popup_all .btn_box .btn_popup_close {background: #194CB5; width: 100%; }
#popup_all .popup_wrap .popup_inner {overflow-y:hidden; }
#popup_all .cont_box {margin-bottom:1.2rem}

@media screen and (max-width:470px) {
  .sub_sec .sub_desc .lft_txt,.sub_sec .sub_desc .rgt_txt {display:block; width:100%; height:auto; margin:0 auto 1rem; float:unset}
}
/* --------------------------------//1:1 inquiry page end-------------------------------- */


/* --------------------------------map page-------------------------------- */
.sub_sec .map_wrap {width:100%; max-width:1020px; margin:0 auto; display:block; color:#fff}
.root_daum_roughmap .map_border {opacity:0!important}
.root_daum_roughmap .wrap_controllers {display:none!important}
.sub_sec .text_box {padding:2.4rem 0 1.6rem}
.sub_sec .text_box_02 {border-top:1px solid #e9e9e9; padding-bottom:10%}
.sub_sec .text_box h3,.sub_sec .text_box h4 {font-style:normal; font-weight:600; font-size:1.33rem; line-height:2rem; text-align:left; margin-bottom:9px}
.sub_sec .text_box h3.icon_map::before {content:''; display:inline-block; background:url(/images/about/icon_map.png) center center no-repeat; width:16px; height:23px; margin-right:4px; vertical-align:-4px}
.sub_sec .text_box p {color:#666; text-align:left; font-size:1rem; line-height:1.4rem}
.sub_sec .text_box .left_box,.sub_sec .text_box .right_box {width:48%; float:left; text-align:left}
.sub_sec .text_box .left_box {margin-right:4%}
.sub_sec .text_box .line2,.sub_sec .text_box .line4 {position:relative; width:16px; height:16px; background-color:#189771; border-radius:50%; display:inline-block; vertical-align:-3px; margin-left:6px}
.sub_sec .text_box .line2::after,.sub_sec .text_box .line4::after {content:'2'; width:16px; height:16px; position:absolute; top:0; left:4px; color:#fff; font-size:12px; line-height:18px}
.sub_sec .text_box .line4 {background-color:#00CBF4}
.sub_sec .text_box .line4::after {content:'4'}
@media screen and (max-width:640px) {
  .sub_sec .text_box .left_box,.sub_sec .text_box .right_box {float:unset; width:100%; display:block; margin-bottom:2.4rem}
  .sub_sec .text_box div p {margin-bottom:1rem}
  .sub_sec .text_box_02 {padding-bottom:0}
}
/* --------------------------------//map page end-------------------------------- */


/* --------------------------------service, privacy page-------------------------------- */
#service_cont,#privacy_cont {padding:0; text-align:left}
#service_cont h3,#privacy_cont h3 {font-style:normal; font-weight:600; font-size:1.33rem; line-height:2rem; text-align:left; margin-bottom:9px}
#service_cont section:first-child,#privacy_cont p:first-child {margin-top:3rem}
#service_cont p,#privacy_cont p {word-break:keep-all; color:#666; text-align:left; font-size:1rem; line-height:1.6rem; margin-bottom:3rem; }
#popup_all #service_cont p,#popup_all #privacy_cont p {padding:0 0 0 15px; }
#service_cont p > span,#privacy_cont p > span {padding-left:15px; display:inline-block; width:100%; box-sizing:border-box}
/* --------------------------------//service, privacy page end-------------------------------- */


/* ------------------- */
/* */
/* 20220708_미래수정 */
/* */
/* ------------------- */
@media screen and (max-width:730px) {
    #contents .sub_sec .noti_cont iframe {width: 100%; height: 240px; }
}


/* ------------------- */
/* */
/* 20220914_미래수정 */
/* */
/* ------------------- */
.sub_sec_02 .btm_cont .graph_wrap { width:100%; margin:20px auto 0}
.sub_sec_02 .btm_cont .graph_wrap ul {display: flex; justify-content: center; align-items: flex-end; gap: 0.5rem; width:100%; }
.sub_sec_02 .btm_cont .graph_wrap li {text-align:center; }
.sub_sec_02 .btm_cont .graph_wrap li:last-child {margin-right:0}
.sub_sec_02 .btm_cont .graph_wrap li > span {display:block}
.sub_sec_02 .btm_cont .graph_wrap li .graph {width:10px; margin: 1rem auto; background-color:#194CB5; border-radius:5px; }
.sub_sec_02 .btm_cont .graph_wrap li .amount {font-weight:700; font-size:.9rem; line-height:1.13rem; color:#194CB5}
.sub_sec_02 .btm_cont .graph_wrap li .year {font-weight:700; font-size:.9rem; line-height:1.13rem}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(1) .graph {height:35px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(2) .graph {height:39px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(3) .graph {height:48px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(4) .graph {height:51px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(5) .graph {height:56px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(6) .graph {height:69px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(7) .graph {height:66px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(8) .graph {height:56px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(9) .graph {height:51px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(10) .graph {height:46px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(11) .graph {height:40px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(12) .graph {height:74px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(13) .graph {height:99px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(14) .graph {height:115px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(15) .graph {height:109px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(16) .graph {height:106px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(17) .graph {height:123px}
.sub_sec_02 .btm_cont .graph_wrap li:nth-child(18) .graph {height:140px}
@media screen and (max-width: 640px) {
    .sub_sec_02 .btm_cont .graph_wrap {margin: 3rem auto 0; }
    .sub_sec_02 .btm_cont .graph_wrap ul {display: block; width: 220px; margin: 0 auto; }
    .sub_sec_02 .btm_cont .graph_wrap li {display: flex; align-items: center; justify-content: flex-start; }
    .sub_sec_02 .btm_cont .graph_wrap li:not(:last-child) {margin-bottom: 1.25rem; }
    .sub_sec_02 .btm_cont .graph_wrap li .amount {order: 3; margin-left: 0.5rem; }
    .sub_sec_02 .btm_cont .graph_wrap li .graph {order: 2; height:10px !important; margin: 0; background-color:#194CB5; border-radius:5px; }
    .sub_sec_02 .btm_cont .graph_wrap li .year {order: 1; width: 3rem; margin-right: 0.625rem; }
    .sub_sec_02 .btm_cont .graph_wrap li .year,
    .sub_sec_02 .btm_cont .graph_wrap li .amount {font-weight: 500; }
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(1) .graph {width:35px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(2) .graph {width:39px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(3) .graph {width:48px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(4) .graph {width:51px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(5) .graph {width:56px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(6) .graph {width:69px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(7) .graph {width:66px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(8) .graph {width:56px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(9) .graph {width:51px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(10) .graph {width:46px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(11) .graph {width:40px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(12) .graph {width:74px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(13) .graph {width:99px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(14) .graph {width:115px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(15) .graph {width:109px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(16) .graph {width:106px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(17) .graph {width:123px}
    .sub_sec_02 .btm_cont .graph_wrap li:nth-child(18) .graph {width:140px}
}


/* -------------------- */
/* ----20230428 수정---- */
/* -------------------- */
#contents .sub_sec .noti_cont {overflow-x: hidden; }


/* ------------------- */
/*                     */
/*  20231208_미래수정   */
/*                     */
/* ------------------- */
#contents .sitemap .inner {text-align: left; }
.sitemap {width: 100%; padding: 8rem 0; }
.sitemap h2 {margin-bottom: 4.5rem; font-size: 2.25rem; color: #000; }
.sitemap .inner {max-width: 1100px; }
.sitemap .depth_01 .d_main {display: none !important; }
.sitemap .depth_01 >li {display: flex; width: 100%; padding-bottom: 2rem; border-bottom: 1px solid #D2D2D2; }
.sitemap .depth_01 >li:not(:last-child) {margin-bottom: 2rem; }
.sitemap .depth_01 >li >a {display: block; width: 11.875rem; font-size: 1.875rem; font-weight: 700; color: #194CB5; }
.sitemap .depth_wrap {width: calc(100% - 11.875rem); }
.sitemap .depth_02 {display: flex; width: 100%; }
.sitemap .depth_02 .wid_25 {width: 10.625rem; }
.sitemap .depth_02 .wid_75 {width: calc(100% - 10.625rem); }
.sitemap .depth_02 >li >a {font-size: 1.4rem; }
.sitemap .depth_03 {display: flex; flex-wrap: wrap; }
.sitemap .depth_03 >li {width: 25%; margin-top: 1rem; }
.sitemap .depth_03 >li >a {font-size: 1.1rem; }
.sitemap .depth_03 >li >a::before {content: "-"; display: inline-block; margin-right: 0.25rem; }
.sitemap .hide_mo {display: none !important; }
.sitemap .actionMenuList.depth_03 li:last-child{width:auto;}

@media screen and (max-width: 1024px) {
    .sitemap .depth_03 >li {width: 33.33%; }
}/* md */
@media screen and (max-width: 767px) {
    .sitemap {padding: 8rem 0 4rem 0; }
    .sitemap h2 {margin-bottom: 2rem; font-size: 1.85rem; }
    .sitemap .depth_01 >li {display: block; }
    .sitemap .depth_01 >li >a {font-size: 1.5rem; }
    .sitemap .depth_wrap {width: 100%; }
    .sitemap .depth_02 {flex-wrap: wrap; }
    .sitemap .depth_02 >li {margin-top: 1rem; }
    .sitemap .depth_02 >li >a {font-size: 1.385rem; }
    .sitemap .depth_02 .wid_50_mo {width: 50%; }
    .sitemap .depth_02 .wid_100_mo {width: 100%; }
    .sitemap .depth_03 >li {width: 50%; }
    .sitemap .depth_03 >li >a {font-size: 1.25rem; }
}/* sm */