/* 레이아웃 */
.sub_wrap { padding-bottom: 100px; }
.inner { max-width: 1610px; padding: 0 20px; margin: 0 auto; }
.title { font-size: 48px; font-weight: 700; text-align: center; margin: 65px auto 45px; }
.sub_title { font-size: 32px; font-weight: 700; margin-bottom: 20px; color: #083e88; }
.sub_title2 { font-size: 32px; font-weight: 700; margin-bottom: 20px; color: #333; }
.point_tit { display: block; font-size: 18px; font-weight: 700; margin-bottom: 10px; color: #008bbf}
.title_bar { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; color: #3c4654; margin-bottom: 16px; }
.title_bar:has(+ .txt_basic2) { margin-bottom: 0; }
.title_bar::before { content: ''; width: 3px; height: 27px; background: #083e88; }
.title_bar2 { display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 700; color: #1a1c1e; margin-bottom: 20px; }
.title_bar2::before { content: ''; width: 3px; height: 26px; background: #00aeef; }
.title_bar2 span { font-size: 18px; font-weight: 500; color: #73787f; }
.txt_basic { font-size: 18px; font-weight: 500; color: #444; margin-bottom: 100px; margin-top: 30px; }
.txt_basic2 { font-size: 18px; font-weight: 500; color: #666; margin-left: 10px; margin-top: -16px; }
.img_wrap img { width: 100%; height: 100%; object-fit: cover; }
.img_box img { max-width: 100%; }
.dot { display: flex; align-items: center; gap: 10px; font-size: inherit; font-weight: inherit; color: inherit; }
.dot::before { content: ''; width: 4px; height: 4px; background: #083e88; flex-shrink: 0; }
.ft_line { text-decoration: underline; display: block; }
.mt50 { margin-top: 50px; }
.mt20 { margin-top: 20px; }
.pdl0 { padding-left: 0 !important; }

/* 에디터 비디오테그 크기조절 */
.ckeditor-html5-video video{ width:100%; }

/* 텍스트말줄임 */
.text_wrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: inherit; color: inherit; font-weight: inherit; }
.text_wrap2 { overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: inherit; color: inherit; font-weight: inherit; }

/* 폼태그 */
input[type=text] { min-width: 300px; height: 50px; background: #f6f7f8; font-size: 16px; font-weight: 500; padding: 16px 50px 19px 20px; }
input[type=text]::placeholder {color: #8e8e8e; }
input[type=text].type1 { width: 100%; height: 45px; background: #fff; border: 1px solid #cdcdcd; padding: 16px 20px; }
textarea { width: 100%; min-height: 278px; border: 1px solid #cdcdcd; padding: 12px 20px; overflow: auto; font-size: 16px; font-weight: 500; }
textarea::placeholder { font-size: inherit; font-weight:inherit; color: #666; line-height: 1.75; }
.select_wrap { position: relative; }
.select_wrap select { min-width: 120px; height: 50px; background: #f6f7f8; padding:0 20px; font-size: 16px; font-weight: 500; color: #8e8e8e;}
.select_wrap::before { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 12px; height: 8px; background: url(../images/sub/btn_drop.png) no-repeat center center; background-size: cover; }
.search_box { position: relative; }
.search_box .btn_search { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background: url(../images/sub/btn_search.png) no-repeat center center; background-size: cover; }
.form_flex { display: flex; align-items: center; gap: 5px; }
.form_flex .btn.type_bg { flex-shrink: 0; min-width: auto; height: 45px; }
.form_list li { display: flex; align-items: center; flex-wrap: wrap; margin-top: 20px; }
.form_list li:has(.radio_wrap) { align-items: baseline; }
.form_list li input[type=text].type1,
.form_list li .radio_wrap { width: calc(100% - 170px); }
.form_list li .tit { width: 170px; flex-shrink: 0; }
.form_list li .kilobyte { width: 100%; margin-top: 8px; padding-left: 170px; flex-shrink: 0; font-size: 15px; font-weight: 500; color: #757575; letter-spacing: -0.6px; }
.filebox { display:flex; gap: 5px; }
.filebox .upload_wrap { display:flex; align-items: center; width: 100%; height: 45px; padding: 20px; border: 1px solid #cdcdcd; }
.filebox .upload_name { cursor: auto; }
.filebox label { flex-shrink: 0; display: flex; justify-content: center; align-items: center; height: 45px; padding: 20px; color: #fff; background: #083e88; cursor: pointer; }
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

/* 라디오버튼 */
input[type=radio] { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px }
input[type=radio] + label { position:relative; display:inline-block; padding:0 0 0 24px; min-height:16px; line-height:1.4; vertical-align:middle; background-image:url(../images/sub/bull_radio.jpg); background-size: 16px auto; background-repeat: no-repeat; background-position: left center; font-size: 18px; color: #444; cursor: pointer; font-weight: 500; }
input[type=radio]:checked + label { background-image:url(../images/sub/bull_radio_on.jpg); }
input[type=radio] + label.on { background-image:url(../images/sub/bull_radio_on.jpg); }
input[type=radio]:disabled + label { background-image:url(../images/sub/bull_radio_disabled.jpg); }
.radio_wrap {display: flex; gap: 15px 30px; flex-wrap: wrap; }

/* 버튼 */
.btn { display: flex; justify-content: center; align-items: center; width: fit-content; min-width: 140px; height: 60px; padding: 0 20px; border: 1px solid #e5e5e5; font-size: 16px; font-weight: 600; color: #333; }
.btn.type_bg { display: flex; justify-content: center; align-items: center; width: fit-content; min-width: 200px; height: 60px; padding: 0 20px; border: 1px solid #083e88; background: #083e88; font-size: 18px; font-weight: 600; color: #fff; }
.btn_link { display: flex; justify-content: center; align-items: center; gap: 40px; width: fit-content; height: 52px; padding: 0 20px; font-size: 18px; font-weight: 500; color: #fff; background: #083e88; }
.btn_link::after { content: ''; width: 16px; height: 14px; background: url(../images/sub/ic_arr.png) no-repeat center center; background-size: cover; }
button.down,
a.down { display: flex; justify-content: center; align-items: center; width: fit-content; gap: 9px; height: 53px; border: 1px solid #083e88; color: #083e88; }
button.down::after,
a.down::after { content: ''; width: 15px; height: 15px; background: url(../images/sub/ic_down.png) no-repeat center center; background-size: cover; }
.btn_wrap { display: flex; justify-content: center; align-items: center; gap: 10px; }
.btn_wrap2 { display: flex; align-items: center; gap: 10px; }

/* 탭메뉴 */
.tab_wrap .tab_list { display: flex; border-bottom: 1px solid #f1f5fe; margin-bottom: 79px; }
.tab_wrap .tab_list li button,
.tab_wrap .tab_list li a { font-size: 26px; font-weight: 700; color: #a9afb6; padding: 20px 48px;display:block}
.tab_wrap .tab_list li button.on,
.tab_wrap .tab_list li a.on { color: #083e88; border-bottom: 2px solid #083e88; }

.tab_wrap .tab_list.type2 { display: flex; flex-wrap: wrap; border-bottom: none; margin-bottom: 50px; }
.tab_wrap .tab_list.type2 li { width: 25%; }
.tab_wrap .tab_list.type2 li button,
.tab_wrap .tab_list.type2 li a { width: 100%; font-size: 18px; font-weight: 500; color: #757575; padding: 17px 10px 16px; border: 1px solid #e5e5e5; }
.tab_wrap .tab_list.type2 li + li button,
.tab_wrap .tab_list.type2 li + li a { border-left: none; }
.tab_wrap .tab_list.type2 li:nth-child(5) button,
.tab_wrap .tab_list.type2 li:nth-child(5) a { border-left: 1px solid #e5e5e5; }
.tab_wrap .tab_list.type2 li:nth-child(n+5) button,
.tab_wrap .tab_list.type2 li:nth-child(n+5) a { border-top: none; }
.tab_wrap .tab_list.type2 li button.on,
.tab_wrap .tab_list.type2 li a.on { color: #fff; border-bottom: none; background: #083e88; border: 1px solid #083e88; }

/* 테이블 */
.table_wrap table { border-top: 2px solid #083e88; }
.table_wrap table th,
.table_wrap table td { font-size: 16px; font-weight: 500; letter-spacing: -0.6px; text-align: center; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 14px 10px 13px; }
.table_wrap table th:last-of-type,
.table_wrap table td:last-of-type { border-right: none; }
.table_wrap table th { font-weight: 500; color: #222; background: #f3f8fd; }
.table_wrap table td { color: #444; }
.table_wrap table th .small_txt { display: block; font-size: 12px; color: inherit; font-weight: inherit; }

.table_wrap2 table { border-top: 2px solid #000; border-bottom: 1px solid #e5e5e5; }
.table_wrap2 table th:has(+ td .form_list),
.table_wrap2 table th:has(+ td textarea) { display: flex; margin-top: 16px; }
.table_wrap2 table th,
.table_wrap2 table td { font-size: 18px; }
.table_wrap2 table th { padding: 13px 20px; font-weight: 600; color: #3c4654; }
.table_wrap2 table td { padding: 15px 0; font-weight: 500; color: #444; }

/* 리스트타입 */
.dot_list_tit { display: block; margin: 10px auto; font-size: 20px; font-weight: 700; color: #222; letter-spacing: -0.7px; }
.dot_list + .dot_list_tit { margin-top: 30px; }
.dot_list > li { display: flex; font-size: 18px; font-weight: 500; color: #444; letter-spacing: -0.7px; }
.dot_list > li + li { margin-top: 10px; }
.dot_list > li::before { content: ''; flex-shrink: 0; width: 6px; height: 6px; background: #cfcfcf; border-radius: 100%; margin-top: 9px; margin-right: 13px; }
.dot_list.no_dot { margin-top: 10px; padding-left: 20px; }
.dot_list.no_dot > li::before { display: none; }
.dot_list.mini > li::before { content: ''; flex-shrink: 0; width: 3px; height: 3px; background: #083e88; border-radius: 100%; margin-top: 9px; margin-right: 13px; }
.bar_list > li { display: flex; font-size: 18px; font-weight: 500; color: #666975; }
.bar_list > li + li { margin-top: 4px; }
.bar_list > li::before { content: '-'; color: inherit; margin-right: 13px; }
.num_list { width: 100%; }
.num_list > li { padding: 34px 0; }
.num_list > li:first-of-type { padding-top: 0; }
.num_list > li + li { border-top: 1px solid #e6e6e6; }
.num_list > li div:has(.num) { display: flex; align-items: flex-start; margin-bottom: 14px; font-size: 18px; font-weight: 600; color: #333; }
.num_list > li div:has(.num) span { font-size: inherit; font-weight: inherit; color: inherit; }
.num_list > li div:has(.num) .num { font-size: 16px; font-weight: 700; color: #083e88; margin-right: 36px; }
.num_list > li .bar_list { padding-left: 56px; }

/* 게시물리스트 */
.img_list { display: flex; align-items: center; gap: 65px 51px; flex-wrap: wrap; padding-top: 40px; border-top: 2px solid #083e88; }
.img_list li { width: calc((100% / 3) - 34px); }
.img_list li a { display: block; }
.img_list li a .img_wrap { height: 365px; overflow: hidden; margin-bottom: 26px; }
.img_list li a dl { position: relative; padding-left: 20px; }
.img_list li a dl::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #083e88; }
.img_list li a dl dt { font-size: 17px; font-weight: 700; margin-bottom: 10px; line-height: 1.3; height: 44px; }
.img_list li a dl dd { display: flex; }
.img_list li a dl dd span { display: flex; align-items: center; gap: 13px; font-size: 15px; font-weight: 500; color: #888; }
.img_list li a dl dd span + span::before { content: ''; width: 1px; height: 11px; background: #e5e5e5; margin-left: 13px; }

/* 게시판 검색옵션 */
.board_option { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 20px; }
.board_option .num_wrap { display: flex; align-items: center; gap: 14px;}
.board_option .num_wrap .total_num { display: flex; align-items: center; }
.board_option .num_wrap .total_num + .total_num::before { content: ''; width: 1px; height: 9px; background: #e5e5e5; margin-right: 14px; }
.board_option .num_wrap .total_num span { font-size: 16px; font-weight: 500; color: #666; }
.board_option .num_wrap .total_num span em { font-size: inherit; font-weight: 700; color: #083e88; }
.board_option .search_wrap { display: flex; gap: 5px; }

/* 페이지네이션 */
.paging_wrap ul { display: flex; justify-content: center; align-items: center; margin-top: 60px; }
.paging_wrap ul li button { display: flex; justify-content: center; align-items: center; width: 41px; height: 41px; border: 1px solid #e5e5e5; font-size: 14px; font-weight: 500; color: #555; }
.paging_wrap ul li button.on { color: #fff; background: #083e88; border: 1px solid #083e88; }
.paging_wrap ul li:not(:has(.btn_first, .btn_prev, .btn_next, .btn_last)) + li { margin-left: 2px; }
.paging_wrap ul li button.btn_first { background: url(../images/sub/btn_page_first.png) no-repeat center center; background-size: 10px auto; }
.paging_wrap ul li button.btn_prev { background: url(../images/sub/btn_page_prev.png) no-repeat center center; background-size: 6px auto; border-left: none; margin-right: 5px; }
.paging_wrap ul li button.btn_next { background: url(../images/sub/btn_page_next.png) no-repeat center center; background-size: 6px auto;margin-left: 5px; }
.paging_wrap ul li button.btn_last { background: url(../images/sub/btn_page_last.png) no-repeat center center; background-size: 10px auto; border-left: none; }

/* 서브헤드영역 */
.sub_head { position: relative; }
.sub_head .sub_vis { position: relative; display: flex; align-items: center;  height: 450px; text-align: center; }
.sub_head .sub_vis::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(to right, #072a5a, transparent); }
.sub_head .sub_vis.vis1 { background: url(../images/sub/sub_vis01.png) #000 no-repeat center center; background-size: cover; }
.sub_head .sub_vis.vis2 { background: url(../images/sub/sub_vis02.png) #000 no-repeat center center; background-size: cover; }
.sub_head .sub_vis.vis3 { background: url(../images/sub/sub_vis03.png) #000 no-repeat center center; background-size: cover; }
.sub_head .sub_vis.vis4 { background: url(../images/sub/sub_vis04.png) #000 no-repeat center center; background-size: cover; }
.sub_head .sub_vis .inner { position: relative; z-index: 1; width: 100%; }
.sub_head .sub_vis h2 { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; font-size: 46px; font-weight: 700; color: #fff; margin-top: 20px;}
.sub_head .sub_vis h2::before { content: ''; width: 30px; height: 2px; background: rgba(250, 250, 250, 0.7); }
.sub_head .sub_vis span { font-size: 22px; font-weight: 500; color: rgba(250, 250, 250, 0.7);}
.sub_head .sub_nav { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to right, #fff 50%, transparent 50%);}
.sub_head .sub_nav::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e5e5e5; }
.sub_head .sub_nav .inner { display: flex; justify-content: space-between; height: 64px; padding: 0; background: #fff; border-bottom: 1px solid #e5e5e5; }

.sub_head .sub_nav .breadcrumb { display: flex; align-items: center; height: 100%; }
.sub_head .sub_nav .breadcrumb > li { position: relative; border-right: 1px solid #e5e5e5; padding: 0 16px; }
.sub_head .sub_nav .breadcrumb > li > a { display: flex; align-items: center; gap: 14px; font-size: 16px; font-weight: 600; color: #555; line-height: 1; }
.sub_head .sub_nav .breadcrumb > li.btn_home > a { width: 14px; height: 16px; background: url(../images/sub/btn_home.png) no-repeat center center; background-size: cover; }
.sub_head .sub_nav .breadcrumb > li:not(.btn_home) > a::after { content: ''; width: 12px; height: 8px; background: url(../images/sub/btn_drop.png) no-repeat; transition: 0.3s; }
.sub_head .sub_nav .breadcrumb > li.lnb { position: relative; }
.sub_head .sub_nav .breadcrumb > li.lnb:nth-child(2) { min-width: 200px; }
.sub_head .sub_nav .breadcrumb > li.lnb:nth-child(3) { min-width: 200px; }
.sub_head .sub_nav .breadcrumb > li.lnb:nth-child(4) { min-width: 200px}
.sub_head .sub_nav .breadcrumb > li.lnb.active > a,
.sub_head .sub_nav .breadcrumb > li.lnb.on > a { color: #083e88; }
.sub_head .sub_nav .breadcrumb > li.lnb.on a:not(.btn_home)::after { transform: rotate(180deg); }
.sub_head .sub_nav .breadcrumb > li.lnb ul { display: none; position: absolute; z-index: 2; left: -1px; top: 40px; width: calc(100% + 2px); padding: 16px; background: #fff; border: 1px solid #e5e5e5; border-top: 0; }
.sub_head .sub_nav .breadcrumb > li.lnb ul li + li { margin-top: 6px; }
.sub_head .sub_nav .breadcrumb > li.lnb ul li a { color: #444;word-break:keep-all}
.sub_head .sub_nav .breadcrumb > li.lnb ul li a:hover,
.sub_head .sub_nav .breadcrumb > li.lnb ul li a:focus { color: #083e88; }

.sub_head .sub_nav .share { position: relative; display: flex; width:420px; height: 100%; }
.sub_head .sub_nav .share > button { display: flex; justify-content: center; align-items: center; gap: 13px; width: 50%; font-size: 16px; font-weight: 600; color: #fff; }
.sub_head .sub_nav .share .btn_print { background: #748aa9; }
.sub_head .sub_nav .share .share_box { display: none; position: absolute; top: 0; left: -188px; width: 188px; height: 100%; border: 1px solid #083e88; background: #fff; text-align: center; padding-top: 17px; }
.sub_head .sub_nav .share .share_box li { display: inline-block; }
.sub_head .sub_nav .share .share_box li a img{ vertical-align: bottom; }
.sub_head .sub_nav .share .share_box li + li::before { content: ''; display: inline-flex; margin: 5px 15px 0; width: 1px; height: 14px; background: #eaeaea; }
.sub_head .sub_nav .share .btn_share { background: #083e88; }
.sub_head .sub_nav .share .btn_share::before { content: ''; width: 22px; height: 25px; background: url(../images/sub/ic_share.png) no-repeat center center; background-size: cover; }
.sub_head .sub_nav .btn-font{background:url('../images/main/mimg10.png') #fff center no-repeat;display:block;aspect-ratio:1/1;height:100%}
.sub_head .sub_nav .btn-font.btnZoomOut{background-image:url('../images/main/mimg25.png')}
.sub_head .sub_nav .btn-font.btnZoomIn{border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5}

/* 고객지원 */
.board_wrap .tit_box { border-top: 2px solid #083e88; }
.board_wrap .tit_box h2 { font-size: 28px; font-weight: 600; color: #222; padding: 28px 0; }
.board_wrap .tit_box .info { display: flex; align-items: center; gap: 13px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 16px 0 14px; }
.board_wrap .tit_box .info li { display: flex; align-items: center; font-size: 14px; font-weight: 500; }
.board_wrap .tit_box .info li + li::before { content: ''; margin-right: 13px; width: 1px; height: 11px; background: #e5e5e5; }
.board_wrap .tit_box .info li em { font-size: inherit; font-weight: inherit; color: #888; }
.board_wrap .tit_box .info li span { font-size: inherit; font-weight: inherit; color: #555; }
.board_wrap .ck_editor img { max-width: 100%; height: auto !important; }
.board_wrap .contents { padding: 35px 0px; }
.board_wrap .contents * { all: revert; text-align: left; }
.iframe_wrap { position: relative; overflow: hidden;padding-bottom: 56.25%; height: 0; }
.iframe_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.iframe_wrap video,
.iframe_wrap object,
.iframe_wrap embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.board_wrap .contents img { max-width: 100%; height: auto; }
.board_wrap .contents img + img { margin-top: 20px; }
.board_wrap .contents p { text-align: initial; }
.board_wrap .contents span { color: inherit; }
.board_wrap .board_btn_wrap { margin-bottom: 48px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.board_wrap .board_btn_wrap button { display: flex; width: 100%; padding: 22px 0; font-size: 16px; font-weight: 500; }
.board_wrap .board_btn_wrap button + button { border-top: 1px solid #e5e5e5; }
.board_wrap .board_btn_wrap button div:nth-child(1) { color: #555; padding: 0 30px;flex-shrink: 0; }
.board_wrap .board_btn_wrap button div:nth-child(2) { color: #333; padding: 0 30px; }

.file_wrap { display: flex; align-items: flex-start; gap: 40px; margin: 40px 0; padding: 30px 40px; background: #f6f7f8; }
.file_wrap > div { font-size: 16px; font-weight: 600; color: #222; }
.file_wrap .file_list { border-left: 1px solid #ddd; padding-left: 40px; }
.file_wrap .file_list li + li { margin-top: 5px; }
.file_wrap .file_list li button { display: flex; align-items: center; font-size: 16px; text-align: left; }
.file_wrap .file_list li button::before { content: ''; width: 14px; height: 16px; margin-right: 11px; background: url(../images/sub/ic_file.png) no-repeat; background-size: cover; flex-shrink: 0; }
.file_wrap .file_list li button span { font-size: inherit; color: #888; }
.board_list { border-top: 2px solid #083e88; }
.board_list .list_head { display: flex; padding: 20px 0; border-bottom: 1px solid #e5e5e5; }
.board_list .list_head div { font-size: 17px; font-weight: 600; color: #333; text-align: center; }
.board_list .list_item li { border-bottom: 1px solid #e5e5e5; }
.board_list .list_item li.top_notice .subject { font-weight: 600; color: #333; }
.board_list .list_item li a { display: flex; padding: 20px 0 17px; font-size: 17px; font-weight: 500; color: #555; }
.board_list .list_item li a:hover,
.board_list .list_item li a:focus .subject { font-weight: 600; color: #083e88; }
.board_list .list_item li a div { text-align: center; line-height: 1.6; }
.board_list .list_item li a .subject { text-align: left; }
.board_list .list_item li a .tag { font-weight: 500; padding: 6px 10px; margin: auto;}
.board_list .num { width: 6%; }
.board_list .subject { width: 60%; }
.board_list .name { width: 8%; }
.board_list .date { width: 12%; }
.board_list .view { width: 8%; }
.board_list .file { width: 6%; }

.bottom_info { display: flex; align-items: center; background: #083e88; color: #fff; font-size: 18px; font-weight: 500; padding: 17px 50px 16px; margin-top: 46px; }
.bottom_info .tit { font-weight: 600; margin-right: 50px; }
.bottom_info a { color: inherit; }
.bottom_info a::after {background: url(../images/sub/ic_down2.png) no-repeat; background-size: cover; }
.bottom_info .list { display: flex; gap: 30px; align-items: center; }
.bottom_info .list li { display: flex; align-items: center; }
.bottom_info .list li + li::before { content: ''; margin-right: 30px; width: 1px; height: 20px; background: rgba(250, 250, 250, 0.15); }
.bottom_info .list li a.down { height: auto; padding: 0; }
.top_info { display: flex; background: #f3f8fd; border-top:  2px solid #173442; font-size: 18px; padding: 17px 50px 16px; margin-bottom: 18px; }
.top_info .tit { font-weight: 600; margin-right: 50px; }

.reporting_center .title_bar2 { margin-top: 100px; }
.reporting_center .bar_list { display: flex; flex-wrap: wrap; }
.reporting_center .bar_list.no_wrap { display: block;}
.reporting_center .bar_list li { display: flex; width: 50%; }
.reporting_center .bar_list.no_wrap li { display: block; width: 100%; }
.reporting_center .bar_list.no_wrap li div,
.reporting_center .bar_list.no_wrap li li { font-size: inherit; margin-left: 20px; margin-top: 0; }
.reporting_center .bar_list li span { min-width: 180px; margin-right: 50px;}
.reporting_center .bar_list li a { font-size: inherit; color: #083e88; }
.reporting_center .bar_list.trd li{width:33.333%}
.terms_wrap .terms { height: 160px; overflow-y: auto; border: 1px solid #ddd; padding: 20px; }
.terms_wrap .terms::-webkit-scrollbar { width: 2px; height:22px; }
.terms_wrap .terms::-webkit-scrollbar-thumb { background: #083e88; }
.terms_wrap .terms p { font-size: 15px; font-weight: 500; color: #444; line-height: 1.6; letter-spacing: -0.6px; }
.terms_wrap .radio_wrap { justify-content: flex-end; margin-top: 20px; }
.terms_wrap .tip { display: block; margin-top: 10px; }
.btn_comment { margin: 40px auto; text-align: center; font-size: 20px; font-weight: 600; color: #222; letter-spacing: -0.6px; }
.reporting_result { display: flex; flex-direction: column; align-items: center; border-top: 2px solid #222; border-bottom: 1px solid #e5e5e5; padding: 60px 20px;}
.reporting_result em { display: flex; flex-direction: column; align-items: center; gap: 20px; font-size: 30px; font-weight: 700; color: #222; }
.reporting_result em::before { content: ''; width: 50px; height: 50px; background: url(../images/sub/ic_check.png) no-repeat center center; background-size: cover; }
.reporting_result span { font-size: 18px; font-weight: 500; color: #666; margin: 10px auto 20px;}
.report_form_wrap .title_bar + .radio_wrap { margin-bottom: 60px; }
.report_form_wrap .txt_basic2 + .btn_wrap2 { margin-top: 20px; }
.report_form_wrap .form_wrap { margin: 30px 0; }
.report_form_wrap .btn_wrap button { min-width: 200px; }

/* 공단소개 */
.greeting_intro { position: relative; width: fit-content; margin: 80px auto; padding: 28px 70px 24px; font-size: 32px; font-weight: 600; color: #222; text-align: center; letter-spacing: -1.3px; }
.greeting_intro::before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 40px; background: url(../images/sub/ic_quote01.png) no-repeat; background-size: cover; }
.greeting_intro::after { content: ''; position: absolute; bottom: 0; right: 0; width: 50px; height: 40px; background: url(../images/sub/ic_quote02.png) no-repeat; background-size: cover; }
.greeting_intro em { font-size: inherit; color: #083e88; }
.greeting_bg { position: relative; height: 300px; background: url(../images/sub/bg_greeting.png)#000 no-repeat center center; background-size: cover; }
.greeting_txt { display: flex; justify-content: center; margin: 80px 0; gap: 80px; }
.greeting_txt > div:first-of-type { flex-shrink: 0; width: fit-content; }
.greeting_txt > div img { width: 300px; }
.greeting_txt .txt1 { font-size: 24px; font-weight: 500; letter-spacing: -1px; }
.greeting_txt .txt1 em { font-size: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.greeting_txt .txt2 { padding-right: 110px; }
.greeting_txt .txt2 p { font-size: 18px; font-weight: 500; color: #343338; letter-spacing: -0.7px; line-height: 1.5; }
.greeting_txt .txt2 p span { display: block; margin: 4px 0 20px; font-size: 16px; font-weight: inherit; color: #999aa1; }
.greeting_txt .txt2 .name { display: flex; align-items: center; gap: 10px; }
.greeting_txt .txt2 .name span { display: flex; align-items: center; font-size: 20px; font-weight: 600; color: #222; letter-spacing: -0.8px; }
.greeting_txt .txt2 .name span + span::before { content: ''; width: 1px; height: 13px; background: #666; margin-right: 10px;}

.summary_bg { display: flex; justify-content: center; flex-direction: column; gap: 30px; padding: 60px; margin-bottom: 50px; position: relative; height: 300px; background: url(../images/sub/bg_summary.png)#000 no-repeat center center; background-size: cover; color: #fff; }
.summary_bg p { font-size: 30px; font-weight: 700;}
.summary_bg span { font-size: 18px; font-weight: 500;}
.summary_list { display: flex; gap: 30px; }
.summary_list li { flex: 1; background: #f6f6f6; color: #083e88; border-radius: 20px; padding: 35px; overflow: hidden; transition: 0.2s; }
.summary_list li:hover { background: #083e88; color: #fff; }
.summary_list li:nth-child(1)::before { content: ''; display: flex; margin-left: auto; width: 150px; height: 141px; background: url(../images/sub/ic_core01.png) no-repeat top right; background-size: 150px auto; }
.summary_list li:nth-child(2)::before { content: ''; display: flex; margin-left: auto; width: 150px; height: 150px; background: url(../images/sub/ic_core02.png) no-repeat top right; background-size: 150px auto; }
.summary_list li:nth-child(3)::before { content: ''; display: flex; margin-left: auto; width: 151px; height: 145px; background: url(../images/sub/ic_core03.png) no-repeat top right; background-size: 151px auto; }
.summary_list li span:not(.num, .tit) { font-size: 18px; font-weight: 600; color: #7c98be; letter-spacing: -0.7px; }
.summary_list li span.num,
.summary_list li span.tit { display: block; margin-top: 10px; font-size: 24px; font-weight: 600; letter-spacing: -1px; }

.bg_history { height: 400px; background: url(../images/sub/bg_history.png) no-repeat center center; background-size: cover; margin-top: 70px; }
.history { background: url(../images/sub/history_img.png) no-repeat bottom right; background-size: 700px auto; }
.history .history_box { position: relative; margin-top: 70px; margin-bottom: 12%; display: flex; overflow: hidden; }
.history .history_box .progress_bar { position: absolute; top: 10px; left: 12px; height: 100%; }
.history .history_box .line_guide { width: 1px; height: calc(100% - 10px); background: #e0e0e0;  }
.history .history_box .line_guide .progress { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform: translateX(-50%); background: #00aeef; z-index: -1; }
.history .history_box > ul > li { display: flex; align-items: baseline; }
.history .history_box > ul > li + li { margin-top: 50px; }
.history .history_box > ul > li::before { flex-shrink: 0; content: ''; position: relative; z-index: 1; display: inline-flex; margin-right: 46px; margin-left: 7px; width:10px; height:10px; background:#bdbdbd; border-radius: 100%; }
.history .history_box > ul > li.on:before { background: #00aeef; border: 7px solid #e1f0fe; margin-left: 0; margin-right: 39px; }
.history .history_box > ul > li span { font-weight: 500; color: #333; }
.history .history_box > ul > li .history_year { flex-shrink: 0; font-size: 18px; font-weight: 700; }
.history .history_box > ul > li .history_day { min-width: 62px; flex-shrink: 0; font-size: 19px; margin: 0 29px 0 39px;}
.history .history_box > ul > li .history_info { font-size: 16px; }

.vision { display: flex; flex-direction: column; gap: 18px; }
.vision .vision_box { display: flex; align-items: stretch; gap: 40px; text-align: center; }
.vision .vision_box h3 { position: relative; width: 170px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; font-size: 23px; font-weight: 700; letter-spacing: -1px; color: #fff; background: #3f4448; line-height: 1; border-radius: 12px; padding: 30px 10px; }
.vision .vision_box:nth-child(3) h3 { background: #6a7176; margin-top: 110px; }
.vision .vision_box .con1 { width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 25px; font-weight: 700; letter-spacing: -1px; color: #fff; padding: 32px 10px; background: linear-gradient(to right, #4e6c97, #3db2a1); border-radius: 12px; }
.vision .vision_box .con2::before { content: ''; position: absolute; top: -120px; left: 50%; transform: translateX(-50%); width: 100%; height: 80px; background: url(../images/sub/arr_big.png) no-repeat center center; background-size: 920px auto; }
.vision .vision_box .con2::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #122e54; mix-blend-mode: overlay; }
.vision .vision_box ul { position: relative; width: 100%; display: flex; gap: 9px; padding-top: 110px; }
.vision .vision_box ul::before { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 100%; height: 80px; background: url(../images/sub/arr_big.png) no-repeat center center; background-size: 920px auto; }
.vision .vision_box ul li { flex: 1; min-height: 140px; padding: 10px; border-radius: 12px; display: flex; justify-content: center; align-items: center; text-align: center; background: #083e88; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.5; }
.vision .vision_box ul li:nth-child(2n) { background: #0e67e5; }

.layout_flex { display: flex; justify-content: space-between; gap: 30px; }
.layout_flex + .layout_flex { margin-top: 120px; }
.layout_flex + .layout_flex:nth-of-type(2) { margin-top: 60px; }
.layout_flex > h3 { flex-shrink: 0; font-size: 30px; font-weight: 700; color: #222; letter-spacing: -1.2px; }
.layout_flex .con { display: flex; width: 1070px; flex-wrap: wrap; gap: 0 20px; }
.layout_flex .con > div { width: 100%; justify-content: flex-start; }
.layout_flex .con > div + div { margin-top: 60px; }
.layout_flex .con .symbol_info { font-size: 18px; font-weight: 600; color: #3c4654; letter-spacing: -0.7px; line-height: 1.6; margin-right: 70px; }
.layout_flex .con .img_box { flex-shrink: 0; display: flex; justify-content: center; align-items: center; border: 1px solid #e5e5e5; width: 360px; height: 200px; }
.layout_flex .con .title_bar { width: 100%; }
.layout_flex .con .grid_img_box { display: flex; justify-content: center; align-items: center; gap: 120px; border: 1px solid #e5e5e5; width: 100%; height: auto; background: url(../images/sub/img_grid.png); padding: 58px 0px; }
.layout_flex .con .grid_img_box img { max-width: 100%; }
.layout_flex .con .grid_img_box:has(:only-child) { padding: 88px 0px; }
.layout_flex .con .color_box { display: flex; flex-direction: column; width: calc(50% - 10px); height: 319px; margin-top: 0; padding: 40px; background: #083e88; color: #fff; }
.layout_flex .con .color_box:nth-child(2) { background: #00aeef; }
.layout_flex .con .color_box span { font-size: 30px; font-weight: 700; color: inherit; }
.layout_flex .con .color_box dl:first-of-type { margin-top: auto; }
.layout_flex .con .color_box dl { display: flex; font-size: 22px; }
.layout_flex .con .color_box dl dt { flex-shrink: 0; font-weight: 500; width: 100px; }
.layout_flex .con .color_box dl dd { font-weight: 700; }
.layout_flex .con:has(.bg_ci ) { margin-left: auto; }
.layout_flex .con > div.bg_ci { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 40px;  width:100%; height: 310px; background: url(../images/sub/bg_history.png) center center no-repeat; background-size: cover; }
.layout_flex .con > div.bg_ci::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.layout_flex .con > div.bg_ci span { position: relative; font-size: 20px; font-weight: 500; text-align: right; color: #fff; }
.layout_flex .con > div.bg_ci .tit { position: relative; display: inline-block; font-size: 32px; font-weight: 700; padding: 10px 50px;}
.layout_flex .con > div.bg_ci .tit::before { content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 23px; background: url(../images/sub/ic_quote_w01.png) no-repeat; background-size: cover; }
.layout_flex .con > div.bg_ci .tit::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30px; height: 23px; background: url(../images/sub/ic_quote_w02.png) no-repeat; background-size: cover; }

/* ==================== 기존 소스 =================== 250211
.organization_intro img.mo { display: none; max-width: 100%; }
.organization_intro .list_wrap { position: relative; max-width: 1220px; min-height: 900px; margin: 0 auto; }
.organization_intro .list_wrap ul { display: flex; }
.organization_intro .list_wrap ul li { position: relative; display: flex; justify-content: center; align-items: center; padding: 18px; font-size: 20px; font-weight: 700; }
.organization_intro .list_wrap ul li a { color: inherit;}
.organization_intro .list_wrap ul li span { font-size: inherit; color: inherit; text-align: center; }
.organization_intro .list_wrap .sub_depth { position: absolute; top: 126px; right: 0; display: flex; gap: 40px; }
.organization_intro .list_wrap .sub_depth li { width: 240px; background: #f8f8f8; border: 1px solid #d9d9d9; color: #111;}
.organization_intro .list_wrap .sub_depth li:nth-child(2)::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -40px; width: 40px; height: 1px; border-top: 1px dashed #aaa; }
.organization_intro .list_wrap .depth1 { display: block; }
.organization_intro .list_wrap .depth1 > li { width: 240px; background: #f8f8f8; border: 1px solid #d9d9d9; color: #111; }
.organization_intro .list_wrap .depth1 > li:nth-child(2) { margin: auto; width: 360px; background: #111; border: 1px solid #111; color: #fff; }
.organization_intro .list_wrap .depth1 > li:nth-child(1) { position: absolute; left: 10%; top: 126px; }
.organization_intro .list_wrap .depth2 { position: absolute; top: 250px; justify-content: center; }
.organization_intro .list_wrap .depth2.type2::before { content: ''; position: absolute; top: -94px; left: -69px; width: 248px; height: 1px; border-top: 1px dashed #aaa; z-index: -1; }
.organization_intro .list_wrap .depth2 > li { width: 360px; background: #083e88; border: 1px solid #083e88; color: #fff; }
.organization_intro .list_wrap .depth2 > li::before { content: ''; position: absolute; top: -146px; transform: translateX(-50%); left: 50%; width: 1px; height: 145px; border-left: 1px dashed #aaa; }
.organization_intro .list_wrap .depth2 > li::after { content: ''; position: absolute; top: -154px; transform: translateX(-50%); left: 50%; width: 9px; height: 9px; border-radius: 100%; background: #111; }
.organization_intro .list_wrap .depth3 { position: absolute; top: 186px; gap: 70px; }
.organization_intro .list_wrap .depth3 > li { width: 360px; background: #1b9bcb; border: 1px solid #1b9bcb; color: #fff; }
.organization_intro .list_wrap .depth3 > li::before { content: ''; position: absolute; top: -65px; transform: translateX(-50%); left: 50%; width: 1px; height: 45px; border-left: 1px dashed #aaa; }
.organization_intro .list_wrap .depth3::before { content: ''; position: absolute; top: -65px; left: 50%; transform: translateX(-50%); width: 860px; height: 1px; border-top: 1px dashed #aaa; }
.organization_intro .list_wrap .depth3 > li:nth-child(2):before { top: -120px; height: 90px; }
.organization_intro .list_wrap .depth3 > li::after { content: ''; position: absolute; top: -29px; transform: translateX(-50%); left: 50%; width: 9px; height: 9px; border-radius: 100%; background: #1b9bcb; }
.organization_intro .list_wrap .depth4 { position: absolute; top: 156px; gap: 65px; }
.organization_intro .list_wrap .depth4 > li { width: 76px; height: 260px; padding: 0 20px 0 22px; border: 1px solid #1b9bcb; color: #1b9bcb; }
.organization_intro .list_wrap .depth4::before { content: ''; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); width: 284px; height: 1px; border-top: 1px dashed #aaa; }
.organization_intro .list_wrap .depth4 > li::before { content: ''; position: absolute; top: -45px; transform: translateX(-50%); left: 50%; width: 1px; height: 45px; border-left: 1px dashed #aaa; }
.organization_intro .list_wrap .depth4 > li:nth-child(2):before { top: -90px; height: 90px; }
 */

/* ==================== 수정  소스 =================== 250212 */
.organization_intro img.mo { display: none; max-width: 100%; }
.organization_intro .list_wrap { position: relative; max-width: 1220px; min-height: 900px; margin: 0 auto; }
.organization_intro .list_wrap ul { display: flex}
.organization_intro .list_wrap ul li a { color: inherit;}
.organization_intro .list_wrap ul li span { font-size: inherit; color: inherit; text-align: center; }
.organization_intro .list_wrap .sub_depth { position: absolute; top:40px;right:0;display: flex; gap: 40px;}
.organization_intro .list_wrap .sub_depth > li{position:relative;display:flex;flex-direction:column;gap:10px;align-items:center}
.organization_intro .list_wrap .sub_depth > li::before{content: ''; position: absolute; bottom:60px; transform: translateX(-50%); left: 50%; width: 1px; height:10px; border-left: 1px dashed #aaa;}
.organization_intro .list_wrap .sub_depth > li > ul{display:flex;gap:10px}
.organization_intro .list_wrap .sub_depth .depth-txt{ width: 200px; background: #f8f8f8; border: 1px solid #d9d9d9; color: #111}
.organization_intro .list_wrap .depth1{flex-direction:column;gap:50px}
.organization_intro .list_wrap .dapth1-1 {position:relative;display:flex;justify-content:space-between;width:100%;align-items:flex-start}
.organization_intro .list_wrap .dapth1-1::before{content: ''; position: absolute; top:30px;left:0; width:calc(100% - 210px); height: 1px; border-top: 1px dashed #aaa; z-index: -1}
.organization_intro .list_wrap .dapth1-1::after{content: ''; position: absolute; top:50%;left:50%; width:9px; height: 9px;border-radius:50%;background-color:#333;transform:translate(-50%,-50%);z-index:1}
.organization_intro .list_wrap .dapth1-1 .depth-txt{width:200px;background: #f8f8f8;border: 1px solid #d9d9d9;color: #111;}
.organization_intro .list_wrap .depth1-li{padding:0;flex-direction:column;width:100%;display:flex;gap:50px}
.organization_intro .list_wrap .dapth1-2{display:flex;gap:10px;flex-direction:column;align-items:center}
.organization_intro .list_wrap .dapth1-2:nth-child(2){padding-right:210px}
.organization_intro .list_wrap .dapth1-3{display:flex;gap:10px;align-items:center}
.organization_intro .list_wrap .dapth1-3 .depth-txt{width:150px;height:40px}
.organization_intro .list_wrap .depth-txt{position:relative;width:300px;height:60px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;z-index:1}
.organization_intro .list_wrap .depth-txt[onclick]{cursor:pointer}
.organization_intro .list_wrap .depth-txt.depth1-txt{background: #111;border: 1px solid #111;color: #fff;margin:0 auto}
.organization_intro .list_wrap .depth2{position:relative;flex-direction:column;gap:100px}
.organization_intro .list_wrap .depth2.type2::before{ content: ''; position: absolute; top:108px;transform:translateX(-50%);left:50%; width:calc(100% - 300px); height: 1px; border-top: 1px dashed #aaa; z-index: -1; }
.organization_intro .list_wrap .depth2 .depth-txt{background: #083e88; border: 1px solid #083e88; color: #fff;margin:0 auto}
.organization_intro .list_wrap .depth2 .depth2-1-1{position:absolute;top:0;left:0}
.organization_intro .list_wrap .depth2 .depth2-1-1::before{content: ''; position: absolute; top:30px; left:0;width:37vw; height: 1px; border-top: 1px dashed #aaa; }
.organization_intro .list_wrap .depth2 .depth2-1-1 .depth-txt{width:200px;background: #f8f8f8;border: 1px solid #d9d9d9;color: #111}
.organization_intro .list_wrap .depth2 > li::before { content: ''; position: absolute; top: -160px; transform: translateX(-50%); left: 50%; width: 1px; height: 160px; border-left: 1px dashed #aaa; }
.organization_intro .list_wrap .depth2 > li::after { content: ''; position: absolute; top: -170px; transform: translateX(-50%); left: 50%; width: 9px; height: 9px; border-radius: 100%; background: #111; }
.organization_intro .list_wrap .depth3{justify-content:space-between}
.organization_intro .list_wrap .depth3 .depth-txt{background: #1b9bcb; border: 1px solid #1b9bcb; color: #fff; }
.organization_intro .list_wrap .depth3 > li::before { content: ''; position: absolute; top:-50px; transform: translateX(-50%); left: 50%; width: 1px; height:50px; border-left: 1px dashed #aaa; }
.organization_intro .list_wrap .depth3 > li::after { content: ''; position: absolute; top:-55px; transform: translateX(-50%); left: 50%; width: 9px; height: 9px; border-radius: 100%; background: #1b9bcb; }
.organization_intro .list_wrap .depth3-1{position:relative;display:flex;flex-direction:column;gap:100px}
.organization_intro .list_wrap .depth3-1:nth-child(2)::before{height:100px;top:-100px}
.organization_intro .list_wrap .depth4{position:relative;justify-content:space-between}
.organization_intro .list_wrap .depth4 .depth-txt{background-color:transparent;border: 1px solid #1b9bcb; color: #1b9bcb;width:76px;height:260px;writing-mode:tb}
.organization_intro .list_wrap .depth4::before { content: ''; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); width: 220px; height: 1px; border-top: 1px dashed #aaa; }
.organization_intro .list_wrap .depth4 > li{position:relative}
.organization_intro .list_wrap .depth4 > li::before { content: ''; position: absolute; top: -45px; transform: translateX(-50%); left: 50%; width: 1px; height: 45px; border-left: 1px dashed #aaa; }
.organization_intro .list_wrap .depth4 > li:nth-child(2)::before{height:100px;top:-100px}

.map_wrap { display: flex; border: 1px solid #e5e5e5; border-radius: 8px; overflow: hidden; }
.map_wrap .map { width: calc(100% - 400px); }
.map_wrap .map:has(img) img { width: 100%; height: 100%; }
.map_wrap .map_info { display: flex; flex-direction: column; flex-shrink: 0; width: 400px; padding: 35px 40px;}
.map_wrap .map_info .name { display: block; font-size: 24px; font-weight: 700; color: #1a1c1e; letter-spacing: -1px; border-bottom: 1px solid #e5e5e5; padding-bottom: 24px; margin-bottom: 30px; }
.map_wrap .map_info .info_list { margin-bottom: 30px; }
.map_wrap .map_info .info_list li { display: flex; font-size: 16px; }
.map_wrap .map_info .info_list li + li { margin-top: 30px; }
.map_wrap .map_info .info_list li em { display: inline-flex; flex-shrink: 0; width: 120px; font-size: inherit; font-weight: 700; color: #1a1c1e; }
.map_wrap .map_info .info_list li em.address::before { content: ''; display: inline-flex; margin-right: 15px; width: 19px; height: 22px; background: url(../images/sub/ic_address.png) no-repeat; background-size: cover;}
.map_wrap .map_info .info_list li em.tel::before { content: ''; display: inline-flex; margin-right: 15px; width: 18px; height: 21px; background: url(../images/sub/ic_tel.png) no-repeat; background-size: cover;}
.map_wrap .map_info .info_list li em.fax::before { content: ''; display: inline-flex; margin-right: 15px; width: 18px; height: 19px; background: url(../images/sub/ic_fax.png) no-repeat; background-size: cover;}
.map_wrap .map_info .info_list li span { font-size: inherit; font-weight: 500; color: #555; }
.map_wrap .map_btn_wrap { display: flex; flex-direction: column; gap: 8px; margin-top: auto; }
.map_wrap .map_btn_wrap a { display: flex; align-items: center; border: 1px solid #e5e5e5; border-radius: 8px; padding: 16px; font-size: 15px; font-weight: 500; color: #111; }
.map_wrap .map_btn_wrap a::after { content: ''; display: inline-flex; width: 6px; height: 10px; margin-left: auto; background: url(../images/sub/btn_page_next.png) no-repeat center center; background-size: cover; }
.map_wrap .map_btn_wrap a.map_naver::before { content: ''; display: inline-flex; width: 14px; height: 19px; margin-right: 10px; background: url(../images/sub/ic_navermap.png) no-repeat center center; background-size: cover;}
.map_wrap .map_btn_wrap a.map_kakao::before { content: ''; display: inline-flex; width: 14px; height: 20px; margin-right: 10px; background: url(../images/sub/ic_kakaomap.png) no-repeat center center; background-size: cover;}
.traffic { margin-top: 40px; }
.traffic .point_tit {margin-top: 40px;}
.traffic .txt_basic {color: #000; margin: 10px 0; }

.recruit_process { display: flex; justify-content: center; align-items: stretch; gap: 68px; margin-bottom: 100px; }
.recruit_process li { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; flex: 1; background: #fafafa; padding: 44px 10px; min-height: 320px; }
.recruit_process li:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: -45px; transform: translateY(-50%); width: 15px; height: 28px; background: url(../images/sub/arr_blue.png) no-repeat center center; background-size: cover; }
.recruit_process li small { font-size: 14px; font-weight: 500; color: #888; margin-top: 16px; text-align: center; }
.recruit_process li span { font-size: 18px; font-weight: 700; color: #222; }
.recruit_process li span:first-of-type { color: #00aeef; }
.recruit_process li span:last-of-type { display: flex; justify-content: center; align-items: center; flex-direction: column;}
.recruit_process li span:last-of-type::before { content: ''; width: 100px; height: 100px; border-radius: 100%; margin: 29px auto 44px; }
.recruit_process li span.r_pro01::before { background: url(../images/sub/ic_recruit01.png)#fff no-repeat center center; background-size: 38px auto; }
.recruit_process li span.r_pro02::before { background: url(../images/sub/ic_recruit02.png)#fff no-repeat center center; background-size: 38px auto; }
.recruit_process li span.r_pro03::before { background: url(../images/sub/ic_recruit03.png)#fff no-repeat center center; background-size: 38px auto; }
.recruit_process li span.r_pro04::before { background: url(../images/sub/ic_recruit04.png)#fff no-repeat center center; background-size: 38px auto; }
.recruit_process li span.r_pro05::before { background: url(../images/sub/ic_recruit05.png)#fff no-repeat center center; background-size: 38px auto; }
.recruit_process li span.r_pro06::before { background: url(../images/sub/ic_recruit06.png)#fff no-repeat center center; background-size: 38px auto; }
.recruit_info .info_txt { font-size: 16px; font-weight: 500; color: #1a1c1e; margin-bottom: 16px; }
.recruit_info .dot_list li { font-size: 16px;}
.recruit_info .box_list { margin: 20px 0 40px; display: flex; align-items: stretch; gap: 20px; flex-wrap: wrap; }
.recruit_info .box_list li { display: flex; align-items: baseline; width: calc(50% - 10px); padding: 36px 40px; border: 1px solid #e5e5e5; }
.recruit_info .box_list li em { flex-shrink: 0; display: flex; justify-content: center; align-items: center; gap: 40px; font-size: 18px; font-weight: 700; color: #083e88; }
.recruit_info .box_list li em::after { content: ''; margin-right: 30px; width: 1px; height: 15px; background: #e5e5e5; }
.recruit_info .box_list li span { font-size: 17px; font-weight: 500; color: #222; }
.tit_type_blue { font-size: 18px; font-weight: 500; color: #083e88; margin-bottom: 16px; }

.faq_list { border-top: 2px solid #083e88; }
.faq_list .list_item li { border-bottom: 1px solid #e5e5e5; }
.faq_list .list_item li a { display: flex; align-items: center; gap: 30px; position: relative; padding: 23px; }
.faq_list .list_item li a::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); transition: 0.2s; right: 23px; width: 16px; height: 9px; background: url(../images/sub/btn_toggle.png) no-repeat center center; }
.faq_list .list_item li a.on::before { transform: translateY(-50%) rotate(180deg); }
.faq_list .list_item li a .ic_quest { flex-shrink: 0; width: 40px; height: 40px; border-radius: 100%; background: #1a1c1e; color: #fff; font-size: 19px; display: flex; justify-content: center; align-items: center; }
.faq_list .list_item li a .quest { font-size: 24px; font-weight: 700; color: #1a1c1e; letter-spacing: -1px; }
.faq_list .list_item li .answer { display: none; border-top: 1px solid #e0e0e0;  background: #f6f7f8; }
.faq_list .list_item li .answer .answer_box { display: flex; align-items: flex-start; gap: 30px; padding: 23px; }
.faq_list .list_item li .answer .answer_box .ic_answer { flex-shrink: 0; width: 40px; height: 40px; border-radius: 100%; background: #083e88; color: #fff; font-size: 19px; display: flex; justify-content: center; align-items: center; }
.faq_list .list_item li .answer .answer_box .cont { font-size: 18px; font-weight: 500; color: #333; }

.ethics_wrap .intro { font-size: 24px; font-weight: 500; color: #333; text-align: center; letter-spacing: -1px; margin-bottom: 60px; }
.ethics_wrap .ethics_list { display: flex; flex-wrap: wrap; }
.ethics_wrap .ethics_list li { width: 50%; display: flex; flex-direction: column; gap: 20px; border-top: 1px solid #e5e5e5; padding: 110px 40px 40px 40px; }
.ethics_wrap .ethics_list li:nth-child(2n) { border-left: 1px solid #e5e5e5; }
.ethics_wrap .ethics_list li:nth-child(3),
.ethics_wrap .ethics_list li:nth-child(4) { border-bottom: 1px solid #e5e5e5; }
.ethics_wrap .ethics_list li:nth-child(1) { background: url(../images/sub/ic_ethics01.png) no-repeat top 50px right 50px; background-size: 72px auto; }
.ethics_wrap .ethics_list li:nth-child(2) { background: url(../images/sub/ic_ethics02.png) no-repeat top 50px right 50px; background-size: 70px auto; }
.ethics_wrap .ethics_list li:nth-child(3) { background: url(../images/sub/ic_ethics03.png) no-repeat top 50px right 50px; background-size: 69px auto; }
.ethics_wrap .ethics_list li:nth-child(4) { background: url(../images/sub/ic_ethics04.png) no-repeat top 50px right 50px; background-size: 69px auto; }
.ethics_wrap .ethics_list li .num { font-size: 60px; font-weight: 700; letter-spacing: -2.4px; color:#909193}
.ethics_wrap .ethics_list li span:not(.num) { font-size: 24px; font-weight: 500; letter-spacing: -1px; color: #333; }

.ethics_wrap .ethics_list2 { display: flex; flex-direction: column; gap: 15px; }
.ethics_wrap .ethics_list2 > li { display: flex; gap: 20px; }
.ethics_wrap .ethics_list2 > li:last-child .tit { display: flex; flex-direction: column; gap: 15px; }
.ethics_wrap .ethics_list2 > li .tit span { display: flex; justify-content: center; align-items: center; width: 300px; padding: 20px; text-align: center; background: #1b9bcb; border: 1px solid #1b9bcb; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: -0.8px; }
.ethics_wrap .ethics_list2 > li .tit span:has(+ span) { height: calc(100% - 56%); }
.ethics_wrap .ethics_list2 > li .tit span + span { height: calc(100% - 44%); }
.ethics_wrap .ethics_list2 > li:first-child .tit span { background: #fff; border: 1px solid #1b9bcb; color: #1b9bcb; }
.ethics_wrap .ethics_list2 > li:last-child .tit span:nth-child(2) { background: #083e88; border: 1px solid #083e88; }
.ethics_wrap .ethics_list2 > li .con { width: 100%; padding: 20px; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 500; color: #555; background: #f1f8fd; letter-spacing: -0.8px; }
.ethics_wrap .ethics_list2 > li .con_wrap { display: flex; flex-direction: column; gap: 45px; flex: 1; border: 1px dashed #1b9bcb; border-radius: 3px; padding: 12px; }
.ethics_wrap .ethics_list2 > li .con_wrap .con:has(.dot_list) { position: relative; justify-content: flex-start; }
.ethics_wrap .ethics_list2 > li .con_wrap .con:has(.dot_list)::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -30px; width: 30px; height: 19px; background: url(../images/sub/arr_bg.png) no-repeat;}
.ethics_wrap .ethics_list2 > li .con_wrap .con .dot_list li { font-size: 20px; margin-top: 0; }
.ethics_wrap .ethics_list2 > li .con_wrap .con .dot_list li::before { margin-top: 12px; }

/* 사업소개 */
.loca_environment { display: flex; gap: 40px; align-items: flex-start; }
.loca_environment .con .cont_box { border: 1px solid #eaeaea; padding: 34px 40px; }
.loca_environment .con .cont_box:nth-child(1) { background: url(../images/sub/ic_loca.png) no-repeat bottom right 23px; background-size: 130px auto; }
.loca_environment .con .cont_box:nth-child(2) { background: url(../images/sub/ic_envi.png) no-repeat bottom right 23px; background-size: 114px auto; }
.loca_environment .con .cont_box:nth-child(3) { background: url(../images/sub/ic_plain.png) no-repeat bottom right 23px; background-size: 134px auto; }
.loca_environment .con .cont_box + .cont_box { margin-top: 20px; }
.loca_environment .con .cont_box h3 { font-size: 26px; font-weight: 700; color: #083e88; margin-bottom: 24px; }
.loca_environment .con .img_wrap { height: 100%; border: 1px solid #eaeaea; }
.loca_environment .con .img_wrap img { max-width: 100%; height: auto; object-fit: initial; }
.loca_environment .con .img_wrap + .img_wrap { margin-top: 20px; }

.build_intro { display: flex; margin: 120px 0; }
.build_intro > div { width: 50%; }
.build_intro .img_wrap { height: 400px; }
.build_intro .intro_txt { display: flex; flex-direction: column; justify-content: center; padding: 0 20px 0 100px; }
.build_intro .intro_txt span { position: relative; width: fit-content; font-size: 30px; font-weight: 700; color: #222; }
.build_intro .intro_txt span::before { content: ''; position: absolute; z-index: -1; top: -44px; right: -116px; width: 132px; height: 73px; background: url(../images/sub/img_name.png) no-repeat center center; background-size: cover; }
.build_intro .intro_txt p { margin-top: 20px; font-size: 18px; font-weight: 500; color: #444; line-height: 1.5; }
.build_slide { margin-bottom: 100px;  }
.build_slide ul { display: flex; align-items: flex-end; gap: 15px; height: 500px; }
.build_slide ul li { position: relative; display: inline-flex; width: calc(100% / 3 - 25%); height: 430px; overflow: hidden; transition: all 1s;}
.build_slide ul li .txt_wrap { position: absolute; top: 80px; left: 50%; transform: translateX(-50%); z-index: 1; width: 20px; }
.build_slide ul li .txt_wrap .tit { display: block; margin-bottom: 20px; font-size: 24px; font-weight: 700; color: #fff; line-height: 1.1; transition: all 1.5s; }
.build_slide ul li .txt_wrap span:not(.tit) { opacity: 0; font-size: 24px; font-weight: 500; color: rgba(255, 255, 255, 0.8); transition: all 1.5s; }
.build_slide ul li .img_wrap{ position: relative; width: 100%; height: 100%; background: #000; }
.build_slide ul li .img-img_wrap img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: 100%;}
.build_slide ul li.on { width: calc(100% / 3 + 40%); height: 500px }
.build_slide ul li.on .txt_wrap { top: 120px; left: 120px; transform: none; width: fit-content; }
.build_slide ul li.on .txt_wrap .tit { font-size: 48px; }
.build_slide ul li.on .txt_wrap span:not(.tit) { opacity: 1; }

.biz_overview .biz_overview_info { display: flex; margin: 100px auto 120px; }
.biz_overview .biz_overview_info > div { width: 50%; }
.biz_overview .biz_overview_info .con { background: #f9f9f9; padding: 100px 74px 100px 120px; }
.biz_overview .biz_overview_info .con h3 { font-size: 28px; font-weight: 700; color: #222; margin-bottom: 50px; }
.biz_overview .biz_overview_info .con dl { display: flex; border-bottom: 1px solid #e6e6e6; padding: 18px 0; font-size: 18px; }
.biz_overview .biz_overview_info .con dl dt { flex-shrink: 0; width: 120px; font-size: inherit; font-weight: 600; color: #083e88; }
.biz_overview .biz_overview_info .con dl dd { font-size: inherit; font-weight: 500; color: #44494f; letter-spacing: -0.7px; }
.biz_overview .layout_flex + .layout_flex { margin-top: 100px; padding-top: 80px; border-top: 1px solid #999; }

.scroll_bg { position: relative; max-height: 350px; height: 150vh; margin-top: 100px; flex-direction: column; display: flex; justify-content: center; align-items: center; background-attachment: fixed; background: url(../images/sub/biz_bg.png) #000 no-repeat center top; background-size: cover; }
.scroll_bg .bg_top { position: absolute; top: 0; left: 0; width: 100%; height: 200px; z-index:10; background-color: #fff; }
.scroll_bg .bg_bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; z-index:10; background-color: #fff; }
.scroll_bg .bg_left { position: absolute; top: 0; left: 0; height: 100%; width: calc(50% - 420px); z-index:10; background-color: #fff; }
.scroll_bg .bg_right { position: absolute; top: 0; right: 0; height: 100%; width: calc(50% - 420px); z-index:10; background-color: #fff; }
.scroll_bg .inner { position: relative; z-index: 10; }
.change_txt { font-size: 32px; font-weight: 300; color: #000; text-align: center; }
.change_txt em { font-weight: 700; }
.layout_flex.direction { margin-top: 150px; }

.facility_info { display: flex; gap: 30px; }
.facility_info .con { width: calc(50% - 15px); }
.facility_info .con .dot_list { margin: 30px 0; }

.access_traffic { display: flex; }
.access_traffic .con { width: 40%; }
.access_traffic .con:has(.img_wrap) { width: 60%; }
.access_traffic .img_empty { height: 100%; }
.access_traffic .img_empty img { object-fit: initial; }
.tit_type_bar { position: relative; width: fit-content; margin: 0 auto 54px; padding: 0 50px; font-size: 32px; font-weight: 300; color: #222; text-align: center; letter-spacing: -1.3px; }
.tit_type_bar em { font-size: inherit; font-weight: 600; }
.tit_type_bar::before { content: ''; position: absolute; top: 8px; left: 0; width: 17px; height: 31px; background: url(../images/sub/ic_bar.jpg) no-repeat center center; background-size: cover; }
.tit_type_bar::after { content: ''; position: absolute; bottom: 8px; right: 0; width: 17px; height: 31px; background: url(../images/sub/ic_bar.jpg) no-repeat center center; background-size: cover; }
.img_info_box { display: flex; justify-content: center; align-items: center; gap: 30px; padding: 18px 10px 17px; background: #083e88; }
.img_info_box span { display: flex; align-items: center; gap: 30px; font-size: 18px; font-weight: 700; color: #fff; }
.img_info_box span + span::before { content: ''; width: 22px; height: 11px; background: url(../images/sub/ic_arr_both.svg) no-repeat; background-size: cover; }
.line_list { height: 100%; padding: 80px 100px 65px; background: #f9f9f9; }
.line_list dl { display: flex; padding: 16px 0; border-bottom: 1px solid #e6e6e6; font-size: 18px; }
.line_list dl dt {width: 35%; flex-shrink: 0; font-size: inherit; font-weight: 700; color: #083e88; }
.line_list dl dd { font-size: inherit; font-weight: 500; color: #44494f; }

/* 뷰어다운로드 */
.viewer_wrap ul { border-top: 2px solid #222; }
.viewer_wrap ul li { display: flex; justify-content: center; align-items: center; gap: 20px; border-bottom: 1px solid #ddd; padding: 30px 20px; }
.viewer_wrap ul li.pdf::before { content: ''; flex-shrink: 0; width: 70px; height: 70px; background: url(../images/sub/ic_viewer01.jpg) no-repeat center center; background-size: cover;}
.viewer_wrap ul li.hwp::before { content: ''; flex-shrink: 0; width: 70px; height: 70px; background: url(../images/sub/ic_viewer02.jpg) no-repeat center center; background-size: cover;}
.viewer_wrap ul li div { display: flex; align-items: center; gap: 20px; }
.viewer_wrap ul li div em { width: auto; }
.viewer_wrap ul li em { width: 175px; flex-shrink: 0; font-size: 20px; font-weight: 600; color: #00aeef; }
.viewer_wrap ul li span { font-size: 16px; font-weight: 400; color: #444; }
.viewer_wrap ul li a { display: flex; justify-content: center; align-items: center; min-width: 100px; height: 38px; padding: 0 10px; background: #083e88; color: #fff; font-weight: 500; }

.vision-renew { display: flex; flex-direction: column; gap: 20px; }
.vision-renew .vision-box{display:flex;gap:20px;font-size:24px}
.vision-renew .subject{width:100px;color:#fff;border-radius:8px;font-weight:bold;display:flex;align-items:center;justify-content:center;background:linear-gradient(to left, #3C5C95,#5F8ABF);padding:0 10px;flex-shrink:0}
.vision-renew .vision-box .subject-con{flex-grow:1;font-weight:bold;padding:10px 0}
.vision-renew .vision-box .subject-con.flex{display:flex;gap:10px;padding:0}
.vision-renew .vision-box .item{flex:1;display:flex;flex-direction:column;gap:10px}
.vision-renew .vision-box .item-subject{padding:10px;text-align:center;height:60px;border-radius:8px;color:#fff;background-color:#839D49;display:flex;align-items:center;justify-content:center}
.vision-renew .vision-box .item:nth-child(2) .item-subject{background-color:#408763}
.vision-renew .vision-box .item:nth-child(3) .item-subject{background-color:#079EAB}
.vision-renew .vision-box .item:nth-child(4) .item-subject{background-color:#1669A3}
.vision-renew .vision-box .item .con{padding:20px;border-radius:8px;border:1px solid #839D49;flex-grow:1;font-size:.9em;word-break:keep-all}
.vision-renew .vision-box .item:nth-child(2) .con{border-color:#408763}
.vision-renew .vision-box .item:nth-child(3) .con{border-color:#079EAB}
.vision-renew .vision-box .item:nth-child(4) .con{border-color:#1669A3}
.vision-wrap-box .item:nth-child(2) .item-sdot > li::before{border-color:#408763}
.vision-wrap-box .item:nth-child(3) .item-sdot > li::before{border-color:#079EAB}
.vision-wrap-box .item:nth-child(4) .item-sdot > li::before{border-color:#1669A3}
.vision-wrap-box .item:nth-child(5) .item-sdot > li::before{border-color:#4B76BA}
.item-sdot > li{position:relative;padding-left:20px}
.item-sdot > li::before{position:absolute;top:11px;left:0;width:5px;height:5px;border:2px solid #839D49;border-radius:50%;content:""}
.vision-renew .vision-box ul{display:flex;gap:20px;counter-reset:section;}
.vision-renew .vision-box ul li{position:relative;flex:1;border-radius:8px;background-color:#839D49;padding:50px 20px;text-shadow: 5px 5px 20px rgba(0,0,8,.8);color:#fff;word-break:keep-all;font-weight:bold}
.vision-renew .vision-box ul li:nth-child(2){background-color:#408763}
.vision-renew .vision-box ul li:nth-child(3){background-color:#079EAB}
.vision-renew .vision-box ul li:nth-child(4){background-color:#1669A3}
.vision-renew .vision-box ul li:nth-child(5){background-color:#4B76BA}
.vision-renew .vision-box ul li::before{color:#839D49;content:"0" counter(section);counter-increment:section 1;position:absolute;left:50%;top:-25px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#fff;text-shadow:none;font-size:.9em}
.vision-renew .vision-box ul li:nth-child(2)::before{color:#408763}
.vision-renew .vision-box ul li:nth-child(3)::before{color:#079EAB}
.vision-renew .vision-box ul li:nth-child(4)::before{color:#1669A3}
.vision-renew .vision-box ul li:nth-child(5)::before{color:#4B76BA}
.vision-renew .vision-dbox{flex-grow:1;background-color:#083E88;border-radius:8px;color:#fff;text-align:center;padding:20px;font-weight:500}
.vision-renew .vision-wrap-box{display:flex;gap:20px;font-size:24px;counter-reset:sections}
.vision-renew .vision-wrap-box.flex{flex-direction:column}
.vision-renew .vision-wrap-box .subject{max-height:100px}
.vision-renew .vision-wrap-box .subject-con{display:flex;gap:20px;flex-direction:column;flex-grow:1}
.vision-renew .vision-wrap-box .subject-item{color:#fff;padding:10px 10px 10px 100px;position:relative;background-color:#839D49;text-shadow: 5px 5px 20px rgba(0,0,8,.8);font-weight:600}
.vision-renew .vision-wrap-box .subject-item::before{position:absolute;left:0;background-color:#fff;border-top-right-radius:8px;border-bottom-right-radius:8px;top:0;width:80px;height:100%;display:flex;align-items:center;color:#839D49;content:"0" counter(sections);counter-increment:sections 1;justify-content:center;text-shadow:none;font-weight:bold}
.vision-renew .vision-wrap-box .item-con{padding:20px 10px 20px 30px;font-weight:600;word-break:keep-all;margin-top:10px;margin-left:80px;border-radius:8px;background-color:#F0F8FD}
.vision-renew .vision-wrap-box .item:nth-child(2) .subject-item{background-color:#408763}
.vision-renew .vision-wrap-box .item:nth-child(2) .subject-item::before{color:#408763}
.vision-renew .vision-wrap-box .item:nth-child(3) .subject-item{background-color:#079EAB}
.vision-renew .vision-wrap-box .item:nth-child(3) .subject-item::before{color:#079EAB}
.vision-renew .vision-wrap-box .item:nth-child(4) .subject-item{background-color:#1669A3}
.vision-renew .vision-wrap-box .item:nth-child(4) .subject-item::before{color:#1669A3}
.vision-renew .vision-wrap-box .item:nth-child(5) .subject-item{background-color:#4B76BA}
.vision-renew .vision-wrap-box .item:nth-child(5) .subject-item::before{color:#4B76BA}

/* 영문 테이블 */
:lang(en) .table_wrap table th,
:lang(en) .table_wrap table td,
:lang(en) .table_wrap2 table th,
:lang(en) .table_wrap2 table td { word-break: break-all; }

/* 영문 공단소개 */
:lang(en) .greeting_intro { font-size: 30px; }
:lang(en) .summary_bg p { font-size: 24px; }
:lang(en) .summary_bg span { font-size: 16px; }
:lang(en) .layout_flex .con > div.bg_ci .tit { font-size: 28px; padding: 10px 40px; width: 50%; text-align: left;}
:lang(en) .layout_flex .con > div.bg_ci span {font-size: 18px; width: 50%;}
:lang(en) .organization_intro .list_wrap .depth4 { flex-direction: column; gap:20px;width: 100%; }
:lang(en) .organization_intro .list_wrap .depth4::before { top: -36px; width: 1px; height: 33px; border-left: 1px dashed #aaa; border-top: none; }
:lang(en) .organization_intro .list_wrap .depth4 > li { width: 100%; font-size: 18px; }
:lang(en) .organization_intro .list_wrap .depth4 > li::before { display: none; }

/* 250218 modify */
:lang(en) .organization_intro .list_wrap .depth2.type2::before{width:calc(100% - 325px)}
:lang(en) .organization_intro .list_wrap .depth-txt{width:330px}
:lang(en) .organization_intro .list_wrap .depth3-1{gap:40px}
:lang(en) .organization_intro .list_wrap .dapth1-1 .depth-txt,
:lang(en) .organization_intro .list_wrap .sub_depth .depth-txt{width:200px}
:lang(en) .organization_intro .list_wrap .depth4 .depth-txt{writing-mode:lr;height:60px}

/* 영문 사업소개 */
:lang(en) .build_intro .intro_txt span::before { display: none; }
:lang(en) .build_slide ul li .txt_wrap .tit { opacity: 0; }
:lang(en) .build_slide ul li.on .txt_wrap .tit { opacity: 1; }
:lang(en) .loca_environment .con:nth-child(2) { flex-shrink: 0; }
:lang(en) .tit_type_bar { font-size: 28px; }
:lang(en) .line_list dl dt { width: 40%; }

:lang(en) .history { background-size: 500px auto; }


/* 개인정보처리방침 추가 - 241203 */
.conditions_wrap { margin-top: 80px; padding-left: 20px; padding-right: 20px; }
.conditions_wrap .conditions_tit { font-size: 24px; font-weight: 700; line-height: 28.64px; text-align: left; margin-bottom: 60px; color: #000; }
.conditions_wrap .conditions_txt1 { font-size: 20px; font-weight: 400; line-height: 32px; text-align: left; }
.conditions_wrap .conditions_txt1.mb60 { margin-bottom: 60px; }
.conditions_inner { font-size: 20px; line-height: 1.5; color: #222; }
.conditions_box em { display: block; font-size: inherit; color: inherit; font-weight: 600; }

.conditions_border_box { border: 5px solid #F2F2F2; border-radius: 5px; }
.conditions_box { margin-bottom: 60px; }

.conditions_small_tit { font-size: 20px; font-weight: 600; line-height: 23.87px; text-align: left; margin-bottom: 20px; color: #222; }
.conditions_small_tit2 { display: flex; gap: 18px; align-items: center; font-size: 20px; font-weight: 700; margin-top: 60px; line-height: 23.87px; text-align: left; margin-bottom: 20px; color: #222; }
.conditions_sub_txt { font-size: 20px; font-weight: 400; line-height: 32px; text-align: left; color: #222; margin-top: 20px; margin-bottom: 30px; }
.conditions_wrap .list_box1 { margin-top: 8px; margin-bottom: 8px; display: flex; flex-direction: column; gap: 8px; }
.conditions_wrap .list_box1 li { padding-left: 23px; font-size: 20px; font-weight: 400; line-height: 32px; text-align: left; }

.conditions_wrap .list_box2 { margin-top: 5px; display: flex; flex-direction: column; gap: 8px; }
.conditions_wrap .list_box2 li { padding-left: 15px; font-size: 20px; font-weight: 400; line-height: 32px; text-align: left; }
.conditions_box .gray_box { padding: 50px; background: #f6f6f6; margin-top: 20px; }
.c_link { color: #083e88; font-size: 20px; }
.txt_line { text-decoration: underline; color: inherit; font-size: inherit; }
.conditions_wrap .down { text-decoration: underline; color: #083e88}
.conditions_box .gray_box .c_link { color: #000; font-size: 18px; text-decoration: underline; text-underline-position: under; display: inline-block; background: url(../images/sub/conditions/ic_chevron_circle.svg) no-repeat right center / 19px; padding-right: 26px; font-weight: 600; line-height: 36px; text-align: left; margin-left: 4px; }

.conditions_list1 { display: flex; justify-content: center; align-items: flex-start; margin: 0 auto; flex: 1 1 auto; justify-content: space-between; padding: 70px; }
.conditions_list1 li { position: relative; width: 168px; text-align: center; }
.conditions_list1 li .layer_box { visibility: hidden; opacity: 0; transition: 0.2s; position: absolute; top: 115px; left: 50%; transform: translateX(-50%); z-index: 1; min-width: 420px; height: auto; padding: 20px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }
.conditions_list1 li:hover .layer_box,
.conditions_list1 li:focus .layer_box { visibility: visible; opacity: 1;}
.conditions_list1 li .layer_box p { font-size: 18px; font-weight: 500; text-align: left; }
.conditions_list1 li > a { display: inline-block; padding-top: 76px; position: relative; text-align: center; color: #000; text-decoration: none; }
.conditions_list1 li > a:focus,
.conditions_list1 li > a:hover { color: #000; }
.conditions_list1 li > a::after { position: absolute; content: ""; display: block; width: 60px; height: 60px; top: 0px; left: 50%; transform: translateX(-50%); background-size: 100% 100%;; }
.conditions_list1 li .label1::after { background: url(../images/sub/ic_pr01.png) no-repeat center / 100% 100%; }
.conditions_list1 li .label2::after { background: url(../images/sub/ic_pr02.png) no-repeat center / 100% 100%; }
.conditions_list1 li .label3::after { background: url(../images/sub/ic_pr03.png) no-repeat center / 100% 100%; }
.conditions_list1 li .label4::after { background: url(../images/sub/ic_pr04.png) no-repeat center / 100% 100%; }
.conditions_list1 li .label5::after { background: url(../images/sub/ic_pr05.png) no-repeat center / 100% 100%; }
.conditions_list1 li .label6::after { background: url(../images/sub/ic_pr06.png) no-repeat center / 100% 100%; }

.conditions_list2 { padding: 70px 60px; display: flex; flex-wrap: wrap; gap: 15px; }
.conditions_list2 li { width: calc(50% - 30px); font-size: 20px; font-weight: 400; text-align: left; }
.conditions_list2 li a { display: flex; align-items: center; gap: 20px; font-size: 20px; font-weight: 400; text-align: left; color: #222; }
.conditions_list2 li a .c_icons { display: none; }
.conditions_table_wrap { margin-top: 15px; margin-bottom: 20px; }
.conditions_table_wrap table th { border-right: 1px solid #ddd; border-top: 2px solid #000; background: #F8F8F8; font-size: 20px; font-weight: 600; line-height: 60px; text-align: center; }
.conditions_table_wrap table th:last-of-type { border-right: none; }
.conditions_table_wrap table td { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 20px; font-weight: 400; text-align: center; padding: 20px 8px; line-height: 1.5; }
.conditions_table_wrap table td:last-of-type:not(.border) { border-right: none; }

.conditions_wrap .file_link { display:inline-block; padding-right:25px; background:url(../images/sub/ic_down.png) right center no-repeat; color: #083e88; text-decoration: underline; font-size: 20px; }
.conditions_wrap .file_link:hover { text-decoration: none; }

.c_icons { width: 40px; height: 40px; flex-shrink: 0; }
.c_icons.type0 { display: flex; width: auto; gap: 6px; }
.c_icons.type1 { background: url(../images/sub/ic_pr01.png) no-repeat center / 100% 100%; }
.c_icons.type2 { background: url(../images/sub/ic_pr02.png) no-repeat center / 100% 100%; }
.c_icons.type3 { background: url(../images/sub/ic_pr03.png) no-repeat center / 100% 100%; }
.c_icons.type4 { background: url(../images/sub/ic_pr04.png) no-repeat center / 100% 100%; }
.c_icons.type5 { background: url(../images/sub/ic_pr05.png) no-repeat center / 100% 100%; }
.c_icons.type6 { background: url(../images/sub/ic_pr06.png) no-repeat center / 100% 100%; }
.c_icons.type7 { background: url(../images/sub/ic_pr07.png) no-repeat center / 100% 100%; }
.c_icons.type8 { background: url(../images/sub/ic_pr08.png) no-repeat center / 100% 100%; }
.c_icons.type9 { background: url(../images/sub/ic_pr09.png) no-repeat center / 100% 100%; }
.c_icons.type10 { background: url(../images/sub/ic_pr10.png) no-repeat center / 100% 100%; }
.c_icons.type11 { background: url(../images/sub/ic_pr11.png) no-repeat center / 100% 100%; }
.c_icons.type12 { background: url(../images/sub/ic_pr12.png) no-repeat center / 100% 100%; }
.c_icons.type13 { background: url(../images/sub/ic_pr13.png) no-repeat center / 100% 100%; }
.c_icons.type14 { background: url(../images/sub/ic_pr14.png) no-repeat center / 100% 100%; }
.c_icons.type15 { background: url(../images/sub/ic_pr15.png) no-repeat center / 100% 100%; }

/* 인재상 */
.item-inje-subject{background:url('../images/sub/bg-01.png') center/cover no-repeat;width:100%;height:360px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;text-align:center}
.item-inje{display:flex;gap:20px;flex-wrap:wrap;padding-top:100px;background:url('../images/sub/bg-02.png') top center no-repeat}
.item-inje .item{width:calc(50% - 10px);border-radius:20px;overflow:hidden;background-color:#F5F5F5;text-align:center;font-size:1.25rem}
.item-inje .item .subject{color:#fff;background-color:#0E67E5;padding:20px;font-size:1.125em;font-weight:bold}
.item-inje .item:first-child .subject,
.item-inje .item:last-child .subject{background-color:#083E88}
.item-inje .con{height:215px;display:flex;align-items:center;justify-content:center;padding:10px}
.item-inje .con p{word-break:keep-all}

/* 장애물 관리 */
.con-box-wrap{margin:50px 0}
.box-gray{text-align:center;padding:50px;border:1px solid #EAEAEA;font-size:1.125rem}
.box-gray .subject{font-size:32px;font-weight:600}
.box-gray .subject-con{margin-top:20px}
.bg-gray{text-align:center;padding:100px 50px;background-color:#FAFAFA;font-size:1.125rem}
.bg-gray .subject{font-size:32px;font-weight:600}
.bg-gray .subject-con{margin-top:20px}
.bg-gray .img{margin-top:50px}
.tbl-basic{font-size:1.25rem;border-top:2px solid #083E88}
.tbl-basic table{table-layout:auto}
.tbl-basic thead{background-color:#F3F8FD;font-size:24px;text-align:center}
.tbl-basic thead th{padding:20px}
.tbl-basic th,
.tbl-basic td{border-bottom:1px solid #ddd;padding:20px}
.btn-go{width:250px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#083E88;color:#fff;font-weight:bold;font-size:1rem}
.btn-go span{display:flex;align-items:center;justify-content:center;gap:10px;transition:.3s}
.btn-go span::after{background:url('../images/sub/ico-link.png') center/contain no-repeat;width:18px;height:18px;content:""}
.btn-go:hover span{gap:15px}
.c-main{color:#083E88}
.bg-main{background-color:#083E88;color:#fff;padding:20px;text-align:center;margin:20px 0}
.bg-main p{display:flex;align-items:center;justify-content:center}
.bg-main .nm{position:relative;margin-right:20px;padding-right:20px;font-weight:500}
.bg-main .nm::after{position:absolute;right:0;top:50%;transform:translateY(-50%);height:24px;width:1px;content:"";background-color:#fff}
.bg-dgray{background-color:#EAEDF0;padding:50px}
.item-dot > li{position:relative;padding-left:15px;margin:5px 0}
.item-dot > li:before{display:block;content:"";position:absolute;top:.5em;width:4px;height:4px;background-color:#083E88;left:0;border-radius:50%}
.item-space > li{margin:5px 0}
.item-flow{display:flex;gap:100px;align-items:center;justify-content:center;margin:50px 0}
.item-flow .item{position:relative;width:220px;height:220px;border:1px solid #9AA4AC;border-radius:50%;font-weight:600;display:flex;align-items:center;justify-content:center;background-color:#fff;text-align:center}
.item-flow .item:last-child{background-color:#083E88;color:#fff}
.item-flow .item:not(:last-child)::after{position:absolute;right:-73px;top:50%;transform:translateY(-50%);content:"";background:url('../images/sub/ico-arrow-right-gray.png') center no-repeat;width:48px;height:48px}

.flow-vision-wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
.flow-vision-wrap .flow-box{position:relative;display:flex;gap:50px;align-items:flex-start;width:100%;position:relative;padding-bottom:50px}
.flow-vision-wrap .flow-box::after{width:80px;left:26px;position:absolute;content:"";height:100%;background-color:#163C8D;z-index:-1}
.flow-vision-wrap .flow-box:first-child::before{content:"";width:0;height:0;border-left:62px solid transparent;border-right:40px transparent;border-top:62px solid #163C8D;position:absolute;left:35px;bottom:175px;transform:rotate(315deg);border-radius:10px}
.flow-vision-wrap .flow-box:nth-child(2)::after{background-color:#1460B8}
.flow-vision-wrap .flow-box:nth-child(3)::after{background-color:#0082DA}
.flow-vision-wrap .flow-box .subject{position:relative;width:130px;aspect-ratio:1/1;border:4px solid #163C8D;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#163C8D;font-size:1.25rem;font-weight:600;flex-shrink:0;background-color:#fff}
.flow-vision-wrap .flow-box .subject::before{position:absolute;top:50%;transform:translateY(-50%);height:1px;border-bottom:1px dashed #AAAAAA;width:100%;content:"";right:-50px;z-index:-1}
.flow-vision-wrap .flow-box .subject::after{position:absolute;top:50%;background-color:#fff;transform:translateY(-50%);width:20px;aspect-ratio:1/1;border:5px solid #1460B8;content:"";right:-55px;z-index:10;border-radius:50%}
.flow-vision-wrap .flow-box .subject + *{flex-grow:1}
.flow-vision-wrap .flow-box .subject-con{background-color:#163C8D;height:100%;font-weight:600;color:#fff;border-radius:10px;padding:50px 20px;font-size:1.25rem}
.flow-vision-wrap .flow-box.v .subject{border-color:#1460B8;top:-20px;color:#1460B8}
.flow-vision-wrap .flow-box.v .subject-con{border-color:#1460B8}
.flow-vision-wrap .flow-box.h .subject{border-color:#0082DA;top:-20px;color:#0082DA}
.flow-vision-wrap .flow-box.h .subject::after{border-color:#0082DA}
.flow-vision-wrap .flow-box.h .item:nth-child(odd) .tit{background-color:#0082DA}
.flow-vision-wrap .flow-box.h .item:nth-child(even) .tit{background-color:#0BAFEA}
.flow-vision-wrap .subject-info{display:flex;gap:10px}
.flow-vision-wrap .subject-info .item{border-radius:10px;background-color:#F1F6FB;overflow:hidden}
.flow-vision-wrap .subject-info .item .tit{color:#fff;padding:20px;background-color:#1460B8;display:flex;height:80px;align-items:center;justify-content:center;font-size:1.125rem}
.flow-vision-wrap .subject-info .item .tit-con{padding:50px}
.flow-vision-wrap .subject-info .item .tit-con p{word-break:keep-all}
.flow-vision-wrap .tit-con-column{display:flex;flex-direction:column;gap:50px}
.flow-vision-wrap .tit-con-column .item{border-radius:10px;overflow:hidden}
.flow-vision-wrap .tit-con-column .tit{color:#fff;padding:20px;background-color:#0082DA;display:flex;height:80px;align-items:center;justify-content:center;font-size:1.125rem;font-weight:500}
.flow-vision-wrap .tit-con-column .con{background-color:#F0F8FD;padding:20px;display:flex;justify-content:center}
.item-one-dot > li{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;align-items:center}
.item-one-dot > li::before{border:2px solid #1460B8;border-radius:50%;content:"";width:4px;height:4px;flex-shrink:0}

/*
.vision-dbox .subject-bg{background:url('../images/sub/sbg-01.png') center/cover no-repeat;height:150px;text-align:center;font-size:1.25rem;color:#fff;font-weight:bold;display:flex;align-items:center;margin-bottom:10px;justify-content:center;border-radius:10px}
.vision-wrap-box{display:flex;gap:10px}
.vision-wrap-box .item{display:flex;flex-direction:column;gap:10px;flex:1}
.vision-wrap-box .item .subject-item{border-radius:10px;height:80px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#083E88;text-align:center}
.vision-wrap-box .item .item-con{flex-grow:1;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;border:1px solid #083E88;padding:20px}
.vision-wrap-box .item .item-con p{word-break:keep-all}*/
.c-yellow{color:#EFD300}

@media screen and (max-width: 1500px){
	.conditions_list1 { width: 100%; }
}
@media screen and (max-width: 1300px){
	.conditions_list1 { width: 100%;  }
    .conditions_list1 li .layer_box { min-width: 320px; top: 77px;}
    .conditions_list1 li .layer_box p { font-size: 16px; }
}
@media screen and (max-width: 768px){
	.conditions_wrap .list_box1 li { padding-left: 14px; }
	.conditions_wrap .file_link { background-size: 14px; padding-right: 19px; }
	.conditions_wrap .file_link { font-size: 14px; }
	.c_link { font-size: 14px; }
	.conditions_list1 li > a { padding-top: 50px; font-size: 14px; }
	.conditions_list1 li > a::after { width: 40px; height: 40px; }
	.c_icons { width: 33px; height: 33px; }
	.conditions_wrap { padding-left: 0; padding-right: 0; }
	.conditions_wrap .conditions_txt1 { font-size: 14px; line-height: 1.2; }
	.conditions_sub_txt { font-size: 13px; line-height: 1.1; margin-top: 10px; margin-bottom: 20px; }
	.conditions_inner { font-size: 14px; line-height: 1.2; }
	.conditions_table_wrap table th { font-size: 12px; line-height: 1.5; padding-top: 10px; padding-bottom: 10px; }
	.conditions_table_wrap table td { font-size: 12px; padding: 12px 4px; /*  word-break: keep-all;  */}
	.conditions_small_tit2 { font-size: 16px; margin-top: 30px; margin-bottom: 10px; gap: 5px; word-break: keep-all; line-height: 1.2; }
	.conditions_box { margin-bottom: 20px; }
	.conditions_list1 { position: relative; flex-wrap: wrap; gap: 20px 10px; padding: 20px; }
    .conditions_list1 li { position: static; width: calc((100% / 3) - 10px); }
    .conditions_list1 li .layer_box { top: 50%; transform: translate(-50%,-50%);}
	.conditions_list2 { flex-direction: column; padding: 10px; gap: 5px; }
	.conditions_list2 li { font-size: 14px; width: 100%; }
	.conditions_list2 li a { font-size: 14px; width: 100%; gap: 5px; }
	.conditions_wrap .list_box1 li { font-size: 14px; line-height: 1.1; }
	.conditions_wrap .list_box2 li { font-size: 14px; line-height: 1.1; }
	.list_box1 .c_download { font-size: 14px; }
	.conditions_box .gray_box { padding: 10px; }
	.conditions_box .gray_box .c_link {display: block; width: fit-content; background-size: 15px; font-size: 14px; padding-right: 19px; line-height: 24px; margin-left: 12px; }

}
/* // 개인정보처리방침 추가 - 241203 */

@media screen and (max-width: 1570px) {
    /* 사업소개 */
    .build_slide ul,
    .build_slide ul li.on { height: 450px; }
    .build_slide ul li { height: 380px;}
    .build_slide ul li.on .txt_wrap { top: 90px; left: 90px; }
    .build_slide ul li .txt_wrap .tit,
    .build_slide ul li .txt_wrap span:not(.tit) { font-size: 22px; }
    .build_slide ul li.on .txt_wrap .tit { font-size: 40px; }

    /* 공단소개 */
    .history { background-size: 500px auto; }
    .layout_flex .con > div.bg_ci { width: 100%; }

    /* 영문 사업소개 */
    :lang(en) .loca_environment .con:nth-child(2) { flex-shrink: 0.1; }

    :lang(en) .history { background-size: 300px auto; }
}
@media screen and (max-width: 1384px) {
    /* 공단소개 */
    .summary_list { gap: 20px; }
    .summary_list li { padding: 25px; }
    .summary_list li span.num,
    .summary_list li span.tit { font-size: 20px; }
    .summary_list li span:not(.num, .tit) { font-size: 16px; }
    .vision .vision_box ul li br { display: none; }

    /* 사업소개 */
    .line_list { padding: 60px 40px; }
    .line_list dl { font-size: 16px; padding: 14px 0; }
    .img_info_box { gap: 20px; }
    .img_info_box span { gap: 20px; font-size: 16px; }

    :lang(en) .history { background: none; }
}
@media screen and (max-width: 1280px) {
    /* 공단소개 */
    .history { background-size: 350px auto; }
    .layout_flex { flex-wrap: wrap;}
    .layout_flex .con,
    .layout_flex h3 { width: 100%; }
    .layout_flex .con .symbol_info { margin-right: 0; }
    .layout_flex .con .symbol_info br { display: none; }
    .layout_flex .con .img_box { margin-left: auto; width: 300px; height: 145px; }
    .layout_flex .con:has(.symbol_info) .img_box{margin:20px auto}
    .summary_bg { height: 280px; }
    .summary_bg p { font-size: 24px; }
    .summary_bg span { font-size: 16px; }
    .summary_list li { padding: 16px; }
    .summary_list li span.num,
    .summary_list li span.tit { font-size: 16px; }
    .summary_list li span:not(.num, .tit) { font-size: 14px; }
    .summary_list li:nth-child(1)::before { width: 110px; height: 110px; background-size: 110px auto;}
    .summary_list li:nth-child(2)::before { width: 110px; height: 110px; background-size: 110px auto;}
    .summary_list li:nth-child(3)::before { width: 110px; height: 110px; background-size: 110px auto;}
    .layout_flex .con > div.bg_ci { padding: 0 40px; height: 280px; }
    .layout_flex .con > div.bg_ci .tit { font-size: 28px; padding: 10px 40px; }
    .layout_flex .con > div.bg_ci span { font-size: 18px; }
    .layout_flex .con > div.bg_ci .tit::before,
    .layout_flex .con > div.bg_ci .tit::after { width: 24px; height: 18px; }
    .vision .vision_box { gap: 20px; }
    .vision .vision_box h3 { width: 160px; font-size: 22px; }
    .vision .vision_box .con1 { font-size: 20px; }
    .vision .vision_box ul li { font-size: 16px; }
    /* 기존 소스 250211 ===========================================
    .organization_intro .list_wrap ul li { font-size: 22px; padding: 14px; }
    .organization_intro .list_wrap .sub_depth { right: 2%; }
    .organization_intro .list_wrap .sub_depth li { width: 200px; }
    .organization_intro .list_wrap .depth1 > li { width: 180px; }
    .organization_intro .list_wrap .depth1 > li:nth-child(1) { left: 14%; }
    .organization_intro .list_wrap .depth1 > li:nth-child(2),
    .organization_intro .list_wrap .depth2 > li,
    .organization_intro .list_wrap .depth3 > li { width: 300px; }
    .organization_intro .list_wrap .depth3 { gap: 40px; top: 180px; }
    .organization_intro .list_wrap .depth3::before { width: 676px; }
    .organization_intro .list_wrap .depth4 { gap: 56px; top: 150px; }
    .organization_intro .list_wrap .depth4::before { width: 230px; }
    .organization_intro .list_wrap .depth4 > li { width: 60px; height: 230px; padding: 0px 10px 0 10px; }
    .organization_intro .list_wrap .depth2.type2::before { left: -100px;}
     =========================================================================*/

     .board_wrap .contents { padding: 35px 50px; }


    /* 사업소개 */
    .layout_flex.direction {margin-top: 100px;}
    .biz_overview .biz_overview_info { margin: 100px 0; }
    .biz_overview .biz_overview_info .con { padding: 70px; }
    .build_intro { margin: 80px 0; }
    .build_intro .img_wrap { height: 320px; }
    .build_intro .intro_txt { padding: 0 20px 0 60px; }
    .build_intro .intro_txt br { display: none; }
    .line_list { padding: 20px 40px; }
    .line_list dl { font-size: 13px; padding: 10px 0; }
    .line_list dl dt { width: 31%; }
    .img_info_box { gap: 8px; }
    .img_info_box span { gap: 8px; font-size: 13px; letter-spacing: -0.5px; }
    .img_info_box span + span::before { width: 16px; height: 8px; }
    .access_traffic .con { width: 39%; }
    .access_traffic .con:has(.img_wrap) { width: 61%; }

    /* 영문 공단소개 */
    :lang(en) .summary_bg { height:auto}
    :lang(en) .summary_bg p { font-size: 20px; }
    :lang(en) .summary_bg span { font-size: 14px; }
    /*:lang(en) .organization_intro .list_wrap ul li { font-size: 18px; }
    :lang(en) .organization_intro .list_wrap .depth1 > li { width: 200px; }
    :lang(en) .organization_intro .list_wrap .depth4 { top: 114px; }*/

    /* 영문 사업소개 */
    :lang(en) .loca_environment .con:nth-child(2) { flex-shrink: 0.4; }

}
@media screen and (max-width: 1024px) {
    /* 레이아웃 */
    .title { font-size: 40px; }
    .title_bar2 { font-size: 22px; }
    .title_bar2::before { height: 24px; }
    .title_bar2 span { font-size: 16px; }
    .txt_basic { font-size: 15px; margin-bottom: 80px; margin-top: 20px; }
    .txt_basic2 { font-size: 15px; }
    .sub_title,
    .sub_title2 { font-size: 28px; }
    .dot { gap: 8px; }

    /* 폼태그 */
    input[type=text] { height: 40px; padding: 0 36px 0 16px ; font-size: 15px; }
    .select_wrap select { height: 40px; padding: 0 16px; font-size: 15px; }
    .select_wrap::before { right: 16px; }
    .search_box .btn_search { right: 16px; width: 14px; height: 14px; }

    /* 폼태그 */
    .form_flex .btn.type_bg { font-size: 16px; padding: 0 16px; }

    /* 라디오버튼 */
    .radio_wrap { gap: 10px 20px; }
    input[type=radio] + label { font-size: 16px; }

    /* 탭메뉴 */
    .tab_wrap .tab_list { margin-bottom: 60px; }
    .tab_wrap .tab_list li button,
    .tab_wrap .tab_list li a { font-size: 22px; padding: 16px 30px; }
    .tab_wrap .tab_list.type2 li button,
    .tab_wrap .tab_list.type2 li a { font-size: 16px; padding: 14px 10px 12px; }

    /* 테이블 */
    .table_wrap table th,
    .table_wrap table td { font-size: 15px; padding: 12px 8px 10px; }
    .table_wrap2 table th,
    .table_wrap2 table td { font-size: 15px; }
    .table_wrap2 table th { padding: 12px 16px; }
    .table_wrap2 table td { padding: 12px 0; }
    .table_wrap2 table col:nth-child(1) { width: 20% !important; }

    /* 리스트타입 */
    .dot_list_tit { font-size: 17px; }
    .dot_list > li,
    .bar_list > li { font-size: 15px; }
    .dot_list > li::before { margin-top: 6px; }
    .bar_list > li::before { margin-right: 10px; }
    .dot_list > li + li { margin-top: 8px; }
    .num_list > li { padding: 20px 0; }
    .num_list > li div:has(.num) { font-size: 16px; }

    /* 게시물리스트 */
    .img_list { gap: 40px 30px; }
    .img_list li { width: calc((100% / 2) - 15px); }
    .img_list li a dl { padding-left: 16px; }
    .img_list li a dl dt { font-size: 16px; margin-bottom: 8px; }
    .img_list li a dl dd span { font-size: 14px; }
    .img_list li a .img_wrap { height: 265px; margin-bottom: 20px; }

    /* 게시판 검색옵션 */
    .board_list .list_head { padding: 16px 0; }
    .board_list .list_head div { font-size: 15px; }
    .board_list .list_item li a { padding: 16px 0 13px; font-size: 15px; }
    .board_list .list_item li a .tag { padding: 4px 6px; font-size: 12px; }

    /* 서브헤드영역 */
    .sub_head .sub_vis .inner { text-align: center; }
    .sub_head .sub_vis h2 { font-size: 40px; }
    .sub_head .sub_vis h2::before { width: 20px; }
    .sub_head .sub_vis span { font-size: 18px; }
    .sub_head .sub_nav .inner { height: 54px; }
    .sub_head .sub_nav .breadcrumb > li{padding:0 5px}
    .sub_head .sub_nav .breadcrumb > li.lnb ul { top:45px;padding:5px}
    .sub_head .sub_nav .share .share_box { padding-top: 12px; }

    /* 고객지원 */
    .board_wrap .contents { padding: 35px 0px; }
    .board_wrap .tit_box h2 { font-size: 22px; padding: 22px 0; }
    .board_wrap .board_btn_wrap button { padding: 18px 0;  }
    .board_wrap .board_btn_wrap button div:nth-child(1),
    .board_wrap .board_btn_wrap button div:nth-child(2) { padding: 0 20px; }
    .file_wrap { margin: 30px 0; padding: 30px; }
    .reporting_center .title_bar2 { margin-top: 80px; }
    .btn_comment { font-size: 18px; }
    .report_form_wrap .txt_basic2 + .btn_wrap2 { flex-wrap: wrap; }

    /* 공단소개 */
    .greeting_intro { margin: 60px auto; font-size: 26px; padding: 18px 50px 16px; }
    .greeting_intro::before,
    .greeting_intro::after { width: 40px; height: 32px; }
    .greeting_bg { height: 240px; }
    .greeting_txt { gap: 30px; }
    .greeting_txt .txt1 { font-size: 22px; }
    .greeting_txt .txt2 { padding-right: 0; }
    .greeting_txt .txt2 p { font-size: 16px; }
    .greeting_txt .txt2 p br:nth-child(4),
    .greeting_txt .txt2 p br:nth-child(5),
    .greeting_txt .txt2 p br:nth-child(6),
    .greeting_txt .txt2 p br:nth-child(7),
    .greeting_txt .txt2 p br:nth-child(8) { display: none; }
    .greeting_txt .txt2 p span { font-size: 14px; }
    .greeting_txt .txt2 .name span { font-size: 18px; }
    .bg_history { height: 380px; }
    .history { background: none;}
    .layout_flex { gap: 20px; }
    .layout_flex h3 { font-size: 24px; }
    .layout_flex .con .symbol_info { font-size: 16px; margin-right: 0; }
    .layout_flex .con .img_box { width: 200px; height: 120px; }
    .layout_flex .con .grid_img_box { flex-wrap: wrap; padding: 40px 0; gap: 60px; }
    .layout_flex .con .color_box { height: 270px; padding: 30px; }
    .layout_flex .con .color_box span { font-size: 26px; }
    .layout_flex .con .color_box dl { font-size: 20px; }
    .layout_flex .con > div.bg_ci { flex-wrap: wrap; justify-content: center; padding: 40px; }
    .layout_flex .con > div.bg_ci span { text-align: center; }
    .vision .vision_box h3 { font-size: 20px; width: 150px; }
    .vision .vision_box .con1 { font-size: 18px; }
    .vision .vision_box ul li { font-size: 14px; }
    .ethics_wrap .intro { font-size: 20px; }
    .ethics_wrap .ethics_list2 > li .tit span { font-size: 18px; width: 180px; }
    .ethics_wrap .ethics_list2 > li .con { font-size: 18px; padding: 16px; }
    .ethics_wrap .ethics_list2 > li .con_wrap .con .dot_list li { font-size: 18px; }

    /* 기존 소스 250211 ============================================
    .organization_intro .list_wrap ul li { font-size: 20px; }
    .organization_intro .list_wrap .sub_depth { top: 115px; }
    .organization_intro .list_wrap .depth1 > li:nth-child(1) { top: 115px; }
    .organization_intro .list_wrap .sub_depth li { width: 100px; }
    .organization_intro .list_wrap .depth1 > li:nth-child(1) {left: 6%;}
    .organization_intro .list_wrap .depth2.type2::before { left: -145px; top: -90px;}
    .organization_intro .list_wrap ul li { padding: 10px; }
    .organization_intro .list_wrap .depth2 { top: 228px; }
    .organization_intro .list_wrap .depth1 > li:nth-child(2),
    .organization_intro .list_wrap .depth2 > li,
    .organization_intro .list_wrap .depth3 > li { width: 210px; }
    .organization_intro .list_wrap .depth3 { gap: 30px; top: 170px; }
    .organization_intro .list_wrap .depth3::before { width: 478px; }
    .organization_intro .list_wrap .depth4 { gap: 20px; top: 140px; }
    .organization_intro .list_wrap .depth4 > li { width: 55px; height: 210px; }
    .organization_intro .list_wrap .depth4::before { width: 150px; }
     =====================================*/
    /* 추가 소스 250211 ============================================*/
    .organization_intro .list_wrap .depth-txt{width:180px;height:50px;font-size:16px}
    .organization_intro .list_wrap .dapth1-1 .depth-txt{width:140px}
    .organization_intro .list_wrap .dapth1-2:nth-child(2){padding-right:140px}
    .organization_intro .list_wrap .sub_depth .depth-txt{width:130px}
    .organization_intro .list_wrap .sub_depth > li::before{bottom:50px}
    .organization_intro .list_wrap .depth4 .depth-txt{width:50px}
    .organization_intro .list_wrap .dapth1-1 .depth-txt{width:130px}
    .organization_intro .list_wrap .dapth1-1::before{top:24px}
    .organization_intro .list_wrap .depth2.type2::before{top:99px;width:calc(100% - 180px)}
    .organization_intro .list_wrap .depth2 .depth2-1-1::before{top:25px;width:40vw}
    .organization_intro .list_wrap .depth4::before{width:calc(100% - 50px)}
    .organization_intro .list_wrap .depth2 .depth2-1-1 .depth-txt{width:130px}

    .recruit_process { gap: 30px; margin-bottom: 70px; }
    .recruit_process li { padding: 20px 10px; min-height: 100%; }
    .recruit_process li:not(:last-child)::after { right: -20px; width: 10px; height: 18px; }
    .recruit_process li span { font-size: 16px; }
    .recruit_process li span:last-of-type::before { width: 70px; height: 70px; margin: 20px auto 30px; }
    .recruit_info .box_list li { padding: 20px; }
    .recruit_info .box_list li em { gap: 20px; font-size: 16px; }
    .recruit_info .box_list li em::after { margin-right: 20px; }
    .recruit_info .box_list li span { font-size: 15px; }
    .bottom_info { flex-wrap: wrap; gap: 20px; margin-top: 30px; padding: 20px 20px 16px; font-size: 16px; }
    .bottom_info .tit { width: 100%; margin-right: 0; font-size: 16px; }
    .bottom_info .list { flex-wrap: wrap; gap: 10px 20px; }
    .faq_list .list_item li .answer .answer_box .cont { font-size: 16px; }
    .faq_list .list_item li a,
    .faq_list .list_item li .answer .answer_box { gap: 20px; padding: 16px; }
    .faq_list .list_item li a .quest { font-size: 20px; }
    .faq_list .list_item li a .ic_quest,
    .faq_list .list_item li .answer .answer_box .ic_answer { width: 30px; height: 30px; }
    .ethics_wrap .ethics_list li { padding: 60px 20px 20px 20px; }
    .ethics_wrap .ethics_list li:nth-child(1),
    .ethics_wrap .ethics_list li:nth-child(2),
    .ethics_wrap .ethics_list li:nth-child(3),
    .ethics_wrap .ethics_list li:nth-child(4) { background-size: 50px auto; background-position: top 20px right 20px; }
    .ethics_wrap .ethics_list li .num { font-size: 40px; }
    .ethics_wrap .ethics_list li span:not(.num) { font-size: 18px; }
    .ethics_wrap .ethics_list li span:not(.num) br { display: none; }
    .map_wrap .map { width: calc(100% - 360px); }
    .map_wrap .map_info { padding: 25px 30px; width: 360px; }
    .map_wrap .map_info .name { font-size: 20px; }
    .map_wrap .map_info .info_list li { font-size: 15px; }
    .map_wrap .map_info .info_list li + li { margin-top: 20px; }
    .map_wrap .map_info .info_list li em { width: 100px; }
    .map_wrap .map_info .info_list li em.address::before,
    .map_wrap .map_info .info_list li em.tel::before,
    .map_wrap .map_info .info_list li em.fax::before { margin-right: 8px; }
    .map_wrap .map_btn_wrap a { padding: 12px 16px;}

    /* 사업소개 */
    .biz_overview .layout_flex + .layout_flex { padding-top: 60px; margin-top: 80px; gap: 20px; }
    .biz_overview .biz_overview_info .con { padding: 40px; }
    .biz_overview .biz_overview_info .con h3 { font-size: 24px; margin-bottom: 16px; }
    .biz_overview .biz_overview_info .con dl { font-size: 16px; padding: 12px 0; }
    .biz_overview .biz_overview_info .con dl dt { width: 80px; }
    .scroll_bg { max-height: 300px; margin-top: 80px; }
    .change_txt { font-size: 28px; }
    .build_intro { margin: 60px 0; }
    .build_intro .intro_txt { padding: 0 20px 0 30px;}
    .build_intro .intro_txt span { font-size: 26px; }
    .build_intro .intro_txt span::before { width: 100px; height: 52px; top: -22px; right: -90px; }
    .build_intro .intro_txt p { font-size: 16px; margin-top: 16px; }
    .build_slide { margin-bottom: 60px; }
    .build_slide ul,
    .build_slide ul li.on { height: 360px; }
    .build_slide ul li { height: 300px;}
    .build_slide ul li.on .txt_wrap { top: 60px; left: 60px; }
    .build_slide ul li.on .txt_wrap .tit { font-size: 34px; margin-bottom: 16px; }
    .build_slide ul li .txt_wrap .tit,
    .build_slide ul li .txt_wrap span:not(.tit) { font-size: 20px; }
    .loca_environment { gap: 20px; }
    .loca_environment .con .cont_box { padding: 20px; }
    .loca_environment .con .cont_box:nth-child(1) { background-size: 100px auto; background-position: bottom right 0; }
    .loca_environment .con .cont_box:nth-child(2) { background-size: 90px auto; background-position: bottom right 0; }
    .loca_environment .con .cont_box:nth-child(3) { background-size: 100px auto; background-position: bottom right 0; }
    .loca_environment .con .cont_box h3 { font-size: 20px; margin-bottom: 16px; }
    .facility_info { flex-wrap: wrap; }
    .facility_info .con { width: 100%; }
    .tit_type_bar { font-size: 26px; margin: 0 auto 30px; padding: 0 30px; }
    .tit_type_bar::before { width: 13px; height: 24px; }
    .tit_type_bar::after { width: 13px; height: 24px; }
    .line_list { padding: 20px; }

    /* 영문 공단소개 */
    :lang(en) .greeting_intro { font-size: 22px; }
    :lang(en) .greeting_txt .txt2 .name { flex-wrap: wrap; }
    :lang(en) .greeting_txt .txt2 .name span { width: 100%; }
    :lang(en) .greeting_txt .txt2 .name span + span::before { display: none; }
    :lang(en) .layout_flex .con > div.bg_ci { padding: 30px; height: 310px; }
    :lang(en) .layout_flex .con > div.bg_ci span { text-align: right; width: 100%; text-align: center;}
    :lang(en) .layout_flex .con > div.bg_ci .tit { width: 100%; text-align: center; padding: 10px 20px; }
    /*
    :lang(en) .organization_intro .list_wrap .sub_depth li { width: 120px; }
    :lang(en) .organization_intro .list_wrap ul li { font-size: 16px; }
    :lang(en) .organization_intro .list_wrap ul li span { font-size: 14px; }
    :lang(en) .organization_intro .list_wrap .depth3 { top: 162px; }
    :lang(en) .organization_intro .list_wrap .depth4 { top: 94px; }
    :lang(en) .organization_intro .list_wrap .depth4 > li { height: 50px; }*/
    :lang(en) .organization_intro .list_wrap .depth-txt{width:220px}
    :lang(en) .organization_intro .list_wrap .depth2.type2::before{width:calc(100% - 220px)}
    :lang(en) .organization_intro .list_wrap .dapth1-1 .depth-txt, :lang(en) .organization_intro .list_wrap .sub_depth .depth-txt{width:150px}
    :lang(en) .organization_intro .list_wrap .dapth1-2:nth-child(2){padding-right:160px}

    /* 영문 사업소개 */
    :lang(en) .loca_environment { flex-wrap: wrap; flex-direction: column-reverse; }
    :lang(en) .loca_environment .con { width: 100%; }
    :lang(en) .tit_type_bar { font-size: 20px; }

    /* 인재상250319 */
    .item-inje-subject{font-size:1.875rem}
    .item-inje .item{font-size:1rem}

    :lang(en) .sub_head .sub_nav .breadcrumb > li{padding:0 10px}
    :lang(en) .sub_head .sub_nav .breadcrumb > li.lnb:nth-child(3){min-width:100px}

    .box-gray{padding:20px;font-size:1rem}
    .box-gray .subject{font-size:22px}
    .bg-gray{padding:20px;font-size:1rem}
    .bg-gray .subject{font-size:22px}
    .bg-dgray{padding:20px}
    .bg-main .nm{margin-right:10px;padding-right:10px}
    .item-flow{gap:50px}
    .item-flow .item{width:160px;height:160px}
    .item-flow .item:not(:last-child)::after{right:-50px}

    .tbl-basic{font-size:14px}
    .tbl-basic thead{font-size:1.125rem}
    .tbl-basic thead th{padding:10px}
    .tbl-basic td[width="290px"]{width:220px}
    .tbl-basic th, .tbl-basic td{padding:10px}
    .btn-go{width:200px;height:40px;font-size:14px}

    .flow-vision-wrap .flow-box{flex-direction:column;gap:20px;align-items:center}
    .flow-vision-wrap .flow-box .subject-con{width:100%}
    .flow-vision-wrap .subject-info{flex-direction:column}
    .flow-vision-wrap .flow-box .subject::before,
    .flow-vision-wrap .flow-box .subject::after{display:none}
    .flow-vision-wrap .flow-box:first-child::before{display:none}
    .flow-vision-wrap .flow-box::after{display:none}

    .vision-renew .vision-box{font-size:1.125rem;flex-direction:column}
    .vision-renew .vision-box .subject{width:100%;padding:20px 10px}
    .vision-renew .vision-box .subject br{display:none}
    .vision-renew .vision-box .subject-con{padding:0;word-break:keep-all}
    .vision-renew .vision-box ul{flex-direction:column}
    .vision-renew .vision-box ul li{padding:30px 20px;text-align:center}
    .vision-renew .vision-wrap-box{font-size:1.125rem}
    .vision-renew .vision-wrap-box .subject-item::before{width:60px}
    .vision-renew .vision-wrap-box .item-con{margin-left:60px}
    .vision-renew .vision-box ul li::before{width:40px;height:40px;top:-20px}

    .vision-renew .vision-box .subject-con.flex{flex-direction:column;margin-top:20px}
}

@media screen and (max-width: 768px) {
    /* 레이아웃 */
    .sub_wrap { padding-bottom: 60px; }
    .title { font-size:24px; margin: 60px auto; }
    .title_bar { font-size: 16px; gap: 8px; }
    .title_bar::before { height: 22px; }
    .title_bar2 { font-size: 18px; gap: 8px; }
    .title_bar2::before { height: 22px; }
    .sub_title,
    .sub_title2 { font-size: 22px; }
    .txt_basic { font-size: 14px; margin-bottom: 60px; }
    .txt_basic2 { font-size: 14px; }

    .box-gray .subject{font-size:1.125rem}
    .bg-gray .subject{font-size:1.125rem}

    /* 폼태그 */
    input[type=text] { min-width: auto; width: 100%; padding: 0 30px 0 10px; font-size: 14px; }
    input[type=text].type1 { height: 40px; }
    .select_wrap select { min-width: 90px; padding: 0 10px; font-size: 14px; }
    .select_wrap::before { width: 9px; height: 6px; right: 10px; }
    .search_box { width: 100%; }
    .search_box .btn_search { right: 10px; }
    textarea { font-size: 14px; }
    .form_flex .btn.type_bg { width: fit-content; height: 40px; }
    .form_list li .tit { width: 140px; }
    .form_list li input[type=text].type1, .form_list li .radio_wrap { width: calc(100% - 140px); }
    .filebox .upload_wrap,
    .filebox label { height: 40px; }
    .form_list li .kilobyte { font-size: 13px; padding-left: 140px; }

    /* 라디오버튼 */
    input[type=radio] + label { font-size: 14px; line-height: 1.3; padding: 0 0 0 20px; background-size: 14px auto; }

    /* 버튼 */
    .btn,
    .btn.type_bg,
    .btn_link,
    button.down,
    a.down { width: calc(50% - 5px); min-width: auto; height: 40px; font-size: 14px; padding: 0 16px; }
    .btn_link { gap: 10px; }
    .btn_link::after { width: 12px; height: 11px; }
    button.down::after, a.down::after { width: 12px; height: 12px; }
    .btn_wrap,
    .btn_wrap2 { flex-wrap: wrap; justify-content: flex-start; }
    .btn_wrap button:only-child,
    .btn_wrap2 button:only-child,
    .btn_wrap a:only-child,
    .btn_wrap2 a:only-child { width: 100%; }
    .btn_wrap button,
    .btn_wrap2 button,
    .btn_wrap a,
    .btn_wrap2 a { width: calc(50% - 5px); }

    /* 탭메뉴 */
    .tab_wrap .tab_list { margin-bottom: 30px; }
    .tab_wrap .tab_list li button,
    .tab_wrap .tab_list li a { font-size: 18px; padding: 16px 20px; }
    .tab_wrap .tab_list.type2 { margin-bottom: 30px; }
    .tab_wrap .tab_list.type2 li { width: 50%; }
    .tab_wrap .tab_list.type2 li button,
    .tab_wrap .tab_list.type2 li a { font-size: 14px; padding: 12px 10px 10px; }
    .tab_wrap .tab_list.type2 li:nth-child(1) button,
    .tab_wrap .tab_list.type2 li:nth-child(2) button,
    .tab_wrap .tab_list.type2 li:nth-child(1) a,
    .tab_wrap .tab_list.type2 li:nth-child(2) a { border-bottom: none; }
    .tab_wrap .tab_list.type2 li + li button,
    .tab_wrap .tab_list.type2 li + li a { border-left: 1px solid #e5e5e5; }
    .tab_wrap .tab_list.type2 li:nth-child(2n) button,
    .tab_wrap .tab_list.type2 li:nth-child(2n) a { border-left: none; }

    /* 테이블 */
    .table_wrap table th,
    .table_wrap table td { font-size: 14px; }
    .table_wrap2 table th,
    .table_wrap2 table td { display: block; width: 100%; font-size: 14px; }
    .table_wrap2 table col:nth-child(1) { width: 100% !important; }
    .table_wrap2 table th { padding-bottom: 10px; padding-left: 0; }
    .table_wrap2 table td { padding-top: 0; }
    .table_wrap table th .small_txt { font-size: 11px; }

    /* 리스트타입 */
    .dot_list_tit { font-size: 16px; }
    .dot_list > li,
    .bar_list > li { font-size: 14px; }
    .bar_list > li::before { margin-right: 8px; }
    .num_list > li { padding: 16px 0; }
    .num_list > li div:has(.num) { font-size: 14px; margin-bottom: 6px; }
    .num_list > li div:has(.num) .num { margin-right: 16px; }
    .num_list > li .bar_list { padding-left: 36px; }

    /* 게시물리스트 */
    .img_list { gap: 30px; padding-top: 30px; }
    .img_list li { width: 100%; }
    .img_list li a dl dt { font-size: 15px; height: 40px; }
    .img_list li a dl dd span { font-size: 13px; }
    .img_list li a .img_wrap { height: 225px; }

    /* 게시판 검색옵션 */
    .board_option { flex-wrap: wrap; gap: 10px; padding-bottom: 16px; }
    .board_option .num_wrap { gap: 8px; }
    .board_option .num_wrap .total_num + .total_num::before { margin-right: 8px; }
    .board_option .num_wrap .total_num span { font-size: 13px; }
    .board_option .search_wrap { width: 100%; }
    .board_list .list_head div { font-size: 13px; }
    .board_list .list_item li a { font-size: 13px; }
    .board_list .name,
    .board_list .view,
    .board_list .file { display: none; }
    .board_list .num { width: 13%; }
    .board_list .date { width: 27%; }
    .board_list .list_item li a .tag { font-size: 11px; }

    /* 페이지네이션 */
    .paging_wrap ul { margin-top: 40px; }
    .paging_wrap ul li button { width: 30px; height: 30px; }

    /* 서브헤드영역 */
    .sub_head .sub_vis { height: 360px; }
    .sub_head .sub_vis h2 { font-size:26px; margin-top: 12px; gap: 12px; }
    .sub_head .sub_vis span { font-size: 15px; }
    .sub_head .sub_nav { position: static; }
    .sub_head .sub_nav .inner { display: block; height: 100%; }
    .sub_head .sub_nav .breadcrumb { width: 100%; height: 45px; border-bottom: 1px solid #e5e5e5; }
    .sub_head .sub_nav .breadcrumb > li > a { font-size: 13px; }
    .sub_head .sub_nav .breadcrumb > li:not(.btn_home) > a::after { display: none; }
    .sub_head .sub_nav .share { width: 100%; height: 42px; }
    .sub_head .sub_nav .share > button { gap: 9px; font-size: 14px; }
    .sub_head .sub_nav .share .btn_share { background: #fff; border-bottom: 2px solid #083e88; color: #083e88; }
    .sub_head .sub_nav .share .btn_share::before { width: 15px; height: 17px; background: url(../images/sub/ic_share2.png) no-repeat center center; background-size: cover; }
    .sub_head .sub_nav .share .btn_print { background: #fff; border-bottom: 2px solid #00aeef; color: #00aeef; border-left: 1px solid #e5e5e5; }
    .sub_head .sub_nav .share .share_box { width: 50%; left: 0; top: 42px; padding-top: 7px; }
    .sub_head .sub_nav .breadcrumb > li.lnb ul{width:max-content;min-width:calc(100% + 2px);max-width:calc(100% + 2px)}
    .sub_head .sub_nav .breadcrumb > li.lnb ul li a{display:block;font-size:.875rem;word-break:keep-all}
    .sub_head .sub_nav .breadcrumb > li.lnb{display:flex;height:100%;align-items:center;letter-spacing:-.5px}
    .sub_head .sub_nav .breadcrumb > li.lnb:nth-child(2){min-width:80px}
    .sub_head .sub_nav .breadcrumb > li.lnb:nth-child(3){min-width:122px}
    .sub_head .sub_nav .breadcrumb > li.lnb:nth-child(4){min-width:122px}

    /* 고객지원 */
    .board_wrap .tit_box h2 { font-size: 18px; padding: 18px 0; }
    .board_wrap .tit_box .info { padding: 14px 0 12px; }
    .board_wrap .tit_box .info li { font-size: 13px; }
    .board_wrap .contents { padding: 25px 0; }
    .file_wrap { margin: 20px 0; padding: 20px; flex-direction: column; gap: 10px; }
    .file_wrap > div { font-size: 13px; }
    .file_wrap .file_list { border-left: none; padding-left: 0; }
    .file_wrap .file_list li button { font-size: 13px; }
    .file_wrap .file_list li button::before { width: 12px; height: 14px; margin-right: 8px; }
    .board_wrap .board_btn_wrap button { padding: 16px 0; font-size: 13px; }
    .board_wrap .board_btn_wrap button div:nth-child(1),
    .board_wrap .board_btn_wrap button div:nth-child(2) { padding: 0 10px; }
    .reporting_center .title_bar2 { margin-top: 60px; }
    .terms_wrap .terms { padding: 16px; }
    .terms_wrap .tip,
    .terms_wrap .terms p { font-size: 13px; }
    .reporting_center .bar_list li { flex-wrap: wrap; }
    .reporting_center .bar_list li + li { margin-top: 16px; }
    .reporting_center .bar_list li span { width: calc(100% - 15px); min-width: auto; margin-right: 0; }
    .reporting_center .bar_list li a { padding-left: 10px; }
    .reporting_center .bar_list.trd li{width:100%}
    .btn_comment { font-size: 15px; margin: 30px 0; }
    .reporting_result { padding: 30px 20px; }
    .reporting_result em { font-size: 20px; }
    .reporting_result em::before { width: 40px; height: 40px; }
    .reporting_result span { font-size: 15px; }

    /* 공단소개 */
    .greeting_intro { margin: 50px auto; font-size: 22px; padding: 16px 40px 14px; }
    .greeting_intro::before,
    .greeting_intro::after { width: 30px; height: 24px; }
    .greeting_bg { height: 200px; }
    .greeting_txt > div:first-of-type,
    .greeting_txt > div img { width: 100%; }
    .greeting_txt { flex-wrap: wrap; gap: 30px; }
    .greeting_txt .txt1 br:nth-child(2) { display: none; }
    .summary_bg { height: 220px; padding: 30px; }
    .summary_bg p { font-size: 20px; }
    .summary_bg span { font-size: 14px; }
    .bg_history { height: 280px; margin-top: 40px;}
    .history .history_box { margin-bottom: 24%; margin-top: 40px; }
    .history .history_box > ul > li::before { margin-right: 12px; }
    .history .history_box > ul > li.on:before { margin-right: 6px; }
    .history .history_box > ul > li .history_year,
    .history .history_box > ul > li .history_day { font-size: 15px; }
    .history .history_box > ul > li .history_day { min-width: 40px; margin: 0 10px 0 8px; }
    .history .history_box > ul > li .history_info { font-size: 13px; }
    .history .history_box > ul > li + li { margin-top: 40px; }
    .layout_flex h3 { font-size: 20px; }
    .layout_flex .con .grid_img_box:has(:only-child) { padding: 60px 0; }
    .layout_flex .con .color_box { padding: 20px; }
    .layout_flex .con .color_box span { font-size: 22px; }
    .layout_flex .con .color_box dl { font-size: 18px; }
    .layout_flex .con .color_box dl dt { width: 80px; }
    .vision .vision_box + .vision_box { margin-top: 30px; }
    .vision .vision_box,
    .vision .vision_box ul { flex-wrap: wrap; gap: 10px; }
    .vision .vision_box h3 { font-size: 18px; }
    .vision .vision_box h3::before,
    .vision .vision_box h3::after { display: none;  }
    .vision .vision_box h3 br {display: none;}
    .vision .vision_box h3,
    .vision .vision_box .con1 { width: 100%; }
    .vision .vision_box ul { padding-top: 20px; }
    .vision .vision_box ul li { width: 100%; min-height: auto; flex: none; padding: 20px 10px; }
    .vision .vision_box ul::before { display: none; }
    .vision .vision_box:nth-child(3) h3 { margin-top: 0; }
    .summary_list { flex-wrap: wrap; }
    .summary_list li { flex: none; width: 100%; }
    .summary_list li:nth-child(1)::before { width: 60px; height: 60px; background-size: 60px auto; }
    .summary_list li:nth-child(2)::before { width: 60px; height: 60px; background-size: 60px auto; }
    .summary_list li:nth-child(3)::before { width: 60px; height: 60px; background-size: 60px auto; }
    .bottom_info { font-size: 14px; }
    .bottom_info .list li + li::before { display: none; }
    .organization_intro img.mo { display: block; margin: auto;}
    .organization_intro .list_wrap { display: none; }
    .recruit_process { flex-wrap: wrap; }
    .recruit_process li { width: calc(33.3333% - 20px); flex: none;}
    .recruit_process li span { font-size: 14px; }
    .recruit_info .box_list li { flex-wrap: wrap; text-align: center; padding: 16px; }
    .recruit_info .box_list li em { width: 100%; }
    .recruit_info .box_list li em::after { display: none; }
    .ethics_wrap .intro { font-size: 16px; margin-bottom: 40px; }
    .ethics_wrap .ethics_list li:nth-child(1),
    .ethics_wrap .ethics_list li:nth-child(2),
    .ethics_wrap .ethics_list li:nth-child(3),
    .ethics_wrap .ethics_list li:nth-child(4) { background-size: 40px auto; }
    .ethics_wrap .ethics_list li .num { font-size: 26px; }
    .ethics_wrap .ethics_list li span:not(.num) { font-size: 14px; }
    .ethics_wrap .ethics_list2 > li { flex-wrap: wrap; flex-direction: column; }
    .ethics_wrap .ethics_list2 > li .tit,
    .ethics_wrap .ethics_list2 > li .tit span { width: 100%; }
    .ethics_wrap .ethics_list2 > li .tit span { padding: 16px; }
    .ethics_wrap .ethics_list2 > li .con_wrap .con .dot_list li,
    .ethics_wrap .ethics_list2 > li .con { font-size: 16px; }
    .ethics_wrap .ethics_list2 > li .con_wrap { width: 100%;}
    .faq_list .list_item li a .quest { font-size: 18px; }
    .map_wrap { flex-wrap: wrap; }
    .map_wrap .map,
    .map_wrap .map_info { width: 100%; }
    .map_wrap .map_info { padding: 20px; }
    .traffic .point_tit {margin-top: 30px;}

    /* 사업소개 */
    .layout_flex.direction { margin-top: 50px; }
    .biz_overview .biz_overview_info { margin: 50px 0;}
    .biz_overview .layout_flex + .layout_flex { padding-top: 50px; margin-top: 55px; }
    .biz_overview .biz_overview_info .con { padding: 30px; }
    .biz_overview .biz_overview_info .con h3 { font-size: 20px; margin-bottom: 10px; }
    .biz_overview .biz_overview_info .con dl { font-size: 14px; }
    .biz_overview .biz_overview_info .con dl dt { width: 50px; }
    .scroll_bg { min-height: 280px; margin-top: 50px; }
    .change_txt { font-size: 24px; }
    .build_intro { margin: 40px 0; }
    .build_slide ul { flex-wrap: wrap; height: auto; }
    .build_slide ul li,
    .build_slide ul li.on { width: 100%; height: 200px; }
    .build_slide ul li.on .txt_wrap,
    .build_slide ul li .txt_wrap { width: 100%; left: 40px; top: 40px; transform: none; }
    .build_slide ul li .txt_wrap span:not(.tit) { opacity: 1; }
    .build_slide ul li.on .txt_wrap .tit,
    .build_slide ul li .txt_wrap .tit { font-size: 24px; margin-bottom: 16px; }
    .build_slide ul li .txt_wrap span:not(.tit) { font-size: 16px; }
    .loca_environment { flex-wrap: wrap; flex-direction: column-reverse; }
    .loca_environment .con { width: 100%; }
    .loca_environment .con .cont_box { padding: 20px; }
    .loca_environment .con .cont_box h3 { font-size: 20px; margin-bottom: 16px; }
    .tit_type_bar { font-size: 20px; padding: 0; margin: 0 auto 20px; }
    .access_traffic { flex-wrap: wrap; }
    .access_traffic .con:has(.img_wrap),
    .access_traffic .con { width: 100%; }
    .tit_type_bar::before,
    .tit_type_bar::after { display: none; }

    /* 뷰어다운로드 */
    .viewer_wrap ul li { padding: 20px 16px; }
    .viewer_wrap ul li.pdf::before { width: 40px; height: 40px; }
    .viewer_wrap ul li.hwp::before { width: 40px; height: 40px; }
    .viewer_wrap ul li em { width: 150px;font-size: 17px;}
    .viewer_wrap ul li span { font-size: 14px; }
    .viewer_wrap ul li a { height: 34px; min-width: 80px; font-size: 14px; }

    /* 영문 공단소개 */
    :lang(en) .greeting_intro { font-size: 20px; }

    /* 영문 사업소개 */
    :lang(en) .change_txt br { display: none; }
    :lang(en) .biz_overview .biz_overview_info .con dl dt { width: 80px; }
    :lang(en) .build_slide ul li .txt_wrap .tit { opacity: 1; }
    :lang(en) .tit_type_bar { font-size: 18px; }

    /* 인재상250319 */
    .item-inje-subject{font-size:1.25rem;height:200px;padding:10px;word-break:keep-all}
    .item-inje{background-size:contain;padding-top:80px}
    .item-inje .item{width:100%}
    .item-inje .con{padding:20px;height:auto}

    .item-flow{flex-direction:column}
    .item-flow .item:not(:last-child)::after{right:auto;left:calc(50% - 24px);top:183px;transform:rotate(90deg) translateX(-50%)}
    .tbl-basic tr{display:flex;flex-direction:column;border-bottom:1px solid #ddd}
    .tbl-basic td{border:0}

    .vision-wrap-box{flex-direction:column}
    .vision-renew .vision-wrap-box .subject{width:100%;height:60px;display:flex;align-items:center;justify-content:center}
    .vision-renew .vision-wrap-box .subject br{display:none}
}

@media screen and (max-width: 640px) {
    /* 사업소개 */
    .change_txt { font-size: 20px; }
    .biz_overview .biz_overview_info { flex-wrap: wrap; }
    .biz_overview .biz_overview_info > div { width: 100%; }
    .build_intro { flex-wrap: wrap; }
    .build_intro > div { width: 100%; }
    .build_intro .intro_txt { padding: 40px 20px 20px;}

    /* 공단소개 */
    .greeting_intro { font-size: 20px; }
    .greeting_bg { height: 160px; }
    .greeting_txt .txt1 { font-size: 20px; }
    .layout_flex .con .grid_img_box { padding: 40px; }
    .layout_flex .con:has(.color_box) { gap: 20px; }
    .layout_flex .con .color_box { width: 100%; height: 200px; }
    .summary_bg { gap: 20px; }
    .summary_bg p { font-size: 16px; }
    .summary_bg span { font-size: 12px; }
    .layout_flex .con > div.bg_ci { height: 220px; padding: 30px 20px; }
    .layout_flex .con > div.bg_ci .tit { font-size: 22px; padding: 10px 30px;}
    .layout_flex .con > div.bg_ci span { font-size: 16px; }
    .layout_flex .con > div.bg_ci .tit::before,
    .layout_flex .con > div.bg_ci .tit::after { width: 20px; height: 15px; }

    /* 뷰어다운로드 */
    .viewer_wrap ul li div,
    .viewer_wrap ul li { flex-wrap: wrap; justify-content: center; text-align: center; gap: 10px; }
    .viewer_wrap ul li em { width: 100%; font-size: 15px; }
    .viewer_wrap ul li span { font-size: 14px; }
    .viewer_wrap ul li a { height: 34px; min-width: 80px; font-size: 14px; }

    /* 영문 공단소개 */
    :lang(en) .greeting_intro { font-size: 18px; }
    :lang(en) .greeting_intro br { display: none; }
    :lang(en) .greeting_txt .txt1 { font-size: 18px; }
    :lang(en) .layout_flex .con > div.bg_ci .tit { font-size: 22px; }
    :lang(en) .layout_flex .con > div.bg_ci span {font-size: 16px;}

    /* 영문 사업소개 */
    :lang(en) .build_slide ul li.on .txt_wrap,
    :lang(en) .build_slide ul li .txt_wrap { left: 20px; top: 30px; padding-right: 24px; }
    :lang(en) .build_slide ul li.on .txt_wrap .tit,
    :lang(en) .build_slide ul li .txt_wrap .tit { font-size: 20px; margin-bottom: 10px; }
    :lang(en) .build_slide ul li .txt_wrap span:not(.tit) { font-size: 15px; }
}

@media screen and (max-width: 480px) {
    /* 폼태그 */
    .form_list li { flex-wrap: wrap; }
    .form_list li .tit { width: 100%; margin-bottom: 8px;}
    .form_list li input[type=text].type1, .form_list li .radio_wrap { width: 100%; }
    .form_list li .kilobyte {padding-left: 0; }

    /* 테이블 */
    .table_wrap table th,
    .table_wrap table td,
    .table_wrap2 table th,
    .table_wrap2 table td { font-size: 13px; }

    /* 사업소개 */
    .change_txt { font-size: 18px; }
    .change_txt br { display: none; }
    .facility_info .table_wrap table col:nth-child(1) { width: 15% !important; }
    .facility_info .table_wrap table col:nth-child(2) { width: 15% !important; }
    .tit_type_bar br { display: none; }
    .img_info_box { gap: 6px; padding: 12px 10px;}
    .img_info_box span { text-align: center; font-size: 11px; word-break: keep-all; }
    .img_info_box span + span::before { width: 12px; height: 6px; gap: 6px; }

    /* 영문 사업소개 */
    :lang(en) .img_info_box span { font-size: 10px; }

    /* 인재상 250319 */
    .item-inje .item{font-size:.875rem}
    .item-inje .item .subject{font-size:1rem;word-break:keep-all;padding:20px 10px}
}