@charset "utf-8";

/* 폰트 불러오기 Paperlogy

https://freesentation.blog/paperlogyfont

*/

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

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

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

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

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

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

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

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

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

/* 폰트 불러오기 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');
}

@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');
}

@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');
}

@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');
}

@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');
}

@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');
}

@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');
}

@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');
}

@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');
}

/* 초기화 */
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, 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; padding:0; }
img { -ms-interpolation-mode: bicubic; vertical-align: top; max-width: 100%;}
select { color:#555; vertical-align:middle; padding: 5px; }
input { color:#555; vertical-align:middle; }
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -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; }
input, textarea { font-family: Pretendard; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: keep-all; }
a, button { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
html, body { height: 100%; }
.body_wrap { font-size: 16px; line-height: 1.5; font-family: Pretendard, HelveticaNeue-Light, AppleSDGothicNeo-Light, Arial, sans-serif; color:#222; min-height: 100%; height: auto !important; position: relative; padding-bottom: 353px; letter-spacing: -0.3px; }
::placeholder { opacity: 0.5; }
:focus::placeholder { color: transparent; }

.top { position: fixed; top: 0; left: 0; width: 100%; transition: all 0.3s ease-in-out; z-index: 33; }
.top:hover { background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); }
.top.scrolled { background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); }
.top_conts { max-width: 1920px; margin: 0 auto; height: 80px; display: flex; justify-content: space-between; align-items: center; z-index: 33; position: relative; padding: 0 40px; }

.t_menu { display: flex; flex: 1; justify-content: flex-end; align-items: center; gap: 10px; }
.t_menu .nav { display: flex; }
.t_menu .nav > li { position: relative; padding-left: 110px; }
.t_menu .nav > li > a { display: block; font-size: 22px; font-weight: bold; color: #111; line-height: 80px; position: relative; }
.t_menu .nav > li > a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 5px; background-color: #3B3C82; transition: all 0.3s ease-in-out; }
.t_menu .nav > li > a:hover { color: #3B3C82; }
.t_menu .nav > li > a:hover::after { width: 100%; }
.t_menu .nav > li > a.selected { color: #3B3C82; }
.t_menu .nav > li > a.selected::after { width: 100%; }
.t_menu .nav_sub { display: none; position: absolute; top: 80px; left: 110px; width: 100%; padding: 20px 0; height: 200px; }
.t_menu .nav_sub li a { display: inline-block; font-size: 17px; font-weight: 500; color: #111; line-height: 40px; position: relative; }
.t_menu .nav_sub li a::after { content: ""; position: absolute; bottom: 5px; left: 0; width: 0; height: 2px; background-color: #3B3C82; transition: all 0.3s ease-in-out; }
.t_menu .nav_sub li a:hover { color: #3B3C82; }
.t_menu .nav_sub li a:hover::after { width: 100%; }
.t_menu .nav_sub li a.selected { color: #3B3C82; }
.t_menu .nav_sub li a.selected::after { width: 100%; }
.t_menu > a { flex-shrink: 0; }
.t_menu > a img { height: 25px; }

.search_box { width: 210px; height: 40px; border-radius: 999px; background-color: #fff; position: relative; padding-right: 40px; margin-left: 40px; }
.search_box input { width: 100%; border: none; background: none; height: 40px; padding-left: 20px; font-size: 16px; font-weight: 500; color: #111; }
.search_box button { position: absolute; top: 0; right: 0; width: 40px; height: 40px; }

.global { position: relative; padding-left: 10px; }
.global button, .global a { width: 70px; color: #121212; }
.global button span, .global a span { display: inline-block; line-height: 27px; padding-left: 5px; font-size: 14px; font-weight: 500; }
.global .g_menu { display: none; position: absolute; width: 100px; top: 100%; right: -20px; padding: 10px; background-color: rgba(0, 0, 0, 0.6); border-radius: 15px; }
.global .g_menu li { margin: 10px 0; text-align: center; }
.global .g_menu li a { font-size: 16px; font-weight: 500; color: #fff; opacity: 0.7; }
.global .g_menu li a:hover { opacity: 1; }
.global:hover .g_menu { display: block; }

.bg_nav_wrap { display: none; position: fixed; top: 80px; left: 0; width: 100%; height: 260px; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); z-index: 22; }

.main_section_01 { height: 970px; position: relative; z-index: 1; }

.main_slide_wrap ul li { height: 970px; }
.main_slide_conts { max-width: 1920px; margin: 0 auto; padding-top: 250px; padding-left: 200px; }
.main_slide_conts .txt { opacity: 0; position: relative; top: 50px; transition: all 1s ease; }
.swiper-slide-active .main_slide_conts .txt { opacity: 1; top: 0; }
.main_slide_conts p { font-family: Paperlogy; font-size: 70px; font-weight: bold; color: #0E1655; margin-bottom: 20px; line-height: 1.2; }
.main_slide_conts span { font-family: Paperlogy; font-size: 30px; color: #0E1655; }
.main_slide_01 { background: url(../images/main_slide_01.jpg) center no-repeat; background-size: cover; }
.main_slide_02 { background: url(../images/main_slide_02.jpg) center no-repeat; background-size: cover; }
.main_slide_03 { background: url(../images/main_slide_03.jpg) center no-repeat; background-size: cover; }
.main_slide_04 { background: url(../images/main_slide_04.jpg) center no-repeat; background-size: cover; }

.main_section_01 .section_conts { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; z-index: 11; padding: 0 200px; }
.main_section_01 .section_conts .main_slide_tools { position: absolute; bottom: 320px; display: flex; align-items: center; }
.main_slide_tools button { width: 20px; height: 20px; }
.main_slide_tools .main_pagination { text-align: center; }
.main_slide_tools .main_pagination span { width: 12px; height: 12px; background-color: #0e1655; opacity: 0.3; }
.main_slide_tools .main_pagination .swiper-pagination-bullet-active { opacity: 1; }
.main_slide_tools .slide_play { display: none; margin-right: 10px; }
.main_slide_tools .slide_pause { margin-right: 10px; }

.main_noti_box { position: absolute; bottom: 90px; width: 620px; height: 180px; background-color: rgba(0, 0, 0, 0.4); border-radius: 20px; backdrop-filter: blur(10px); overflow: hidden; } 
.main_noti_box .noti_box_tools { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); z-index: 11; }
.main_noti_box .noti_box_tools button { margin: 0 2px;}
.main_noti_box ul li { height: 180px; position: relative; padding: 40px 130px 30px 40px; }
.main_noti_box ul li h4 { font-size: 25px; font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.main_noti_box ul li p { font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: 48px; }
.main_noti_box ul li a { opacity: 0; position: absolute; bottom: 25px; right: 28px; font-size: 18px; color: #fff; transition: all 1s cubic-bezier(0.025, 0.950, 0.990, 0.125); }
.main_noti_box ul li.swiper-slide-active a { opacity: 1; }

.sub_banner { position: relative; height: 532px; background: url(../images/sub_banner_01.jpg) center no-repeat; background-size: cover; text-align: center; }
.sub_banner h2 { font-family: Paperlogy; font-size: 70px; font-weight: 900; color: #0E1655; padding-top: 194px; }
.sub_banner > p { font-family: Paperlogy; font-size: 24px; color: #0E1655; padding-top: 20px; }
.sub_banner .sub_menu { position: absolute; bottom: 0; left: 0; width: 100%; height: 65px; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(10px); }
.sub_banner .sub_menu .nav > li { display: none; }
.sub_banner .sub_menu .nav.shw > li { display: block; }
.sub_banner_02 { background-image: url(../images/sub_banner_02.jpg); }
.sub_banner_03 { background-image: url(../images/sub_banner_03.jpg); }
.sub_banner_04 { background-image: url(../images/sub_banner_04.jpg); }
.sub_banner_05 { background-image: url(../images/sub_banner_05.jpg); }
.sub_banner_06 { background-image: url(../images/sub_banner_06.jpg); }
.sub_banner_01 .sub_menu .nav >li:first-child { display: block; }
.sub_banner_02 .sub_menu .nav >li:nth-child(2) { display: block; }
.sub_banner_03 .sub_menu .nav >li:nth-child(3) { display: block; }
.sub_banner_04 .sub_menu .nav >li:nth-child(4) { display: block; }


.sub_banner .sub_menu .nav > li > a { display: none; }
.sub_banner .sub_menu .nav > li .nav_sub { display: flex; justify-content: center; align-items: center; height: 65px; }
.sub_banner .sub_menu .nav > li .nav_sub li { margin: 0 20px; }
.sub_banner .sub_menu .nav > li .nav_sub li a { display: inline-block; font-family: Paperlogy; font-size: 24px; font-weight: 300; color: #fff; opacity: 0.7; }
.sub_banner .sub_menu .nav > li .nav_sub li a:hover { opacity: 1; }
.sub_banner .sub_menu .nav > li .nav_sub li a.selected { opacity: 1; font-weight: 600; }


.footer { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #2a2a2a; }
.footer_conts1 { background-color: #fff; border-top: 1px solid #e0e0e0; }
.footer_conts2 { max-width: 1920px; margin: 0 auto; padding: 75px 60px 75px 60px; position: relative; }
.footer_btn { position: absolute; top: 60px; right: 60px; }
.footer_btn button { vertical-align: top; margin-left: 10px; }
.footer_menu { margin: 20px 0; display: flex; }
.footer_menu a { font-size: 16px; font-weight: 500; color: #fff; margin-right: 20px; opacity: 0.85; }
.footer_menu a:hover { opacity: 1; }
.footer_conts2 .copy { font-size: 15px; font-weight: 300; color: #fff; opacity: 0.5; margin-top: 20px; }
.footer_conts2 select { position: absolute; top: 140px; right: 60px; width: 220px; height: 50px; padding-left: 20px; border-radius: 10px; background-color: #151515; border: none; color: #fff; font-size: 14px; }

.rlt_slide_wrap { max-width: 1920px; margin: 0 auto; overflow: hidden; background-color: #fff; position: relative; padding: 15px 80px; }
.rlt_slide { overflow: hidden; }
.rlt_slide li { width: auto; }
.rlt_slide li a { display: block; height: 40px; line-height: 40px; text-align: center; }
.rlt_slide li a img { max-height: 40px; }

.sub_conts { max-width: 1600px; margin: 0 auto; padding: 100px 0 200px 0; position: relative; }
.sub_conts > h3 { font-family: Paperlogy; font-size: 50px; font-weight: bold; color: #111; margin-bottom: 80px; text-align: center; }

.greeting { max-width: 1300px; margin: 0 auto; }
.greeting .hd { position: relative; }
.greeting .hd .portrait { position: absolute; top: 0; left: 0; width: 310px; }
.greeting .hd p { font-family: paperlogy; font-size: 25px; font-weight: 600; color: #111; }
.greeting .txt { margin-top: 50px; }
.greeting .txt p { font-size: 21px; font-weight: 500; color: #666; }
.greeting .txt .sign { font-family: Paperlogy; text-align: right; margin-top: 30px; font-size: 20px; color: #111; }
.greeting .txt .sign strong { font-size: 25px; font-weight: 600; }

.history { display: flex; justify-content: center; align-items: flex-start; }
.history .banner { background-color: #00914A; border-radius: 12px; padding: 50px 0; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.history .banner .slogan { font-family: Paperlogy; font-size: 35px; font-weight: 500; color: #fff; }
.history .banner p { font-size: 16px; color: #fff; }
.history .banner p b { font-size: 25px; font-weight: bold; }
.history .estab { padding: 0 80px; }
.history .estab img { margin-bottom: 30px; }
.history .estab p { font-size: 20px; color: #373D82; }
.history .estab p span { font-size: 30px; font-weight: bold; }
.hst_wrap { border-left: 1px solid #dfdfdf; padding: 0 80px; }
.hst_wrap .history_box { margin-bottom: 40px; }
.hst_wrap .history_box h5 { font-family: Paperlogy; font-weight: 700; font-size: 30px; color: #111; margin-bottom: 10px; }
.hst_wrap .history_box > p { font-weight: 500; font-size: 18px; color: #111; }
.hst_wrap .history_box ul { padding-top: 10px; }
.hst_wrap .history_box ul li { margin-bottom: 10px; font-size: 18px; color: #666; position: relative; padding-left: 120px; }
.hst_wrap .history_box ul li span { font-family: Paperlogy; position: absolute; top: 0; left: 0; width: 110px; font-size: 18px; font-weight: 600; color: #111; }

.menu_tab { display: flex; border: 1px solid #E4E4E4; background-color: #f9f9f9; margin: 30px 0; }
.menu_tab li { flex: 1; }
.menu_tab li a { display: flex; justify-content: center; align-items: center; text-align: center; height: 60px; font-size: 18px; font-weight: 600; color: #666; }
.menu_tab li a:hover { background-color: #ececec;}
.menu_tab li a.selected { background-color: #3B3C82; color: #fff; }
.panel > li { padding-top: 50px; }
#org_01 .lgl { font-family: Paperlogy; font-size: 24px; font-weight: 500; color: #3B3C82; text-align: center; margin-bottom: 50px; }
#org_01 ul { position: relative; }
#org_01 ul::after { content: ""; display: block; clear: both ;}
#org_01 ul li { float: left; width: 24.25%; border: 1px solid #d3d3d3; border-radius: 10px; padding: 60px 60px 10px 10px; margin-left: 1%; margin-bottom: 1%; height: 260px; position: relative; font-size: 18px; font-weight: 600; color: #111; } 
#org_01 ul li:nth-child(4n+1) { margin-left: 0; }
#org_01 ul li span { position: absolute; top: 10px; left: 10px; width: 36px; height: 36px; border-radius: 50%; line-height: 36px; text-align: center; background-color: #373D82; color: #fff; font-size: 16px; }
#org_01 ul li:nth-child(1) { background: url(../images/icon_or_01.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(2) { background: url(../images/icon_or_02.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(3) { background: url(../images/icon_or_03.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(4) { background: url(../images/icon_or_04.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(5) { background: url(../images/icon_or_05.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(6) { background: url(../images/icon_or_06.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(7) { background: url(../images/icon_or_07.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(8) { background: url(../images/icon_or_08.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(9) { background: url(../images/icon_or_09.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(10) { background: url(../images/icon_or_02.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(11) { background: url(../images/icon_or_05.png) right 15px bottom 15px no-repeat; }
#org_01 ul li:nth-child(12) { background: url(../images/icon_or_09.png) right 15px bottom 15px no-repeat; }
#org_02 .org_chart { text-align: center; }

.table_01 { width: 100%; border-top: 2px solid #373D82; }
.table_01 th { height: 60px; text-align: center; font-size: 18px; font-weight: bold; color: #111; border-bottom: 1px solid #D4DBE2; background-color: #F1F8FF; }
.table_01 td { height: 60px; text-align: center; font-size: 18px; color: #111; border-bottom: 1px solid #D4DBE2; }
.table_01 td.tit { text-align: left; padding-left: 100px; }
.table_01 td.tit > a { color: #111; font-weight: bold; }
.table_01 td.tit > a:hover { text-decoration: underline; }
.table_01 td.tit a .rlt_logo { display: none; }
.table_01 td.logo { text-align: left; }
.table_01 td.logo img { max-height: 40px; }
.table_01 td.logo + td.tit { padding-left: 20px; }

.table_01 .ordinal { font-weight: bold; }
.table_01 td .info { display: none; }
.table_01 td a { color: #111; }
.table_01 td.addr, .table_01 td.tel, .table_01 td.fax { text-align: left; }
.table_01 td.addr { padding-left: 50px; }
.table_01 td.tel { width: 150px; }
.table_01 td.fax { width: 150px; }

.past_president td:nth-child(1) { width: 20%; }
.past_president td:nth-child(2) { width: 20%; }
.past_president td:nth-child(3) { width: 30%; }
.past_president td:nth-child(4) { width: 30%; }

.board_hd { margin: 20px 0; display: flex; justify-content: space-between; }
.board_hd .brd_sort { display: flex; align-items: center; }
.board_hd .brd_sort button { background-color: #E7EAEE; font-size: 16px; font-weight: 600; color: #8d96a0; height: 36px; min-width: 36px; padding: 0 10px; }
.board_hd .brd_sort button:hover { background-color: #dadee2; }
.board_hd .brd_sort button.selected { background-color: #111; color: #fff; }
.board_hd .brd_search { height: 40px; border: 1px solid #3B3C82; border-radius: 999px; position: relative; padding-right: 40px; }
.board_hd .brd_search input { width: 240px; border: none; background: none; height: 38px; padding-left: 20px; font-size: 16px; font-weight: 600; color: #3B3C82; }
.board_hd .brd_search button { position: absolute; top: 0; right: 0; width: 40px; height: 40px; }
.board_hd select { border: 1px solid #3B3C82; height: 40px; border-radius: 999px; padding-left: 20px; font-size: 16px; font-weight: 600; color: #3B3C82; width: 260px; }
.board_hd .brd_search_wrap:only-child { margin-left: auto; }
.board_hd .brd_search_wrap { display: flex; }
.board_hd .brd_search_wrap select { width: 160px; margin-right: 10px; }

.pagination { text-align: center; margin: 25px 0; }
.pagination a { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #fff; color: #454545; }
.pagination a img { vertical-align: middle; margin-top: -3px; }
.pagination a:hover { background-color: #c9e6ff; }
.pagination a.selected { background-color: #3B3C82; color: #fff; }
.pagination ul { display: inline-block; margin: 0 10px; }
.pagination ul li { display: inline-block; }
.pagination ul li a { border: none }

.mem_banner { background-color: #F1F8FF; padding: 30px; display: flex; gap: 100px; align-items: center; border: 1px solid #E3EFFB; }
.mem_banner .mem_logo { background-color: #fff; width: 430px; height: 230px; display: flex; justify-content: center; align-items: center; }
.mem_banner .mem_logo img { max-width: 80%; max-height: 95px; }
.mem_banner .brief .tit { font-family: Paperlogy; font-size: 40px; font-weight: 600; color: #111; margin-bottom: 20px; }
.mem_banner .brief .info li { font-size: 18px; margin: 5px 0; color: #666; }
.article_mem { margin: 50px 0; display: flex; }
.article_mem h4 { font-family: Paperlogy; font-size: 40px; font-weight: bold; color: #3B3C82; width: 320px; }
.article_mem .conts { flex: 1; }
.article_mem .map_box { width: 100%; height: 520px; position: relative; }
.article_mem .map_box #map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.map_box .root_daum_roughmap { width: 100%; }
.map_box .root_daum_roughmap .wrap_map { height: 540px; }
.map_box1 #map { width: 100%; height: 540px; position: relative; }

.directions { margin-top: 50px; }
.directions h4 { font-family: Paperlogy; font-size: 40px; font-weight: 600; color: #3B3C82; margin-bottom: 20px; }
.directions ul { margin: 20px 0; padding: 0 50px; }
.directions ul li { display: flex; align-items: center; gap: 30px; margin: 50px 0; }
.directions ul li p { flex: 1; font-size: 18px; color: #666; }
.directions ul li p strong { display: block; font-size: 25px; font-weight: bold; color: #111; margin-bottom: 10px; }

.price { display: flex; justify-content: space-between; }
.price li { width: 24%; border: 1px solid #D7D7D7; border-top-left-radius: 30px; border-bottom-right-radius: 30px; padding: 50px 20px; text-align: center; display: flex; flex-direction: column; }
.price li .prc_logo { margin-bottom: 30px; }
.price li p { font-family: Paperlogy; font-size: 25px; font-weight: 600; color: #111; margin-bottom: 10px; letter-spacing: -0.5px; }
.price li span { font-family: Paperlogy; font-size: 16px; font-weight: 500; color: #666; }
.price li a { display: inline-block; background-color: #3B3C82; line-height: 40px; padding: 0 25px; color: #fff; font-size: 15px; font-weight: 500; border-radius: 999px; margin: 10px 0; opacity: 0.85; }
.price li a:hover { opacity: 1; }
.price li a img { vertical-align: middle; margin-top: -3px; margin-right: 10px; }

.site_banner { background-color: #EDF3FA; border-radius: 20px; padding: 40px 0; display: flex; justify-content: center; align-items: center; gap: 40px; margin-bottom: 50px; }
.site_banner p { font-size: 20px; font-weight: 500; color: #111; line-height: 1.8; }
.site_banner p a { color: #373D82; }

.view_hd { text-align: center; padding: 0 100px; margin-bottom: 40px; }
.view_hd h3 { font-size: 24px; font-weight: bold; color: #111; margin-bottom: 10px; }
.view_hd .info { display: flex; justify-content: center; gap: 25px; }
.view_hd .info li { font-size: 18px; color: #666; line-height: 24px; }
.view_hd .info li img { margin-right: 10px; }
.view .attach { padding: 20px 0; display: flex; justify-content: space-between; border-top: 1px solid #ececec; }
.view .attach li a { display: inline-block; font-size: 18px; color: #236cd8; padding-right: 20px; background: url(../images/clip_02.png) right center no-repeat; }
.view .attach li a:hover { text-decoration: underline; }
.view .attach button { height: 40px; padding: 0 20px; border-radius: 6px; background-color: #666; color: #fff; font-size: 16px; }
.view .attach button:hover { background-color: #333; }
.view_conts { border-top: 1px solid #373D82; border-bottom: 1px solid #373D82; padding: 50px 0; font-size: 18px; }

.btn_box_r { text-align: right; margin: 30px 0; }
.btn_box_c { text-align: center; margin: 30px 0; }
.btn { display: inline-block; height: 50px; line-height: 50px; background-color: #3b3c82; border-radius: 999px; text-align: center; font-size: 16px; color: #fff; min-width: 180px; padding: 0 30px; opacity: 0.85; }
.btn:hover { opacity: 1; }
.btn.outline { background-color: #fff; color: #3b3c82; border: 1px solid #3b3c82; }

.login_wrap { width: 600px; margin: 0 auto; }
.login_wrap h4 { font-family: Paperlogy; font-size: 30px; font-weight: 500; color: #111; margin-bottom: 10px; text-align: center; }
.login_wrap > p { font-size: 18px; color: #666; text-align: center; }
.login_box { margin-top: 30px; position: relative; padding-right: 160px; }
.login_box .input_wrap { position: relative; }
.login_box .input_wrap + .input_wrap { margin-top: 10px; }
.login_box .input_wrap span { position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center; width: 80px; }
.login_box .input_wrap span::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #ededed; }
.login_box .input_wrap input { width: 100%; height: 60px; border: 1px solid #CBCBCB; border-radius: 999px; padding-left: 100px; font-size: 18px; font-weight: 500; color: #111; }
.login_box > a { position: absolute; top: 0; right: 0; width: 150px; height: 100%; background-color: #3B3C82; border-radius: 20px; font-size: 18px; font-weight: bold; color: #fff; opacity: 0.85; text-align: center; display: flex; justify-content: center; align-items: center; }
.login_box > a:hover { opacity: 1; }
.login_wrap .auto_login { margin: 20px 0; }
.login_wrap .auto_login label { cursor: pointer; font-size: 18px; font-weight: 500; color: #666; }
.login_wrap .auto_login label input { width: 20px; height: 20px; margin-right: 5px; }
.login_noti { padding-top: 20px; border-top: 1px solid #cbcbcb; }
.login_noti p { font-size: 16px; color: #999; }
.login_tools { display: flex; justify-content: center; gap: 50px; margin-top: 20px; }
.login_tools a { font-size: 18px; font-weight: 500; color: #111; border-bottom: 1px solid #111; }
.login_wrap .stt { font-size: 20px; font-weight: 500; color: #111; }

.agree_wrap { margin-bottom: 50px; }
.agree_wrap h4 { font-family: Paperlogy; font-size: 22px; font-weight: bold; color: #111; margin-bottom: 10px; }
.agree_wrap > p { font-size: 18px; color: #333; margin-bottom: 20px; }
.agree_box { background-color: #EBF3FB; border: 1px solid #D0D0D0; border-radius: 20px; }
.agree_box .conts { height: 240px; overflow-y: auto; background-color: #fff; border-radius: 20px; border-bottom: 1px solid #d0d0d0; padding: 20px 40px; position: relative; z-index: 1; }
.agree_box .chk { padding: 20px 40px; }
.agree_box .chk label { font-size: 18px; font-weight: 500; color: #111; cursor: pointer; }
.agree_box .chk label input { width: 20px; height: 20px; margin-right: 5px; }

.terms h3 { font-family: Paperlogy; font-size: 20px; font-weight: bold; color: #111; }
.terms p { font-size: 18px; color: #333; }
.clause { margin: 10px 0; }
.clause h4 { font-family: Paperlogy; font-size: 18px; font-weight: bold; color: #111; }
.clause p { font-size: 18px; color: #333; }
.clause ul, .clause ol { font-size: 18px; color: #333; margin: 10px 0; padding-left: 10px; }
.terms table { width: auto; text-align: center; }
.terms table th { height: 46px; font-size: 18px; font-weight: bold; color: #111; background-color: #EBF3FB; border: 1px solid #ededed; padding: 5px; }
.terms table td { height: 46px; font-size: 18px; color: #666; border: 1px solid #ededed; padding: 5px; }

.join_wrap { width: 600px; margin: 0 auto; }
.join_wrap h4 { font-family: Paperlogy; font-size: 22px; font-weight: 700; color: #111; margin-bottom: 10px; margin-bottom: 20px; }
.join_input { display: flex; align-items: center; gap: 5px; margin: 10px 0; min-height: 45px; position: relative; }
.join_input .item { font-family: Paperlogy; font-size: 18px; color: #111; width: 130px; }
.join_input input { flex: 1; width: 0; height: 45px; border: 1px solid #dcdcdc; border-radius: 10px; padding-left: 20px; font-size: 18px; font-weight: 500; color: #111; }
.join_input button { width: 92px; height: 45px; font-size: 15px; font-weight: 500; color: #fff; background-color: #666; border-radius: 10px; }
.join_input button:hover { background-color: #333; }
.join_input + .noti { font-size: 16px; color: #666; padding-left: 140px; margin-top: -5px; }
.join_input select { width: 150px; height: 45px; border-radius: 10px; border: 1px solid #dcdcdc; font-size: 16px; }
.email_chk { padding-left: 130px; margin-bottom: 60px; }
.email_chk label { font-size: 16px; color: #111; }
.email_chk label input { width: 20px; height: 20px; margin-right: 5px; }
.email_chk label:first-child { margin-right: 40px;}

.sitemap .nav { display: flex; gap: 50px; margin-bottom: 100px; font-family: Paperlogy; }
.sitemap .nav > li { flex: 1; }
.sitemap .nav > li > a { display: block; font-size: 30px; font-weight: bold; color: #3B3C82; padding-bottom: 15px; border-bottom: 1px solid #3b3c82; }
.sitemap .nav_sub { padding-top: 20px;}
.sitemap .nav_sub li { margin: 10px 0; }
.sitemap .nav_sub li a { display: inline-block; font-size: 20px; color: #111; padding-left: 20px; position: relative; }
.sitemap .nav_sub li a::before { content: "・"; position: absolute; top: 0; left: 0; }
.sitemap .nav_sub li a:hover { text-decoration: underline; }

.sitemap .nav2 { width: calc(50% - 50px); }
.sitemap .nav2 > li > a { color: #00914A; }

.main_section_02 { height: 970px; background: url(../images/section_02.jpg) center no-repeat; background-size: cover; }
.main_section_02 .section_conts { max-width: 1920px; margin: 0 auto; padding-left: 200px; }
.main_section_02 .section_conts h3 { font-family: Paperlogy; font-size: 70px; font-weight: 800; color: #fff; padding-top: 150px; }
.main_tab { display: flex; gap: 20px; margin: 20px 0; }
.main_tab li a { font-family: Paperlogy; font-size: 30px; color: #fff; opacity: 0.6; position: relative; padding-top: 10px; padding-right: 10px; }
.main_tab li a::after { display: none; content: ""; position: absolute; top: 0; right: 0; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; }
.main_tab li a:hover { opacity: 1; }
.main_tab li a.selected { opacity: 1;  }
.main_tab li a.selected::after { display: block; }

.noti_slide { overflow: hidden; padding-right: 100px; }
.noti_slide li { width: auto; }
.noti_slide li a { display: block; width: 312px; height: 405px; border-radius: 20px; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(10px); padding: 30px; position: relative; }
.noti_slide li a .date { text-align: right; font-size: 40px; font-weight: bold; color: #fff; line-height: 1.1; margin-bottom: 30px;}
.noti_slide li a .date span { display: block; font-size: 18px; color: #fff; }
.noti_slide li a .cat { display: inline-block; padding: 0 20px; line-height: 26px; font-size: 15px; color: #fff; border-radius: 999px; background-color: #236CD8; margin-bottom: 10px; }
.noti_slide li a .cat_01 { background-color: #236CD8; }
.noti_slide li a .cat_02 { background-color: #18BE4A; }
.noti_slide li a .cat_03 { background-color: #8C18BE; }
.noti_slide li a .cat_04 { background-color: #f89e36; }
.noti_slide li a .conts { font-size: 25px; font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 36px; height: 144px; }
.noti_slide li a .icon { position: absolute; bottom: 30px; left: 30px; transition: all 0.3s ease-in-out; }
.noti_slide li a:hover { background-color: #1F73E9E5;}
.noti_slide li a:hover .cat { background-color: #fff; color: #185DBE; }
.noti_slide li a:hover .icon { left: 210px; }
.noti_slide .noti_slide_pagination { width: calc(100% - 100px); height: 1px; background-color: rgba(255, 255, 255, 0.5); z-index: 11; position: relative; margin-top: 30px; }
.noti_slide .noti_slide_pagination span { background-color: #fff; }
.noti_navi { margin-top: 20px; }
.noti_navi button { margin-right: 10px;}

.main_panel li { position: relative; }
.main_panel li .more { position: absolute; top: -56px; right: 200px; font-size: 18px; color: #fff; line-height: 27px; opacity: 0.85; }
.main_panel li .more:hover { opacity: 1; }
.main_panel li .more img { margin-right: 10px; }

.main_section_03 { position: relative; height: 970px; }

.sec3_emb { position: absolute; width: 100%; height: 100%; overflow: hidden;}
.sec3_emb .sec3_01 { position: absolute; top: -10px; left: 50%; margin-left: -960px; }
.sec3_emb .sec3_02 { position: absolute; top: -50px; left: 50%; margin-left: 660px; }
.sec3_emb .sec3_03 { position: absolute; bottom: -80px; left: 50%; margin-left: -860px; }
.sec3_emb .sec3_04 { position: absolute; bottom: -130px; left: 50%; margin-left: 520px; }

.main_section_03 .section_conts { position: relative; z-index: 11; }
.main_section_03 h3 { font-family: Paperlogy; font-size: 50px; font-weight: 800; color: #111; margin-bottom: 60px; text-align: center; padding-top: 180px; }
.quick_menu_wrap { max-width: 1600px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.quick_slide { width: 630px; height: 412px; overflow: hidden; }
.quick_slide li a { display: block; height: 196px; border-radius: 20px; padding: 50px 70px; }
.quick_slide li a p { font-family: Paperlogy; font-size: 35px; font-weight: 800; margin-bottom: 10px; }
.quick_slide li a span { display: inline-block; width: 120px; line-height: 40px; border-radius: 999px; text-align: center; font-size: 15px; font-weight: 500; color: #fff; }
.quick_slide li .quick_01 { background: #C8E2FF url(../images/quick_01.png) right 50px center no-repeat; }
.quick_slide li .quick_02 { background: #D1E2C6 url(../images/quick_02.png) right 50px center no-repeat; }
.quick_slide li .quick_03 { background: #EBDDF0 url(../images/quick_03.png) right 80px bottom no-repeat; }
.quick_slide li .quick_04 { background: #E5DACA url(../images/quick_04.png) right 30px bottom no-repeat; }
.quick_slide li .quick_01 p { color: #064CB4; }
.quick_slide li .quick_02 p { color: #066522; }
.quick_slide li .quick_03 p { color: #7B3A96; }
.quick_slide li .quick_04 p { color: #8F491D; }
.quick_slide li .quick_01 span { background-color: #064CB4; }
.quick_slide li .quick_02 span { background-color: #066522; }
.quick_slide li .quick_03 span { background-color: #7B3A96; }
.quick_slide li .quick_04 span { background-color: #8F491D; }
.quick_menu_01 .quick_slide_pagination { transform: translate3d(0px, 0, 0); text-align: right; }
.quick_menu_01 .quick_slide_pagination span { display: inline-block; }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block; margin: 0 3px; }

.quick_menu_02 { display: flex; width: 890px; justify-content: space-between; }
.quick_menu_02 li { width: 25%; border-left: 1px solid #ededed;}
.quick_menu_02 li:first-child { border-left: none; }
.quick_menu_02 li a { display: block; text-align: center; }
.quick_menu_02 li a img { margin-bottom: 20px; }
.quick_menu_02 li a h4 { font-family: Paperlogy; font-size: 25px; font-weight: bold; color: #111; margin-bottom: 10px; }
.quick_menu_02 li a p { font-size: 16px; font-weight: 500; color: #666; margin-bottom: 10px; }
.quick_menu_02 li a span { display: inline-block; width: 120px; line-height: 40px; border-radius: 999px; border: 1px solid #111; font-size: 15px; font-weight: 500; background-color: #fff; color: #111; transition: all 0.3s ease-in-out; }
.quick_menu_02 li a:hover span { background-color: #111; color: #fff; }

.main_section_04 { position: relative; height: 970px; background: url(../images/section_04.jpg) center no-repeat; }
.main_section_04 .section_conts { width: 1600px; margin: 0 auto; padding-left: 712px; }
.main_section_04 .section_conts h3 { font-family: Paperlogy; font-size: 70px; font-weight: 800; color: #fff; padding-top: 180px; margin-bottom: 60px; }
.archive_list li { margin: 10px 0; }
.archive_list li a { display: block; line-height: 90px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); font-size: 25px; font-weight: bold; color: #fff; padding: 0 100px 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.archive_list li a::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; width: 45px; height: 7px; background: url(../images/arrowR.png) center no-repeat; background-size: contain; }
.archive_list li a:hover { background-color: rgba(255, 255, 255, 0.2);}
.archive_panel li { position: relative; }
.archive_panel li .more { position: absolute; top: -56px; right: 0; font-size: 18px; color: #fff; line-height: 27px; opacity: 0.85; }
.archive_panel li .more:hover { opacity: 1; }
.archive_panel li .more img { margin-right: 10px; }

.search_result { background-color: #EDF3FA; border-radius: 10px; padding: 30px 40px; font-size: 20px; color: #111; margin: 30px 0; }
.search_result strong { color: #0B4DA2; font-weight: 800; }
.search_result_box { margin: 50px 0; }
.search_result_box h4 { font-family: Paperlogy; font-size: 30px; font-weight: 800; color: #0B4DA2; padding-bottom: 20px; border-bottom: 1px solid #414141; margin-bottom: 20px; }
.search_result_box ul li { margin: 10px 0; position: relative; padding-left: 15px; font-size: 18px; color: #111; }
.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; }

#passwd_mod_div .email_chk { padding: 0; margin: 0; }

.for_m { display: none; }
.open_menu { display: none; }
.side_wrap { display: none; }
.side { display: none; }


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

.body_wrap { padding-bottom: 267px; }

.top_conts { height: 60px; padding: 0 20px; }
.logo { order: 2; }
.logo h1 img { height: 28px; }
.t_menu { display: none; }
.global { order: 1; }
.global .g_menu li a { font-size: 15px; opacity: 1; }
.open_menu { display: block; order: 3; width: 40px; height: 40px; }
.open_menu img { height: 24px; }

.side_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px); z-index: 77; }
.side { position: absolute; top: 0; right: -500px; width: 500px; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; padding-top: 60px; padding-left: 60px; transition: all 0.3s ease-in-out; }
.side.on { right: 0; }
.side .close_memu { position: absolute; top: 10px; right: 20px; width: 40px; height: 40px; }
.side .close_memu img { height: 24px; }
.side_tools { padding-bottom: 20px; }
.side_tools .search_box { margin-left: 0; display: inline-block; }
.side_tools > a { display: inline-block; line-height: 40px; margin-left: 10px; color: #111; font-size: 15px; }
.side_tools > a img { vertical-align: middle; margin-right: 5px; }
.side .m_nav { flex: 1; overflow-y: auto; padding-bottom: 20px; }
.m_nav .nav > li { margin: 10px 0; }
.m_nav .nav > li > a { display: inline-block; font-size: 24px; font-weight: bold; color: #111; }
.m_nav .nav_sub { margin: 10px 0; }
.m_nav .nav_sub li { margin: 5px 0; }
.m_nav .nav_sub li a { display: inline-block; font-size: 16px; color: #111; margin: 5px 0; }

.main_section_01 { height: 760px; }

.main_slide_wrap ul li { height: 760px; }
.main_slide_conts { padding-top: 200px; padding-left: 60px; }
.main_slide_conts p { font-size: 56px; margin-bottom: 16px; }
.main_slide_conts span { font-size: 24px; }

.main_section_01 .section_conts { padding: 0 60px; }
.main_section_01 .section_conts .main_slide_tools { bottom: 260px; }
.main_slide_tools button { width: 20px; height: 20px; }
.main_slide_tools .main_pagination span { width: 12px; height: 12px; }

.main_noti_box { position: absolute; bottom: 70px; width: 500px; height: 160px; border-radius: 16px; } 
.main_noti_box .noti_box_tools { right: 20px; }
.main_noti_box .noti_box_tools button { margin: 0 2px;}
.main_noti_box ul li { height: 160px; padding: 30px 100px 20px 30px; }
.main_noti_box ul li h4 { font-size: 20px; }
.main_noti_box ul li p { font-size: 14px; line-height: 21px; height: 42px; }
.main_noti_box ul li a { bottom: 25px; right: 28px; font-size: 15px; }

.sub_banner { height: 425px; }
.sub_banner h2 { font-size: 56px; padding-top: 152px; }
.sub_banner > p { font-size: 20px; padding-top: 20px; }
.sub_banner .sub_menu { height: 52px; }
.sub_banner .sub_menu .nav > li .nav_sub { height: 52px; }
.sub_banner .sub_menu .nav > li .nav_sub li { margin: 0 16px; }
.sub_banner .sub_menu .nav > li .nav_sub li a { font-size: 20px; opacity: 1; }

.rlt_slide_wrap { padding: 10px 20px; }
.rlt_slide li a { height: 32px; line-height: 32px; }
.rlt_slide li a img { max-height: 32px; }

.footer_conts2 { padding: 50px 30px 40px 30px; }
.footer_btn { top: 40px; right: 20px; }
.footer_btn button, .footer_btn a { display: inline-block; width: 34px; height: 34px; }
.footer_btn button { margin-left: 7px; }
.footer_menu { margin: 20px 0; }
.footer_menu a { font-size: 14px; margin-right: 16px; opacity: 1; }
.footer_conts2 .copy { font-size: 13px; }
.footer_conts2 select { top: 85px; right: 20px; width: 190px; height: 40px; padding-left: 10px; font-size: 14px; }

.sub_conts { padding: 80px 20px; }
.sub_conts > h3 { font-size: 40px; margin-bottom: 64px; }

.greeting .hd .portrait { width: 240px; }
.greeting .hd p { font-size: 20px; }
.greeting .txt { margin-top: 40px; }
.greeting .txt p { font-size: 18px; }
.greeting .txt .sign { margin-top: 24px; font-size: 16px; }
.greeting .txt .sign strong { font-size: 20px; }

.history .banner { border-radius: 12px; padding: 40px 0; }
.history .banner .slogan { font-size: 28px; }
.history .banner p { font-size: 14px; }
.history .banner p b { font-size: 20px; }
.history .estab { padding: 0 20px; }
.history .estab p { font-size: 16px; }
.history .estab p span { font-size: 26px; }
.hst_wrap { padding: 0 30px; }
.hst_wrap .history_box { gap: 24px; }
.hst_wrap .history_box h5 { font-size: 24px; margin-bottom: 8px; }
.hst_wrap .history_box > p { font-size: 14px; }
.hst_wrap .history_box ul { padding-top: 8px; }
.hst_wrap .history_box ul li { font-size: 14px; padding-left: 95px; }
.hst_wrap .history_box ul li span { width: 95px; font-size: 14px; }

.menu_tab { margin: 24px 0; }
.menu_tab li a { height: 50px; font-size: 15px; }
.panel > li { padding-top: 40px; }
#org_01 .lgl { font-size: 20px; margin-bottom: 40px; }
#org_01 ul li { width: 32.66%; padding: 50px 45px 10px 10px; height: 240px; font-size: 14px;} 
#org_01 ul li:nth-child(4n+1) { margin-left: 1%; }
#org_01 ul li:nth-child(3n+1) { margin-left: 0; }
#org_01 ul li span { top: 10px; left: 10px; width: 30px; height: 30px; line-height: 30px;font-size: 14px; }
#org_01 ul li:nth-child(1) { background: url(../images/icon_or_01.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(2) { background: url(../images/icon_or_02.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(3) { background: url(../images/icon_or_03.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(4) { background: url(../images/icon_or_04.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(5) { background: url(../images/icon_or_05.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(6) { background: url(../images/icon_or_06.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(7) { background: url(../images/icon_or_07.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(8) { background: url(../images/icon_or_08.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(9) { background: url(../images/icon_or_09.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(10) { background: url(../images/icon_or_02.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(11) { background: url(../images/icon_or_05.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }
#org_01 ul li:nth-child(12) { background: url(../images/icon_or_09.png) right 15px bottom 15px no-repeat; background-size: auto 50px; }

.table_01 th { height: 50px; font-size: 15px; }
.table_01 td { height: 50px; font-size: 15px; }
.table_01 td.tit { padding-left: 80px; }
.table_01 td.logo img { max-height: 32px; }
.table_01 td.logo + td.tit { padding-left: 20px; }
.table_01 td.addr { padding-left: 20px; }
.table_01 td.tel { width: 110px; }
.table_01 td.fax { width: 110px; }
.board_hd { margin: 16px 0; }
.board_hd .brd_sort button { font-size: 14px; height: 32px; min-width: 32px; }
.board_hd .brd_search { height: 34px; padding-right: 34px; }
.board_hd .brd_search input { width: 200px; height: 32px; padding-left: 16px; font-size: 14px; }
.board_hd .brd_search button { width: 32px; height: 32px; }
.board_hd select { height: 34px; padding-left: 16px; font-size: 14px; width: 240px; }

.mem_banner { padding: 20px; gap: 50px; }
.mem_banner .mem_logo { width: 320px; height: 175px; }
.mem_banner .mem_logo img { max-width: 80%; max-height: 76px; }
.mem_banner .brief .tit { font-size: 30px; margin-bottom: 16px; }
.mem_banner .brief .info li { font-size: 15px; }
.article_mem { margin: 40px 0; }
.article_mem h4 { font-size: 30px; width: 180px; }
.article_mem .map_box { height: 420px; }

.map_box .root_daum_roughmap .wrap_map { height: 430px; }
.map_box1 #map { height: 430px; }

.directions { margin-top: 40px; }
.directions h4 { font-size: 32px; margin-bottom: 20px; }
.directions ul { margin: 20px 0; padding: 0 20px; }
.directions ul li { gap: 24px; margin: 40px 0; }
.directions ul li span img { height: 96px; }
.directions ul li p { font-size: 14px; }
.directions ul li p strong { font-size: 20px; }

.price { flex-wrap: wrap; }
.price li { width: 48%; border-top-left-radius: 24px; border-bottom-right-radius: 24px; padding: 40px 10px; margin-bottom: 4%; }
.price li .prc_logo { margin-bottom: 30px; }
.price li p { font-size: 20px; }
.price li span { font-size: 14px; }
.price li a { line-height: 36px; padding: 0 20px; font-size: 13px; opacity: 1; }
.price li a img { vertical-align: middle; margin-top: -3px; margin-right: 10px; height: 16px; }

.site_banner { border-radius: 18px; padding: 30px 0; gap: 30px; margin-bottom: 40px; }
.site_banner p { font-size: 16px; }

.view_hd { padding: 0 60px; margin-bottom: 30px; }
.view_hd h3 { font-size: 20px; }
.view_hd .info { gap: 20px; }
.view_hd .info li { font-size: 15px; line-height: 22px; }
.view_hd .info li img { height: 22px; }
.view .attach { padding: 16px 0; }
.view .attach li a { font-size: 15px; padding-right: 20px; }
.view .attach button { height: 36px; padding: 0 16px; font-size: 14px; }
.view_conts { padding: 40px 0; font-size: 15px; }

.btn_box_r { margin: 24px 0; }
.btn_box_c { margin: 24px 0; }
.btn { height: 40px; line-height: 40px; font-size: 14px; min-width: 140px; padding: 0 20px; opacity: 1; }

.login_wrap { width: 500px; }
.login_wrap h4 { font-size: 24px; }
.login_wrap > p { font-size: 14px; }
.login_box { margin-top: 24px; padding-right: 120px; }
.login_box .input_wrap span { width: 64px; }
.login_box .input_wrap span::after { height: 12px; }
.login_box .input_wrap input { height: 50px; padding-left: 80px; font-size: 15px; }
.login_box > a { width: 110px; height: 100%; border-radius: 16px; font-size: 15px; opacity: 1; }
.login_wrap .auto_login label { font-size: 14px; }
.login_wrap .auto_login label input { width: 16px; height: 16px; }
.login_noti { padding-top: 16px; }
.login_noti p { font-size: 14px; }
.login_tools { gap: 40px; margin-top: 20px; }
.login_tools a { font-size: 15px; }
.login_wrap .stt { font-size: 16px; }

.agree_wrap { margin-bottom: 40px; }
.agree_wrap h4 { font-size: 18px; }
.agree_wrap > p { font-size: 14px; }
.agree_box { border-radius: 16px; }
.agree_box .conts { height: 200px; border-radius: 16px; padding: 20px; }
.agree_box .chk { padding: 12px 20px; }
.agree_box .chk label { font-size: 14px; }
.agree_box .chk label input { width: 16px; height: 16px;}

.terms h3 { font-size: 16px; }
.terms p { font-size: 14px; }
.clause h4 { font-size: 14px; }
.clause p { font-size: 14px; }
.clause ul, .clause ol { font-size: 14px; }
.terms table th { height: 40px; font-size: 14px; }
.terms table td { height: 40px; font-size: 14px; }

.join_wrap { width: 500px; }
.join_wrap h4 { font-size: 18px; margin-bottom: 16px; }
.join_input { min-height: 40px; }
.join_input .item { font-size: 16px; width: 110px; }
.join_input input { height: 40px; padding-left: 16px; font-size: 14px; }
.join_input button { width: 90px; height: 40px; font-size: 13px; }
.join_input + .noti { font-size: 14px; padding-left: 120px; }
.join_input select { width: 140px; height: 40px; font-size: 14px; }
.email_chk { padding-left: 110px; margin-bottom: 50px; }
.email_chk label { font-size: 14px; }
.email_chk label input { width: 16px; height: 16px; margin-right: 5px; }
.email_chk label:first-child { margin-right: 30px;}

.sitemap .nav { gap: 40px; margin-bottom: 80px; }
.sitemap .nav > li > a { font-size: 24px; padding-bottom: 12px; }
.sitemap .nav_sub { padding-top: 16px;}
.sitemap .nav_sub li a { font-size: 16px; padding-left: 16px; }
.sitemap .nav2 { width: calc(50% - 40px); }

.main_section_02 { height: 760px; }
.main_section_02 .section_conts { padding-left: 60px; }
.main_section_02 .section_conts h3 { font-size: 56px; padding-top: 120px; }
.main_tab { gap: 20px; margin: 20px 0; }
.main_tab li a { font-size: 24px; opacity: 1; padding-top: 8px; padding-right: 8px; }
.main_tab li a::after { width: 8px; height: 8px; }

.noti_slide { padding-right: 60px; }
.noti_slide li a { width: 260px; height: 320px; border-radius: 16px; padding: 20px; }
.noti_slide li a .date { font-size: 32px; margin-bottom: 24px;}
.noti_slide li a .date span { font-size: 14px; }
.noti_slide li a .cat { padding: 0 16px; line-height: 24px; font-size: 13px; }
.noti_slide li a .conts { font-size: 20px; line-height: 30px; height: 120px; }
.noti_slide li a .icon { bottom: 20px; left: 20px; }
.noti_slide li a .icon img { height: 6px; }
.noti_slide li a:hover .icon { left: 185px; }
.noti_slide .noti_slide_pagination { width: calc(100% - 30px); margin-top: 24px; }
.noti_navi { margin-top: 20px; }
.noti_navi button { margin-right: 10px;}

.main_panel li .more { top: -50px; right: 60px; font-size: 15px; line-height: 22px; opacity: 1; }
.main_panel li .more img { margin-right: 10px; height: 22px; }

.main_section_03 { height: auto; padding-bottom: 140px; }
.sec3_emb .sec3_01 { top: -2%; left: -3%; margin-left: 0; height: 240px; }
.sec3_emb .sec3_02 { top: -5%; left: auto; right: -5%; margin-left: 0; height: 208px; }
.sec3_emb .sec3_03 { bottom: -3%; left: -6%; margin-left: 0; height: 240px; }
.sec3_emb .sec3_04 { bottom: -13%; left: auto; right: -3%; margin-left: 0; height: 360px; }

.main_section_03 h3 { font-size: 40px; margin-bottom: 50px; padding-top: 140px; }
.quick_menu_wrap { max-width: 800px; flex-direction: column;}
.quick_slide { width: 500px; height: 340px; overflow: hidden; }
.quick_slide li a { display: block; height: 160px; border-radius: 16px; padding: 40px 56px; }
.quick_slide li a p { font-size: 28px; }
.quick_slide li a span { width: 100px; line-height: 34px; font-size: 14px; }
.quick_slide li .quick_01 { background-size: auto 124px; background-position: right 40px center; }
.quick_slide li .quick_02 { background-size: auto 112px; background-position: right 40px center; }
.quick_slide li .quick_03 { background-size: auto 128px; background-position: right 60px bottom; }
.quick_slide li .quick_04 { background-size: auto 149px; background-position: right 10px bottom; }

.quick_menu_02 { width: 100%; padding: 0 20px; margin-top: 50px; }
.quick_menu_02 li a img { margin-bottom: 16px; }
.quick_menu_02 li a h4 { font-size: 20px; }
.quick_menu_02 li a p { font-size: 14px; }
.quick_menu_02 li a span { width: 100px; line-height: 34px; font-size: 14px; }

.main_section_04 { height: 760px; }
.main_section_04 .section_conts { width: 100%; padding-left: 60px; padding-right: 60px; }
.main_section_04 .section_conts h3 { font-size: 56px; padding-top: 130px; margin-bottom: 48px; }
.archive_list li { margin: 10px 0; }
.archive_list li a { line-height: 72px; border-radius: 16px; font-size: 20px; padding: 0 80px 0 24px; }
.archive_list li a::after { right: 24px; width: 36px; height: 6px; }
.archive_panel li .more { top: -46px; right: 0; font-size: 15px; line-height: 22px; opacity: 1; }
.archive_panel li .more img { margin-right: 10px; height: 22px; }

.search_result { padding: 24px 32px; font-size: 16px; margin: 24px 0; }
.search_result_box { margin: 40px 0; }
.search_result_box h4 { font-size: 24px; padding-bottom: 16px; margin-bottom: 16px; }
.search_result_box ul li { padding-left: 14px; font-size: 16px; }
.search_result_box ul li a { display: inline-block; font-size: 16px; }



}

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

.body_wrap { padding-bottom: 316px; }

.top_conts { height: 50px; padding: 0 8px; }
.logo h1 img { height: 20px; }
.global .g_menu { right: auto; }
.global .g_menu li a { font-size: 143x; }
.global button, .global a { width: auto; }
.global button img, .global a img { height: 20px; }
.global button span, .global a span { font-size: 12px; line-height: 20px; vertical-align: top; }
.open_menu img { height: 20px; }

.side { right: -300px; width: 300px; padding-top: 50px; padding-left: 40px; }
.side .close_memu { top: 5px; right: 8px; }
.side .close_memu img { height: 20px; }
.side_tools { padding-bottom: 20px; }
.side_tools .search_box { margin-bottom: 10px; }
.side_tools > a { line-height: 40px; margin-left: 0; margin-right: 10px; font-size: 14px; }
.side_tools > a img { height: 20px;}
.m_nav .nav > li > a { font-size: 20px; }
.m_nav .nav_sub li a { font-size: 14px; }

.main_section_01 { height: 600px; }

.main_slide_01 { background-image: url(../images/main_slide_01_m.jpg); }
.main_slide_02 { background-image: url(../images/main_slide_02_m.jpg); }
.main_slide_03 { background-image: url(../images/main_slide_03_m.jpg); }
.main_slide_04 { background-image: url(../images/main_slide_04_m.jpg); }

.main_slide_wrap ul li { height: 600px; }
.main_slide_conts { padding-top: 160px; padding-left: 20px; padding-right: 20px;  }
.main_slide_conts .txt { width: 100%; }
.main_slide_conts p { font-size: 30px; margin-bottom: 12px; text-align: center; }
.main_slide_conts span { display: block; font-size: 18px; text-align: center; }

.main_section_01 .section_conts { padding: 0 20px; }
.main_section_01 .section_conts .main_slide_tools { width: calc(100% - 40px); bottom: 240px; justify-content: center;}
.main_slide_tools button { width: 20px; height: 20px; }
.main_slide_tools .main_pagination { width: auto; padding: 0 10px; }
.main_slide_tools .main_pagination span { width: 12px; height: 12px; }

.main_noti_box { bottom: 30px; width: calc(100% - 40px); height: 140px; border-radius: 16px; } 
.main_noti_box .noti_box_tools { right: 20px; }
.main_noti_box .noti_box_tools button { width: 26px; height: 26px; margin: 0 1px;}
.main_noti_box ul li { height: 140px; padding: 30px 90px 20px 20px; }
.main_noti_box ul li h4 { font-size: 16px; }
.main_noti_box ul li p { font-size: 13px; line-height: 21px; height: 42px; }
.main_noti_box ul li a { bottom: 20px; right: 24px; font-size: 14px; }

.sub_banner { height: 340px; }
.sub_banner h2 { font-size: 44px; padding-top: 120px; }
.sub_banner > p { font-size: 16px; padding-top: 16px; }
.sub_banner .sub_menu { height: 46px; }
.sub_banner .sub_menu .nav > li .nav_sub { height: 46px; }
.sub_banner .sub_menu .nav > li .nav_sub li { margin: 0 5px; }
.sub_banner .sub_menu .nav > li .nav_sub li a { font-size: 13px; }
.sub_banner_01 { background-image: url(../images/sub_banner_01_m.jpg); }
.sub_banner_02 { background-image: url(../images/sub_banner_02_m.jpg); }
.sub_banner_03 { background-image: url(../images/sub_banner_03_m.jpg); }
.sub_banner_04 { background-image: url(../images/sub_banner_04_m.jpg); }
.sub_banner_05 { background-image: url(../images/sub_banner_05_m.jpg); }
.sub_banner_06 { background-image: url(../images/sub_banner_06_m.jpg); }

.rlt_slide_wrap { padding: 10px; }
.rlt_slide li a { height: 26px; line-height: 26px; }
.rlt_slide li a img { max-height: 26px; }

.footer_conts2 { padding: 60px 20px 80px 20px; }
.footer_conts2 .logo_footer img { height: 22px; }
.footer_btn { top: 20px; right: 20px; }
.footer_btn button, .footer_btn a { width: 30px; height: 30px; }
.footer_btn button { margin-left: 5px; }
.footer_menu { margin: 16px 0; }
.footer_menu a { font-size: 13px; margin-right: 12px; }
.footer_conts2 .copy { font-size: 12px; }
.footer_conts2 select { top: auto; bottom: 20px; right: 20px; left: 20px; width: auto; height: 40px; padding-left: 10px; font-size: 13px; }

.sub_conts { padding: 60px 16px; }
.sub_conts > h3 { font-size: 32px; margin-bottom: 50px; }

.greeting .hd { padding-left: 0; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.greeting .hd .portrait { position: relative; width: 160px; height: 180px; overflow: hidden; border-radius: 20px; }
.greeting .hd p { flex: 1; font-size: 15px; }
.greeting .txt { padding-left: 0; margin-top: 30px; }
.greeting .txt p { font-size: 14px; }
.greeting .txt .sign { margin-top: 20px; font-size: 13px; }
.greeting .txt .sign strong { font-size: 16px; }

.history { flex-direction: column; }
.history .banner { border-radius: 10px; padding: 26px 0; }
.history .banner .slogan { font-size: 20px; }
.history .banner p { font-size: 10px; }
.history .banner p b { font-size: 13px; }
.history .estab { padding: 0; display: flex; justify-content: center; align-items: center; gap: 30px; padding-bottom: 20px; }
.history .estab img { height: 58px; }
.history .estab p { font-size: 13px; }
.history .estab p span { font-size: 23px; }
.hst_wrap { padding: 0; padding-top: 20px; border-top: 1px solid #dfdfdf; border-left: none; }
.hst_wrap .history_box { margin-bottom: 30px; }
.hst_wrap .history_box h5 { font-size: 18px; margin-bottom: 4px; }
.hst_wrap .history_box > p { font-size: 14px; }
.hst_wrap .history_box ul { padding-top: 8px; }
.hst_wrap .history_box ul li { font-size: 14px; padding-left: 90px; }
.hst_wrap .history_box ul li span { width: 90px; font-size: 14px; }

.menu_tab { margin: 20px 0; }
.menu_tab li a { height: 42px; font-size: 13px; }
.panel > li { padding-top: 32px; }
#org_01 .lgl { font-size: 16px; margin-bottom: 32px; }
#org_01 ul li { width: 49.5%; padding: 40px 20px 10px 10px; height: 260px; font-size: 13px;} 
#org_01 ul li:nth-child(3n+1) { margin-left: 1%; }
#org_01 ul li:nth-child(2n+1) { margin-left: 0; }
#org_01 ul li span { top: 8px; left: 8px; width: 24px; height: 24px; line-height: 24px;font-size: 13px; }

.table_01 th { height: 40px; font-size: 14px; }
.table_01 td { height: auto; font-size: 14px; }
.table_01 thead { display: none; }
.table_01 td { display: none; }

.table_01 .ordinal { display: block; padding: 10px 20px; text-align: left; font-size: 16px; }
.table_01 td .info { display: block; font-weight: 400; margin-top: 7px; text-align: left; }
.table_01 .info li { padding-left: 20px; font-size: 14px; color: #444; }
.table_01 .info .person { background: url(../images/people.png) 0 3px no-repeat; background-size: auto 16px; }
.table_01 .info .affil { background: url(../images/certi.png) 0 3px no-repeat; background-size: auto 16px; }
.table_01 .info .date { background: url(../images/calendar.png) 0 3px no-repeat; background-size: auto 16px; }
.table_01 .info .loc { background: url(../images/location.png) 0 3px no-repeat; background-size: auto 16px; }
.table_01 .info .tel { background: url(../images/telephone.png) 0 3px no-repeat; background-size: auto 16px; }
.table_01 .info .fax { background: url(../images/fax.png) 0 3px no-repeat; background-size: auto 16px; }
.table_01 .info .views { background: url(../images/icon_view.png) 0 3px no-repeat; background-size: auto 14px; }
.table_01 .info .icon { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.table_01 .info .attach { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.table_01 .info .attach img { height: 18px; }
.table_01 .info .nopad { padding-left: 0; }
.table_01 .info .icon img { height: 28px; }
.table_01 .tit { display: block; }
.table_01 .tit a { display: block; padding: 10px 50px 10px 10px; text-align: left; position: relative; }
.table_01 td.tit > a:hover { text-decoration: none; }
.table_01 td.tit { padding-left: 0; }
.table_01 td.logo img { max-height: 30px; }
.table_01 td.logo + td.tit { padding-left: 0; }
.table_01 td.tit a .rlt_logo { display: block; margin-bottom: 8px; }
.table_01 td.tit a .rlt_logo img { max-height: 40px; }

.table_01 td.link { display: block; position: absolute; top: 0; right: 0; width: 50px; height: 100%; border-bottom: none; }
.table_01 td.link img { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; height: 30px; }
.table_01 tr { position: relative; }

.past_president td:nth-child(1) { width: 100%; }

.board_hd { margin: 16px 0; flex-direction: column; gap: 10px; }
.board_hd .brd_sort { width: 100%; }
.board_hd .brd_sort button { flex: 1; font-size: 13px; height: 30px; width: auto; min-width: auto; }
.board_hd .brd_search { width: 100%; height: 32px; padding-right: 32px; }
.board_hd .brd_search input { width: 100%; height: 30px; padding-left: 14px; font-size: 13px; }
.board_hd .brd_search button { width: 30px; height: 30px; }
.board_hd .brd_sort.ganada { flex-wrap: wrap; } 
.board_hd .brd_sort.ganada button { width: 7.1%; padding: 0; }
.board_hd select { height: 32px; padding-left: 14px; font-size: 13px; width: 200px; }


.pagination { margin: 20px 0; }
.pagination a { width: 25px; height: 25px; line-height: 25px; font-size: 13px; }
.pagination a img { height: 10px; }

.mem_banner { flex-direction: column; padding: 20px; gap: 20px; }
.mem_banner .mem_logo { width: 100%; height: 150px; }
.mem_banner .mem_logo img { max-width: 80%; max-height: 66px; }
.mem_banner .brief .tit { font-size: 24px; margin-bottom: 12px; }
.mem_banner .brief .info li { font-size: 14px; }
.article_mem { flex-direction: column; margin: 30px 0; }
.article_mem h4 { font-size: 22px; width: 100%; margin-bottom: 10px; }
.article_mem .map_box { height: 340px; }
.map_box1 #map { height: 340px; }

.directions { margin-top: 20px; }
.directions h4 { font-size: 26px; margin-bottom: 16px; }
.directions ul { margin: 16px 0; padding: 0; }
.directions ul li { gap: 16px; margin: 30px 0; align-items: flex-start; }
.directions ul li span img { height: 40px; }
.directions ul li p { font-size: 13px; }
.directions ul li p strong { font-size: 16px; }

.price { flex-direction: column; }
.price li { width: 100%; border-top-left-radius: 20px; border-bottom-right-radius: 20px; padding: 30px 20px; margin-bottom: 4%; flex-direction: row; justify-content: space-between; align-items: center; gap: 15px; }
.price li .prc_logo { margin-bottom: 0; width: 110px; }
.price li p { font-size: 16px; }
.price li span { font-size: 13px; }
.price li a { font-size: 12px; padding: 0 12px; }
.price li a img { margin-right: 5px; }

.site_banner { border-radius: 12px; padding: 20px 10px; gap: 20px; margin-bottom: 30px; }
.site_banner img { height: 64px; }
.site_banner p { font-size: 14px; line-height: 1.5; }

.view_hd { padding: 0; margin-bottom: 20px; }
.view_hd h3 { font-size: 16px; }
.view_hd .info { gap: 16px; }
.view_hd .info li { font-size: 13px; line-height: 20px; }
.view_hd .info li img { height: 20px; }
.view .attach { padding: 12px 0; }
.view .attach li a { font-size: 13px; padding-right: 0; background: none; }
.view .attach button { height: 32px; padding: 0 10px; font-size: 12px; }
.view_conts { padding: 30px 0; font-size: 14px; }

.btn_box_r { margin: 20px 0; }
.btn_box_c { margin: 20px 0; }
.btn { height: 36px; line-height: 36px; font-size: 13px; min-width: 120px; padding: 0 20px; opacity: 1; }

.login_wrap { width: 100%; }
.login_wrap h4 { font-size: 20px; }
.login_wrap > p { font-size: 13px; }
.login_box { margin-top: 20px; padding-right: 100px; }
.login_box .input_wrap span { width: 50px; height: 16px; }
.login_box .input_wrap span img { height: 16px; }
.login_box .input_wrap span::after { height: 10px; }
.login_box .input_wrap input { height: 40px; padding-left: 70px; font-size: 14px; }
.login_box > a { width: 90px; height: 100%; border-radius: 12px; font-size: 14px; }
.login_wrap .auto_login label { font-size: 13px; }
.login_wrap .auto_login label input { width: 16px; height: 16px; }
.login_noti { padding-top: 14px; }
.login_noti p { font-size: 13px; }
.login_tools { gap: 30px; margin-top: 20px; }
.login_tools a { font-size: 14px; }
.login_wrap .stt { font-size: 14px; }

.agree_wrap { margin-bottom: 30px; }
.agree_wrap h4 { font-size: 16px; }
.agree_wrap > p { font-size: 13px; margin-bottom: 10px; }
.agree_box { border-radius: 12px; }
.agree_box .conts { height: 180px; border-radius: 12px; padding: 10px 15px; }
.agree_box .chk { padding: 10px 15px; }
.agree_box .chk label { font-size: 13px; }
.agree_box .chk label input { width: 14px; height: 14px;}

.terms h3 { font-size: 15px; }
.terms p { font-size: 13px; }
.clause h4 { font-size: 13px; }
.clause p { font-size: 13px; }
.clause ul, .clause ol { font-size: 13px; }
.terms table th { height: 34px; font-size: 13px; }
.terms table td { height: 34px; font-size: 13px; }

.join_wrap { width: 100%; max-width: 500px; }
.join_wrap h4 { font-size: 16px; margin-bottom: 12px; }
.join_input { min-height: 36px; padding-top: 20px; }
.join_input .item { font-size: 13px; position: absolute; top: 0; left: 0; color: #00914A; }
.join_input .misc_01 { font-size: 13px; }
.join_input input { height: 36px; padding-left: 10px; font-size: 13px; }
.join_input button { width: 90px; height: 36px; font-size: 12px; }
.join_input + .noti { font-size: 13px; padding-left: 0; }
.join_input select { width: 130px; height: 36px; font-size: 13px; }
.email_chk { padding-left: 0; margin-bottom: 40px; }
.email_chk label { font-size: 13px; }
.email_chk label input { width: 15px; height: 15px; margin-right: 5px; }
.email_chk label:first-child { margin-right: 30px;}

.sitemap .nav { gap: 40px; margin-bottom: 80px; }
.sitemap .nav > li > a { font-size: 24px; padding-bottom: 12px; }
.sitemap .nav_sub { padding-top: 16px;}
.sitemap .nav_sub li a { font-size: 16px; padding-left: 16px; }
.sitemap .nav2 { width: calc(50% - 40px); }

.sitemap .nav { gap: 6%; margin-bottom: 50px; flex-wrap: wrap; justify-content: space-between; }
.sitemap .nav > li { flex-basis: auto; width: 47%; }
.sitemap .nav > li > a { font-size: 20px; padding-bottom: 10px; }
.sitemap .nav_sub { padding: 10px 0 20px 0; }
.sitemap .nav_sub li { margin: 5px 0; }
.sitemap .nav_sub li a { font-size: 14px; padding-left: 16px; }
.sitemap .nav2 { width: 100%; }

.main_section_02 { height: 600px; }
.main_section_02 .section_conts { padding-left: 20px; }
.main_section_02 .section_conts h3 { font-size: 44px; padding-top: 60px; }
.main_tab { gap: 10px; margin: 20px 0; }
.main_tab li a { font-size: 16px; padding-top: 8px; padding-right: 8px; opacity: 0.9; }
.main_tab li a::after { width: 8px; height: 8px; }

.noti_slide { padding-right: 20px; }
.noti_slide li a { width: 200px; height: 260px; border-radius: 12px; padding: 16px; }
.noti_slide li a .date { font-size: 24px; margin-bottom: 20px;}
.noti_slide li a .date span { font-size: 12px; }
.noti_slide li a .cat { padding: 0 12px; line-height: 24px; font-size: 13px; }
.noti_slide li a .conts { font-size: 16px; line-height: 24px; height: 96px; }
.noti_slide li a .icon { bottom: 16px; left: 16px; }
.noti_slide li a .icon img { height: 5px; }
.noti_slide li a:hover .icon { left: 140px; }
.noti_slide .noti_slide_pagination { width: calc(100% - 10px); margin-top: 20px; }
.noti_navi { margin-top: 20px; }
.noti_navi button { margin-right: 10px;}
.noti_navi button img { height: 36px; }

.main_panel li .more { top: -90px; right: 20px; font-size: 14px; line-height: 20px; }
.main_panel li .more img { margin-right: 8px; height: 20px; }

.main_section_03 { padding-bottom: 80px; }
.sec3_emb .sec3_01 { top: -1%; left: -6%; height: 126px; }
.sec3_emb .sec3_02 { top: -2%; right: -5%; height: 110px; }
.sec3_emb .sec3_03 { bottom: -1%; left: -4%; height: 142px; }
.sec3_emb .sec3_04 { bottom: -4%; right: -4%; height: 225px; }

.main_section_03 h3 { font-size: 32px; margin-bottom: 40px; padding-top: 80px; }
.quick_menu_wrap { padding: 0 20px; }
.quick_slide { width: 100%; height: 276px; }
.quick_menu_01 { width: 100%; }
.quick_slide li a { height: 128px; border-radius: 12px; padding: 30px 40px; }
.quick_slide li a p { font-size: 20px; }
.quick_slide li a span { width: 80px; line-height: 30px; font-size: 13px; }
.quick_slide li .quick_01 { background-size: auto 98px; background-position: right 40px center; }
.quick_slide li .quick_02 { background-size: auto 89px; background-position: right 40px center; }
.quick_slide li .quick_03 { background-size: auto 99px; background-position: right 40px bottom; }
.quick_slide li .quick_04 { background-size: auto 119px; background-position: right 10px bottom; }

.quick_menu_02 { width: 100%; padding: 0 20px; margin-top: 50px; flex-wrap: wrap; }
.quick_menu_02 li { width: 50%; margin-bottom: 40px; }
.quick_menu_02 li:nth-child(3) { border-left: none; }
.quick_menu_02 li a img { margin-bottom: 12px; height: 100px; }
.quick_menu_02 li a h4 { font-size: 20px; margin-bottom: 5px; }
.quick_menu_02 li a p { font-size: 14px; }
.quick_menu_02 li a span { width: 100px; line-height: 34px; font-size: 14px; }

.quick_menu_02 { width: 100%; padding: 0 20px; margin-top: 50px; }
.quick_menu_02 li a img { margin-bottom: 16px; }
.quick_menu_02 li a h4 { font-size: 20px; }
.quick_menu_02 li a p { font-size: 14px; }
.quick_menu_02 li a span { width: 100px; line-height: 34px; font-size: 14px; }

.main_section_04 { height: 600px; }
.main_section_04 .section_conts { padding-left: 20px; padding-right: 20px; }
.main_section_04 .section_conts h3 { font-size: 44px; padding-top: 100px; margin-bottom: 38px; }
.archive_list li { margin: 8px 0; }
.archive_list li a { line-height: 58px; border-radius: 12px; font-size: 14px; font-weight: 500; padding: 0 60px 0 20px; }
.archive_list li a::after { right: 20px; width: 28px; height: 5px; }
.archive_panel li .more { top: -42px; right: 0; font-size: 14px; line-height: 20px; }
.archive_panel li .more img { margin-right: 8px; height: 20px; }

.search_result { padding: 20px; font-size: 14px; margin: 20px 0; }
.search_result_box { margin: 30px 0; }
.search_result_box h4 { font-size: 20px; padding-bottom: 12px; margin-bottom: 12px; }
.search_result_box ul li { padding-left: 12px; font-size: 14px; }
.search_result_box ul li a { display: inline-block; font-size: 14px; }

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

}