@charset "utf-8";

@import "/lib/css/sub2.css";

.main_skip{display:none;}
.sub_skip{display:block;}

#ref_total {position: relative;}

/*.tab_cont {display: none;}
.tab_cont.on {display: block;}*/

.hide {position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px;}
.mCSB_inside>.mCSB_container {margin: 0 20px 0 0 !important;}

#conts_app > div {position: relative;}

.sub {background-image: url('/images/main/main_background.jpg'); background-position: top; background-repeat: no-repeat; background-size: cover;}
.dark-mode .sub {background-image: url('/images/main/main_background_dark.jpg');}
.contents {width: 100%; max-width: 1280px; min-height: 85vh; margin: 0 auto; padding: 60px 0 98px;}
.contents.type2 {max-width: 100%;}
.com_sch_data_area.contents {padding: 0;}
.contents #sub {}
.contents #sub .sub_contents {}
.contents #sub .sub_contents .sub_cont_inner {display: flex; align-items: flex-start; justify-content: space-between; width: 100%;}
.contents #sub .sub_contents .sub_cont_inner > .box {}
.contents #sub .sub_contents .sub_cont_inner > .box.left {width: 300px; padding: 0 60px 0 0; background-image: url('/images/common/left_bg_icon.png'); background-position: top 4px right 10px; background-repeat: no-repeat;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu {}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu h2 {display: flex; align-items: center; justify-content: center; height: 146px; padding: 0 10px; margin: 0 0 20px; background-color: #2462c8; background-image: url('/images/common/left_tit_icon.png'); background-position: center; background-size: cover; background-repeat: no-repeat; font-weight: 600; font-size: 28px; color: #ffffff; border-radius: 10px; text-align: center; box-shadow: 4px 4px 8px rgba(26, 77, 160, 0.2); word-break: keep-all;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu.eng h2 {display: flex; align-items: center; justify-content: center; min-height: 120px; padding: 10px; font-size: 26px; line-height: 1.5;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul {border: 1px solid #c5c5c5; padding: 4px 19px 7px; background-color: #ffffff; border-radius: 10px;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li {}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a,
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a {display: block; border-bottom: 1px solid #dddddd; padding: 23px 9px 23px 6px;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a span {display: block; font-weight: 600; font-size: 18px; color: #666666; letter-spacing: -0.025em; transition: 0.3s ease-in-out;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a span {display: block; position: relative; padding: 0 30px 0 0; font-weight: 600; font-size: 18px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; transition: 0.3s ease-in-out;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li:last-child .util_line a,
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li:last-child > a {border-bottom: initial;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a.on {border-bottom: 2px solid #2462c8;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a.on span {font-size: 20px; color: #222222;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a:hover span,
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a:focus span {color: #222222;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a span::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 10px; height: 6px; background-color: #000000; mask-image: url("/images/sub/left_menu_ico.svg"); mask-position: center; mask-size: 100%; mask-repeat: no-repeat;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a.on span::after { width: 28px; height: 28px; transform: translateY(-50%) rotate(180deg); background-color: #2462c8; mask-image: url("/images/sub/left_menu_ico.svg"), linear-gradient(#fff, #fff); mask-size: auto; mask-composite: exclude; border-radius: 50%;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a.on {border-bottom: 2px solid #2462c8;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li.last > a.on {border-bottom: initial;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a.on span {font-size: 20px; color: #222222;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a:hover span,
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a:focus span {color: #222222;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul {}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li {border-bottom: 1px solid #dddddd; padding: 20px 12px;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li > ul {display: none !important;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li:last-child > ul > li:last-child {border-bottom: initial;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a {display: block; position: relative; padding: 0 0 0 17px; font-weight: 500; font-size: 18px; color: #444444; letter-spacing: -0.025em; word-break: keep-all; transition: 0.3s ease-in-out;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:before {content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; background-color: #444444; border-radius: 50%; transition: 0.3s ease-in-out;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a.on,
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:hover,
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:focus {color: #2462c8;}
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a.on:before,
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:hover:before,
.contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:focus:before {background-color: #2462c8;}
.contents #sub .sub_contents .sub_cont_inner > .box.right {width: calc(100% - 300px); padding: 10px 0 0;}

.contents #sub .sub_contents .menu_step_list_area {margin: 0 0 42px;}
.contents.type2 #sub .sub_contents .menu_step_list_area {width: 100%; max-width: 1200px; margin: 0 auto 42px;}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area {}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area {position: relative;}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li {position: relative; margin: 0 18px 0 0; padding: 0 29px 0 0; font-weight: 500; font-size: 16px; color: #444444; text-decoration: underline;}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li:after {content: ''; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; background-color: #444444; mask-image: url('/images/common/sub_arr_right.svg'); mask-position: left center; mask-size: 16px; mask-repeat: no-repeat; transform: translateY(-50%);}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li:nth-last-child(2) {margin: 0; padding: 0;}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li:nth-last-child(2):after {display: none;}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li:last-child {display: none; }
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li:last-child:after {display: none;}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li:nth-last-child(2) {margin: 0 !important; padding: 0 !important;}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li .home {display: block; position: relative; padding: 0 2px 0 35px; transition: 0.3s ease-in-out; border-radius: 4px;}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li .home:hover,
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li .home:focus,
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li .page_navi_1:hover,
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li .page_navi_1:focus  {background-color: #eef2f7;}
.contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li .home:before {content: ''; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; background-color: #444444; mask-image: url('/images/common/sub_home.svg'); mask-position: left center; mask-size: 18px; mask-repeat: no-repeat; transform: translateY(-50%);}
.contents #sub .sub_contents .sub_title_area {margin: 0 0 38px;}
.contents.type2 #sub .sub_contents .sub_title_area {width: 100%; max-width: 1200px; margin: 0 auto 38px;}
.contents #sub .sub_contents .sub_title_area .inner_box {display: flex; align-items: center; justify-content: space-between;}
.contents #sub .sub_contents .sub_title_area .inner_box .box {}
.contents #sub .sub_contents .sub_title_area .inner_box .box.left {position: relative;}
.contents #sub .sub_contents .sub_title_area .inner_box .box.left h2 {font-weight: 600; font-size: 36px; color: #222222; letter-spacing: -0.01em;}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right {}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area {}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list {display: flex; align-items: center; justify-content: flex-start;}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li {position: relative; margin: 0 30px 0 0; padding: 0 31px 0 0;}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 26px; background-color: #e5e5e5; transform: translateY(-50%);}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li:last-child {margin: 0 !important; padding: 0 !important;}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li:last-child:after {display: none;}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li .btn {display: flex; align-items: center; justify-content: center; position: relative; width: 24px; height: 22px; padding: 0 2px; border-radius: 4px; transition: 0.3s ease-in-out;}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li .btn:hover,
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li .btn:focus {background-color: #eef2f7;}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li .btn img {display: block;}
.contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li .btn img.dark {display: none;}

.share_pop_cont {display: none; position: absolute; top: 40px; right: -46px; width: 100%; min-width: 200px; z-index: 2;}
.share_pop_cont.active {display: block;}
.share_pop_cont .share_pop_cont_area {position: relative; padding: 9px 0 0;}
.share_pop_cont .share_pop_cont_area::before,
.share_pop_cont .share_pop_cont_area::after { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 0; border-style: solid;}
.share_pop_cont .share_pop_cont_area::before { top: 0; border-width: 0 10px 10px 10px; border-color: #e1e3e6 transparent; z-index: 0;}
.share_pop_cont .share_pop_cont_area::after { top: 1px; border-width: 0 9.5px 9.5px 9.5px; border-color: #ffffff transparent; z-index: 1;}
.share_pop_cont .share_pop_cont_area .sns_list_area {border: 1px solid #e1e3e6; padding: 20px; background-color: #ffffff; border-radius: 10px;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row { display: flex; justify-content: space-between; align-items: flex-start;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row > * { margin: 0 20px 0 0;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row > *:last-child { margin: 0 !important;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li {width: calc(50% - 10px); margin: 20px 20px 0 0;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li:nth-child(-n+2) {margin: 0 20px 0 0;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li:nth-child(2n) {margin: 20px 0 0;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li:nth-child(2) {margin: 0;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn,
.share_pop_cont .share_pop_cont_area .sns_list_area .row .share_pop_close_area .share_pop_close {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; transition: all 0.3s ease-in-out;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn {background-color: #222222;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.naver:hover,
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.naver:focus { background-color: #34AD3A;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.facebook:hover,
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.facebook:focus { background-color: #3273B9;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.twitter:hover,
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.twitter:focus { background-color: #040000;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url:hover,
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url:focus { background-color: #F0F4F8;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url img {}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url img.hover { display: none;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url:hover img,
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url:focus img { display: none;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url:hover img.hover,
.share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url:focus img.hover { display: block;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .share_pop_close_area {}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .share_pop_close_area .share_pop_close { background-color: #666666;}
.share_pop_cont .share_pop_cont_area .sns_list_area .row .share_pop_close_area .share_pop_close:hover,
.share_pop_cont .share_pop_cont_area .sns_list_area .row .share_pop_close_area .share_pop_close:focus { background-color: #1A4DA0;}


.contact_list_area { margin: 40px 0 0; border-top: 1px solid #e8e8e8; padding: 40px 0 0;}
.contact_list_area > .list { display: flex;}
.contact_list_area > .list > li { position: relative; margin: 0 34px 0 0; padding: 0 35px 0 0; font-size: 0;}
.contact_list_area > .list > li::after { content: ''; position: absolute; top: calc((30px - 18px) / 2); right: 0; width: 1px; height: 18px; border-right: 1px dashed #999999;}
.contact_list_area > .list > li:last-child { margin: 0; padding: 0;}
.contact_list_area > .list > li:last-child::after { display: none;}
.contact_list_area > .list > li > * { display: inline-block; font-weight: 500; font-size: 18px; line-height: 30px; letter-spacing: -0.025em; vertical-align: middle;}
.contact_list_area > .list > li .tit { margin: 0 8px 0 0; position: relative; padding: 0 0 0 32px; background-position: left center; background-repeat: no-repeat; color: #2462c8;}
.contact_list_area > .list > li .tit::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: #2462c8; mask-position: center; mask-size: 100%; mask-repeat: no-repeat;}
.contact_list_area > .list > li .tit.user::before { width: 16px; height: 18px; mask-image: url("/images/sub/greeting_icon01.svg");}
.contact_list_area > .list > li .tit.tel::before { width: 17px; height: 17px; mask-image: url("/images/sub/greeting_icon02.svg");}
.contact_list_area > .list > li .tit.email::before { width: 18px; height: 14px; mask-image: url("/images/sub/greeting_icon03.svg");}
.contact_list_area > .list > li .tit.email:hover,
.contact_list_area > .list > li .tit.email:focus .text {text-decoration: underline;}
.contact_list_area > .list > li .txt { color: #666666;}

/*공통 주요 타이틀*/
.cont_title_area {position: relative;}
.cont_title_area.mb { margin: 0 0 35px;}
.cont_title_area .title { font-weight: 700; font-size: 24px; line-height: 36px; color: #222222;}
.cont_title_area .title.type1 { display: inline-block; position: relative; padding: 0 28px 0 0;}
.cont_title_area .title.type1::before,
.cont_title_area .title.type1::after { content: ''; position: absolute; top: 7px; width: 6px; height: 6px; border-radius: 50%;}
.cont_title_area .title.type1::before { right: 10px; background-color: #2462c8;}
.cont_title_area .title.type1::after { right: 0; background-color: #e14467;}
.cont_title_area > .row { display: flex; justify-content: space-between; align-items: center;}
.cont_title_area > .row .text { font-weight: 500; font-size: 18px; color: #666666;}

/*공통 주요 내용 텍스트*/
.cont_text_area {word-break: keep-all;}
.cont_text_area.mab { margin: 0 0 35px;}
.cont_text_area > .list {}
.cont_text_area > .list > li { margin: 0 0 7px;}
.cont_text_area > .list > li:last-child { margin: 0 !important;}
.cont_text_area > .list > li.mb {margin: 0 0 20px;}
.cont_text_area > .list > li .text,
.cont_text_area > .list > li.sty2 .ico {font-weight: 500; font-size: 17px; line-height: 25px; color: #666666;}
.cont_text_area > .list > li.sty2 { display: flex;}
.cont_text_area > .list > li.sty2 .ico { margin: 0 6px 0 0; white-space: nowrap;}
.cont_text_area > .list > li.fc_sty {}
.cont_text_area > .list > li.fc_sty.fc_blue { color: #2462c8;}
.cont_text_area > .list > li.fc_sty.fc_red { color: #e14467;}
.cont_text_area > .list > li.fc_sty > * { color: inherit !important;}
.cont_text_area > .list > li.ft_w { font-weight: 600;}
.cont_text_area > .list > li.ft_w > * { font-weight: inherit !important;}
/*텍스트 내 링크 있을 경우*/
.cont_text_area > .list > li .com_link { display: block; color: inherit;}
.cont_text_area > .list > li .com_link[target="_blank"]::after { content: ''; display: inline-block; margin: 0 0 0 10px; width: 16px; height: 16px; background-color: #444444; mask-image: url("/images/sub/com_link_ico.svg"); mask-position: center; mask-size: 100%; mask-repeat: no-repeat; vertical-align: middle;}

/*공통 리스트*/
.cont_list_area {}
.cont_list_area > .list {}
.cont_list_area > .list > li {position: relative; margin: 0 0 36px; border-bottom: 1px solid #e8e8e8; padding: 0 0 34px;}
.cont_list_area > .list > li:last-child { margin: 0;}
.cont_list_area > .list > li.bor_n,
.cont_list_area.type1 > .list > li:last-child { border-bottom: none !important; padding: 0;}
.cont_list_area > .list > li .cont_title_area { margin: 0 0 18px;}
.cont_list_area > .list > li .cont_title_area.mab { margin: 0 0 32px;}
.cont_list_area > .list > li .cont_area {}
.cont_list_area > .list > li.bor_n.mb {margin: 0 0 36px;}


.board_table_area {position: relative; border-top: 1px solid #2462c8;}
#vot_pop_cont  .board_table_area {overflow: hidden; overflow-y: auto; max-height: 400px;}
.vot_pop_cont  .board_table_area {overflow: hidden; overflow-y: auto; max-height: 400px;}
.info_data_list_area.cut .board_table_area {display: none; border-top: 1px solid #d6e0eb;}
.board_table_area .table_area {width: 100%; table-layout: fixed;}
.board_table_area .table_area thead {background-color: #eef2f7;}
.board_table_area .table_area thead tr {border-bottom: 1px solid #d6e0eb;}
.board_table_area .table_area thead tr th {padding: 13px 5px; font-weight: 500; font-size: 18px; color: #222222; letter-spacing: -0.01em; text-align: center;}
.board_table_area .table_area tbody {}
.board_table_area .table_area tbody tr {border-bottom: 1px solid #dddddd;}
.board_table_area .table_area tbody tr th {padding: 13px 25px; background-color: #eef2f7; font-weight: 500; font-size: 18px; color: #222222; letter-spacing: -0.01em; text-align: left;}
.board_table_area .table_area tbody tr th .red {color: #ff0000;}
.dark-mode .board_table_area .table_area tbody tr th .red {color: #ebadb2;}
.info_data_list_area .board_table_area .table_area tbody tr th {padding: 13px 25px;}
.board_table_area .table_area tbody tr td {padding: 13px 5px; font-weight: 500; font-size: 16px; color: #666666; letter-spacing: -0.01em; text-align: center;}
.board_table_area.type2 .table_area tbody tr td {padding: 13px 20px;}
.info_data_list_area .board_table_area.type1 .table_area tbody tr td {padding: 13px 10px 13px 20px; text-align: left;}
.board_table_area .table_area tbody tr td .green {font-weight: 600; color: #148e2e;}
.board_table_area .table_area tbody tr td .ft_c {color: #2462c8;}
.board_table_area .table_area tbody tr td .ft_c2 {color: #028760;}
.board_table_area .table_area tbody tr td .ft_c3 {color: #2462c8;}
.board_table_area .table_area tbody tr td .ft_c4 {color: #2462c8;}
.board_table_area .table_area tbody tr td .ft_c5 {color: #108a2e;}
.board_table_area .table_area tbody tr td .ft_c6 {color: #1a79a0;}
.board_table_area .table_area tbody tr td .ft_c7 {color: #00b2b9;}
.board_table_area .table_area tbody tr td .ft_c8 {color: #532cb4;}
.board_table_area .table_area tbody tr td .blue {font-weight: 700; color: #2462c8;}
.board_table_area .table_area tbody tr td .blue2 {font-weight: 700; color: #2d4c8b;}
.board_table_area .table_area tbody tr td .gray {font-weight: 700; color: #666666;}
.board_table_area .table_area tbody tr td:last-child {border-right: initial;}
.board_table_area .table_area tbody tr td.tl {text-align: left;}
.board_table_area .table_area tbody tr td .title_area {display: flex; align-items: center; justify-content: flex-start;}
.board_table_area .table_area tbody tr td .title_area .title {display: inline-block; position: relative;}
.board_table_area .table_area tbody tr td .title_area .title.file {padding: 0 35px 0 0;}
.board_table_area .table_area tbody tr td .title_area .title.icon {padding: 0 0 0 30px;}
.board_table_area .table_area tbody tr td .title_area .title .tit {position: initial; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;}
.board_table_area .table_area tbody tr td .title_area .title .tit:hover,
.board_table_area .table_area tbody tr td .title_area .title .tit:focus {text-decoration: underline;}
.board_table_area .table_area tbody tr td .title_area .title .tit.lock {position: relative; padding: 0 0 0 30px;}
.board_table_area .table_area tbody tr td .title_area .title .tit.lock:before {content: ''; position: absolute; top: 50%; left: 0;width: 24px; height: 24px; background-color: #333333; mask-image: url('/images/sub/certified.svg'); mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translateY(-50%);}
.dark-mode .board_table_area .table_area tbody tr td .title_area .title .tit.lock:before {background-color: #ffffff;}
.board_table_area .table_area tbody tr td .title_area .title .tit .ft_c3 {display: inline-block; margin: 0 7px 0 0; padding: 0 10px; background-color: #2462c8; color: #ffffff; border-radius: 4px;}
.board_table_area .table_area tbody tr td .title_area .title .file {display: inline-block; position: absolute; top: 50%; right: 0; width: 20px; height: 18px; transform: translateY(-50%);}
/*.board_table_area .table_area tbody tr td .title_area .title .file:before {content: ''; position: absolute; top: 0; left: 0;width: 100%; height: 100%; background-color: #333333; mask-image: url('/images/board/file_ico.svg'); mask-position: center; mask-repeat: no-repeat; border-radius: 4px;}*/
.board_table_area .table_area tbody tr td .title_area .title .tit .icon {display: block; position: absolute; top: 1px; left: 0; width: 22px; height: 22px; font-weight: 700; font-size: 12px; line-height: 20px; color: #ffffff; border-radius: 50%; text-align: center;}
.board_table_area .table_area tbody tr td .title_area .title .tit .icon.icon01 {border: 1px solid #386fa3; background-color: #4b8ecc;}
.board_table_area .table_area tbody tr td .title_area .title .tit .icon.icon02 {border: 1px solid #264073; background-color: #2d4c8b;}
.board_table_area .table_area tbody tr td .title_area .title .text {margin: 4px 0 0; font-weight: 500; font-size: 15px; color: #666666;}
.board_table_area .table_area tbody tr td .textarea_type1 {}

/*게시판 버튼*/
.btn{padding: 8px 10px;border-radius: 6px;}
.btn.remove{border: 1px solid #f04279;color: #f04279;}
.dark-mode .btn.remove{border: 1px solid #ebadb2;color:#ebadb2;}
.btn.remove:hover{background:#f04279;color:#fff;}
.dark-mode .btn.remove:hover{background:#ebadb2;color:#fff;}

.board_table_area .table_area tbody tr td .file_area {display: flex; align-items: center; justify-content: flex-start;}
.board_table_area .table_area tbody tr td .file_area .inp {width: calc(100% - 130px); margin: 0 10px 0 0;}
.board_table_area .table_area tbody tr td .file_area .file_btn {display: inline-block; min-width: 120px; padding: 0 15px; background-color: #2462c8; border-radius: 8px;}
.dark-mode .board_table_area .table_area tbody tr td .file_area .file_btn {background-color: #519dee;}
.board_table_area .table_area tbody tr td .file_area .file_btn .text {display: inline-block; position: relative; padding: 0 0 0 34px; font-weight: 500; font-size: 16px; line-height: 52px; color: #ffffff;}
.board_table_area .table_area tbody tr td .file_area .file_btn .text:before {content: ''; position: absolute; top: 50%; left: 0; width: 20px; height: 18px; background-color: #ffffff; mask-image: url('/images/board/file_ico.svg'); mask-position: center; mask-size: 20px 18px; mask-repeat: no-repeat; transform: translateY(-50%);}

.com_table_cont2 .table_cont .table_area tbody tr td .file_area {display: flex; align-items: center; justify-content: flex-start;}
.com_table_cont2 .table_cont .table_area tbody tr td .file_area .inp {width: calc(100% - 130px); margin: 0 10px 0 0;}
.com_table_cont2 .table_cont .table_area tbody tr td .file_area .file_btn {display: inline-block; min-width: 120px; padding: 0 15px; background-color: #2462c8; border-radius: 8px;}
.dark-mode .com_table_cont2 .table_cont .table_area tbody tr td .file_area .file_btn {background-color: #519dee;}
.com_table_cont2 .table_cont .table_area tbody tr td .file_area .file_btn .text {display: inline-block; position: relative; padding: 0 0 0 34px; font-weight: 500; font-size: 16px; line-height: 52px; color: #ffffff;}
.com_table_cont2 .table_cont .table_area tbody tr td .file_area .file_btn .text:before {content: ''; position: absolute; top: 50%; left: 0; width: 20px; height: 18px; background-color: #ffffff; mask-image: url('/images/board/file_ico.svg'); mask-position: center; mask-size: 20px 18px; mask-repeat: no-repeat; transform: translateY(-50%);}

.com_table_cont2 .table_cont .table_area tbody tr td .file_btn2 {display: inline-block; min-width: 120px; margin: 0 0 7px; padding: 0 15px; background-color: #444444; border-radius: 6px; text-align: center;}
.com_table_cont2 .table_cont .table_area tbody tr td .file_btn2.blue {margin: 0; background-color: #2458ae;}
.com_table_cont2 .table_cont .table_area tbody tr td .file_btn2.blue.ml {margin: 0 0 0 7px;}
.dark-mode .com_table_cont2 .table_cont .table_area tbody tr td .file_btn2 {background-color: #444444;}
.dark-mode .com_table_cont2 .table_cont .table_area tbody tr td .file_btn2.blue {background-color: #444444;}
.com_table_cont2 .table_cont .table_area tbody tr td .file_btn2 .text {display: inline-block; font-weight: 500; font-size: 16px; line-height: 42px; color: #ffffff;}


.board_table_area .table_area tbody tr td .file_data_list_area {margin: 16px 0 0;}
.board_table_area .table_area tbody tr td .file_data_list_area .list {}
.board_table_area .table_area tbody tr td .file_data_list_area .list li {display: flex; align-items: center; justify-content: flex-start; margin: 0 0 7px;}
.board_table_area .table_area tbody tr td .file_data_list_area .list li:last-child {margin: 0;}
.board_table_area .table_area tbody tr td .file_data_list_area .list li .text {display: inline-block; margin: 0 10px 0 0; font-weight: 500; font-size: 16px; color: #222222;}
.board_table_area .table_area tbody tr td .file_data_list_area .list li .btn {display: block; width: 24px; height: 24px; background-image: url('/images/sub/file_close_icon.svg'); background-position: center; background-repeat: no-repeat;}

.board_table_area  .table_area tbody tr.blue td {color: #2462c8;}
.board_table_area > .text {font-weight: 500; font-size: 16px; color: #666666; text-align: right;}
.board_table_area > .text.blue {position: relative; padding: 0 0 0 15px; color: #2462c8; text-align: left;}
.board_table_area > .text.blue .icon {position: absolute; top: 0; left: 0;}
.board_table_area > .text.mt {margin: 15px 0 0;}
.board_table_area > .text.mt2 {margin: 10px 0 0;}
.board_table_area .table_area tbody tr td .title_area .file_pop_cont { display: none; position: absolute; top: 32px; right: -80px; width: 180px; padding: 9px 0 0; z-index: 1;}
.board_table_area .table_area tbody tr td .title_area.on .file_pop_cont {display: block;}
.board_table_area .table_area tbody tr td .title_area .file_pop_cont::before,
.board_table_area .table_area tbody tr td .title_area .file_pop_cont::after { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 0; border-style: solid;}
.board_table_area .table_area tbody tr td .title_area .file_pop_cont::before { top: 0; border-width: 0 10px 10px 10px; border-color: #b1b8be transparent; z-index: 0;}
.board_table_area .table_area tbody tr td .title_area .file_pop_cont::after { top: 1px; border-width: 0 9.5px 9.5px 9.5px; border-color: #ffffff transparent; z-index: 1;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area { position: relative; border: 1px solid #b1b8be; padding: 16px; background-color: #ffffff; border-radius: 10px;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .title {display: block; margin: 0 0 12px; font-weight: 700; font-size: 18px; line-height: 27px; color: #222222; text-align: left;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area {}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area > .list {}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area > .list > li { margin: 0 0 10px;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area > .list > li:last-child { margin: 0;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area > .list > li .down_btn { display: block; position: relative; padding: 0 0 0 25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #222222; word-break: break-all;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area > .list > li .down_btn::before { content: ''; position: absolute; top: calc((24px - 18px) / 2); left: 0; width: 18px; height: 18px; border: 1px solid #b1b8be; mask-position: center; mask-size: 100%; mask-repeat: no-repeat; border-radius: 4px; box-sizing: border-box;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area > .list > li .down_btn.excel::before { background-image: url("/images/board/file_ico_excel.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area > .list > li .down_btn.pdf::before {  background-image: url("/images/board/file_ico_pdf.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area > .list > li .down_btn.hwp::before {  background-image: url("/images/board/file_ico_hwp.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area > .list > li .down_btn.etc::before {  background-image: url("/images/board/file_ico_etc.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .file_pop_close { display: block; position: absolute; top: 21px; right: 16px; width: 14px; height: 14px;}
.board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .file_pop_close::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #999999; mask-image: url("/images/board/file_pop_close.svg"); mask-position: center; mask-size: 100%; mask-repeat: no-repeat;}

.type_list_cont {display: none; border-top: 1px solid #eaeaea;}
.type_list_cont > .list {display: flex; align-items: flex-start; justify-content: space-between; flex: 1;}
.type_list_cont > .list > li {width: 33.3333%; border-right: 1px solid #eaeaea; padding: 25px 0;}
.type_list_cont > .list.last > li {width: 100%;}
.type_list_cont > .list.last2 > li {width: 50%;}
.type_list_cont > .list > li:last-child {border-right: inherit;}
.type_list_cont.type1 > .list > li {width: 100%;}
.type_list_cont > .list > li > .title_area {margin: 0 0 5px; padding: 0 30px;}
.type_list_cont > .list > li:nth-child(2) > .title_area {margin: 0 0 5px;}
.type_list_cont > .list.last > li:last-child > .title_area {margin: 0 0 5px;}
.type_list_cont > .list > li > .title_area .title {font-weight: 600; font-size: 17px; color: #222222;}
.type_list_cont > .list > li > .type_list_area {overflow-y: auto; height: 186px;/*height: 276px;*/}
.type_list_cont > .list.last > li > .type_list_area {height: inherit;}
.type_list_cont > .list > li > .type_list_area .list {}
.type_list_cont > .list > li > .type_list_area .list > li {padding: 0 10px;}
.type_list_cont > .list > li:last-child > .type_list_area {padding: 0 20px;}
.type_list_cont > .list > li:nth-child(2) > .type_list_area {padding: 0;}
.type_list_cont > .list.last > li > .type_list_area {padding: 10px 0;}
.type_list_cont > .list.last > li:last-child > .type_list_area .list > li {border-right: 1px solid #eaeaea; padding: 0 10px;}
.type_list_cont > .list.last > li:last-child > .type_list_area .list > li:nth-child(-n+3) {padding: 0 10px;}
.type_list_cont > .list.last > li:last-child > .type_list_area .list > li:nth-child(3n) {border-right: inherit;}
.type_list_cont > .list > li > .type_list_area .list > li .sch_label_area {display: block; position: relative; cursor: pointer;}
.type_list_cont > .list > li > .type_list_area .list > li .sch_label_area .type_btn {display: block; width: 100%; border: inherit; padding: 0 20px; background-color: inherit; text-align: left; transition: 0.3s ease-in-out; cursor: pointer;}
.type_list_cont > .list > li > .type_list_area .list > li .sch_label_area .type_btn:before {content: ''; position: absolute; top: 50%; right: 20px; width: 16px; height: 16px; mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translateY(-50%);}
.type_list_cont > .list > li > .type_list_area .list > li .sch_label_area.on {background-color: #f8fafd; border-radius: 8px;}
.type_list_cont > .list > li > .type_list_area .list > li .sch_label_area.on .type_btn:before {display: block; background-color: #2462c8; mask-image: url('/images/board/chk2.svg');}
.type_list_cont > .list > li > .type_list_area .list > li .sch_label_area.on .type_btn:after {background-color: #2462c8;}
.type_list_cont > .list.last > li > .type_list_area .list > li .sch_label_area {}
.type_list_cont > .list > li > .type_list_area .list > li .sch_label_area .text {display: inline-block; position: absolute; top: 50%; left: 20px; font-weight: 500; font-size: 15px; line-height: 46px; color: #666666; transition: 0.3s ease-in-out; transform: translateY(-50%);}
.type_list_cont > .list > li > .type_list_area .list > li .sch_label_area:hover .text {color: #2462c8;}
.type_list_cont > .list > li > .type_list_area .list > li .sch_label_area.on .text {color: #2462c8;}
.type_list_cont > .list > li > .type_list_area .list > li .chk_area label .inp_chk {padding: 0;}
.type_list_cont > .list > li > .type_list_area .list > li .chk_area label .text {font-size: 15px;}
.type_list_cont > .list.last > li > .type_list_area .list {display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.type_list_cont > .list > li:last-child > .type_list_area .list > li {margin: 0 0 10px;}
.type_list_cont > .list > li:last-child > .type_list_area .list > li:last-child {margin: 0;}
.type_list_cont > .list.last > li > .type_list_area .list > li {margin: 0;}
.type_list_cont > .list.last > li:last-child > .type_list_area .list > li {width: 33.3333%;}
.type_list_cont > .list > li select {display: none;}f

.type_list_cont > .list > li > .type_list_area .chk_area label .text {font-size: 15px;}

.open_area {padding: 15px;}
.open_area .open_btn {display: inline-block; font-size: 0;}
.open_area .open_btn .text {display: inline-block; position: relative; padding: 0 35px 0 0; font-weight: 500; font-size: 17px; line-height: 1.5; color: #2462c8;}
.open_area .open_btn .text:after {content: ''; position: absolute; top: 50%; right: 0; width: 22px; height: 22px; border: 1px solid #2462c8; background-image: url('/images/sub/arr_down.svg'); background-position: center; background-size: 12px; background-repeat: no-repeat; border-radius: 4px; transform: translateY(-50%); transition: 0.3s ease-in-out;}
.open_area.on .open_btn .text:after {transform: rotate(180deg) translateY(50%);}

    /*국가표준 통계 리포트*/
.report-data-box{position: relative; margin-bottom: 60px;}
.report-data-box .txt {margin: 0 0 16px; font-weight: 600; font-size: 15px; color: #444444; text-align: right;}

.report-data-box ul{display: flex;align-items: center;flex-wrap: wrap;gap: 20px;}
.report-data-box li{display: flex;align-items: center;justify-content: center;flex:1;height: 160px;border-radius: 13px;text-align: center;}
.report-data-box li.col1{border: 1px solid #222222;}
.report-data-box li.col2{border: 1px solid #148e2e;}
.report-data-box li.col3{border: 1px solid #1c5d9b;}
.report-data-box li.col4{border: 1px solid #209d9d;}
.report-data-box .data{font-size: 48px;font-weight: 600;line-height: 62px;}
.report-data-box .col1 .data{color:#222222;}
.report-data-box .col2 .data{color:#148e2e;}
.report-data-box .col3 .data{color:#1c5d9b;}
.report-data-box .col4 .data{color:#209d9d;}
.report-data-box .tit{padding-top: 15px;font-size: 18px;font-weight: 500;}
.report-data-box .col1 .tit{color:#222222;}
.report-data-box .col2 .tit{color:#148e2e;}
.report-data-box .col3 .tit{color:#1c5d9b;}
.report-data-box .col4 .tit{color:#209d9d;}

.dark-mode .report-data-box li.col1{border:1px solid #fff;}
.dark-mode .report-data-box .col1 .data,
.dark-mode .report-data-box .col1 .tit{color:#fff;}

.dark-mode .con-title{color:#fff;}

.con-title{padding-bottom: 40px;font-weight: 600;font-size: 22px;font-weight: 500;color: #222222;}
.report-chart-box{display: flex;align-items: center;}
.report-chart-box .item{flex:auto;}
.report-chart-box .item + .item{margin-left: 40px;}
.item.bar{width: 30.92vw;}
#bar-chart{width:100%;height: 345px;}
#doughnut-chart{max-width: 280px;max-height: 280px; margin: auto;}
.legend{display: flex;align-items: center;justify-content: center;margin-top: 45px;}
.legend li{font-size: 15px;font-weight: 500;}
.legend li:before{content:'';display: inline-block;width: 16px;height: 4px;border-radius: 3px;margin-top: -2px;margin-right: 10px;vertical-align: middle;}
.legend li.col1:before{background:#148e2e}
.legend li.col2:before{background:#1c5d9b}
.legend li.col3:before{background:#209d9d}
.legend li + li{margin-left: 30px}
.legend li.col1{color:#148e2e}
.legend li.col2{color:#1c5d9b}
.legend li.col3{color:#209d9d}

/*컨텐츠 테이블*/
.board_table_area.c-tbl{overflow-x: auto;}
.board_table_area.c-tbl .table_area{min-width: 480px;}

.td_link {display: inline-block;}
.td_link .text {display: inline-block; position: relative; padding: 0 30px 0 0; font-weight: 500; font-size: 16px; line-height: 28px; color: #666666; text-decoration: underline;}
.td_link .text:after {content: ''; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; background-color: #666666; mask-image: url('/images/sub/table_link.svg'); mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translateY(-50%);}

.dark-mode .td_link .text {color: #999999;}
.dark-mode .td_link .text:after {background-color: #999999;}

/*포털 소개*/
.info-top{display: flex;align-items: center;height: 180px;padding:20px 50px;border-radius: 13px;background:url(/images/sub/info-top-bg.jpg) top center no-repeat;background-size: cover;word-break: keep-all;}
.info-top .title{font-size: 32px;font-weight: 600;line-height: 42px;color: #fff;}
.info-top .txt{padding-top: 12px;font-size: 17px;line-height: 24px;color: #fff;}
h3.con-tit{margin:60px 0 30px;font-size: 24px;font-weight: 700; color: #222222;}
h3.con-tit:before{content:'';display: block;width: 36px;height: 2px;margin-bottom: 12px;background:url(/images/sub/con-tit-ine-ic.png) 0 0 no-repeat;}

.portal-item-box{display: flex;flex-wrap: wrap;gap: 20px;word-break: keep-all;}
.portal-item-box dl{flex: 1;}
.portal-item-box dt{display: flex;align-items: center;justify-content: center;position: relative;height: 90px;padding: 0 35px;border-top-right-radius: 13px;border-top-left-radius: 13px;border:1px solid #2462c8;font-size: 20px;font-weight: 600;line-height: 26px;text-align: center;background-image:url(/images/sub/portal-item-head-bg1.png);    background-repeat: no-repeat;background-position: top center;background-size: cover;color:#194c8c}
.portal-item-box dt:before{position: absolute;top: -5px;left: -5px;width: 40px;height: 40px;box-shadow: 6px 0px 5px rgba(40, 47, 61, 0.2);border-radius: 6px;font-weight: 500;font-size: 16px;line-height: 40px;text-align: center;color: #fff;background: #2462c8;}
.portal-item-box dt .br{display: block}
.portal-item-box dl:first-child dt:before{content:'1';}
.portal-item-box dl:nth-child(2) dt:before{content:'2';}
.portal-item-box dl:nth-child(3) dt:before{content:'3';}
.portal-item-box dt:nth-child(2){background-image:url(/images/sub/portal-item-head-bg2.png);}
.portal-item-box dd{height: 100%;max-height: 185px;padding: 12px 20px;border-bottom-right-radius: 13px;border-bottom-left-radius: 13px;border:1px solid #d9d9d9;border-top:none;}
.portal-item-box li{position: relative;font-size: 17px;font-weight: 500;letter-spacing: -.4px;line-height: 24px; color: #666666;}
.portal-item-box li + li{margin-top: 12px;}
.portal-item-box li:before{content:'';position: absolute;top: 10px;left: 0;width: 4px;height: 4px;border-radius: 100%;background:#444444;}
.portal-item-box li span{display: inline-block;margin-left: 14px;}

.term-def-box{display: flex;flex-wrap: wrap;}
.term-def-box > div{display: flex;flex-wrap: wrap;align-items: center;width: calc(50% - 15px);height: 145px;padding: 15px 30px;border: 1px solid #d9d9d9;border-radius: 13px;}
.term-def-box > div:nth-child(2n+1){margin-right:30px}
.term-def-box > div:nth-child(n+3){margin-top: 20px;}
.term-def-box > div:nth-child(n+7){width:100%;margin-right: 0;}
.term-def-box dl{position: relative;padding-left: 105px;}
.term-def-box dl:before{content:'';position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 86px;height: 86px;border-radius: 100%;background-repeat: no-repeat;background-position: center;}
.term-def-box .col1 dl:before{ background-color: #ecf2fe;}
.term-def-box .col2 dl:before{ background-color: #def3e6;}
.term-def-box .type1 dl:before{background-image: url(/images/sub/term-def-ic1.png);background-size: 33px auto;}
.term-def-box .type2 dl:before{background-image: url(/images/sub/term-def-ic2.png);background-size: 30px auto;}
.term-def-box .type3 dl:before{background-image: url(/images/sub/term-def-ic3.png);background-size: 44px auto;}
.term-def-box .type4 dl:before{background-image: url(/images/sub/term-def-ic4.png);background-size: 38px auto;}
.term-def-box .type5 dl:before{background-image: url(/images/sub/term-def-ic5.png);background-size: 46px auto;}
.term-def-box .type6 dl:before{background-image: url(/images/sub/term-def-ic6.png);background-size: 47px auto;}
.term-def-box .type7 dl:before{background-image: url(/images/sub/term-def-ic7.png);background-size: 35px auto;}
.term-def-box dt{font-size: 22px;font-weight: 600;line-height: 26px;}
.term-def-box dd{padding-top: 12px;font-size: 17px;font-weight: 500;letter-spacing: -.4px;line-height: 24px;color: #666666;}
.term-def-box .col1 dt{color:#2462c8;}
.term-def-box .col2 dt{color:#108a2e;}

.standard-proposal-guide ul{display: flex;flex-wrap: wrap;}
.standard-proposal-guide li{display: flex;align-items: center;flex: 1;position: relative;}
.standard-proposal-guide .type1{padding-right: 35px;}
.standard-proposal-guide .type2{padding-left: 35px;}
.standard-proposal-guide .type2:before{content:'';position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1px;height: 100px;background: #d2d3d5;}
.standard-proposal-guide .num{display: inline-block;position: relative;width:140px;height:140px;border-radius: 100%;background-color:#fff;background-repeat: no-repeat;background-position: center}
.standard-proposal-guide .type1 .num{border:10px solid #ecf2fe ;background-image:url(/images/sub/guide-circle-bg1.png);}
.standard-proposal-guide .type2 .num{border:10px solid #dbf0e3;background-image:url(/images/sub/guide-circle-bg2.png);}
.standard-proposal-guide .num span{position: absolute;top: 5px;left: -10px;width: 40px;height: 40px;border-radius: 100%;font-size: 17px;font-weight: 500;line-height: 40px;box-shadow: 8px 0px 10px rgba(40, 47, 61, 0.2);background: #fff;text-align: center;}
.standard-proposal-guide .type1 .num span{border: 1px solid #2462c8;color: #2462c8;}
.standard-proposal-guide .type2 .num span{border: 1px solid #108a2e;color: #108a2e;}
.standard-proposal-guide p{position: relative;width: calc(100% - 140px);padding-left: 25px;font-size: 17px;font-weight: 500;line-height: 24px;color: #666666;}
.standard-proposal-guide .br{display: block}
.context{text-indent: -12px;padding-left: 20px;font-size: 17px;font-weight: 500;line-height: 24px;color: #666666;}
.context .num{display: inline-block;padding-right: 5px;}

/*포털 소개 다크모드*/
.dark-mode h3.con-tit{color: #fff;}
.dark-mode .term-def-box > div{border: 1px solid rgba(255, 255, 255, .3);}
.dark-mode .term-def-box .col1 dt{color: #5c9eff;}
.dark-mode .term-def-box .col2 dt{color: #30c060;}
.dark-mode .standard-proposal-guide .type2:before{background: rgba(255, 255, 255, .3);}
.dark-mode .standard-proposal-guide .type1 .num span{border: 1px solid #5c9eff;color: #5c9eff;}
.dark-mode .standard-proposal-guide .type2 .num span{border: 1px solid #30c060;color: #30c060;}
.portal-item-box dd{}
.dark-mode .portal-item-box li,
.dark-mode .term-def-box dd,
.dark-mode .standard-proposal-guide p,
.dark-mode .context{color: #ccc;}


.sub_tab_list_area {margin: 0 0 60px; border-top: 2px solid #444444;}
.sub_tab_list_area .list {display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #dddddd;}
.sub_tab_list_area .list li {}
.sub_tab_list_area .list li .btn {display: block; position: relative; width: 100%; padding: 0 25px;}
.sub_tab_list_area .list li .btn .text {display: inline-block;font-weight: 500;font-size: 20px;line-height: 80px;color: #666666;}
.sub_tab_list_area .list li.on .btn .text {color: #2462c8;}
.sub_tab_list_area .list li.on .btn:before {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #2462c8;}


.dark-mode .sub_tab_list_area {border-top: 2px solid #ffffff;}
.dark-mode .sub_tab_list_area .list {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.dark-mode .sub_tab_list_area .list li .btn .text {color: rgba(255, 255, 255, 0.5);}
.dark-mode .sub_tab_list_area .list li.on .btn .text {color: #5c9eff;}
.dark-mode .sub_tab_list_area .list li.on .btn:before {background-color: #5c9eff;}


.notice_list_area {position: relative; border-top: 1px solid #2462c8;}
.voting_area .notice_list_area .list_area {overflow-y: auto; max-height: 350px;}
.notice_list_area .list_area > .list {}
.notice_list_area .list_area > .list > li {border-bottom: 1px solid #dddddd;}
.notice_list_area .list_area > .list > li .no_data {padding: 12px 0; font-weight: 600; font-size: 16px; color: #444444; text-align: center;}
.notice_list_area .list_area > .list > li > .box {padding: 12px;}
.notice_list_area .list_area.scrap > .list > li > .box{display: flex;align-items: center;justify-content: space-between;}

.notice_list_area .list_area > .list > li > .box .title_area {display: block; position: relative; margin: 0 0 7px; font-size: 0;}
.notice_list_area .list_area > .list > li > .box .title_area .mark {margin: 0 0 12px;}
.notice_list_area .list_area > .list > li > .box .title_area .mark span {display: inline-block; padding: 0 7px; background-color: #2462c8; font-weight: 500; font-size: 14px; line-height: 24px; color: #ffffff; border-radius: 4px;}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area .mark span {background-color: #519dee;}
.notice_list_area .list_area > .list > li > .box .title_area > .mark span.ft_c {background-color: #2462c8;}
.notice_list_area .list_area > .list > li > .box .title_area > .mark_type_area {display: flex; align-items: center; justify-content: flex-start; margin: 0 0 7px;}
.notice_list_area .list_area > .list > li > .box .title_area > .mark_type_area .mark {position: relative; margin: 0 11px 0 0; padding: 0 11px 0 0;}
.notice_list_area .list_area > .list > li > .box .title_area > .mark_type_area .mark:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; background-color: #dddddd; transform: translateY(-50%);}
.notice_list_area .list_area > .list > li > .box .title_area > .mark_type_area .data_list_area {padding-top: 0;}
.notice_list_area .list_area > .list > li > .box .title_area > .mark_type_area .data_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.notice_list_area .list_area > .list > li > .box .title_area > .mark_type_area .data_list_area .list li {position: relative; margin: 0 7px 0 0; padding: 0 7px 0 0;}
.notice_list_area .list_area > .list > li > .box .title_area > .mark_type_area .data_list_area .list li:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 10px; background-color: #dddddd; transform: translateY(-50%);}
.notice_list_area .list_area > .list > li > .box .title_area > .mark_type_area .data_list_area .list li:last-child {margin: 0; padding: 0;font-weight: 600;color: #2462c8;}
.notice_list_area .list_area > .list > li > .box .title_area > .mark_type_area .data_list_area .list li:last-child:after {display: none;}
.notice_list_area .list_area > .list > li > .box .title_area.key {padding: 0 0 0 30px;}
.notice_list_area .list_area > .list > li > .box .title_area.type1 {padding: 0 0 0 30px;}
.notice_list_area .list_area > .list > li > .box .title_area.key:before {content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; background-image: url('/images/board/fix_icon.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; transform: translateY(-50%);}
.notice_list_area .list_area > .list > li > .box .title_area .title {display: inline-block; position: relative;}
.notice_list_area .list_area > .list > li > .box .title_area .title.file {padding: 0 35px 0 0;}
.notice_list_area .list_area > .list > li > .box .title_area .title.type1 {padding: 0 0 0 30px;}
.notice_list_area .list_area > .list > li > .box .title_area .title.lock {padding: 0 0 0 30px;}
.notice_list_area .list_area > .list > li > .box .title_area .title.lock:before {content: ''; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; background-color: #333333; mask-image: url('/images/sub/certified.svg'); mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translateY(-50%);}
.notice_list_area .list_area > .list > li > .box .title_area .title.lock.file {padding: 0 35px 0 30px;}
.notice_list_area .list_area > .list > li > .box .title_area .title .tit {display: -webkit-box;position: initial;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: 600; font-size: 18px; color: #444444;}
.notice_list_area .list_area > .list > li > .box .text-con-w .title_area .title .tit {display: block;}

.notice_list_area .list_area > .list > li > .box .title_area .title .tit.type1 {display: block; text-overflow: initial; -webkit-line-clamp: initial; -webkit-box-orient: initial; overflow: initial; word-break: keep-all;}
.notice_list_area .list_area > .list > li > .box .title_area .title.type2 {display: block; margin-top: 6px;}
.notice_list_area .list_area > .list > li > .box .title_area .title.type2 .tit {font-weight: 500;font-size: 16px;}
.notice_list_area .list_area > .list > li > .box .title_area .title .tit .icon {display: block; position: absolute; top: 50%; left: 0;  width: 22px; height: 22px; font-weight: 700; font-size: 12px; line-height: 20px; color: #ffffff; border-radius: 50%; text-align: center; transform: translateY(-50%);}
.notice_list_area .list_area > .list > li > .box .title_area .title .tit .icon.icon01 {border: 1px solid #386fa3; background-color: #4b8ecc;}
.notice_list_area .list_area > .list > li > .box .title_area .title .tit .icon.icon02 {border: 1px solid #264073; background-color: #2d4c8b;}
.notice_list_area .list_area > .list > li > .box .title_area .title .file {display: inline-block; position: absolute; top: 50%; right: 0; width: 20px; height: 18px; transform: translateY(-50%);}
.notice_list_area .list_area > .list > li > .box .title_area .title .file:before {content: ''; position: absolute; top: 50%; left: 0; width: 20px; height: 18px; background-color: #333333; mask-image: url('/images/board/file_ico.svg'); mask-position: center; mask-repeat: no-repeat; transform: translateY(-50%);}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont { display: none; position: absolute; top: 32px; right: -50px; width: 180px; padding: 9px 0 0; z-index: 1;}
.notice_list_area .list_area > .list > li > .box .title_area.on .file_pop_cont {display: block;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont::before,
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont::after { content: ''; display: block; position: absolute; left: 66%; transform: translateX(-50%); width: 0; border-style: solid;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont::before { top: 0; border-width: 0 10px 10px 10px; border-color: #b1b8be transparent; z-index: 0;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont::after { top: 1px; border-width: 0 9.5px 9.5px 9.5px; border-color: #ffffff transparent; z-index: 1;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area { position: relative; border: 1px solid #b1b8be; padding: 16px; background-color: #ffffff; border-radius: 10px;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .title {display: block; margin: 0 0 12px; font-weight: 700; font-size: 18px; line-height: 27px; color: #222222; text-align: left;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .item_area {}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .item_area > .list {}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .item_area > .list > li { margin: 0 0 10px;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .item_area > .list > li:last-child { margin: 0;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .item_area > .list > li .down_btn { display: block; position: relative; padding: 0 0 0 25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #222222; word-break: break-all;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .item_area > .list > li .down_btn::before { content: ''; position: absolute; top: calc((24px - 18px) / 2); left: 0; width: 18px; height: 18px; border: 1px solid #b1b8be; mask-position: center; mask-size: 100%; mask-repeat: no-repeat; border-radius: 4px; box-sizing: border-box;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .item_area > .list > li .down_btn.excel::before { background-image: url("/images/board/file_ico_excel.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .item_area > .list > li .down_btn.pdf::before {  background-image: url("/images/board/file_ico_pdf.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .item_area > .list > li .down_btn.hwp::before {  background-image: url("/images/board/file_ico_hwp.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .item_area > .list > li .down_btn.etc::before {  background-image: url("/images/board/file_ico_etc.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .file_pop_close { display: block; position: absolute; top: 21px; right: 16px; width: 14px; height: 14px;}
.notice_list_area .list_area > .list > li > .box .title_area .file_pop_cont .file_pop_area .file_pop_close::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #999999; mask-image: url("/images/board/file_pop_close.svg"); mask-position: center; mask-size: 100%; mask-repeat: no-repeat;}
.notice_list_area .list_area > .list > li > .box .title_area .file_area {margin: 7px 0 0;}
.notice_list_area .list_area > .list > li > .box .data_list_area {padding-top: 5px;}
.notice_list_area .list_area > .list > li > .box .data_list_area > .list {}
.notice_list_area .list_area > .list > li > .box .data_list_area > .list > li {font-weight: 500; font-size: 15px; color: #888888;}
.notice_list_area .list_area > .list > li > .box .data_list_area .list span{position: relative;margin-right: 10px}
.notice_list_area .list_area > .list > li > .box .data_list_area .list span + span:before{content:'';position: absolute;top: 50%;left: -7px;width: 1px;height: 12px;background-color: #dddddd;transform: translateY(-50%)}
.notice_list_area .list_area > .list > li > .box .text-con-w span {display: inline-block;position: relative; margin: 0 0 8px; padding: 0 10px; font-weight: 500; font-size: 15px; line-height: 28px; color: #ffffff; border-radius: 4px;}
.notice_list_area .list_area > .list > li > .box span.gray {background-color: #666666;}
.notice_list_area .list_area > .list > li > .box span.blue {background-color: #2462c8;}
.notice_list_area .list_area > .list > li > .box span.green {background-color: #068950;}
.notice_list_area .list_area > .list > li > .box span.blue2 {border: 1px solid #1a4da0;background-color: #ffffff; color: #1a4da0; margin-right:5px;}
.notice_list_area .list_area > .list > li > .box .text-con-w span.blue:after{content: '';position: absolute;top: 50%;right: -12px;width: 1px;height: 15px;background-color: #dddddd;transform: translateY(-50%);}
.notice_list_area .list_area > .list > li > .box .text-con-w span.num{margin-left:7px;font-weight: 600;font-size: 15px;color: #2462c8;}

.dark-mode .notice_list_area .list_area > .list > li > .box span.gray {background-color: #444444;}
.dark-mode .notice_list_area .list_area > .list > li > .box span.blue {background-color: #519dee;}
.dark-mode .notice_list_area .list_area > .list > li > .box span.green {background-color: #2462c8;}

.notice_list_area .list_area > .list > li > .box > span {display: inline-block; margin: 0 0 8px; padding: 0 10px; font-weight: 500; font-size: 14px; line-height: 26px; color: #ffffff; border-radius: 4px;}
.notice_list_area .list_area > .list > li > .box > span.gray {background-color: #666666;}
.notice_list_area .list_area > .list > li > .box > span.blue {background-color: #2462c8;}
.notice_list_area .list_area > .list > li > .box > span.green {background-color: #068950;}
.dark-mode .notice_list_area .list_area > .list > li > .box >  span.gray {background-color: #444444;}
.dark-mode .notice_list_area .list_area > .list > li > .box >  span.blue {background-color: #519dee;}
.dark-mode .notice_list_area .list_area > .list > li > .box > span.green {background-color: #2462c8;}
.notice_list_area .list_area > .list > li > .box .clipping_area {margin: 12px 0 0;}

.notice_list_area .list_area .text-con-w{padding-right: 20px;margin-right: 20px;}
.notice_list_area .list_area .clipping_area:before{content:'';position: absolute;top: 50%;transform: translateY(-50%);left: -25px;width: 1px;height: 30px;background: #ddd;}
.notice_list_area .list_area > .list > li > .box .clipping_area {position: relative;margin: 12px 0 0;}
.notice_list_area .list_area > .list > li > .btn_area {padding: 12px;}
.notice_list_area .list_area > .list > li > .btn_area .pop_btn {display: inline-block; width: 100%; padding: 0 10px; background-color: #068950; border-radius: 6px;}
.notice_list_area .list_area > .list > li > .btn_area .pop_btn .text {display: inline-block; padding: 0 0 0 30px; background-image: url('/images/sub/vot_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 700; font-size: 14px; line-height: 40px; color: #ffffff;}
.notice_list_area .list_area > .list > li > .btn_area .pop_btn2 {display: inline-block; width: 100%; padding: 0 10px; background-color: #2462c8; border-radius: 6px;}
.dark-mode .notice_list_area .list_area > .list > li > .btn_area .pop_btn2 {background-color: #519dee;}
.notice_list_area .list_area > .list > li > .btn_area .pop_btn2 .text {display: inline-block; padding: 0 0 0 30px; background-image: url('/images/sub/calendar2.svg'); background-position: left center; background-repeat: no-repeat; font-weight: 700; font-size: 14px; line-height: 40px; color: #ffffff;}
.dark-mode .notice_list_area .list_area > .list > li > .btn_area .text {background-image: url('/images/sub/calendar3.svg');}
.notice_list_area .list_area > .list > li > .btn_area .pop_btn3 {display: inline-block; width: 100%; padding: 0 10px; background-color: #444444; border-radius: 6px;}
.dark-mode .notice_list_area .list_area > .list > li > .btn_area .pop_btn3 {background-color: #131416;}
.notice_list_area .list_area > .list > li > .btn_area .pop_btn3 .text {display: inline-block; padding: 0 0 0 30px; background-image: url('/images/sub/calendar4.svg'); background-position: left center; background-repeat: no-repeat; font-weight: 700; font-size: 14px; line-height: 40px; color: #ffffff;}
.dark-mode .notice_list_area .list_area > .list > li > .btn_area .pop_btn3 .text {background-image: url('/images/sub/calendar5.svg');}



@media screen and (max-width: 1280px) {
    .contents {padding: 50px 24px 90px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left {display: none;}
    .contents #sub .sub_contents .sub_cont_inner > .box.right {width: 100%;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left {width: 290px; padding: 0 50px 0 0; background-size: 172px auto;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu h2 {height: 110px; font-size: 28px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul {padding: 4px 14px 7px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a {padding: 23px 9px 23px 6px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a span {padding: 0 26px 0 0; font-size: 16px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a.on span { font-size: 18px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a.on span::after { width: 26px; height: 26px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a {padding: 23px 9px 23px 6px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a span {padding: 0 28px 0 0; font-size: 16px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a.on span {font-size: 18px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li {padding: 16px 10px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li > a {padding: 0 0 0 17px; font-size: 16px;}

}


@media screen and (max-width: 1280px) {

    .contents #sub .sub_contents .menu_step_list_area {margin: 0 0 37px;}
    .contents.type2 #sub .sub_contents .menu_step_list_area {margin: 0 auto 37px;}
    .contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li {margin: 0 16px 0 0; padding: 0 24px 0 0;}
    .contents #sub .sub_contents .sub_title_area {margin: 0 0 32px;}
    .contents.type2 #sub .sub_contents .sub_title_area {margin: 0 auto 32px;}
    .contents #sub .sub_contents .sub_title_area .inner_box .box.left h2 {font-size: 32px;}
    .contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li {margin: 0 26px 0 0; padding: 0 27px 0 0;}

    .share_pop_cont { right: -51px;}

    .contact_list_area { margin: 35px 0 0; padding: 35px 0 0;}
    .contact_list_area > .list > li { margin: 0 24px 0 0; padding: 0 25px 0 0;}
    .contact_list_area > .list > li::after { top: calc((27px - 16px) / 2); height: 16px;}
    .contact_list_area > .list > li > * { font-size: 16px; line-height: 27px;}
    .contact_list_area > .list > li .tit { padding: 0 0 0 26px;}
    .contact_list_area > .list > li .tit.user::before { width: 13px; height: 16px;}
    .contact_list_area > .list > li .tit.tel::before { width: 14px; height: 14px;}
    .contact_list_area > .list > li .tit.email::before { width: 15px; height: 11px;}

    /*공통 주요 타이틀*/
    .cont_title_area.mb { margin: 0 0 30px;}
    .cont_title_area .title { font-size: 22px; line-height: 33px;}
    .cont_title_area .title.type1 { padding: 0 24px 0 0;}
    .cont_title_area > .row .text { font-size: 16px;}

    /*공통 주요 내용 텍스트*/
    .cont_text_area.mab { margin: 0 0 30px;}
    .cont_text_area > .list > li.mb {margin: 0 0 15px;}
    .cont_text_area > .list > li .text,
    .cont_text_area > .list > li.sty2 .ico { font-size: 15px; line-height: 22px;}
    /*텍스트 내 링크 있을 경우*/
    .cont_text_area > .list > li .com_link[target="_blank"]::after { margin: 0 0 0 6px; width: 14px; height: 14px;}

    /*공통 리스트*/
    .cont_list_area > .list > li { margin: 0 0 32px; padding: 0 0 30px;}
    .cont_list_area > .list > li .cont_title_area { margin: 0 0 14px;}
    .cont_list_area > .list > li .cont_title_area.mab { margin: 0 0 28px;}
    .cont_list_area > .list > li.bor_n.mb {margin: 0 0 32px;}

    .board_table_area .table_area thead tr th {padding: 10px 5px; font-size: 16px;}
    .board_table_area .table_area tbody tr th {padding: 10px 20px; font-size: 16px;}
    .info_data_list_area .board_table_area .table_area tbody tr th {padding: 10px 20px;}
    .board_table_area .table_area tbody tr td {padding: 10px 5px; font-size: 15px;}
    .board_table_area.type2 .table_area tbody tr td {padding: 10px 20px;}
    .info_data_list_area .board_table_area.type1 .table_area tbody tr td {padding: 10px 10px 10px 20px;}
    .board_table_area .table_area tbody tr td .title_area .title.file {padding: 0 30px 0 0;}
    .board_table_area .table_area tbody tr td .title_area .title.icon {padding: 0 0 0 25px;}
    .board_table_area .table_area tbody tr td .title_area .title .tit.lock {padding: 0 0 0 25px;}
    .board_table_area .table_area tbody tr td .title_area .title .tit.lock:before {width: 20px; height: 20px;}
    .board_table_area .table_area tbody tr td .title_area .title .file {width: 18px; height: 16px;}
    .board_table_area .table_area tbody tr td .title_area .title .tit .icon {width: 20px; height: 20px; line-height: 18px;}

    .board_table_area .table_area tbody tr td .file_data_list_area {margin: 12px 0 0;}
    .board_table_area .table_area tbody tr td .file_data_list_area .list li .text {font-size: 15px;}
    .board_table_area .table_area tbody tr td .file_data_list_area .list li .btn {width: 20px; height: 20px;}

    .board_table_area > .text {font-size: 15px;}
    .board_list_area > .list > li .box .title_area .inner_box .file_area .file_pop_cont {top: 24px; right: -3px; left: auto; transform: translateX(0);}
    .board_list_area > .list > li .box .title_area .inner_box .file_area .file_pop_cont::before,
    .board_list_area > .list > li .box .title_area .inner_box .file_area .file_pop_cont::after {right: 8px; left: auto; transform: translateX(0);}
    .board_list_area > .list > li .box .title_area .inner_box .file_area .file_pop_cont::after {right: 9px;}
    .board_list_area > .list > li .box .title_area .inner_box .file_area .file_pop_cont .file_pop_area {padding: 12px;}
    .board_list_area > .list > li .box .title_area .inner_box .file_area .file_pop_cont .file_pop_area .item_area > .list > li .down_btn {font-size: 15px; line-height: 22px;}

    .item.bar {width: 55.92vw;}

    .board_table_area .table_area tbody tr td .file_area .file_btn {padding: 0 10px; border-radius: 6px;}
    .board_table_area .table_area tbody tr td .file_area .file_btn .text {font-size: 15px; line-height: 48px;}

    .com_table_cont2 .table_cont .table_area tbody tr td .file_area .file_btn {padding: 0 10px; border-radius: 6px;}
    .com_table_cont2 .table_cont .table_area tbody tr td .file_area .file_btn .text {font-size: 15px; line-height: 48px;}

    .com_table_cont2 .table_cont .table_area tbody tr td .file_btn2 {padding: 0 10px;}


}

@media screen and (max-width: 1024px) {
    .contents {padding: 40px 16px 70px;}

    .contents #sub .sub_contents .sub_title_area .inner_box .box.left h2 {font-size: 26px;}
    .contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li { margin: 0; padding: 0;}
    .contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li::after { display: none;}
    .contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li.print { display: none;}

    .share_pop_cont { right: 0;}
    .share_pop_cont .share_pop_cont_area::before,
    .share_pop_cont .share_pop_cont_area::after { left: inherit; transform: inherit;}
    .share_pop_cont .share_pop_cont_area::before { right: 11px;}
    .share_pop_cont .share_pop_cont_area::after { right: 12px;}
    .share_pop_cont .share_pop_cont_area .sns_list_area { border-radius: 6px;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.naver { background-color: #34AD3A;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.facebook { background-color: #3273B9;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.twitter { background-color: #040000;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url { background-color: #F0F4F8;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url img { display: none;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url img.hover { display: block;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .share_pop_close_area .share_pop_close { background-color: #1A4DA0;}


    .contact_list_area { margin: 40px 0 0; padding: 15px 0 0;}

    /*공통 주요 타이틀*/
    .cont_title_area.mb { margin: 0 0 25px;}
    .cont_title_area .title { font-size: 20px; line-height: 30px;}
    .cont_title_area .title.type1 { padding: 0 20px 0 0;}
    .cont_title_area .title.type1::before,
    .cont_title_area .title.type1::after { width: 5px; height: 5px;}
    .cont_title_area .title.type1::before { right: 8px;}
    .cont_title_area > .row .text { font-size: 14px;}

    /*공통 주요 내용 텍스트*/
    .cont_text_area.mab { margin: 0 0 25px;}

    /*공통 리스트*/
    .cont_list_area > .list > li { margin: 0 0 28px; padding: 0 0 26px;}
    .cont_list_area > .list > li .cont_title_area.mab { margin: 0 0 24px;}
    .cont_list_area > .list > li.bor_n.mb {margin: 0 0 28px;}

    .user_pop_cont .cont_list_area > .list > li .com_table_cont {display: none;}
    .user_pop_cont .cont_list_area > .list > li .com_table_cont2 {display: block;}

    .com_cont_list_area > .list > li > .text_area .title{font-size: 18px;line-height: 24px;}
    .com_cont_list_area > .list > li > .text_area .text_list_area .list li{font-size: 16px;line-height: 22px;}

    .board_table_area .table_area {display: block;}
    .board_table_area .table_area thead {display: block;}
    .board_table_area .table_area tbody {display: block;}
    .board_table_area .table_area tbody tr {display: block;}
    .board_table_area .table_area thead tr {display: none;}
    .board_table_area .table_area tbody tr th {display: block; padding: 10px 15px;}
    .board_table_area .table_area tbody tr td {display: block;}
    .board_table_area.type2 .table_area tbody tr td {padding: 10px 15px;}
    .board_table_area.type1 .table_area tbody tr td {padding: 10px 15px;}
    .board_table_area .table_area tbody tr td .title_area .title.file {padding: 0 25px 0 0;}


    .report-data-box {margin: 0 0 50px;}
    .report-data-box li{height: 140px;}
    .report-data-box .data{font-size: 38px;line-height: 50px;}
    .report-data-box .tit{padding-top: 10px}
    .report-chart-box{flex-wrap: wrap;}
    .item.bar{width:100%;}
    .item.doughnut{width:100%;}
    .report-chart-box .item + .item{margin-top: 40px;margin-left: 0;}
    .con-title{padding-bottom: 20px;font-size: 18px;}

    /*컨텐츠 테이블*/
    .com_cont_list_area > .list > li > .table_list_area .board_table_area .table_area{display: table;}
    .com_cont_list_area > .list > li > .table_list_area .board_table_area .table_area thead{display: table-header-group;}
    .com_cont_list_area > .list > li > .table_list_area .board_table_area .table_area thead tr{display: table-row;}
    .com_cont_list_area > .list > li > .table_list_area .board_table_area .table_area tbody{display: table-row-group;}
    .com_cont_list_area > .list > li > .table_list_area .board_table_area .table_area tbody tr{display: table-row;}
    .com_cont_list_area > .list > li > .table_list_area .board_table_area.c-tbl .table_area tbody tr td{display: table-cell;}


    .type_list_cont > .list.last > li:last-child > .type_list_area .list > li {padding: 0 10px 0 0;}
    .type_list_cont > .list.last > li:last-child > .type_list_area .list > li:nth-child(-n+3) {padding: 0 10px 0 0;}
    .type_list_cont > .list.last > li:last-child > .type_list_area .list > li:nth-child(3n) {border-right: inherit;}

    .sch_popcont_area .type_list_cont > .list > li > .type_list_area {display: none;}
    .sch_popcont_area .type_list_cont > .list > li > select {display: block;}
    .sch_popcont_area .type_list_cont > .list > li:last-child > select {display: none;}
    .sch_popcont_area .type_list_cont > .list > li:first-child > select {display: block;}
    .sch_popcont_area .type_list_cont > .list > li:nth-child(2) > select {display: block;}
    .sch_popcont_area .type_list_cont > .list.last > li:last-child > select {display: block;}
    .sch_popcont_area .type_list_cont > .list > li:nth-child(3) > .type_list_area {display: block;}

    .report-data-box ul {flex-wrap: inherit; gap: 10px;}
    .report-data-box .tit {font-size: 16px;}

    .board_table_area .table_area tbody tr td .file_area .file_btn .text {line-height: 44px;}
    .com_table_cont2 .table_cont .table_area tbody tr td .file_area .file_btn .text {line-height: 44px;}

    .com_table_cont2 .table_cont .table_area tbody tr td .file_btn2 {padding: 0 10px;}

    /*포털 소개*/
    .info-top{padding: 20px 40px;}
    .info-top .title{font-size: 26px;line-height: 36px;}
    .info-top .txt{font-size: 16px;line-height: 22px;}
    h3.con-tit{margin: 50px 0 25px;font-size: 22px;}
    .portal-item-box dt{font-size: 17px;line-height: 24px;}
    .portal-item-box dt:before{width: 35px;height: 35px;line-height: 35px;}
    .portal-item-box dt .br,
    .standard-proposal-guide .br{display: inline;}
    .portal-item-box dd{padding: 14px 20px;}
    .portal-item-box li{font-size: 15px;line-height: 22px;}
    .portal-item-box li:before{top: 7px;}
    .portal-item-box li span{ margin-left: 10px;}
    .standard-proposal-guide p{font-size: 16px;}
    .term-def-box dl:before{width: 78px;height: 78px;}
    .term-def-box .type1 dl:before{background-size: 28px auto;}
    .term-def-box .type2 dl:before{background-size: 25px auto;}
    .term-def-box .type3 dl:before{background-size: 39px auto;}
    .term-def-box .type4 dl:before{background-size: 33px auto;}
    .term-def-box .type5 dl:before{background-size: 41px auto;}
    .term-def-box .type6 dl:before{background-size: 40px auto}
    .term-def-box .type7 dl:before{background-size: 29px auto;}
    .standard-proposal-guide .num{width: 125px;height: 125px;}
    .standard-proposal-guide .type1 .num{border: 8px solid #ecf2fe;background-size: 90px auto;}
    .standard-proposal-guide .type2 .num{border: 8px solid #dbf0e3;background-size: 90px auto;}
    .term-def-box > div{padding:20px;}
    .term-def-box dt{font-size: 18px;line-height: 24px;}
    .term-def-box dd{padding-top: 10px;font-size: 16px;}
    .context{font-size: 16px;}

    .sub_tab_list_area {margin: 0 0 50px;}
    .sub_tab_list_area .list li {margin: 0 15px 0 0;}
    .sub_tab_list_area .list li .btn {padding: 0 25px;}
    .sub_tab_list_area .list li .btn .text {font-size: 18px;line-height: 70px;}

}

@media screen and (max-width: 767px) {
    .contents #sub .sub_contents .box.right .menu_step_list_area {margin: 0 0 30px;}
    .contents.type2 #sub .sub_contents .box.right .menu_step_list_area {margin: 0 auto 30px;}
    .contents #sub .sub_contents .box.right .menu_step_list_area .nav_step_list_area .state_list_area .list li {margin: 0 12px 0 0; padding: 0 24px 0 0; font-size: 15px;}
    .contents #sub .sub_contents .box.right .sub_title_area {margin: 0 0 24px;}
    .contents.type2 #sub .sub_contents .box.right .sub_title_area {margin: 0 auto 24px;}
    /*.contents #sub .sub_contents .box.right .sub_title_area .inner_box .box.left h2 {font-size: 28px;}*/
    .contents #sub .sub_contents .sub_title_area .inner_box .box.left h2 {font-size: 22px;}

    .share_pop_cont { top: 36px; min-width: 144px;}
    .share_pop_cont .share_pop_cont_area { padding: 7px 0 0;}
    .share_pop_cont .share_pop_cont_area::before { border-width: 0 8px 8px 8px;}
    .share_pop_cont .share_pop_cont_area::after { border-width: 0 7.5px 7.5px 7.5px;}
    .share_pop_cont .share_pop_cont_area .sns_list_area {padding: 12px;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row > * { margin: 0 12px 0 0;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li {width: calc(50% - 6px); margin: 12px 12px 0 0;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li:nth-child(-n+2) {margin: 0 12px 0 0;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li:nth-child(2n) {margin: 12px 0 0;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li:nth-child(2) {margin: 0;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn,
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .share_pop_close_area .share_pop_close {width: 32px; height: 32px;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.naver img { width: 20px;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.facebook img { width: 7px;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.twitter img { width: 11px;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url img { width: 20px;}
    .share_pop_cont .share_pop_cont_area .sns_list_area .row .share_pop_close_area .share_pop_close img { width: 10px;}


    .contact_list_area { margin: 30px 0 0; padding: 30px 0 0;}
    .contact_list_area > .list { display: block; margin: 0 0 14px; padding: 0 0 15px; border-bottom: 1px dashed #999999;}
    .contact_list_area > .list:last-child {margin: 0; padding: 0; border-bottom: initial;}
    .contact_list_area > .list > li { margin: 0 0 14px; padding: 0 0 15px; border-bottom: 1px dashed #999999;}
    .contact_list_area > .list > li:last-child { border-bottom: none;}
    .contact_list_area > .list > li::after { display: none;}
    .contact_list_area > .list > li .tit { padding: 0 0 0 21px;}

    .notice_list_area .list_area > .list > li > .box .text-con-w span{font-size: 14px;line-height: 26px;}
    .notice_list_area .list_area > .list > li > .box .title_area .title .tit{font-size: 16px;}
    .notice_list_area .list_area > .list > li > .box .title_area .title .tit.type2{font-size: 15px;}
    .notice_list_area .list_area > .list > li > .box .data_list_area > .list > li{font-size: 14px;}
    .notice_list_area .list_area .text-con-w{padding-right: 15px;margin-right: 15px;}
    .notice_list_area .list_area .clipping_area:before{left: -15px;}

    .notice_list_area .list_area.scrap > .list > li > .box .text-con-w span.blue:after{content:none;}
    .notice_list_area .list_area.scrap > .list > li > .box .text-con-w span.num{width: 100%;margin-left: 0;padding-left: 0;}


    /*공통 주요 타이틀*/
    .cont_title_area.mb { margin: 0 0 20px;}

    /*공통 주요 내용 텍스트*/
    .cont_text_area.mab { margin: 0 0 20px;}

    /*공통 리스트*/
    .cont_list_area > .list > li { margin: 0 0 24px; padding: 0 0 22px;}
    .cont_list_area > .list > li .cont_title_area.mab { margin: 0 0 20px;}
    .cont_list_area > .list > li.bor_n.mb {margin: 0 0 24px;}

    .report-data-box {margin: 0 0 40px;}
    .report-data-box .data{font-size: 30px;line-height: 38px;}
    .report-data-box .txt {margin: 0 0 12px; }


    /*포털 소개*/
    .info-top{height: auto;padding: 35px 30px;}
    .info-top .title{font-size: 20px;line-height: 32px;}
    .info-top .txt{font-size: 15px;line-height: 20px;}
    h3.con-tit{margin-bottom: 20px;font-size: 20px;}
    .portal-item-box dl{flex: auto;}
    .portal-item-box dl + dl{margin-top: 15px;}
    .portal-item-box dt{height: 80px;padding: 0 28px;font-size: 16px;line-height: 20px;}
    .portal-item-box dt:before{width: 32px;height: 32px;font-size: 14px;line-height: 32px;}
    .portal-item-box dd{height: auto;max-height: 100%;padding: 14px;}
    .portal-item-box li + li{margin-top: 10px;}
    .term-def-box dl{padding-left: 95px;}
    .term-def-box dl:before{width: 72px;height: 72px;}
    .term-def-box .type1 dl:before{background-size: 24px auto;}
    .term-def-box .type2 dl:before{background-size: 22px auto;}
    .term-def-box .type3 dl:before{background-size: 32px auto;;}
    .term-def-box .type4 dl:before{background-size: 29px auto;}
    .term-def-box .type5 dl:before{background-size: 35px auto;}
    .term-def-box .type6 dl:before{background-size: 32px auto;}
    .term-def-box .type7 dl:before{background-size: 25px auto;}
    .term-def-box dd{ font-size: 15px;line-height: 22px;}
    .term-def-box > div{width: 100%;height: auto;}
    .term-def-box > div:nth-child(n+2){margin-top:15px}
    .term-def-box > div:nth-child(2n+1){margin-right: 0;}
    .standard-proposal-guide li{flex:auto}
    .standard-proposal-guide .type2:before{top: 0;left: 0;transform: initial;width: 100%;height: 1px;}
    .standard-proposal-guide .type1{padding-right: 0;padding-bottom:18px;}
    .standard-proposal-guide .type2{padding-left: 0;padding-top:18px;}
    .standard-proposal-guide p{width: calc(100% - 130px);padding-left: 20px;font-size: 15px;line-height: 22px;}
    .standard-proposal-guide .type1 .num{border: 6px solid #ecf2fe;background-size: 83px auto;}
    .standard-proposal-guide .type2 .num{border: 6px solid #dbf0e3;background-size: 83px auto;}
    .standard-proposal-guide .num{width: 110px;height: 110px;}
    .standard-proposal-guide .num span{left: -8px;width: 35px;height: 35px; font-size: 16px;line-height: 35px;}
    .context{ font-size: 15px;line-height: 22px;}

    .notice_list_area .list_area > .list > li > .box .clipping_area .btn {display: block; width: 100%;}

    .sub_tab_list_area {margin: 0 0 40px;}
    .sub_tab_list_area .list li {margin: 0;}
    .sub_tab_list_area .list li .btn {padding: 15px;}
    .sub_tab_list_area .list li .btn .text {font-size: 16px;line-height: 1.5;}

}

@media screen and (max-width: 480px) {
    .contents {padding: 30px 16px 50px;}
    .contents #sub .sub_contents .sub_cont_inner > .box.right {padding: 0;}
    .contents #sub .sub_contents .box.right .menu_step_list_area {margin: 0 0 24px;}
    .contents #sub .sub_contents .sub_title_area .inner_box .box.left h2 {font-size: 20px;}

    .report-data-box {flex-wrap: wrap;}
    .report-data-box li{flex: auto; width:calc(50% -  5px);height: auto;padding: 12px; border-radius: 8px;}
    .report-data-box .data{font-size: 24px;line-height: 34px;}
    .report-data-box .tit{padding-top: 5px;}

    .notice_list_area .list_area .text-con-w{padding-right: 0;margin-right: 0;}
    .notice_list_area .list_area > .list > li > .box {padding: 12px 0;}
    .notice_list_area .list_area.scrap > .list > li > .box{display: block;}
    .notice_list_area .list_area .clipping_area:before{content:none;}

}

@media screen and (max-width: 360px) {
    .contents {padding: 25px 12px 40px;}
}
/* 다크모드 */
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left {background-image: url('/images/common/left_bg_icon_dark.png');}
/*.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu h2 {border: 1px solid #020f27; background-color: #020f27; color: #519dee;}*/
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul {border: 1px solid rgba(255,255, 255, 0.5); background-color: #131416;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a {border-bottom: 1px solid rgba(255,255, 255, 0.5);}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a span { color: rgba(255, 255, 255, 0.7);}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a:hover span,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a:focus span { color: #ffffff;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > a.on span { color: #ffffff;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li:last-child > .util_line a,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li:last-child > a {border-bottom: initial;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a.on,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:hover,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:focus {color: #519dee;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:before { background-color: rgba(255, 255, 255, 0.7);}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a.on:before,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:hover:before,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:focus:before {background-color: #519dee;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a span {color: rgba(255, 255, 255, 0.7);}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a.on span,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:hover span,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li a:focus span {color: #519dee;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a.on {border-bottom: 1px solid #519dee;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a span { color: rgba(255, 255, 255, 0.7);}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a:hover span,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a:focus span {color: #ffffff;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a.on span {color: #ffffff;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a span::after {background-color: rgba(255,255,255,0.7);}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a:hover span::after,
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a:focus span::after {background-color: #ffffff;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > .util_line a.on span::after {background-color: #519dee;}
.dark-mode .contents #sub .sub_contents .sub_cont_inner > .box.left #left_menu > ul > li > ul > li {border-bottom: 1px solid rgba(255,255, 255, 0.5);}

.dark-mode .contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li {color: #ffffff;}
.dark-mode .contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li a {color: #ffffff;}
.dark-mode .contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li .home:before {background-color: #ffffff;}
.dark-mode .contents #sub .sub_contents .menu_step_list_area .nav_step_list_area .state_list_area .list li:after {background-color: #ffffff;}
.dark-mode .contents #sub .sub_contents .sub_title_area .inner_box .box.left h2 {color: #ffffff;}
.dark-mode .contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li:after {background-color: rgba(255, 255, 255, 0.7);}
.dark-mode .contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li .btn img {display: none;}
.dark-mode .contents #sub .sub_contents .sub_title_area .inner_box .box.right .sub_top_list_area > .list > li .btn img.dark {display: block;}
.dark-mode .share_pop_cont .share_pop_cont_area .sns_list_area {border: 1px solid rgba(255, 255, 255, 0.7); background-color: #131416;}
.dark-mode .share_pop_cont .share_pop_cont_area::before { border-color: rgba(255, 255, 255, 0.7) transparent;}
.dark-mode .share_pop_cont .share_pop_cont_area::after { border-color:  #131416 transparent;}
.dark-mode .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url img { display: block !important;}
.dark-mode .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url img.hover { display: none !important;}


.dark-mode .contents #sub .sub_contents .contact_list_area { border-top: 1px solid rgba(255, 255, 255, 0.7);}
.dark-mode .contents #sub .sub_contents .contact_list_area > .list > li::after { border-right: 1px dashed rgba(255, 255, 255, 0.7);}
.dark-mode .contents #sub .sub_contents .contact_list_area > .list > li .tit { color: #519dee}
.dark-mode .contents #sub .sub_contents .contact_list_area > .list > li .tit::before { background-color: #519dee;}
.dark-mode .contents #sub .sub_contents .contact_list_area > .list > li .txt { color: rgba(255, 255, 255, 0.7);}

/*공통 주요 타이틀*/
.dark-mode .cont_title_area .title { color: #ffffff;}
.dark-mode .cont_title_area .title.type1::before { background-color: #519dee;}
.dark-mode .cont_title_area .title.type1::after { background-color: #ebadb2;}
.dark-mode .cont_title_area > .row .text { color: rgba(255, 255, 255, 0.7);}

/*공통 주요 내용 텍스트*/
.dark-mode .cont_text_area > .list > li .text,
.dark-mode .cont_text_area > .list > li.sty2 .ico { color: rgba(255, 255, 255, 0.7);}
.dark-mode .cont_text_area > .list > li.fc_sty.fc_blue { color: #519dee;}
/*텍스트 내 링크 있을 경우*/
.dark-mode .cont_text_area > .list > li .com_link[target="_blank"]::after { background-color: rgba(255, 255, 255, 0.7);}

/*공통 리스트*/
.dark-mode .cont_list_area > .list > li { border-bottom: 1px solid rgba(255, 255, 255, 0.7);}

.dark-mode .board_table_area {border-top: 1px solid #444444;}
.dark-mode .board_table_area .table_area thead {background-color: #2e2e2e;}
.dark-mode .board_table_area .table_area thead tr {border-bottom: 1px solid #424242;}
.dark-mode .board_table_area .table_area thead tr th {color: #ffffff;}
.dark-mode .board_table_area .table_area tbody {}
.dark-mode .board_table_area .table_area tbody tr {border-bottom: 1px solid #424242;}
.dark-mode .board_table_area .table_area tbody tr th {background-color: #2e2e2e; color: #ffffff;}
.dark-mode .board_table_area .table_area tbody tr td {color: #666666;}
.dark-mode .board_table_area .table_area tbody tr td .ft_c {color: #519dee;}
.dark-mode .board_table_area .table_area tbody tr td .ft_c2 {}
.dark-mode .board_table_area .table_area tbody tr td .ft_c3 {color: #519dee;}
.dark-mode .board_table_area .table_area tbody tr td .title_area .title .tit {color: #ffffff;}
.dark-mode .board_table_area .table_area tbody tr td .title_area .title .tit .ft_c3 {background-color: #519dee;}
.dark-mode .board_table_area .table_area tbody tr td .no_data {color: #ffffff;}


.dark-mode .board_table_area  .table_area tbody tr.blue td {color: #2462c8;}
.dark-mode .board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area {border-color: rgba(255, 255, 255, 0.5); background-color: #1c2124;}
.dark-mode .board_table_area .table_area tbody tr td .file_pop_cont::before {border-color: rgba(255, 255, 255, 0.5) transparent;}
.dark-mode .board_table_area .table_area tbody tr td .file_pop_cont::after {border-color: #1c2124 transparent}
.dark-mode .board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .title {color: #ffffff;}
.dark-mode .board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .item_area > .list > li .down_btn {color: #ffffff;}
.dark-mode .board_table_area .table_area tbody tr td .file_pop_cont .file_pop_area .file_pop_close::before {background-color: #ffffff;}


.dark-mode .board_table_area .table_area tbody tr td .file_data_list_area .list li .text {color: rgba(255, 255, 255, 0.5);}

.dark-mode .notice_list_area {border-top: 1px solid #d6e0eb;}
.dark-mode .notice_list_area .list_area > .list > li {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.dark-mode .notice_list_area .list_area > .list > li .no_data {color: #ffffff;}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area.key:before {background-image: url('/images/board/fix_icon_dark.svg');}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area .title .tit {color: #ffffff;}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area > .mark span {}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area > .mark span.ft_c {background-color: #519dee;}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area .title .file:before {background-color: #ffffff;}
.dark-mode .notice_list_area .list_area > .list > li > .box .data_list_area > .list > li {color: #888888;}

.dark-mode .notice_list_area .list_area > .list > li > .box .title_area .title .file_pop_cont .file_pop_area {border-color: rgba(255, 255, 255, 0.5); background-color: #1c2124;}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area .title .file_pop_cont::before {border-color: rgba(255, 255, 255, 0.5) transparent;}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area .title .file_pop_cont::after {border-color: #1c2124 transparent}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area .title .file_pop_cont .file_pop_area .title {color: #ffffff;}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area .title .file_pop_cont .file_pop_area .item_area > .list > li .down_btn {color: #ffffff;}
.dark-mode .notice_list_area .list_area > .list > li > .box .title_area .title .file_pop_cont .file_pop_area .file_pop_close::before {background-color: #ffffff;}

.dark-mode .notice_list_area .list_area > .list > li > .box .title_area .title.lock:before {background-color: #ffffff;}

@media screen and (max-width: 1024px) {
    /* 다크모드 */
    .dark-mode .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.naver,
    .dark-mode .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.facebook,
    .dark-mode .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.twitter,
    .dark-mode .share_pop_cont .share_pop_cont_area .sns_list_area .row .list_area .list li .sns_btn.url { background-color: #222222;}
    .dark-mode .share_pop_cont .share_pop_cont_area .sns_list_area .row .share_pop_close_area .share_pop_close { background-color: #666666;}
}

@media screen and (max-width: 767px) {
}