@charset "utf-8";

/* 폰트 불러오기 Pretendard
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../fonts/woff2-subset/Pretendard-Black.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Black.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../fonts/woff2-subset/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-ExtraBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../fonts/woff2-subset/Pretendard-Bold.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../fonts/woff2-subset/Pretendard-SemiBold.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../fonts/woff2-subset/Pretendard-Medium.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../fonts/woff2-subset/Pretendard-Regular.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Regular.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../fonts/woff2-subset/Pretendard-Light.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Light.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../fonts/woff2-subset/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-ExtraLight.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../fonts/woff2-subset/Pretendard-Thin.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Thin.subset.woff') format('woff');
}

/* 폰트 불러오기 NanumSquareNeo */

@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 900;
	font-display: swap;
	src: local('NanumSquareNeo Black'), url('../fonts/woff2/NanumSquareNeoTTF-eHv.woff2') format('woff2'), url('../fonts/woff/NanumSquareNeoTTF-eHv.woff') format('woff');
}

@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 800;
	font-display: swap;
	src: local('NanumSquareNeo ExtraBold'), url('../fonts/woff2/NanumSquareNeoTTF-dEb.woff2') format('woff2'), url('../fonts/woff/NanumSquareNeoTTF-dEb.woff') format('woff');
}

@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 700;
	font-display: swap;
	src: local('NanumSquareNeo Bold'), url('../fonts/woff2/NanumSquareNeoTTF-cBd.woff2') format('woff2'), url('../fonts/woff/NanumSquareNeoTTF-cBd.woff') format('woff');
}

@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 400;
	font-display: swap;
	src: local('NanumSquareNeo Regular'), url('../fonts/woff2/NanumSquareNeoTTF-bRg.woff2') format('woff2'), url('../fonts/woff/NanumSquareNeoTTF-bRg.woff') format('woff');
}

@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 300;
	font-display: swap;
	src: local('NanumSquareNeo Light'), url('../fonts/woff2/NanumSquareNeoTTF-aLt.woff2') format('woff2'), url('../fonts/woff/NanumSquareNeoTTF-aLt.woff') format('woff');
}

/* 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, span, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {margin:0;padding:0;border:0;}

ol, ul, li, dl, dt, dd {list-style:none;margin:0;padding:0;}
a, a:link, a:visited, a:active { text-decoration: none; }
table {border-spacing:0;border-collapse: collapse;}
img { -ms-interpolation-mode: bicubic; vertical-align: top; max-width: 100%;}
select { color: #222; vertical-align:middle; padding: 5px; font-family: Pretendard;}
input { color: #222; vertical-align:middle; font-family: Pretendard; }
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0; font-family: Pretendard;}
input:checked[type='checkbox'] {background-color:#222; -webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:1em;}
button { background: none; cursor: pointer; }
textarea { resize: none; font-family: Pretendard; }
:focus::placeholder { color: transparent; }
::placeholder { opacity: 0.5; }
.noclick { pointer-events: none; cursor: default; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, button { transition: all 0.3s ease; }
:focus { outline: none; }
html, body { height: 100%; }
.body_wrap { font-size: 16px; line-height:1.5; font-family: Pretendard, HelveticaNeue-Light, AppleSDGothicNeo-Light, Arial, sans-serif; max-width: 1920px; margin: 0 auto; height: 100%; color: #222; min-height: 100%; height: auto !important; position: relative; margin: 0 auto; padding-bottom: 270px; padding-top: 180px; }

/* skip-navigation */
.skip { display: block; height: 1px; width: 1px; margin: 0 -1px -1px 0; padding: 0; overflow: hidden; font-size: 0; line-height: 0; }
.skip:focus { width: 100%; height: auto; margin: 0; padding: 5px 0; text-indent: 10px; font-weight: bold; font-size: 12px; color: #333; line-height: 1; text-decoration: none; position: absolute; top: 0px; left: 0px; }

.top { position: fixed; top: 0; left: 0; width: 100%; z-index: 33; background-color: #fff; }
.page_info { height: 40px; background-color: #0B4DA2; text-align: right; }
.page_info .conts { max-width: 1400px; margin: 0 auto; line-height: 40px; }

.page_info .conts p { display: inline-block; font-size: 16px; color: #fff; font-weight: 500; margin-right: 30px; }
.page_info .conts p img { vertical-align: middle; margin-top: -3px; margin-right: 10px; }
.page_info .conts p span { margin-left: 10px; color: #FFFF00; }
.page_info .conts a { font-size: 16px; font-weight: 500; color: #fff; }
.top_conts { max-width: 1400px; margin: 0 auto; height: 80px; display: flex; justify-content: space-between; align-items: center; position: relative; }
.top_conts .search_box { width: 320px; height: 50px; background-color: #f2f2f2; border-radius: 999px; position: relative; padding-right: 50px;}
.top_conts .search_box input { width: 100%; height: 50px; padding-left: 20px; background: none; border: none; font-size: 16px; font-weight: 700; }
.top_conts .search_box button { position: absolute; top: 0; right: 0; width: 50px; height: 50px; }
.top_conts .btn_menu { display: none; }
.top_conts .btn_menu:hover { opacity: 1; }

.top_sns { display: block; position: fixed; top: 200px; right: 10px; z-index: 3; padding: 30px 20px; }
.top_sns::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background-color: #fff; opacity: 0.25;}
.top_sns li { margin: 10px 0; }
.top_sns li a { position: relative; z-index: 1; opacity: 0.75; }
.top_sns li a:hover { opacity: 1; }

.nav { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; padding-bottom: 15px; position: relative; z-index: 33; }
.nav > li > a { display: inline-block; font-size: 20px; font-weight: bold; color: #222; line-height: 45px; border-radius: 999px; padding: 0 25px; }
.nav > li > a:hover { background-color: #0B4DA2; color: #fff; }
.nav > li > a.selected { background-color: #0B4DA2; color: #fff; }
.sub_nav { display: none; position: absolute; top: 100%; left: 0; width: 100%; text-align: center; }
.sub_nav li { display: inline-block; margin: 0 30px; }
.sub_nav_02 li { margin: 0 15px; }
.sub_nav li a { display: inline-block; position: relative; line-height: 50px; font-size: 16px; font-weight: bold; color: #fff; }
.sub_nav li a::before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background-color: #fff; transition: all 0.3s ease-in-out; }
.sub_nav li a:hover { color: #fff; }
.sub_nav li a:hover::before { width: 100%; }
.sub_nav li a.selected { color: #fff; }
.sub_nav li a.selected::before { width: 100%; }
.bg_sub_nav { display: none; position: absolute; top: 100%; left: 0; width: 100%; height: 50px; background-color: #0B4DA2; z-index: 3; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #0B4DA2; }

.main_banner { height: 320px; position: relative; overflow: hidden; }
.main_silde ul li { height: 320px; }
.main_silde ul .main_slide_01 { background: url(../images/main_banner_01.jpg) center no-repeat; background-size: cover; }
.main_silde ul .main_slide_02 { background: url(../images/main_banner_02.jpg) center no-repeat; background-size: cover; }
.main_silde ul .main_slide_03 { background: url(../images/main_banner_03.jpg) center no-repeat; background-size: cover; }
.main_silde ul .main_slide_04 { background: url(../images/main_banner_04.jpg) center no-repeat; background-size: cover; }
.main_silde .swiper-pagination { text-align: left; bottom: 50px; left: 50%; margin-left: -700px; }
.main_silde .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #0B4DA2; border-radius: 999px; transition: all 0.3s ease-in-out; }
.main_silde .swiper-pagination .swiper-pagination-bullet-active { width: 36px; }

.main_banner .txt { position: absolute; top: 50px; left: 50%; margin-left: -700px; z-index: 1; font-family: NanumSquareNeo; }
.main_banner .txt p { font-size: 20px; font-weight: bold; }
.main_banner .txt h3 { font-size: 38px; font-weight: bold; }
.main_banner .txt h3 strong { font-size: 48px; color: #0B4DA2; }

.quick { display: flex; position: relative; margin-top: -30px; z-index: 1; }
.quick li { flex: 1; }
.quick li a { display: block; display: flex; justify-content: center; gap: 20px; height: 100px; align-items: center; }
.quick li a:hover { transform: translateY(-15px); }
.quick li a p { font-family: NanumSquareNeo; font-size: 18px; font-weight: bold; }
.quick li a .mpad { display: none; }
.quick_01 { background-color: #FAC5B0; color: #672D16; }
.quick_02 { background-color: #A9D5ED; color: #154158; }
.quick_03 { background-color: #AFE2BC; color: #175C29; }
.quick_04 { background-color: #C3BDF2; color: #28215A; }
.quick_05 { background-color: #BACDEB; color: #182841; }

section .conts { max-width: 1400px; margin: 0 auto; }
.main_section_01 { background-color: #f7f7f7; position: relative; padding-bottom: 30px; }
.main_section_01 .misc_01 { position: absolute; top: 20px; left: 0; }
.main_section_01 .misc_02 { position: absolute; top: 130px; right: 0; }
.main_section_01 .conts_hd { margin-top: 40px; margin-bottom: 20px; position: relative; }
.main_section_01 .conts_hd h3 { position: absolute; top: 0; left: 0; font-size: 45px; font-weight: 800; line-height: 55px; }
.main_section_01 .conts_hd .more { font-size: 16px; font-weight: 500; color: #000; opacity: 0.6; position: relative; z-index: 1; }
.main_section_01 .conts_hd .more:hover { opacity: 1; }
.menu_tab_01 { display: flex; width: 750px; }
.menu_tab_01 li { flex: 1; }
.menu_tab_01 li a { display: block; border: 1px solid #222; font-size: 16px; font-weight: bold; color: #222; text-align: center; line-height: 53px; position: relative; margin-left: -1px; }
.menu_tab_01 li a:hover { border-color: #0B4DA2; background-color: #0B4DA2; color: #fff; }
.menu_tab_01 li a.selected { border-color: #0B4DA2; background-color: #0B4DA2; color: #fff; }
.main_section_01 .menu_tab_01 { margin: 0 auto; }

.board_box { display: flex; gap: 25px; position: relative; z-index: 1; }
.board_box li { flex: 1; }
.board_box li a { display: block; background-image: url(../images/arrR_01.png); background-position: bottom 30px left 30px; background-repeat: no-repeat; border-top: 4px solid #0B4DA2; padding: 30px; box-shadow: 1px 10px 25px rgba(0, 0, 0, 0.1); padding-bottom: 70px; }
.board_box li a:hover { box-shadow: 1px 10px 25px rgba(0, 0, 0, 0.25); }
.board_box li a h4 { text-align: right; font-size: 16px; font-weight: 500; color: #222; line-height: 1.2; margin-bottom: 20px; }
.board_box li a h4 span { display: block; font-size: 16px; font-weight: 400; line-height: 1.2; margin-right: 5px; }
.board_box li a p { font-size: 22px; font-weight: bold; color: #222; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; height: 120px; }
.board_box li:nth-child(1) { background-color: #F7FAFF; }
.board_box li:nth-child(2) { background-color: #FCFFF5; }
.board_box li:nth-child(3) { background-color: #FFFBF5; }
.board_box li:nth-child(4) { background-color: #FCF5FB; }
.board_box li:nth-child(5) { background-color: #F0F6FF; }

.panel_01 > li { position: relative; }
.panel_01 > li > .more { position: absolute; top: -55px; right: 0; z-index: 3; font-size: 16px; font-weight: 500; color: #000; opacity: 0.6; }

.main_section_02 { padding: 20px 0 100px 0; background: url(../images/bg_ms_02.jpg) center no-repeat; background-size: cover; }
.main_section_02 .conts_hd { margin: 50px 0; position: relative; }
.main_section_02 .conts_hd h3 { font-size: 45px; font-weight: 800; color: #222; }
.main_section_02 .conts_hd .more { font-size: 16px; font-weight: 500; color: #000; opacity: 0.6; position: relative; z-index: 1; position: absolute; bottom: 0; right: 0; }
.main_section_02 .conts_hd .more:hover { opacity: 1; }
.media_wrap { display: flex; justify-content: space-between; gap: 20px; }
.media_wrap .video { flex: 1; flex-basis: 58.6%; }
.media_wrap .video_conts { position: relative; height: 0; padding-bottom: 56.25%; border: 2px solid #fff; }
.media_wrap .video_conts iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video_list { flex: 1; flex-basis: 39.5%; }
.video_list li { height: 68px; line-height: 68px; padding: 0 15px; font-size: 19px; font-weight: 500; color: #fff; background-color: #2F6ECB; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; transition: all 0.3s ease-in-out; }
.video_list li:hover { background-color: #9DC8FF; }
.video_list li.selected { background-color: #9DC8FF; color: #093A7B; }

.main_section_03 { background: url(../images/bg_ms_03.jpg) center no-repeat; background-size: cover; padding: 50px 0 100px 0; }
.main_section_03 .conts_hd { margin: 30px 0; position: relative; }
.main_section_03 .conts_hd h3 { font-size: 45px; font-weight: 800; margin-bottom: 30px; }
.main_section_03 .conts_hd .more { font-size: 16px; font-weight: 500; color: #000; opacity: 0.6; position: relative; z-index: 1; position: absolute; bottom: 0; right: 0; }
.main_section_03 .conts_hd .more:hover { opacity: 1; }
.menu_tab_02::after { content: ""; display: block; clear: both; }
.menu_tab_02 li { float: left; margin-left: 75px; }
.menu_tab_02 li:first-child { margin-left: 0; }
.menu_tab_02 li a { display: inline-block; font-size: 20px; font-weight: 500; color: #222; position: relative; padding-bottom: 5px; }
.menu_tab_02 li a::before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background-color: #222; transition: width 0.3s ease-in-out; }
.menu_tab_02 li a:hover::before { width: 100%; }
.menu_tab_02 li a.selected::before { width: 100%; }

.panel_02 { position: relative; }
.panel_02 .more { font-size: 16px; font-weight: 500; color: #000; opacity: 0.6; position: relative; z-index: 1; position: absolute; top: -60px; right: 0; }
.panel_02 .more:hover { opacity: 1; }

.arch_list::after { content: ""; display: block; clear: both; }
.arch_list li { float: left; width: 49%; margin-left: 2%; margin-bottom: 2%; }
.arch_list li:nth-child(2n+1) { margin-left: 0; }
.arch_list li a { display: flex; background-color: rgba(51, 121, 208, 0.5); padding: 30px 60px 30px 50px; align-items: center; height: 124px; background-image: url(../images/arrR_02.png); background-position: right 20px center; background-repeat: no-repeat; position: relative; }
.arch_list li a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 4px solid #fff; opacity: 0; transition: all 0.3s ease-in-out; }
.arch_list li a:hover::before { top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 1; }
.arch_list li a p { font-size: 24px; font-weight: bold; color: #fff; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; max-height: 64px; }

.main_section_04 { padding: 70px 0 100px 0; }
.main_section_04 .conts_hd h3 { font-size: 45px; font-weight: 800; margin-bottom: 30px;}
.banner_zone::after { content: ""; display: block; clear: both; }
.banner_zone > li { float: left; width: 24.25%; margin-left: 1%; margin-bottom: 1%; text-align: center; position: relative; }
.banner_zone > li:nth-child(4n+1) { margin-left: 0; }
.banner_zone > li a { display: block; border-radius: 10px; height: 0; padding-bottom: 64.70%; position: relative; }
.banner_zone > li a > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.banner_zone > li a:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); }
/* .banner_zone li:nth-child(1) a { background-color: #FFF4CE; }
.banner_zone li:nth-child(2) a { background-color: #CEEEFF; }
.banner_zone li:nth-child(3) a { background-color: #D6F0DD; }
.banner_zone li:nth-child(4) a { background-color: #E6E3FF; }
.banner_zone li:nth-child(5) a { background-color: #E7EEF8; }
.banner_zone li:nth-child(6) a { background-color: #BCEDE4; }
.banner_zone li:nth-child(7) a { background-color: #C4D8F5; }
.banner_zone li:nth-child(8) a { background-color: #FFDBE3; } */

.banner_zone li .banner_slide { overflow: hidden; }

.footer { background-color: #E5EEF9; position: absolute; bottom: 0; left: 0; width: 100%; }
.related_logo_wrap { border-bottom: 1px solid #CDD9E6; overflow: hidden; }
.related_logo { max-width: 1400px; margin: 0 auto; padding: 30px 60px; position: relative; overflow: hidden; }
.related_logo li a { display: block; border: 1px solid #D5DDE7; text-align: center; line-height: 50px;}
.related_logo li a:hover { background-color: #fafafa; }
.related_logo li a img { vertical-align: middle; margin-top: -2px; }
.related_logo .r_logo_prev { position: absolute; top: 30px; left: 0; width: 60px; height: 52px; background: url(../images/btn_prev_02.png) center no-repeat; background-color: #E5EEF9; z-index: 1; }
.related_logo .r_logo_next { position: absolute; top: 30px; right: 0; width: 60px; height: 52px; background: url(../images/btn_next_02.png) center no-repeat; background-color: #E5EEF9; z-index: 1; }

.footer_conts { max-width: 1400px; margin: 0 auto; padding: 30px 420px 30px 330px; position: relative; }
.footer_conts h2 { position: absolute; top: 30px; left: 0; }
.footer_conts p { font-size: 14px; }
.footer_conts .related_site { position: absolute; top: 30px; right: 0; }
.related_site select { height: 35px; border: 1px solid #222; border-radius: 5px; background-color: #E5EEF9; font-size: 14px; }
.related_site select option { font-size: 14px; }
.footer_menu { margin-bottom: 10px; }
.footer_menu a { display: inline-block; margin-left: 30px; font-size: 14px; color: #222; }
.footer_menu a:first-child { margin-left: 0; }

.sub_banner { position: relative; height: 300px; }
.sub_banner_01 { background: url(../images/sub_banner_01.jpg) center no-repeat; background-size: cover; }
.sub_banner_02 { background: url(../images/sub_banner_02.jpg) center no-repeat; background-size: cover; }
.sub_banner_03 { background: url(../images/sub_banner_03.jpg) center no-repeat; background-size: cover; }
.sub_banner_04 { background: url(../images/sub_banner_04.jpg) center no-repeat; background-size: cover; }
.sub_banner_05 { background: url(../images/sub_banner_05.jpg) center no-repeat; background-size: cover; }
.sub_banner_06 { background: url(../images/sub_banner_06.jpg) center no-repeat; background-size: cover; }
.sub_banner_07 { background: url(../images/sub_banner_07.jpg) center no-repeat; background-size: cover; }
.sub_banner .txt { max-width: 1400px; margin: 0 auto; padding-top: 50px; }
.sub_banner .txt h3 { font-family: NanumSquareNeo; font-size: 28px; font-weight: 500; color: #222; letter-spacing: -1px; }
.sub_banner .txt p { font-size: 25px; font-weight: 500; }
.sub_banner .txt h3 strong { font-size: 35px; color: #0B4DA2; font-weight: 800; }
.sub_menu_wrap { background-color: #F4F8FF; }
.sub_menu { display: flex; max-width: 1400px; margin: 0 auto; }
.sub_menu li { flex: 1; }
.sub_menu li a { display: block; line-height: 50px; font-size: 16px; font-weight: 500; color: #222; text-align: center; }
.sub_menu li a:hover { background-color: #0B4DA2; color: #fff; }
.sub_menu li a.selected { background-color: #0B4DA2; color: #fff; }

.sub_conts { max-width: 1400px; margin: 0 auto; padding-bottom: 100px; }
.sub_conts_hd { margin: 40px 0; position: relative; }
.sub_conts_hd h3 { font-family: NanumSquareNeo; text-align: center; font-size: 46px; font-weight: 700; color: #222; }
/* .sub_conts_hd .location { position: absolute; bottom: 0; right: 0; }
.sub_conts_hd .location li { float: left; margin-left: 5px; padding-left: 18px; position: relative; font-size: 16px; }
.sub_conts_hd .location li:last-child { font-weight: bold; }
.sub_conts_hd .location li::after { content: "＞"; position: absolute; top: 0; left: 0; font-weight: 400; }
.sub_conts_hd .location li:first-child:after { display: none; } */

.noti { position: relative; font-size: 13px; font-weight: 500; color: #0B4DA2; }
.sub_top_search { display: flex; justify-content: space-between; margin-bottom: 30px; align-items: end; }
.sub_top_search select { height: 40px; font-size: 13px; color: #222; border: 1px solid #d8d8d8; padding-left: 20px; min-width: 120px; }
.sub_top_search input { height: 40px; font-size: 14px; color: #222; border: 1px solid #d8d8d8; min-width: 250px; padding-left: 20px; }
.sub_top_search .left button { height: 40px; line-height: 40px; text-align: center; background-color: #0B4DA2; color: #fff; font-size: 13px; font-weight: bold; padding: 0 20px; opacity: 0.85; }
.sub_top_search .left button:hover { opacity: 1; }
.sub_top_search .left button img { vertical-align: middle; margin-top: -2px; margin-right: 10px; }
.btn { display: inline-block; height: 60px; line-height: 60px; text-align: center; background-color: #0B4DA2; color: #fff; font-size: 20px; font-weight: bold; padding: 0 20px; min-width: 150px; opacity: 0.85; } 
.btn img { vertical-align: middle; margin-top: -3px; margin-right: 10px; }
.btn:hover { opacity: 1; }
.btn_gray { background-color: #9D9D9D; }

.table_board { width: 100%; border-collapse: separate; border-spacing: 0 10px; background-color: #fff; border-top: 2px solid #000; }
.table_board th { padding: 15px 10px 20px 10px; border-bottom: 1px solid #d8d8d8; font-size: 18px; font-weight: bold; color: #000; text-align: center; }
.table_board td { padding: 25px 10px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; font-size: 14px; color: #666; text-align: center; position: relative; }
.table_board td::before { content: ""; width: 1px; height: 12px; background-color: #d8d8d8; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
.table_board td:first-child:before { display: none; }
.table_board .num { font-size: 16px; font-weight: bold; color: #000; }
.table_board .num .notice { display: inline-block; font-size: 14px; color: #0E5BA8; padding: 0 12px; border: 1px solid #0E5BA8; line-height: 25px; }
.table_board .tit { text-align: left; padding-left: 20px; }
.table_board .tit a { font-size: 20px; font-weight: bold; color: #000; }
.table_board .tit a:hover { color: #0E5BA8; }
.table_board .tit a .re { display: inline-block; position: relative; padding-left: 25px; margin-right: 10px; color: #0E5BA8; }
.table_board .tit a .re::before { content: "└"; position: absolute; top: 0; left: 0; }
.table_board .tit a .info { display: none; }
.table_board td:first-child { border-left: 1px solid #d8d8d8; }
.table_board td:last-child { border-right: 1px solid #d8d8d8; }
.table_board .tit + td::before { display: none; }
.table_board .cat { display: inline-block; line-height: 24px; text-align: center; min-width: 50px; padding: 0 12px; border: 1px solid #0E5BA8; color: #0E5BA8; font-size: 14px; font-weight: bold; margin-right: 10px; }
.table_board input[type=checkbox] { width: 20px; height: 20px; margin-right: 10px; margin-top: -1px; }
.table_board .mark { display: inline-block; min-width: 46px; height: 22px; line-height: 22px; font-size: 13px; border-radius: 5px; text-align: center; vertical-align: middle; margin-top: -3px; }
.table_board .mark.blue { background-color: #5098F5; color: #fff; }
.table_board .mark.deepblue { background-color: #0B4DA2; color: #fff; }
.table_board .mark.gray { background-color: #9D9D9D; color: #fff; }
.table_board .mark.outline { background-color: #fff; color: #0B4DA2; border: 1px solid #0B4DA2; line-height: 20px; }
.table_board .tit .mark { margin-right: 10px; }
.table_board thead th { background-color: #F4F8FF; border-bottom: none; word-break: keep-all; padding-left: 5px; padding-right: 5px; }
.table_board .date { min-width: 110px;}

.pagination { text-align: center; margin: 30px 0; }
.pagination a { display: inline-block; width: 42px; height: 42px; line-height: 42px; background-color: #fff; color: #666; font-size: 18px; font-weight: bold; }
.pagination > a { border: 1px solid #d8d8d8; }
.pagination > a img { vertical-align: middle; margin-top: -3px; }
.pagination > a:hover { background-color: #D8D8D8; }
.pagination a.selected { color: #222; font-size: 21px; }
.pagination ul { display: inline-block; margin: 0 10px; }
.pagination ul li { display: inline-block; }
.pagination ul li a { border: none; position: relative; }
.pagination ul li a::before { content: ""; position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background-color: #222; transition: all 0.3s ease-in-out; }
.pagination ul li a:hover::before { width: 16px; }
.pagination ul li a.selected::before { width: 16px; }

.view_header { border-bottom: 2px solid #222; padding: 20px 0; text-align: center; }
.view_header h4 { font-size: 25px; font-weight: 800; margin-bottom: 10px; }
.view_header .info li { display: inline-block; margin-left: 6px; padding-left: 10px; position: relative; font-size: 14px; color: #666; }
.view_header .info li:first-child { margin-left: 0; padding-left: 0; }
.view_header .info li::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color: #D3D3D3; }
.view_header .info li:first-child:before { display: none; }
.attatch { display: flex; justify-content: space-between; align-items: center; gap: 60px; padding: 15px 0; border-bottom: 1px solid #D1D1D1; }
.attatch ul { flex: 1; }
.attatch ul li { margin: 3px 0; }
.attatch ul li a { display: inline-block; font-size: 14px; color: #0B4DA2; }
.attatch ul li a:hover { text-decoration: underline; }
.view_conts { padding: 40px 0; font-size: 18px; font-weight: 500; color: #222; }
.reply { background-color: #f8f8f8; padding: 75px 100px 35px 100px; font-size: 18px; font-weight: 500; color: #222; position: relative; }
.reply .item { position: absolute; top: 35px; left: 67px; font-size: 14px; line-height: 26px; font-weight: 500; color: #0B4DA2; }
.reply .item img { margin-right: 10px; }

.btn_box_c { margin: 30px 0; text-align: center; }
.btn_box_r { margin: 30px 0; text-align: right; }

.certi_box { max-width: 695px; margin: 30px auto; background-color: #F4F8FF; border-radius: 20px; padding: 50px; text-align: center; }
.certi_box p { font-size: 16px; font-weight: 500; color: #0B4DA2; margin-bottom: 15px; }
.table_write { width: 100%; border-top: 2px solid #222; }
.table_write th { height: 80px; padding: 10px 0; text-align: left; font-size: 18px; font-weight: bold; border-bottom: 1px solid #d1d1d1; }
.table_write td { height: 80px; padding: 10px 0; text-align: left; font-size: 18px; font-weight: bold; border-bottom: 1px solid #d1d1d1; }
.table_write td input { width: 100%; height: 50px; background-color: #F4F4F4; border-radius: 10px; padding-left: 20px; font-size: 18px; font-weight: 500; border: none; }
.table_write td textarea { width: 100%; background-color: #F4F4F4; border-radius: 10px; padding: 20px; font-size: 18px; font-weight: 500; border: none; }
.table_write td .wd40pc { width: 40%; }
.table_write td label { display: inline-block; font-size: 16px; font-weight: 400; cursor: pointer; padding: 0 10px; }
.table_write td label input { width: 20px; height: 20px; margin-top: -2px; margin-right: 5px; }
.table_write td .filebox { position: relative; height: 100%; border-radius: 10px; background-color: #f4f4f4; }
.table_write td .filebox label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 13px; color: #9D9D9D; display: flex; justify-content: center; align-items: center; margin: 0; }
.table_write td .filebox input[type=file] { position: absolute; top: 0; left: 0; width: 1px; height: 1px; }
.clr_blue { color: #0B4DA2; }
.table_write td .fileDiv2 { min-height: 105px; }
.table_write td .fileUL2 { display: flex; flex-wrap: wrap; padding: 10px; gap: 5px; }
.table_write td .fileUL2 li div { width: 100px; min-height: 100px; overflow: hidden; border-radius: 10px; background-color: #fafef5; position: relative; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; }
.table_write td .fileUL2 li div p { font-size: 13px; font-weight: 500; color: #222; word-break: break-all; line-height: 1.2; }
.table_write td .fileUL2 li div a { font-size: 13px; font-weight: bold; color: #ff0000; }
.table_write td .fileUL2 li div a input[type=checkbox] { width: 16px; height: 16px; margin-right: 5px; }

.agree_terms { border-left: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8; padding: 20px; font-size: 14px; color: #666; }
.agree_terms .agree_conts { padding-left: 20px; margin-top: 10px; }
.agree_terms .agree_conts ul { padding: 10px 20px; }
.agree_box { border: 1px solid #0B4DA2; background-color: #F4F8FF; text-align: center; padding: 25px 0; }
.agree_box label { font-size: 16px; font-weight: 500; color: #222; cursor: pointer; }
.agree_box label input { width: 24px; height: 24px; margin-top: -1px; margin-right: 10px; }

.faq { border-top: 2px solid #222; }
.faq .question { margin-top: 10px; border: 1px solid #d8d8d8; padding: 30px 0; cursor: pointer; display: flex; align-items: center; transition: all 0.3s ease-in-out; }
.faq .question:hover { background-color: #fafafa; }
.faq .question .num { width: 120px; text-align: center; font-size: 16px; font-weight: bold; color: #222; }
.faq .question .mark { display: inline-block; width: 46px; height: 21px; line-height: 21px; text-align: center; font-size: 13px; font-weight: 500; color: #fff; background-color: #5098F5; border-radius: 5px; margin-right: 10px; }
.faq .question p { flex: 1; font-size: 20px; font-weight: bold; color: #222; line-height: 1.4; }
.faq .question .views { display: inline-block; width: 120px; text-align: center; font-size: 14px; color: #666; }
.faq .answer { display: none; background-color: #F4F8FF; border: 1px solid #d8d8d8; border-top: none; padding: 30px 120px; }
.faq .answer .mark { display: inline-block; width: 46px; height: 21px; line-height: 21px; text-align: center; font-size: 13px; font-weight: 500; color: #fff; background-color: #0B4DA2; border-radius: 5px; margin-right: 10px; margin-bottom: 10px; }
.faq .answer p { font-size: 18px; color: #222; line-height: 1.4; }
.faq .tit { margin-top: 10px; padding: 30px 0; display: flex; align-items: center; background-color: #F4F8FF; font-size: 18px; font-weight: bold; color: #000; text-align: center; }
.faq .tit p { flex: 1; }
.faq .tit .num, .faq .tit .views { width: 120px; }

.menu_tab { display: flex; margin: 40px 0; flex-wrap: wrap; }
.menu_tab li { flex: 1; }
.menu_tab li a { display: flex; height: 60px; border: 1px solid #DEDEDE; font-size: 17px; font-weight: 500; color: #9D9D9D; line-height: 1.2; justify-content: center; align-items: center; background-color: #fafafa; position: relative; margin-left: -1px; margin-top: -1px; text-align: center; }
.menu_tab li a:hover { color: #222; }
.menu_tab li a.selected { border-color: #222; background-color: #fff; color: #222; font-weight: bold; z-index: 1; }

.history_wrap { padding: 50px 0; position: relative; }
.history_wrap::before { content: ""; position: absolute; top: 50px; left: 50%; width: 1px; height: calc(100% - 100px); background-color: #222; }
.history { position: relative; }
.history::after { content: ""; display: block; clear: both; }
.history li { position: relative; }
.history li:nth-child(odd) { padding-left: 50%; }
.history li:nth-child(odd) h4 { position: relative; padding-left: 80px; font-size: 40px; font-weight: 800; margin-bottom: 20px; }
.history li:nth-child(odd) h4::before { content: ""; position: absolute; top: 50%; left: 0; width: 70px; height: 1px; background-color: #222; }
.history li:nth-child(odd) h4::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 65px; width: 8px; height: 8px; border-radius: 50%; background-color: #222; }
.history li:nth-child(odd) p { position: relative; padding-left: 150px; font-size: 18px; margin: 10px 0; }
.history li:nth-child(odd) p span { position: absolute; top: 0; left: 80px; font-weight: bold; color: #0B4DA2; }
.history li:nth-child(even) { padding-right: 50%; text-align: right; }
.history li:nth-child(even) h4 { position: relative; padding-right: 80px; font-size: 40px; font-weight: 800; margin-bottom: 20px; }
.history li:nth-child(even) h4::before { content: ""; position: absolute; top: 50%; right: 0; width: 70px; height: 1px; background-color: #222; }
.history li:nth-child(even) h4::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 65px; width: 8px; height: 8px; border-radius: 50%; background-color: #222; }
.history li:nth-child(even) p { position: relative; padding-right: 150px; font-size: 18px; margin: 10px 0; }
.history li:nth-child(even) p span { position: absolute; top: 0; right: 80px; font-weight: bold; color: #0B4DA2; }

.media_list { margin: 30px 0; padding: 30px 0; border-top: 2px solid #222; }
.media_list::after { content: ""; display: block; clear: both; }
.media_list > li { float: left; width: 31.33%; margin-left: 3%; margin-bottom: 3%; transition: all 0.3s ease-in-out; }
.media_list > li:nth-child(3n+1) { margin-left: 0; }
.media_list > li:hover { box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.25); }
.media_list .img { position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; border: 1px solid #D8D8D8; border-bottom: none; }
.media_list .img img { position: absolute; width: 100%; height: 100%; object-fit: contain; }
.media_list .txt { border: 1px solid #D8D8D8; padding: 20px; }
.media_list .txt h4 { font-size: 20px; font-weight: bold; color: #222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 28px; height: 56px; margin-bottom: 15px; }
.media_list a:hover .txt h4 { color: #0B4DA2; }
.media_list .txt ul li { display: inline-block; font-size: 14px; color: #666; margin-left: 6px; padding-left: 10px; position: relative; }
.media_list .txt ul li::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 14px; background-color: #CECECE; }
.media_list .txt ul li:first-child { margin-left: 0; padding-left: 0; }
.media_list .txt ul li:first-child::before { display: none; }

.search_result { background-color: #F4F8FF; border-radius: 10px; padding: 20px 40px; font-size: 20px; color: #222; margin: 20px 0; }
.search_result strong { color: #0B4DA2; font-weight: 800; }
.search_result_box { margin: 50px 0; }
.search_result_box h4 { font-size: 30px; font-weight: 800; color: #0B4DA2; padding-bottom: 20px; border-bottom: 2px solid #222; margin-bottom: 20px; }
.search_result_box ul li { margin: 10px 0; position: relative; padding-left: 15px; font-size: 18px; color: #222; }
.search_result_box ul li::before { content: "•"; position: absolute; top: 0; left: 0; }
.search_result_box ul li a { display: inline-block; font-size: 18px; color: #222; }
.search_result_box ul li a:hover { text-decoration: underline; }
.search_result_box ul li .keyword { font-weight: 500; color: #0B4DA2; }

.sitemap::after { content: ""; display: block; clear: both; }
.sitemap > div { float: left; width: 30.66%; margin-left: 4%; }
.sitemap .left { margin-left: 0; }
.sitemap_box { margin-bottom: 40px; }
.sitemap_box h4 { font-size: 30px; font-weight: 800; color: #0B4DA2; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #0B4DA2; }
.sitemap_box > ul > li { margin: 15px 0; }
.sitemap_box > ul > li > a { display: inline-block; font-size: 20px; font-weight: bold; color: #222; }
.sitemap_box > ul > li > a:hover { color: #0B4DA2; }
.sitemap_box ul ul { background-color: #F4F8FF; border-radius: 5px; padding: 20px; margin: 15px 0 30px 0; }
.sitemap_box ul ul li { margin: 10px 0; }
.sitemap_box ul ul li a { display: inline-block; position: relative; font-size: 15px; font-weight: 500; color: #51617C; padding-left: 10px; }
.sitemap_box ul ul li a:hover { color: #0B4DA2; }
.sitemap_box ul ul li a::before { content: "•"; position: absolute; top: 0; left: 0; }

.org { max-width: 1214px; margin: 0 auto; text-align: center; position: relative; }
.org_01 { position: relative; padding: 0 5% 30px 5%; }
.org_01::before { content: ""; position: absolute; top: 20px; left: 50%; width: 1px; height: calc(100% - 20px); background-color: #999; }
.org_01 li { padding: 10px 0; }
.org_01 li::after { content: ""; display: block; clear: both; }
.org_01 a { display: inline-block; width: 33.33%; height: 60px; line-height: 60px; background-color: #5098F5; color: #fff; font-size: 18px; border-radius: 999px; position: relative; z-index: 1; }
.org_01 li:first-child a { width: 30%; height: 80px; line-height: 80px; background-color: #0B4DA2; }
.org_01 .left { float: left; }
.org_01 .left::after { content: ""; position: absolute; top: 50%; left:100%; width: 50%; height: 1px; background-color: #999; }
.org_01 .right { float: right; }
.org_01 .right::after { content: ""; position: absolute; top: 50%; right:100%; width: 50%; height: 1px; background-color: #999; }
.org_02 { position: relative; }
.org_02 a { display: inline-block; width: 100%; height: 60px; line-height: 60px; border: 1px solid #C4C4C4; border-radius: 999px; font-size: 18px; color: #222; position: relative; z-index: 1; }
.org_02 > ul > li { position: relative; }
.org_02 > ul > li::after { content: ""; position: absolute; top: 100%; left: 50%; width: 1px; height: 25px; background-color: #999; }
.org_02 > ul > li a { width: 25%; border: none; background-color: #0B4DA2; color: #fff; }
.org_02 ul ul { padding-top: 50px; position: relative; }
.org_02 ul ul::before { content: ""; position: absolute; top: 25px; left: 12.5%; width: 75%; height: 1px; background-color: #999; }
.org_02 ul ul::after { content: ""; display: block; clear: both; }
.org_02 ul ul li { float: left; width: 25%; padding: 0 1%; position: relative; }
.org_02 ul ul li::before { content: ""; position: absolute; top: -25px; left: 50%; width: 1px; height: 25px; background-color: #999; }
.org_02 ul ul li a { margin-bottom: 10px; }
.org_02 ul ul li a:first-child { background-color: #E5F0FF; border-color: #0B4DA2; color: #0B4DA2; }
.org_02 ul ul .indp::before { top: 30px; height: 40px; }
.org_02 ul ul .indp::after { content: ""; position: absolute; top: 30px; left: -10px; width: calc(50% + 10px); height: 1px; background-color: #999; }
.org_02 ul ul .indp a:first-child { background-color: #E1E1E1; border-color: #E1E1E1; color: #222; margin-top: 70px; }
#org_table { max-width: 1000px; margin: 50px auto; }
.org_info h4 { font-size: 30px; font-weight: bold; color: #222; margin-bottom: 20px; }
.org_info h5 { font-size: 20px; font-weight: bold; color: #0B4DA2; margin-bottom: 15px; }
.org_div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.org_div > a { position: absolute; top: 0; left: 0; font-size: 0;  }
.org_div .org01 { top: 0; left: 39.70%; width: 20.6%; height: 7.9%; }
.org_div .org12 { top: 6.2%; left: 65.00%; width: 25.0%; height: 6.9%; }
.org_div .org02 { top: 30.5%; left: 39.70%; width: 20.6%; height: 7.4%; }
.org_div .org03 { top: 39.9%; left: 39.70%; width: 20.59%; height: 7.4%; }
.org_div .org04 { top: 48.9%; left: 15.94%; width: 19.90%; height: 7.20%; }
.org_div .org05 { top: 58.0%; left: 15.94%; width: 19.90%; height: 7.20%; }
.org_div > ul { position: absolute; top: 72.3%; left: 0; width: 100%; }
.org_div > ul > li { float: left; width: 18.53%; margin-left: 1.81%; }
.org_div > ul > li:first-child { margin-left: 0; }
.org_div > ul > li a { display: block; font-size: 0; width: 100%; height: 0; padding-bottom: 25%; margin-bottom: 5.35%; }

.bg_layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 77; } 
.layer_pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 20px; width: 600px; padding: 40px 30px; max-height: 90%; display: flex; flex-direction: column; }
.layer_pop .pop_hd { padding: 10px 0; }
.layer_pop .pop_hd .close_pop { position: absolute; top: 20px; right: 20px; }
.layer_pop .pop_hd .close_pop img { height: 18px; }
.layer_pop .pop_hd h4 { font-size: 32px; font-weight: bold; color: #222; }
.layer_pop .pop_conts { flex: 1; overflow-y: auto; }
.layer_pop .pop_conts p { font-size: 17px; font-weight: 500; color: #222; }
.layer_pop .pop_conts input { width: 100%; height: 60px; border-radius: 10px; border: none; background-color: #F4F4F4; padding-left: 20px; font-size: 18px; margin: 20px 0; }
.layer_pop .btn_box_c { margin: 20px 0 0 0; }
.layer_school { width: 800px; }

.article { margin: 50px 0 100px 0; }
.article h4 { font-family: NanumSquareNeo; font-size: 30px; font-weight: 800; color: #0B4DA2; margin-bottom: 20px; }
.article p { font-size: 18px; font-weight: 500; color: #222; }
.article .clr_blue { color: #0B4DA2; }
.article .int { text-align: center; font-family: NanumSquareNeo; font-size: 35px; font-weight: 700; color: #222; margin: 30px 0; }
.article .int strong { color: #0B4DA2; font-weight: 800; }
.article .emp { font-size: 22px; font-weight: bold; color: #0B4DA2; }
.tac { text-align: center; } 
.article .nrm { margin: 20px 0; }
.article .nrm li { position: relative; padding-left: 12px; font-size: 18px; color: #222;}
.article .nrm > li::before { content: "•"; position: absolute; top: 0; left: 0; }
.article .nrm li ul { margin: 5px 0; padding-left: 10px; }
.article .nrm > li > ul > li::before { content: "-"; position: absolute; top: 0; left: 0; }
.article .noti { position: relative; padding-left: 15px; color: #0B4DA2; }
.article .noti::before { content: "※"; position: absolute; top: 0; left: 0; }
.article .nrm .note { font-size: 16px; color: #666;}
.article h3 { font-family: NanumSquareNeo; font-size: 40px; font-weight: 700; color: #000; margin-bottom: 20px; }

.table_01 { margin: 20px 0; width: 100%; border-top: 2px solid #222; border-bottom: 2px solid #222; }
.table_01 th { font-size: 18px; font-weight: bold; color: #222; padding: 20px 0; border-bottom: 1px solid #d1d1d1; }
.table_01 td { font-size: 18px; color: #222; padding: 20px; text-align: center; border-bottom: 1px solid #d1d1d1; }
.table_01 td select, .table_01 td input[type=text] { min-width: 400px; border: 1px solid #d8d8d8; border-radius: 5px; height: 40px; padding-left: 20px; font-size: 18px; font-weight: 500; }
.table_01 td a { font-size: 18px; color: #0B4DA2; }
.table_01 td .btn { font-size: 18px; color: #fff; margin-left: 20px; }
.table_01 td a:hover { text-decoration: underline; }
.table_01 td .btn:hover { text-decoration: none; }
.table_01 td .btn_print { width: 100px; height: 50px; background-color: #0B4DA2; color: #fff; font-size: 18px; font-weight: bold; opacity: 0.85; }
.table_01 td .btn_print:hover { opacity: 1; }
.table_01 .old { display: none; }
.table_01 .ta_left { text-align: left; padding-left: 30px; }
.table_01.brd th, .table_01.brd td { border-left: 1px solid #d1d1d1; }
.table_01.brd th:first-child, .table_01.brd td:first-child { border-left: none; }
.table_01 th:first-child.bdl, .table_01 td:first-child.bdl { border-left: 1px solid #d1d1d1; }
.table_01 .dif { background-color: #F4F8FF; border-left: 1px solid #0B4DA2;}

.contact_list { border-top: 2px solid #222; }
.contact_list li { margin-top: 10px; border: 1px solid #d8d8d8; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; gap: 50px; position: relative; }
.contact_list li .loc { display: inline-block; width: 60px; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; background-color: #0B4DA2; font-size: 13px; font-weight: 500; color: #fff; }
.contact_list li .tit { flex: 1; font-size: 18px; font-weight: bold; color: #222; }
.contact_list li .num { text-align: right; font-size: 16px; color: #222; }
.contact_list li a { display: inline-block; width: 180px; height: 60px; line-height: 60px; text-align: center; background-color: #0B4DA2; border-radius: 5px; font-size: 16px; color: #fff; font-weight: 500; opacity: 0.85; }
.contact_list li a:hover { opacity: 1; }
.contact_list li a img { vertical-align: middle; margin-top: -2px; margin-right: 10px; }

.greeting { max-width: 870px; margin: 0 auto; }
.greeting > p { font-size: 18px; color: #222; background: url(../images/ceo-mob-img.png) left top no-repeat; word-break: keep-all; }
/* .greeting_banner { height: 365px; background: url(../images/greeting.jpg) center no-repeat; background-size: cover; position: relative; margin-bottom: 70px; } */
.greeting_banner { text-align: center; margin-bottom: 40px; }
.greeting_banner p { position: absolute; top: 50%; transform: translateY(-50%); left: 144px; font-family: NanumSquareNeo; font-size: 35px; font-weight: 700; color: #050505; width: 410px; }
.greeting_banner p strong { font-weight: 800; }
.greeting .sign { margin-top: 30px; text-align: right; font-size: 18px; font-weight: 400; }
.greeting .sign strong { display: block; font-size: 24px; font-weight: 800; }

.goals_card::after { content: ""; display: block; clear: both; }
.goals_card li { float: left; width: 23.5%; margin-left: 2%; margin-bottom: 2%; border-radius: 10%; height: 350px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
.goals_card li .icon { height: 175px; line-height: 175px; }
.goals_card li .icon img { vertical-align: bottom; height: 90px; }
.goals_card li p { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; font-family: NanumSquareNeo; font-size: 20px; font-weight: 800; }
.goals_card li:first-child { background-color: #FFF4CE; }
.goals_card li:nth-child(2) { background-color: #CEEEFF; }
.goals_card li:nth-child(3) { background-color: #D6F0DD; }
.goals_card li:nth-child(4) { background-color: #E5E3FF; }
.goals_card li:nth-child(5) { background-color: #E3EAF4; }
.goals_card li:nth-child(6) { background-color: #B9EAE1; }
.goals_card li:nth-child(7) { background-color: #C4D8F5; }
.goals_card li:nth-child(8) { background-color: #F7D4DC; }
.goals_card li:nth-child(9) { background-color: #D6F0DD; }
.goals_card li:nth-child(10) { background-color: #FFF1B4; }
.goals_card li:nth-child(11) { background-color: #B9EAE1; }
.goals_card li:nth-child(4n+1) { margin-left: 0; }

.article > .img { text-align: center; }
.vision_strg { margin-top: 40px; }
.vision_strg::after { content: ""; display: block; clear: both; }
.vision_strg ul { float: left; width: 48%; margin-left: 4%; margin-bottom: 6%; }
.vision_strg ul:nth-child(2n+1) { margin-left: 0; }
.vision_strg ul li { height: 75px; border-radius: 999px; border: 1px solid #9d9d9d; position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.vision_strg ul li::before { content: ""; position: absolute; top: -20px; left: 50%; width: 2px; height: 20px; background-color: #0B4DA2; }
.vision_strg ul li:first-child { border: 2px solid #0B4DA2; background-color: #F0F6FF; }
.vision_strg ul li:first-child::before { display: none; }
.vision_strg ul li .num { position: absolute; top: 50%; transform: translateY(-50%); left: 6px; width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; background-color: #0B4DA2; font-size: 20px; font-weight: 800; color: #fff; }
.vision_strg ul li .num::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -8px; border-left: 10px solid #0B4DA2; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.vision_strg ul li h5 { font-family: NanumSquareNeo; text-align: center; font-size: 16px; font-weight: bold; color: #222; line-height: 1.2; }
.vision_strg ul li h5 strong { font-size: 22px; font-weight: 800; color: #0B4DA2; }
.vision_strg ul li p { text-align: center; font-size: 18px; font-weight: bold; color: #222; word-break: keep-all; }
.vision_strg ul li p strong { color: #0B4DA2; }
.map { position: relative; }
.map #daumRoughmapContainer1705302200083 { width: 100%; }
.map .root_daum_roughmap .wrap_map { height: 520px; }
.map .addr { position: absolute; bottom: 0; right: 0; width: 260px; height: 184px; display: flex; justify-content: center; align-items: center; background: linear-gradient(to right bottom, #5098F5, #0B4DA2); z-index: 11;}
.map .addr p { font-size: 18px; font-weight: 500; color: #fff; }
.traffic::after { content: ""; display: block; clear: both; }
.traffic li { float: left; width: 48%; margin-left: 4%; border: 1px solid #E2E2E2; border-radius: 10px; padding: 20px 30px; }
.traffic li:first-child { margin-left: 0; }
.traffic li span { display: inline-block; font-size: 18px; color: #222; line-height: 32px; }
.traffic li span i { font-style: normal; display: inline-block; width: 32px; height: 32px; border-radius: 50%; text-align: center; color: #fff; margin-right: 5px; }
.traffic li .sub5 i { background-color: #8B34E1; }
.traffic li .sub6 i { background-color: #A94504; }
.traffic li .kc { border-radius: 999px; width: auto; padding: 0 20px; background-color: #95CDB6; }
.traffic li .air { border-radius: 999px; width: auto; padding: 0 20px; background-color: #9DD0EB; }
.traffic li p { font-size: 18px; font-weight: 500; color: #222; margin-top: 10px; }

.step { width: 600px; margin: 0 auto; }
.step li { background-color: #F4F8FF; border-radius: 20px; min-height: 185px; padding: 20px 20px 20px 40px; display: flex; align-items: center; margin-bottom: 55px; position: relative; gap: 20px; }
.step li::after { content: ""; position: absolute; bottom: -45px; left: 50%; transform: translateX(-50%); width: 31px; height: 36px; background: url(../images/step_arr.png) center no-repeat; background-size: auto 100%; }
.step li:last-child:after { display: none; }
.step li .icon { flex-shrink: 0; width: 93px; }
.step li .conts { flex: 1; }
.step li h5 { font-family: NanumSquareNeo; font-size: 26px; font-weight: 800; color: #0B4DA2; }
.step li h6 { font-size: 24px; font-weight: bold; color: #222; }
.step li p { font-size: 16px; color: #8E99AC; position: relative; padding-left: 10px; }
.step li p a { color: #8E99AC; }
.step li p a:hover { text-decoration: underline; }
.step li p::before { content: "•"; position: absolute; top: 0; left: 0; }
.step li .num { position: absolute; top: 0; left: 0; width: 42px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px 0 20px 0; background-color: #0B4DA2; font-size: 16px; font-weight: 800; color: #fff; }
.step li .abs { position: absolute; top: 105%; left: 0; }
.step_wrap { display: flex; justify-content: center; position: relative; gap: 50px; }
.step_wrap::before { content: ""; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); width: 31px; height: 36px; background: url(../images/step_arr.png) center no-repeat; background-size: auto 100%; }
.step .mgbt { margin-bottom: 110px; }
.step .mgbt::after { bottom: -100px; }

.text_box { background-color: #F4F8FF; border-radius: 20px; padding: 30px 40px; margin: 20px 0; }
.text_box ul li { font-size: 18px; color: #222; }
.text_box ul ul { padding-left: 15px; }

.flow { width: 400px; margin: 0 auto; }
.flow li { margin-bottom: 55px; position: relative; }
.flow li::after { content: ""; position: absolute; bottom: -45px; left: 50%; transform: translateX(-50%); width: 31px; height: 36px; background: url(../images/step_arr.png) center no-repeat; background-size: auto 100%; }
.flow li:last-child:after { display: none; }
.flow li h5 { background-color: #F4F8FF; border-radius: 20px; min-height: 100px; padding: 30px; display: flex; justify-content: center; align-items: center; text-align: center; font-family: NanumSquareNeo; font-size: 26px; font-weight: 800; color: #0B4DA2; }
.flow li .step1 { background-color: #0B4DA2; color: #fff; }
.flow li .step3 { background-color: #F7D4DC; color: #CB284D; }
.flow li p { font-size: 18px; color: #222; margin-top: 10px; }
.flow li dl { font-size: 18px; color: #222; margin-top: 10px; }
.flow li dl dt { font-weight: 500; position: relative; padding-left: 15px; }
.flow li dl dd { position: relative; padding-left: 15px; }
.flow li dl dt::before { content: "•"; position: absolute; top: 0; left: 0; }
.flow li dl dd::before { content: "-"; position: absolute; top: 0; left: 0; }
.flow_wrap { display: flex; justify-content: center; position: relative; gap: 60px; }
.flow_wrap::before { content: ""; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); width: 31px; height: 36px; background: url(../images/step_arr.png) center no-repeat; background-size: auto 100%; }
.flow_wrap .flow { margin: 0; }

.terms h4 { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.terms > p { font-size: 20px; font-weight: 500; margin-bottom: 10px; }
.terms ul { padding-left: 15px; margin: 8px 0; font-size: 18px; }
.terms .clause { margin: 20px 0; }
.terms .clause h5 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.terms .clause p { font-size: 18px; margin-bottom: 10px; }
.terms .sbt li { margin-bottom: 10px; }

.board_nav { border-top: 2px solid #222; border-bottom: 2px solid #222; margin: 30px 0; }
.board_nav li { padding: 20px 200px; position: relative; font-size: 16px; }
.board_nav li:first-child { border-bottom: 1px solid #e1e1e1; }
.board_nav li .item { position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 16px; color: #222; }
.board_nav li .item img { vertical-align: middle; margin-right: 10px; height: 12px; }
.board_nav li .date { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 16px; color: #666; }
.board_nav li a { vertical-align: middle; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; color: #0E5BA8; }
.board_nav li a:hover { text-decoration: underline; }

.banner_txt_01 p span { color: #0B4DA2; }
.banner_txt_02 p span { color: #008000; }
.banner_txt_02 h3 strong { color: #008000; }
.main_banner .banner_txt_02 h3 strong { color: #008000; }
.banner_txt_03 p span { color: #00bfff; }
.banner_txt_03 h3 strong { color: #00bfff; }
.main_banner .banner_txt_03 h3 strong { color: #00bfff; }
.banner_txt_04 p span { color: #008000; }
.banner_txt_04 h3 strong { color: #008000; }
.main_banner .banner_txt_04 h3 strong { color: #008000; }

.location_wrap { border-bottom: 1px solid #e5e5e5; }
.location { max-width: 1400px; margin: 0 auto; }
.location::after { content: ""; display: block; clear: both; }
.location > li { float: left; position: relative; border-right: 1px solid #e5e5e5; }
.location .loc_show { display: block; line-height: 50px; padding-left: 20px; font-size: 16px; font-weight: bold; color: #222; width: 270px; background: url(../images/arrD_01.png) right 10px center no-repeat; background-size: auto 8px; }
.location .loc_show.on { background-image: url(../images/arrU_01.png); }
.location .loc_show:hover { background-color: #F4F8FF; }
.location .loc_home a { display: block; line-height: 50px; width: 50px; background: #0B4DA2; text-align: center; }
.location .loc_home a img { vertical-align: middle; }
.location .loc_list { display: none; position: absolute; top: 100%; left: -1px; width: calc(100% + 2px); border: 1px solid #e5e5e5; z-index: 11; background-color: #fff; }
.location .loc_list li a { display: block; padding-left: 20px; line-height: 40px; font-size: 16px; color: #222; transition-duration: 0s; }
.location .loc_list li a:hover { background-color: #0B4DA2; color: #fff; }

.img_box { text-align: center; margin: 50px 0; }
.img_box .caption { text-align: center; font-size: 16px; color: #666; margin: 5px 0; }

.dev_std { margin: 50px 0; }
.dev_std h5 { font-size: 22px; font-weight: 500; color: #222; margin-bottom: 30px; }
.dev_std ul { display: flex; justify-content: center; gap: 40px; }
.dev_std ul li { text-align: center; }
.dev_ex { display: flex; gap: 40px; justify-content: center; align-items: end; margin: 50px 0; }
.dev_ex li { text-align: center; }
.dev_ex li p { font-size: 20px; margin-top: 20px; height: 60px; }
.dev_ex li a:hover p { color: #0B4DA2; }

.fact_atc { font-family: NanumSquareNeo; margin-top: 100px; display: flex; justify-content: center; align-items: center; gap: 20px; }
.fact_atc1 { border-radius: 20px; background-color: #F4F8FF; max-width: 650px; padding: 70px 30px 50px 30px; position: relative; }
.fact_atc1 h5 { line-height: 65px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; background-color: #5098F5; font-size: 22px; font-weight: bold; color: #fff; text-align: center; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: calc(100% - 60px); }
.fact_atc1 ul li { border-radius: 999px; background-color: #fff; position: relative; padding: 20px 10px 20px 50px; margin-bottom: 10px; font-size: 14px; }
.fact_atc1 ul li span { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; background-color: #5098F5; font-size: 14px; color: #fff; }
.fact_atc2 { border-radius: 20px; background-color: #F4F8FF; min-width: 480px; padding: 70px 30px 50px 30px; position: relative; }
.fact_atc2 h5 { line-height: 65px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; background-color: #0B4DA2; font-size: 22px; font-weight: bold; color: #fff; text-align: center; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: calc(100% - 60px); }
.fact_atc2 ul li span { display: block; border-radius: 999px; background-color: #5098F5; position: relative; padding: 20px 10px; text-align: center; font-size: 20px; color: #fff; } 
.fact_atc2 > ul > li { margin-top: 40px; }
.fact_atc2 > ul ul { padding: 0 30px; }
.fact_atc2 > ul ul li { text-align: center; padding: 20px 10px; border-radius: 999px; background-color: #D9EAFF; font-size: 20px; color: #0B4DA2; margin-top: 13px; }

.scheme { font-family: NanumSquareNeo; margin-top: 50px;}
.scheme::after { content: ""; display: block; clear: both; }
.scheme .item { float: left; width: 8%; }
.scheme .item li { font-size: 20px; font-weight: bold; padding-top: 30px; }
.scheme .item li:first-child { padding-top: 100px; }
.scheme .scheme_box { float: left; width: 16%; border-radius: 30px; padding: 30px; position: relative; }
.scheme .scheme_box h5 { line-height: 56px; text-align: center; border-radius: 999px; font-size: 18px; font-weight: bold; color: #fff; margin-top: -50px; margin-bottom: 20px; }
.scheme .scheme_box h6 { text-align: center; font-size: 16px; font-weight: 500; margin-bottom: 10px; }
.scheme .scheme_box p { font-size: 14px; font-weight: 500; position: relative; padding-left: 10px; word-break: keep-all; }
.scheme .scheme_box p::before { content: "*"; position: absolute; top: 0; left: 0; }
.scheme .sep { float: left; width: 3%; text-align: center; height: 220px; line-height: 220px; }
.scheme .sep img { vertical-align: middle; }
.scheme .scheme_box .conts { height: 90px; border-bottom-style: dotted; border-bottom-width: 1px; margin-bottom: 20px; }
.scheme .scheme_box_01 { background-color: #FFF4CE; }
.scheme .scheme_box_02 { background-color: #FFE8ED; }
.scheme .scheme_box_03 { background-color: #E8F2FF; }
.scheme .scheme_box_04 { background-color: #DFFAF5; }
.scheme .scheme_box_05 { background-color: #F1F0FF; }
.scheme .scheme_box_01 h5 { background-color: #FFC90D; }
.scheme .scheme_box_02 h5 { background-color: #FF9290; }
.scheme .scheme_box_03 h5 { background-color: #4E89E3; }
.scheme .scheme_box_04 h5 { background-color: #23AB92; }
.scheme .scheme_box_05 h5 { background-color: #685EE5; }
.scheme .scheme_box_01 .conts { border-bottom-color: #FFC90D; }
.scheme .scheme_box_02 .conts { border-bottom-color: #FF9290; }
.scheme .scheme_box_03 .conts { border-bottom-color: #4E89E3; }
.scheme .scheme_box_04 .conts { border-bottom-color: #23AB92; }
.scheme .scheme_box_05 .conts { border-bottom-color: #685EE5; }

.misc_01 li ul { margin: 5px 0; }
.misc_01 li ul li { padding-left: 25px; position: relative; }
.misc_01 li ul li::before { content: "-"; position: absolute; top: 0; left: 12px; }
.misc_01 li .nt_1 { position: relative; color: #0B4DA2; padding-left: 25px; }
.misc_01 li .nt_1::before { content: "*"; position: absolute; top: 0; left: 12px; }


.bg_side { display: none; }
.m_search { display: none; }
.for_m { display: none; }






/********** pad ************/
@media (max-width:1399px){

.body_wrap { padding-top: 60px; padding-bottom: 282px; overflow: hidden; }

.page_info { display: none; }

.top { position: fixed; top: 0; left: 0; width: 100%; z-index: 333; background-color: #fff; }
.top_conts { height: 60px; padding: 0 20px; }
.top_conts h1 img { height: 34px; }
.top_conts .search_box { width: 260px; height: 40px; padding-right: 40px;}
.top_conts .search_box input { height: 40px; padding-left: 16px; font-size: 14px; }
.top_conts .search_box button { width: 40px; height: 40px; }
.top_conts .btn_menu { display: block; width: 40px; height: 40px; }
.top_conts .btn_menu img { height: 30px; }

.top_sns { display: none; }
.nav { display: none; }

.bg_side { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 33; }
.side { display: flex; flex-direction: column; position: absolute; top: 0; right: -450px; width: 450px; height: 100%; background-color: #f9f9f9; z-index: 22; transition: all 0.3s ease-out; }
.side.on { right: 0; }
.side_hd { background-color: #0B4DA2; position: relative; line-height: 40px; margin-bottom: 20px; padding: 10px 20px; }
.side_hd p { display: inline-block; font-size: 14px; font-size: 500; color: #fff; }
.side_hd p img { vertical-align: middle; margin-top: -3px; margin-right: 8px; }
.side_hd p span { margin-left: 8px; color: #FFFF00; }
.side_hd a { font-size: 14px; font-size: 500; color: #fff; margin-left: 20px; }
.side_hd .close_menu { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; }
.side_hd .close_menu img { height: 22px; }

.nav_m { flex: 1; overflow-y: auto; }
.nav_m > li > a { display: block; padding: 0 50px; font-size: 18px; font-weight: bold; color: #222; line-height: 50px; background: url(../images/arrD_01.png) right 20px center no-repeat; background-size: auto 10px; }
.nav_m > li > a.on { background-image: url(../images/arrU_01.png); }
.sub_nav_m { display: none; padding: 10px 0; }
.sub_nav_m li a { display: block; padding-left: 70px; font-size: 16px; font-weight: 500; color: #222; line-height: 45px; }
.side_sns { display: flex; justify-content: center; padding: 20px 0; gap: 20px; }
.side_sns li img { height: 40px; }

.main_banner { height: 369px; }
.main_silde ul li { height: 369px; }
.main_silde .swiper-pagination { bottom: 90px; left: 20px; margin-left: 0; }
.main_silde .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px;}
.main_silde .swiper-pagination .swiper-pagination-bullet-active { width: 30px; }

.main_banner .txt { top: 75px; left: 20px; margin-left: 0; }
.main_banner .txt p { font-size: 18px; }
.main_banner .txt h3 { font-size: 32px; }
.main_banner .txt h3 strong { font-size: 40px; }

.quick { margin-top: -24px; }
.quick li { flex: 1; }
.quick li a { gap: 15px; height: 90px; }
.quick li a:hover { transform: translateY(0); }
.quick li a p { font-size: 15px; }
.quick li a .pconly { display: none; }
.quick li a .mpad { display: block; }
.quick li a img { display: none; }

section .conts { padding: 0 20px; }
.main_section_01 { padding-bottom: 30px; }
.main_section_01 .misc_01 { top: 16px; left: 0; }
.main_section_01 .misc_01 img { height: 560px; }
.main_section_01 .misc_02 { top: 100px; right: 0; }
.main_section_01 .misc_02 img { height: 620px; }
.main_section_01 .conts_hd { margin-top: 60px; margin-bottom: 30px; padding-top: 60px; }
.main_section_01 .conts_hd h3 { font-size: 34px; line-height: 1.2; }
.main_section_01 .conts_hd .more { font-size: 14px; opacity: 1; }
.menu_tab_01 { width: 100%; order: 3; }
.menu_tab_01 li a { font-size: 14px; line-height: 45px; }

.panel_01 > li > .more { top: -120px; font-size: 14px; opacity: 1; }

.board_box { gap: 12px; }
.board_box li a { background-position: bottom 20px left 20px; background-size: auto 10px; border-top: 3px solid #0B4DA2; padding: 20px; box-shadow: 1px 8px 20px rgba(0, 0, 0, 0.1); padding-bottom: 50px; }
.board_box li a:hover { box-shadow: 1px 8px 20px rgba(0, 0, 0, 0.25); }
.board_box li a h4 { font-size: 14px; margin-bottom: 16px; }
.board_box li a h4 span { font-size: 14px; margin-right: 3px; }
.board_box li a p { font-size: 16px; line-height: 22px; height: 88px; }

.main_section_02 { padding: 20px 0 60px 0; background: url(../images/bg_ms_02.jpg) center no-repeat; background-size: cover; }
.main_section_02 .conts_hd { margin: 36px 0; }
.main_section_02 .conts_hd h3 { font-size: 34px; }
.main_section_02 .conts_hd .more { font-size: 14px; opacity: 1; }
.media_wrap { flex-wrap: wrap; gap: 20px; padding: 0 50px; }
.media_wrap .video { min-width: 600px; }
.video_list li { height: 50px; line-height: 50px; padding: 0 12px; font-size: 16px; }

.main_section_03 { padding: 20px 0 60px 0; }
.main_section_03 .conts_hd { margin: 30px 0; position: relative; }
.main_section_03 .conts_hd h3 { font-size: 34px; margin-bottom: 20px; }
.main_section_03 .conts_hd .more { font-size: 14px; opacity: 1; }
.menu_tab_02 li { margin-left: 50px; }
.menu_tab_02 li a { font-size: 20px; }

.panel_02 .more { font-size: 14px; opacity: 1; top: -50px; }
.panel_02 .more:hover { opacity: 1; }

.arch_list li a { padding: 20px 50px 20px 30px; height: 90px; }
.arch_list li a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 4px solid #fff; opacity: 0; transition: all 0.3s ease-in-out; }
.arch_list li a:hover::before { top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 1; }
.arch_list li a p { font-size: 18px; line-height: 24px; max-height: 48px; }

.main_section_04 { padding: 60px 0 80px 0; }
.main_section_04 .conts_hd h3 { font-size: 34px; margin-bottom: 20px;}
.banner_zone > li { width: 32.33% }
.banner_zone > li:nth-child(4n+1) { margin-left: 1%; }
.banner_zone > li:nth-child(3n+1) { margin-left: 0; }
.banner_zone li a { display: block; border-radius: 10px; }
.banner_zone li a:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); }

.related_logo { padding: 20px 40px; }
.related_logo li a { line-height: 42px;}
.related_logo .r_logo_prev { top: 20px; width: 40px; height: 42px; }
.related_logo .r_logo_next { top: 20px; width: 40px; height: 42px; }

.footer_conts { padding: 80px 20px 20px 20px; }
.footer_conts h2 { top: 20px; left: 20px; }
.footer_conts h2 img { height: 34px; }
.footer_conts p { font-size: 14px; }
.footer_conts .related_site { top: 20px; right: 20px; }
.related_site select { height: 32px; font-size: 14px; }
.related_site select option { font-size: 14px; }
.footer_menu a { margin-left: 24px; font-size: 14px; }

.sub_banner { height: 225px; }
.sub_banner .txt { padding-top: 40px; padding-left: 20px; }
.sub_banner .txt h3 { font-size: 20px; }
.sub_banner .txt h3 strong { font-size: 26px; }
.sub_banner .txt p { font-size: 18px; }
.sub_menu_wrap { display: none; }

.sub_conts { padding: 0 20px 60px 20px; }
.sub_conts_hd { margin: 30px 0; }
.sub_conts_hd h3 { font-size: 32px; padding-bottom: 18px; }
/* .sub_conts_hd .location li { margin-left: 3px; padding-left: 12px; font-size: 13px; } */

.sub_top_search { margin-bottom: 24px; }
.sub_top_search select { height: 34px; padding-left: 15px; min-width: 110px; }
.sub_top_search input { height: 34px; min-width: 200px; padding-left: 15px; }
.sub_top_search .left button { height: 34px; line-height: 34px; font-size: 12px; opacity: 1; }
.sub_top_search .left button img { margin-top: -2px; margin-right: 7px; }
.btn { height: 50px; line-height: 50px; font-size: 16px; min-width: 140px; opacity: 1; } 

.table_board { border-spacing: 0 8px; }
.table_board th { padding: 12px 10px 12px 10px; font-size: 15px; }
.table_board td { padding: 15px 10px; font-size: 14px; }
.table_board td::before { height: 10px; }
.table_board .num { font-size: 15px; }
.table_board .tit { text-align: left; padding-left: 16px; }
.table_board .tit a { font-size: 16px; }
.table_board .mark { min-width: 40px; height: 20px; line-height: 20px; font-size: 12px; border-radius: 4px; }
.table_board .mark.outline { line-height: 18px; }
.table_board .tit .mark { margin-right: 8px; }
.table_board .date { min-width: 100px;}

.pagination { text-align: center; margin: 24px 0; }
.pagination a { width: 36px; height: 36px; line-height: 36px; font-size: 16px; }
.pagination a.selected { color: #222; font-size: 18px; }
.pagination ul li a:hover::before { width: 14px; }
.pagination ul li a.selected::before { width: 14px; }

.view_header { padding: 16px 0; }
.view_header h4 { font-size: 20px; margin-bottom: 8px; }
.view_header .info li { margin-left: 4px; padding-left: 8px; font-size: 13px; }
.view_header .info li::before { height: 10px; }
.attatch { gap: 40px; padding: 12px 0; }
.attatch ul li { margin: 2px 0; }
.attatch ul li a { font-size: 14px; }
.view_conts { padding: 30px 0; font-size: 15px; }
.reply { padding: 55px 70px 25px 70px; font-size: 15px; }
.reply .item { top: 25px; left: 38px; font-size: 14px; }
.reply .item img { margin-right: 8px; }

.btn_box_c { margin: 24px 0; }
.btn_box_r { margin: 24px 0; }

.certi_box { margin: 24px auto; border-radius: 16px; padding: 40px; }
.certi_box p { font-size: 15px; margin-bottom: 12px; }
.table_write { width: 100%; border-top: 2px solid #222; }
.table_write th { height: 60px; padding: 10px 0; font-size: 15px; }
.table_write td { height: 60px; padding: 10px 0; font-size: 15px; }
.table_write td input { height: 40px; border-radius: 8px; padding-left: 15px; font-size: 15px; }
.table_write td textarea { border-radius: 8px; padding: 15px; font-size: 15px; }
.table_write td .wd40pc { width: 50%; }
.table_write td label { font-size: 14px; }
.table_write td label input { width: 18px; height: 18px; margin-top: 0; margin-right: 5px; }
.table_write td .filebox { position: relative; height: 100%; border-radius: 10px; background-color: #f4f4f4; }
.table_write td .filebox label { font-size: 13px;}
.table_write td .fileDiv2 { min-height: 85px; }
.table_write td .fileUL2 li div { width: 100px; min-height: 100px; border-radius: 8px; }
.table_write td .fileUL2 li div p { font-size: 12px; }
.table_write td .fileUL2 li div a { font-size: 12px; }

.agree_terms { padding: 15px; font-size: 13px; }
.agree_terms .agree_conts { padding-left: 15px; }
.agree_terms .agree_conts ul { padding: 8px 15px; }
.agree_box { padding: 20px 0; }
.agree_box label { font-size: 14px; }
.agree_box label input { width: 20px; height: 20px; margin-top: 0; }

.faq .question { padding: 20px 0; }
.faq .question .num { width: 80px; font-size: 14px; }
.faq .question .mark { width: 40px; height: 20px; line-height: 20px; font-size: 12px; }
.faq .question p { font-size: 16px; }
.faq .question .views { width: 80px; font-size: 13px; }
.faq .answer { padding: 20px 80px; }
.faq .answer .mark { width: 40px; height: 20px; line-height: 20px; font-size: 12px;}
.faq .answer p { font-size: 15px; }
.faq .tit { padding: 20px 0; font-size: 16px; }
.faq .tit p { flex: 1; }
.faq .tit .num, .faq .tit .views { width: 80px; }

.menu_tab { margin: 30px 0; }
.menu_tab li a { height: 50px; font-size: 15px; }
.tab3 li { flex-basis: 30%;}

.history_wrap { padding: 40px 0; }
.history_wrap::before { height: calc(100% - 80px); }
.history li:nth-child(odd) h4 { padding-left: 50px; font-size: 30px; margin-bottom: 16px; }
.history li:nth-child(odd) h4::before { width: 35px; }
.history li:nth-child(odd) h4::after { left: 35px; width: 6px; height: 6px; }
.history li:nth-child(odd) p { padding-left: 110px; font-size: 15px; margin: 8px 0; }
.history li:nth-child(odd) p span { left: 50px; }
.history li:nth-child(even) h4 { padding-right: 50px; font-size: 30px; margin-bottom: 16px; }
.history li:nth-child(even) h4::before { width: 35px; }
.history li:nth-child(even) h4::after { right: 35px; width: 6px; height: 6px; }
.history li:nth-child(even) p { padding-right: 110px; font-size: 15px; margin: 8px 0; }
.history li:nth-child(even) p span { right: 50px; }

.media_list { margin: 20px 0; padding: 20px 0; }
.media_list .txt { padding: 16px; }
.media_list .txt h4 { font-size: 15px; line-height: 22px; height: 44px; margin-bottom: 10px; }
.media_list .txt ul li { font-size: 13px; margin-left: 4px; padding-left: 8px; }
.media_list .txt ul li::before { height: 12px; }

.search_result { border-radius: 10px; padding: 15px 30px; font-size: 16px; margin: 16px 0; }
.search_result_box { margin: 40px 0; }
.search_result_box h4 { font-size: 20px; padding-bottom: 16px; margin-bottom: 16px; }
.search_result_box ul li { margin: 8px 0; padding-left: 12px; font-size: 15px; }
.search_result_box ul li a { font-size: 15px; }

.sitemap_box { margin-bottom: 30px; }
.sitemap_box h4 { font-size: 20px; padding-bottom: 16px; margin-bottom: 16px; }
.sitemap_box > ul > li { margin: 10px 0; }
.sitemap_box > ul > li > a { font-size: 15px; }
.sitemap_box ul ul { padding: 16px; margin: 10px 0 20px 0; }
.sitemap_box ul ul li { margin: 6px 0; }
.sitemap_box ul ul li a { font-size: 14px; }

.org_01 { padding: 0 5% 24px 5%; }
.org_01::before { top: 20px; left: 50%; width: 1px; height: calc(100% - 20px); background-color: #999; }
.org_01 a { height: 50px; line-height: 50px; font-size: 16px; }
.org_01 li:first-child a { height: 60px; line-height: 60px; }
.org_02 a { height: 50px; line-height: 50px; font-size: 16px; }
.org_02 ul ul .indp::before { top: 20px; height: 40px; }
.org_02 ul ul .indp::after { top: 20px; }
.org_02 ul ul .indp a:first-child { margin-top: 60px; }
#org_table { max-width: 1000px; margin: 50px auto; }
.org_info h4 { font-size: 24px; margin-bottom: 16px; }
.org_info h5 { font-size: 16px; margin-bottom: 12px; }

.layer_pop { border-radius: 16px; width: 500px; padding: 30px 24px; }
.layer_pop .pop_hd .close_pop { position: absolute; top: 20px; right: 20px; }
.layer_pop .pop_hd .close_pop img { height: 16px; }
.layer_pop .pop_hd h4 { font-size: 26px; }
.layer_pop .pop_conts p { font-size: 15px; }
.layer_pop .pop_conts input { height: 50px; border-radius: 8px; padding-left: 16px; font-size: 15px; margin: 16px 0; }
.layer_pop .btn_box_c { margin: 20px 0 0 0; }
.layer_school { width: 720px; }

.article { margin: 30px 0 50px 0; }
.article h4 { font-size: 24px; margin-bottom: 15px; }
.article p { font-size: 15px; }
.article .int { font-size: 24px; margin: 20px 0; }
.article .emp { font-size: 17px; }
.article .nrm { margin: 15px 0; }
.article .nrm li { padding-left: 10px; font-size: 15px; }
.article .noti { position: relative; padding-left: 15px; color: #0B4DA2; }
.article .nrm .note { font-size: 14px; }
.article h3 { font-size: 28px; margin-bottom: 15px; }

.table_01 { margin: 15px 0; }
.table_01 th { font-size: 15px; padding: 15px 0; }
.table_01 td { font-size: 15px; padding: 15px; }
.table_01 td select, .table_01 td input[type=text] { min-width: auto; width: 100%; border-radius: 4px; height: 40px; padding-left: 15px; font-size: 14px; }
.table_01 td a { font-size: 15px; color: #0B4DA2; }
.table_01 td .btn_print { width: 80px; height: 40px; font-size: 15px; opacity: 1; }
.table_01 .ta_left { padding-left: 20px; }

.contact_list li { padding: 15px 70px 15px 15px; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 5px; }
.contact_list li .loc { width: 55px; height: 28px; line-height: 28px; font-size: 13px; }
.contact_list li .tit { font-size: 16px; }
.contact_list li .num { text-align: left; font-size: 14px; }
.contact_list li a { position: absolute; top: 50%; transform: translateY(-50%); right:15px; width: 45px; height: 45px; line-height: 45px; font-size: 0; opacity: 1; }
.contact_list li a img { vertical-align: middle; margin-top: -2px; margin-right: 0; }

.greeting p { font-size: 15px; }
/* .greeting_banner { height: 272px; margin-bottom: 50px; background-position-x: right; } */
.greeting_banner { margin-bottom: 30px; }
.greeting_banner p { left: 24px; font-size: 24px; width: 300px; }
.greeting .sign { margin-top: 24px; font-size: 15px; }
.greeting .sign strong { font-size: 20px; }

.goals_card li { float: left; width: 31.33%; height: 250px; }
.goals_card li .icon { height: 132px; line-height: 132px; }
.goals_card li p { font-size: 15px; }
.goals_card li:nth-child(4n+1) { margin-left: 2%; }
.goals_card li:nth-child(3n+1) { margin-left: 0; }

.vision_strg { margin-top: 30px; }
.vision_strg ul li { height: 70px; margin-bottom: 15px; padding: 0 20px; }
.vision_strg ul li::before { top: -15px; height: 15px; }
.vision_strg ul li .num { left: 6px; width: 54px; height: 54px; line-height: 54px; font-size: 16px; }
.vision_strg ul li .num::after { right: -6px; border-left: 8px solid #0B4DA2; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
.vision_strg ul li h5 { font-size: 14px; }
.vision_strg ul li h5 strong { font-size: 16px; }
.vision_strg ul li p { font-size: 14px; }

.map .root_daum_roughmap .wrap_map { height: 400px; }
.map .addr { width: 195px; height: 138px; }
.map .addr p { font-size: 15px; }
.traffic li { width: 100%; margin-left: 0; border-radius: 8px; padding: 15px 20px; margin-bottom: 10px; }
.traffic li span { font-size: 15px; line-height: 26px; }
.traffic li span i { width: 26px; height: 26px; }
.traffic li .kc { padding: 0 20px; }
.traffic li .air { padding: 0 20px; }
.traffic li p { font-size: 15px; }

.step { width: 500px; }
.step li { border-radius: 16px; min-height: 144px; margin-bottom: 40px; gap: 16px; padding: 15px 10px 15px 30px; }
.step li::after { bottom: -34px; height: 28px;}
.step li .icon { width: 70px; }
.step li .icon img { width: 70px; }
.step li h5 { font-size: 20px; }
.step li h6 { font-size: 18px; }
.step li p { font-size: 14px; padding-left: 8px; }
.step li .num { width: 30px; height: 30px; line-height: 30px; border-radius: 16px 0 16px 0;font-size: 14px; }
.step_wrap { gap: 30px; }
.step_wrap::before { top: -34px; height: 28px; }
.step .mgbt { margin-bottom: 100px; }
.step .mgbt::after { bottom: -90px; }

.text_box { border-radius: 16px; padding: 24px 32px; margin: 16px 0; }
.text_box ul li { font-size: 15px; }
.text_box ul ul { padding-left: 12px; }

.flow { width: 300px; margin: 0 auto; }
.flow li { margin-bottom: 40px; }
.flow li::after { bottom: -34px; height: 28px; }
.flow li h5 { border-radius: 16px; min-height: 90px; padding: 20px; font-size: 20px; }
.flow li p { font-size: 14px; margin-top: 8px; }
.flow li dl { font-size: 14px; margin-top: 8px; }
.flow li dl dt { padding-left: 12px; }
.flow li dl dd { padding-left: 12px; }
.flow_wrap { gap: 40px; }
.flow_wrap::before { top: -34px; height: 28px; }

.terms h4 { font-size: 20px; margin-bottom: 16px; }
.terms > p { font-size: 16px; }
.terms ul { padding-left: 12px; margin: 6px 0; font-size: 15px; }
.terms .clause { margin: 16px 0; }
.terms .clause h5 { font-size: 16px; }
.terms .clause p { font-size: 15px; }

.board_nav { margin: 24px 0; }
.board_nav li { padding: 15px 100px; font-size: 14px; }
.board_nav li .item { font-size: 14px; }
.board_nav li .item img { margin-right: 8px; height: 10px; }
.board_nav li .date { font-size: 14px; }

.location .loc_show { line-height: 45px; padding-left: 16px; font-size: 14px; width: 220px; background-size: auto 6px; }
.location .loc_home a { line-height: 45px; width: 45px; }
.location .loc_list li a { padding-left: 16px; line-height: 38px; font-size: 14px; }

.img_box { margin: 40px 0; }
.img_box .caption { font-size: 14px; }
.dev_std { margin: 40px 0; }
.dev_std h5 { font-size: 18px; margin-bottom: 24px; }
.dev_std ul { gap: 30px; }
.dev_std ul li img { width: 120px; }
.dev_ex { gap: 20px; margin: 40px 0; }
.dev_ex li p { font-size: 16px; height: 48px; }

.fact_atc { margin-top: 80px; gap: 12px; }
.fact_atc > span img { height: 48px; }
.fact_atc1 { flex: 1; border-radius: 16px; padding: 56px 24px 40px 24px; }
.fact_atc1 h5 { line-height: 52px; border-top-left-radius: 24px; border-bottom-right-radius: 24px; font-size: 18px; top: -24px; width: calc(100% - 48px); }
.fact_atc1 ul li { position: relative; padding: 14px 8px 14px 40px; margin-bottom: 10px; font-size: 13px; }
.fact_atc1 ul li span { width: 26px; height: 26px; line-height: 26px; font-size: 13px; }
.fact_atc2 { flex: 1; border-radius: 16px; min-width: 320px; padding: 56px 24px 40px 24px; }
.fact_atc2 h5 { line-height: 52px; border-top-left-radius: 24px; border-bottom-right-radius: 24px; font-size: 18px; top: -24px; width: calc(100% - 48px); }
.fact_atc2 ul li span { padding: 16px 8px; font-size: 15px; } 
.fact_atc2 > ul > li { margin-top: 32px; }
.fact_atc2 > ul ul { padding: 0 24px; }
.fact_atc2 > ul ul li { padding: 16px 8px; font-size: 15px; margin-top: 12px; }

.scheme { margin-top: 0;}
.scheme .item { display: none; }
.scheme .item li { font-size: 16px; padding-top: 24px; }
.scheme .item li:first-child { padding-top: 160px; }
.scheme .scheme_box { width: 30%; border-radius: 24px; padding: 24px; margin-top: 50px; }
.scheme .scheme_box h5 { line-height: 46px; font-size: 16px; margin-top: -40px; margin-bottom: 20px; }
.scheme .scheme_box h6 { font-size: 15px; }
.scheme .scheme_box p { font-size: 13px; }
.scheme .sep { height: 210px; line-height: 210px; margin-top: 50px; }
.scheme .sep img { height: 20px; }
.scheme .scheme_box .conts { height: 90px; margin-bottom: 20px; }

}



/********** pad ************/
@media (max-width: 767px){

.body_wrap { padding-top: 50px; padding-bottom: 333px; }


.top_conts { height: 50px; padding: 0 10px; justify-content: center; }
.top_conts h1 img { height: 28px; }
.m_search { display: block; position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; background: url(../images/search_path.png) center no-repeat; background-size: auto 20px; }
.m_search.on { background-image: url(../images/btn_close.png); }

.top_conts .search_box { display: none; position: absolute; top: 52px; left: 0; height: 40px; line-height: 40px; width: 100%; }
.top_conts .search_box input { height: 40px; padding-left: 10px; font-size: 13px; width: 100%; }
.top_conts .search_box button { width: 40px; height: 40px; }
.top_conts .btn_menu { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; }
.top_conts .btn_menu img { height: 24px; }

.top_sns { display: none; }
.nav { display: none; }

.bg_side { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 33; }
.side { right: -300px; width: 300px; }
.side_hd { line-height: 30px; margin-bottom: 20px; padding: 10px; }
.side_hd p { font-size: 13px; }
.side_hd p img { height: 14px; margin-left: 5px; }
.side_hd p span { margin-left: 5px; }
.side_hd a { font-size: 13px; margin-left: 12px; }
.side_hd .close_menu { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; }
.side_hd .close_menu img { height: 20px; }
.nav_m > li > a { padding: 0 40px; font-size: 16px; line-height: 44px; background-size: auto 8px; }
.sub_nav_m li a { padding-left: 50px; font-size: 14px; line-height: 40px; }
.side_sns { display: flex; justify-content: center; padding: 20px 0; gap: 20px; }
.side_sns li img { height: 40px; }

.main_banner { height: 276px; }
.main_silde ul li { height: 276px; }
.main_silde .swiper-pagination { bottom: 80px; left: 10px; margin-left: 0; }
.main_silde .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px;}
.main_silde .swiper-pagination .swiper-pagination-bullet-active { width: 24px; }
.main_silde ul .main_slide_01 { background: url(../images/main_banner_01_m.jpg) center no-repeat; background-size: cover; }
.main_silde ul .main_slide_02 { background: url(../images/main_banner_02_m.jpg) center no-repeat; background-size: cover; }
.main_silde ul .main_slide_03 { background: url(../images/main_banner_03_m.jpg) center no-repeat; background-size: cover; }
.main_silde ul .main_slide_04 { background: url(../images/main_banner_04_m.jpg) center no-repeat; background-size: cover; }

.main_banner .txt { top: 50px; left: 10px; }
.main_banner .txt p { font-size: 15px; }
.main_banner .txt h3 { font-size: 18px; }
.main_banner .txt h3 strong { font-size: 22px; }

.quick { margin-top: -24px; flex-wrap: wrap; }
.quick li a { gap: 10px; height: 70px; min-width: 93px; }
.quick li a p { font-size: 13px; }

section .conts { padding: 0 10px; }
.main_section_01 { padding-bottom: 30px; }
.main_section_01 .misc_01 { top: 16px; left: -30px; }
.main_section_01 .misc_01 img { height: 420px; }
.main_section_01 .misc_02 { top: 100px; right: -30px; }
.main_section_01 .misc_02 img { height: 500px; }
.main_section_01 .conts_hd { margin-top: 30px; margin-bottom: 20px; padding-top: 45px; }
.main_section_01 .conts_hd h3 { font-size: 26px; }
.main_section_01 .conts_hd .more { font-size: 13px; }
.menu_tab_01 li a { font-size: 13px; line-height: 40px; }

.panel_01 > li > .more { top: -95px; font-size: 13px; }

.board_box { gap: 10px; flex-direction: column; }
.board_box li a { background-position: bottom 10px left 10px; background-size: auto 8px; border-top: 2px solid #0B4DA2; padding: 30px 70px 30px 10px; box-shadow: 1px 8px 15px rgba(0, 0, 0, 0.1); padding-bottom: 30px; position: relative; }
.board_box li a:hover { box-shadow: 1px 8px 15px rgba(0, 0, 0, 0.25); }
.board_box li a h4 { position: absolute; top: 10px; right: 10px; font-size: 13px; margin-bottom: 12px; }
.board_box li a h4 span { font-size: 13px; margin-right: 2px; }
.board_box li a p { font-size: 15px; line-height: 20px; height: auto; max-height: 80px; }

.main_section_02 { padding: 10px 0 30px 0; }
.main_section_02 .conts_hd { margin: 20px 0; }
.main_section_02 .conts_hd h3 { font-size: 26px; }
.main_section_02 .conts_hd .more { font-size: 13px; }
.media_wrap { flex-direction: column; gap: 10px; padding: 0 10px; }
.media_wrap .video { min-width: auto; width: 100%; flex-basis: 100%; }
.video_list { width: 100%; flex-basis: 100%; }
.video_list li { height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; margin-bottom: 5px; }

.main_section_03 { padding: 10px 0 30px 0; }
.main_section_03 .conts_hd { margin: 20px 0; position: relative; }
.main_section_03 .conts_hd h3 { font-size: 26px; margin-bottom: 16px; }
.main_section_03 .conts_hd .more { font-size: 13px; }
.menu_tab_02 li { margin-left: 20px; }
.menu_tab_02 li a { font-size: 15px; }

.panel_02 .more { font-size: 13px; opacity: 1; top: -42px; }
.panel_02 .more:hover { opacity: 1; }

.arch_list li { width: 100%; margin-left: 0; }
.arch_list li a { padding: 15px 30px 15px 10px; height: 60px; }
.arch_list li a::before { border: 2px solid #fff; }
.arch_list li a:hover::before { top: 2px; left: 2px; right: 2px; bottom: 2px; opacity: 1; }
.arch_list li a p { font-size: 14px; line-height: 20px; max-height: 40px; }

.main_section_04 { padding: 30px 0 40px 0; }
.main_section_04 .conts_hd h3 { font-size: 26px; margin-bottom: 16px;}
.banner_zone > li { width: 49% }
.banner_zone > li:nth-child(4n+1) { margin-left: 1%; }
.banner_zone > li:nth-child(3n+1) { margin-left: 1%; }
.banner_zone > li:nth-child(2n+1) { margin-left: 0; }
.banner_zone li a { display: block; border-radius: 10px; }
.banner_zone li a:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); }

.related_logo { padding: 16px 30px; overflow: hidden; }
.related_logo li { width: 160px; }
.related_logo li a { line-height: 36px;}
.related_logo .r_logo_prev { top: 12px; width: 30px; height: 46px; background-size: auto 20px; }
.related_logo .r_logo_next { top: 12px; width: 30px; height: 46px; background-size: auto 20px; }

.footer_conts { padding: 60px 20px 70px 20px; }
.footer_conts h2 { top: 20px; left: 0; width: 100%; text-align: center; }
.footer_conts h2 img { height: 28px; }
.footer_conts p { font-size: 13px; }
.footer_conts .related_site { top: auto; bottom: 20px; right: 0; width: 100%; text-align: center; }
.related_site select { height: 32px; font-size: 13px; }
.related_site select option { font-size: 13px; }
.footer_menu { text-align: center; }
.footer_menu a { margin-left: 24px; font-size: 13px; }

.sub_banner { height: 168px; }
.sub_banner_01 { background: url(../images/sub_banner_01_m.jpg) center no-repeat; background-size: cover; }
.sub_banner_02 { background: url(../images/sub_banner_02_m.jpg) center no-repeat; background-size: cover; }
.sub_banner_03 { background: url(../images/sub_banner_03_m.jpg) center no-repeat; background-size: cover; }
.sub_banner_04 { background: url(../images/sub_banner_04_m.jpg) center no-repeat; background-size: cover; }
.sub_banner_05 { background: url(../images/sub_banner_05_m.jpg) center no-repeat; background-size: cover; }
.sub_banner_06 { background: url(../images/sub_banner_06_m.jpg) center no-repeat; background-size: cover; }
.sub_banner_07 { background: url(../images/sub_banner_07_m.jpg) center no-repeat; background-size: cover; }
.sub_banner .txt { padding-top: 30px; padding-left: 10px; }
.sub_banner .txt h3 { font-size: 16px; width: 220px; }
.sub_banner .txt h3 strong { font-size: 20px; }
.sub_banner .txt p { font-size: 13px; }

.sub_conts { padding: 0 10px 40px 10px; }
.sub_conts_hd { margin: 20px 0; }
.sub_conts_hd h3 { font-size: 22px; padding-bottom: 0; }
.sub_conts_hd .location { display: none; }

.sub_top_search { margin-bottom: 10px; flex-direction: column; gap: 10px; }
.sub_top_search select { height: 32px; padding-left: 10px; min-width: 100px; }
.sub_top_search input { height: 32px; min-width: auto; padding-left: 15px; width: calc(100% - 215px); }
.sub_top_search .left button { height: 32px; line-height: 32px; padding: 0 15px; }
.sub_top_search .left button img { margin-top: -2px; margin-right: 5px; height: 16px; }
.btn { height: 40px; line-height: 40px; font-size: 14px; min-width: 120px; } 

.table_board { border-spacing: 0 5px; }
.table_board th { padding: 10px; font-size: 14px; }
.table_board td { padding: 10px; font-size: 13px; }
.table_board td::before { height: 8px; }
.table_board .num { display: none; }
.table_board .tit { text-align: left; padding-left: 10px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.table_board .tit::before { display: none; }
.table_board .tit a { display: block; font-size: 15px; margin-top: 3px; }
.table_board .tit a .info { display: block; margin-top: 3px; }
.table_board .tit a .info img { height: 14px; vertical-align: middle; margin-top: -2px; }
.table_board .tit a .info::after { content: ""; display: block; clear: both; }
.table_board .tit a .info li { float: left; margin-left: 8px; padding-left: 8px; position: relative; font-size: 13px; color: #666; font-weight: 400; }
.table_board .tit a .info li::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 8px; background-color: #CECECE; }
.table_board .tit a .info li:first-child { margin-left: 0; padding-left: 0; }
.table_board .tit a .info li:first-child::before { display: none; }
.table_board .mark { min-width: 40px; height: 20px; line-height: 20px; font-size: 12px; border-radius: 4px; }
.table_board .mark.outline { line-height: 18px; }
.table_board .tit .mark { margin-right: 5px; }
.table_board thead th { display: none; }

.pagination { text-align: center; margin: 20px 0; }
.pagination a { width: 28px; height: 28px; line-height: 28px; font-size: 13px; }
.pagination > a img { height: 8px; }
.pagination a.selected { color: #222; font-size: 15px; }
.pagination ul li a::before { bottom: 0; }
.pagination ul li a:hover::before { width: 12px; }
.pagination ul li a.selected::before { width: 12px; }

.view_header { padding: 12px 0; }
.view_header h4 { font-size: 17px; margin-bottom: 5px; }
.view_header .info li { font-size: 12px; }
.view_header .info li::before { height: 8px; }
.attatch { gap: 10px; padding: 10px 0 10px 60px; flex-direction: column; position: relative; align-items: flex-start; }
.attatch > span { position: absolute; top: 14px; left: 0; font-size: 13px; }
.attatch ul li { margin: 1px 0; }
.attatch ul li a { font-size: 13px; }
.view_conts { padding: 20px 0; font-size: 14px; }
.reply { padding: 45px 10px 15px 20px; font-size: 14px; }
.reply .item { top: 15px; left: 8px; font-size: 13px; }
.reply .item img { margin-right: 6px; }

.btn_box_c { margin: 20px 0; }
.btn_box_r { margin: 20px 0; }

.certi_box { margin: 20px auto; border-radius: 12px; padding: 20px; }
.certi_box p { font-size: 13px; margin-bottom: 10px; }
.table_write th { height: 50px; padding: 8px 0; font-size: 13px; }
.table_write td { height: 50px; padding: 8px 0; font-size: 13px; }
.table_write td input { height: 34px; border-radius: 6px; padding-left: 10px; font-size: 13px; }
.table_write td textarea { border-radius: 6px; padding: 10px; font-size: 13px; }
.table_write td .wd40pc { width: 100%; }
.table_write td label { font-size: 12px; margin-top: 10px; }
.table_write td label input { width: 16px; height: 16px; }
.table_write td .filebox { border-radius: 6px; }
.table_write td .filebox label { font-size: 12px;}
.table_write td .fileDiv2 { min-height: 55px; }
.table_write td .fileUL2 li { width: 90%; }
.table_write td .fileUL2 li div { width: 100%; min-height: 30px; border-radius: 6px; flex-direction: row; align-items: center; }
.table_write td .fileUL2 li div p { font-size: 12px; }
.table_write td .fileUL2 li div a {  font-size: 12px; }

.agree_terms { padding: 12px; font-size: 13px; }
.agree_terms .agree_conts { padding-left: 10px; }
.agree_terms .agree_conts ul { padding: 6px 10px; }
.agree_box { padding: 16px 0; }
.agree_box label { font-size: 13px; }
.agree_box label input { width: 18px; height: 18px; margin-top: 0; }

.faq .question { padding: 15px 10px; align-items: baseline; }
.faq .question .num { display: none; }
.faq .question .mark { width: 36px;  }
.faq .question p { font-size: 14px; }
.faq .question .views { display: none; }
.faq .answer { padding: 15px 10px; }
.faq .answer .mark { width: 36px; }
.faq .answer p { font-size: 13px; }
.faq .tit { display: none; }

.menu_tab { margin: 24px 0; flex-wrap: wrap; }
.menu_tab.func li { flex-basis: 48%; }
.menu_tab li a { height: 40px; font-size: 13px; }

.history_wrap { padding: 20px 0; }
.history_wrap::before { top: 20px; left: 0; width: 1px; height: calc(100% - 40px); }
.history li { margin-bottom: 30px; }
.history li:nth-child(odd) { padding-left: 0; }
.history li:nth-child(odd) h4 { padding-left: 40px; font-size: 20px; margin-bottom: 10px; }
.history li:nth-child(odd) h4::before { width: 30px; }
.history li:nth-child(odd) h4::after { left: 26px; width: 5px; height: 5px; }
.history li:nth-child(odd) p { padding-left: 90px; font-size: 14px; margin: 6px 0; }
.history li:nth-child(odd) p span { left: 40px; }
.history li:nth-child(even) { padding-right: 0; text-align: left; }
.history li:nth-child(even) h4 { padding-right: 0; padding-left: 40px; font-size: 20px; margin-bottom: 10px; }
.history li:nth-child(even) h4::before { top: 50%; right: auto; left: 0; width: 30px; }
.history li:nth-child(even) h4::after { right: auto; left: 26px; width: 5px; height: 5px; }
.history li:nth-child(even) p { padding-right: 0; padding-left: 90px; font-size: 14px; margin: 6px 0; }
.history li:nth-child(even) p span { right: auto; left: 40px; }

.media_list { margin: 10px 0; padding: 10px 0; }
.media_list > li { width: 48.5%; }
.media_list > li:nth-child(3n+1) { margin-left: 3%; }
.media_list > li:nth-child(2n+1) { margin-left: 0; }
.media_list .txt { padding: 10px; }
.media_list .txt h4 { font-size: 13px; line-height: 20px; height: 40px; margin-bottom: 6px; }
.media_list .txt ul li { font-size: 12px; margin-left: 4px; padding-left: 8px; }
.media_list .txt ul li::before { height: 12px; }

.search_result { border-radius: 8px; padding: 10px 20px; font-size: 14x; margin: 10px 0; }
.search_result_box { margin: 30px 0; }
.search_result_box h4 { font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; }
.search_result_box ul li { margin: 6px 0; padding-left: 10px; font-size: 14px; }
.search_result_box ul li a { font-size: 14px; }

.sitemap > div { width: 100%; margin-left: 0; }
.sitemap_box { margin-bottom: 20px; }
.sitemap_box h4 { font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; }
.sitemap_box > ul > li { margin: 8px 0; }
.sitemap_box > ul > li > a { font-size: 14px; }
.sitemap_box ul ul { padding: 12px; margin: 10px 0 20px 0; }
.sitemap_box ul ul li { margin: 4px 0; }
.sitemap_box ul ul li a { font-size: 13px; }

.org_01 { padding: 0 5% 20px 5%; }
.org_01 a { width: 40%; height: 50px; line-height: 1.2; font-size: 13px; display: flex; align-items: center; justify-content: center; padding: 0 10px; }
.org_01 .right::after { width: 25%; }
.org_01 li:first-child a { width: 120px; margin: 0 auto; height: 55px; line-height: 55px; }
.org_02 a { height: 50px; line-height: 1.2; font-size: 13px; display: flex; align-items: center; justify-content: center; padding: 0 10px; }
.org_02 ul ul .indp::before { top: 20px; height: 40px; }
.org_02 ul ul .indp::after { top: 20px; }
.org_02 ul ul .indp a:first-child { margin-top: 60px; }
.org_02 > ul > li a { width: 120px; margin: 0 auto; height: 50px; line-height: 50px; }
.org_02 ul ul li a { margin-bottom: 5px; }
#org_table { max-width: 1000px; margin: 30px auto; }
.org_info h4 { font-size: 20px; margin-bottom: 12px; }
.org_info h5 { font-size: 15px; margin-bottom: 10px; }
.org_info .table_board td { padding: 10px 5px; }

.layer_pop { border-radius: 12px; width: 90%; padding: 20px; }
.layer_pop .pop_hd .close_pop { position: absolute; top: 12px; right: 12px; }
.layer_pop .pop_hd .close_pop img { height: 15px; }
.layer_pop .pop_hd h4 { font-size: 20px; }
.layer_pop .pop_conts p { font-size: 14px; }
.layer_pop .pop_conts input { height: 40px; border-radius: 6px; padding-left: 10px; font-size: 14px; margin: 12px 0; }
.layer_pop .btn_box_c { margin: 20px 0 0 0; }
.layer_school { width: 90%; }

.article { margin: 20px 0 30px 0; }
.article h4 { font-size: 18px; margin-bottom: 10px; }
.article p { font-size: 13px; }
.article .int { font-size: 16px; margin: 15px 0; }
.article .emp { font-size: 14px; }
.article .nrm { margin: 10px 0; }
.article .nrm li { padding-left: 10px; font-size: 13px; }
.article .noti { padding-left: 12px; }
.article .nrm .note { font-size: 12px; }
.article h3 { font-size: 20px; margin-bottom: 10px; }

.table_01 { margin: 12px 0; }
.table_01 th { font-size: 13px; padding: 10px 0; }
.table_01 td { font-size: 13px; padding: 10px; }
.table_01 td select, .table_01 td input[type=text] { height: 32px; padding-left: 10px; font-size: 13px; }
.table_01 td a { font-size: 13px; color: #0B4DA2; }
.table_01 td .btn_print { width: 60px; height: 32px; font-size: 12px; }
.table_01 .ta_left { padding-left: 10px; }

.contact_list li { padding: 10px 50px 10px 10px; }
.contact_list li .loc { width: 55px; height: 24px; line-height: 24px; font-size: 12px; }
.contact_list li .tit { font-size: 14px; }
.contact_list li .num { font-size: 13px; }
.contact_list li a { right: 5px; width: 35px; height: 35px; line-height: 35px; }
.contact_list li a img { height: 15px; }

.greeting p { font-size: 14px; }
/* .greeting_banner { height: 230px; margin-bottom: 35px; background-image: url(../images/greeting_m.jpg); background-position-x: center; } */
.greeting_banner { margin-bottom: 20px; }
.greeting_banner p { top: 20px; transform: translateY(0); left: 0; font-size: 18px; width: 100%; text-align: center; }
.greeting .sign { margin-top: 20px; font-size: 14px; }
.greeting .sign strong { font-size: 16px; }

.goals_card li { width: 49%; height: 205px; }
.goals_card li .icon { height: 99px; line-height: 99px; }
.goals_card li .icon img { height: 66px; }
.goals_card li p { font-size: 13px; }
.goals_card li:nth-child(4n+1) { margin-left: 2%; }
.goals_card li:nth-child(3n+1) { margin-left: 2%; }
.goals_card li:nth-child(2n+1) { margin-left: 0; }

.vision_strg { margin-top: 24px; }
.vision_strg ul { width: 100%; margin-left: 0; }
.vision_strg ul li { height: 55px; margin-bottom: 10px; padding: 0 20px; }
.vision_strg ul li::before { top: -10px; height: 10px; }
.vision_strg ul li .num { left: 5px; width: 45px; height: 45px; line-height: 45px; font-size: 14px; }
.vision_strg ul li .num::after { right: -5px; border-left: 7px solid #0B4DA2; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }
.vision_strg ul li h5 { font-size: 13px; }
.vision_strg ul li h5 strong { font-size: 15px; }
.vision_strg ul li p { font-size: 13px; }

.map .root_daum_roughmap .wrap_map { height: 360px; }
.map .addr { width: 146px; height: 123px; }
.map .addr p { font-size: 13px; }
.traffic li span { font-size: 13px; line-height: 24px; }
.traffic li span i { width: 24px; height: 24px; }
.traffic li .kc { padding: 0 20px; }
.traffic li .air { padding: 0 20px; }
.traffic li p { font-size: 13px; }

.step { width: 100%; }
.step li { border-radius: 12px; min-height: 130px; padding: 10px 10px 10px 20px; margin-bottom: 30px; gap: 10px; }
.step li::after { bottom: -25px; height: 20px;}
.step li .icon { width: 50px; }
.step li .icon img { width: 50px; }
.step li h5 { font-size: 16px; }
.step li h6 { font-size: 15px; }
.step li p { font-size: 13px; padding-left: 8px; }
.step li .num { width: 30px; height: 26px; line-height: 26px; border-radius: 12px 0 12px 0;font-size: 13px; }
.step_wrap { gap: 20px; }
.step_wrap::before { top: -25px; height: 20px; }
.step .mgbt { margin-bottom: 125px; }
.step .mgbt::after { bottom: -115px; }
.step_wrap .step li { flex-direction: column; padding: 20px 10px 10px 10px; }
.step_wrap .step li h5 { text-align: center; }
.step_wrap .step li h6 { text-align: center; }
.step_wrap .step li .icon { margin-bottom: 10px; margin-right: 0; }

.text_box { border-radius: 12px; padding: 20px; margin: 10px 0; }
.text_box ul li { font-size: 13px; }
.text_box ul ul { padding-left: 10px; }

.flow { width: 200px; margin: 0 auto; }
.flow li { margin-bottom: 30px; }
.flow li::after { bottom: -25px; height: 20px; }
.flow li h5 { border-radius: 12px; min-height: 60px; padding: 10px ; font-size: 16px; }
.flow li p { font-size: 13px; margin-top: 6px; }
.flow li dl { font-size: 13px; margin-top: 6px; }
.flow li dl dt { padding-left: 12px; }
.flow li dl dd { padding-left: 12px; }
.flow_wrap { gap: 20px; }
.flow_wrap::before { top: -25px; height: 20px; }

.terms h4 { font-size: 18px; margin-bottom: 12px; }
.terms > p { font-size: 13px; }
.terms ul { padding-left: 8px; margin: 5px 0; font-size: 13px; }
.terms .clause { margin: 10px 0; }
.terms .clause h5 { font-size: 14px; }
.terms .clause p { font-size: 13px; }

.board_nav { margin: 20px 0; }
.board_nav li { padding: 10px 0 10px 70px; font-size: 13px; }
.board_nav li .item { font-size: 13px; }
.board_nav li .item img { margin-right: 5px; height: 8px; }
.board_nav li .date { display: none; }

.location > li:nth-child(2) { width: calc(50% - 42px); }
.location > li:nth-child(3) { width: 50%; }
.location .loc_show { line-height: 42px; padding-left: 10px; font-size: 13px; width: 100%; background-size: auto 6px; }
.location .loc_home { width: 42px; }
.location .loc_home a { line-height: 42px; width: 42px; }
.location .loc_list li a { padding-left: 10px; line-height: 36px; font-size: 13px; }

.org { max-width: 470px; }
.org_div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.org_div > a { position: absolute; top: 0; left: 0; font-size: 0; }
.org_div .org01 { top: 0; left: 0; width: 43%; height: 3.95%; }
.org_div .org12 { top: 3%; left: 50%; width: 51%; height: 2.65%; }
.org_div .org02 { top: 18.5%; left: 27.2%; width: 71%; height: 3.55%; }
.org_div .org03 { top: 21.9%; left: 27.2%; width: 71%; height: 3.5%; }
.org_div .org04 { top: 26.68%; left: 27.2%; width: 71%; height: 3.55%; }
.org_div .org05 { top: 30.25%; left: 27.2%; width: 71%; height: 3.55%; }
.org_div > ul { position: absolute; top: 35.2%; left: 27.10%; width: 71%;}
.org_div > ul > li { float: none; width: 100%; margin-left: 0%; padding-bottom: 6.15%; }
.org_div > ul > li a { display: block; font-size: 0; width: 100%; height: 0; padding-bottom: 15.95%; margin-bottom: 2.7%; border: 1px solid transparent; }

.test a { border: 1px solid red; } 
.img_box { margin: 30px 0; }
.img_box .caption { font-size: 12px; }
.dev_std { margin: 30px 0; }
.dev_std h5 { font-size: 15px; margin-bottom: 15px; }
.dev_std ul { gap: 10px; }
.dev_std ul li img { width: 76px; }
.dev_ex { gap: 10px; margin: 30px 0; flex-wrap: wrap; }
.dev_ex li { flex: 1; }
.dev_ex li:first-child { min-width: 55%;}
.dev_ex li:nth-child(2) { min-width: 35%;}
.dev_ex li:last-child { margin-top: 10px; }
.dev_ex li p { font-size: 14px; height: auto; margin-top: 10px; }

.fact_atc { margin-top: 60px; gap: 12px; flex-direction: column; }
.fact_atc > span { margin-bottom: 20px; }
.fact_atc > span img { height: 30px; transform: rotate(90deg); }
.fact_atc1 { border-radius: 10px; padding: 40px 16px 20px 16px; width: 100%; }
.fact_atc1 h5 { line-height: 42px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; font-size: 15px; top: -20px; width: calc(100% - 32px); }
.fact_atc1 ul li { padding: 10px 8px 10px 40px; font-size: 13px; }
.fact_atc1 ul li span { width: 26px; height: 26px; line-height: 26px; font-size: 13px; }
.fact_atc2 { border-radius: 10px; padding: 40px 16px 20px 16px; width: 100%; }
.fact_atc2 h5 { line-height: 42px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; font-size: 15px; top: -20px; width: calc(100% - 32px); }
.fact_atc2 ul li span { padding: 10px 8px; font-size: 14px; } 
.fact_atc2 > ul > li { margin-top: 20px; }
.fact_atc2 > ul ul { padding: 0 20px; }
.fact_atc2 > ul ul li { padding: 10px 8px; font-size: 14px; margin-top: 12px; }

.scheme .scheme_box { width: 45%; border-radius: 20px; padding: 20px; margin-top: 30px; }
.scheme .scheme_box h5 { line-height: 40px; font-size: 15px; margin-top: -40px; margin-bottom: 20px; }
.scheme .scheme_box h6 { font-size: 13px; }
.scheme .scheme_box p { font-size: 12px; }
.scheme .sep { width: 5%; height: 170px; line-height: 170px; margin-top: 30px; }
.scheme .sep img { height: 16px; }
.scheme .scheme_box .conts { height: 80px; margin-bottom: 16px; }

.misc_01 li ul li { padding-left: 18px; }
.misc_01 li ul li::before { left: 7px; }
.misc_01 li .nt_1 { padding-left: 18px; }
.misc_01 li .nt_1::before { left: 7px; }

.for_pc { display: none; }
.for_m {display: block; }
}

/* @media (max-width: 420px){
.org_div > ul > li { padding-bottom: 5.55%; }
}

@media (max-width: 320px){
.org_div > ul > li { padding-bottom: 5.25%; }
} */