<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* font face */
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src:url(../font/ns_l.woff2) format('woff2'), url(../font/ns_l.woff) format('woff')}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src:url(../font/ns_r.woff2) format('woff2'), url(../font/ns_r.woff) format('woff')}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src:url(../font/ns_m.woff2) format('woff2'), url(../font/ns_m.woff) format('woff')}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src:url(../font/ns_b.woff2) format('woff2'), url(../font/ns_b.woff) format('woff')}
@font-face {font-family:'Lato'; font-style:normal; font-weight:300; src:url(../font/l_l.woff2) format('woff2'), url(../font/l_l.woff) format('woff')}
@font-face {font-family:'Lato'; font-style:normal; font-weight:400; src:url(../font/l_r.woff2) format('woff2'), url(../font/l_r.woff) format('woff')}
@font-face {font-family:'Lato'; font-style:normal; font-weight:500; src:url(../font/l_m.woff2) format('woff2'), url(../font/l_m.woff) format('woff')}
@font-face {font-family:'Lato'; font-style:normal; font-weight:700; src:url(../font/l_bd.woff2) format('woff2'), url(../font/l_bd.woff) format('woff')}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
table {border-collapse:collapse; border-spacing:0;}

/* reset custermize */
html {width:100%; height:100%; box-sizing:border-box;}
body {width:100%; height:100%; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; font-weight:400; letter-spacing:-0.024em; overflow-x:hidden;}
*, ::after, ::before {box-sizing:inherit;}
a, a:focus, a:hover {text-decoration:none;}
a, button {cursor:pointer;}
button {font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; font-weight:400; letter-spacing:-0.024em;}
input[type="text"], input[type="password"], textarea, select, input[type="checkbox"], input[type="radio"], label {display:inline-block; margin:0; padding:0; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; font-weight:400; letter-spacing:-0.024em;}
input[type="text"], input[type="password"], textarea, select {width:100%; transition:border-color .15s ease-in-out, background-color .15s ease-in-out; border:1px solid #545654;}

/* position - left, right */
.pst_l {position:absolute; left:0; top:0;}
.pst_r {position:absolute; right:0; top:0;}

/* float - left, right */
.fl_l {float:left;}
.fl_r {float:right;}

/* text align */
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}

/* text ellipsis */
.txt_elps {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* clear both */
.cl_b {clear:both;}
.cl_b_aftr::after {display:block; content:''; clear:both;}

/* hide */
.hdn {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
.hdn ol {list-style-type:decimal !important;}

/* overflow hidden */
.of_h {overflow:hidden;}

@media (min-width:1180px) {
	body.of_h {padding-right:17px;}
}

/* responsive - show, hide */
.dp_n {display:none;}

@media (min-width:1180px) {
	.p_dp_n {display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.t_dp_n {display:none;}
}
@media (max-width:767px) {
	.m_dp_n {display:none;}
}

/* width */
.w_a {width:auto !important;}

/* margin */
.mgt0	{margin-top:0 !important;}
.mgt4	{margin-top:4px !important;}
.mgt8	{margin-top:8px !important;}
.mgt12	{margin-top:12px !important;}
.mgt16	{margin-top:16px !important;}
.mgt20	{margin-top:20px !important;}
.mgt24	{margin-top:24px !important;}
.mgt28	{margin-top:28px !important;}
.mgt32	{margin-top:32px !important;}
.mgt36	{margin-top:36px !important;}
.mgt40	{margin-top:40px !important;}
.mgt44	{margin-top:44px !important;}
.mgt48	{margin-top:48px !important;}
.mgt52	{margin-top:52px !important;}
.mgt56	{margin-top:56px !important;}
.mgt60	{margin-top:60px !important;}
.mgt64	{margin-top:64px !important;}
.mgl10 {margin-left: 10px !important;}
.mgl20 {margin-left: 20px !important;}
.mgl30 {margin-left: 30px !important;}
.mgl40 {margin-left: 40px !important;}
.mgl50 {margin-left: 50px !important;}
.mgl60 {margin-left: 60px !important;}

/* font family Lato */
.ff_l {font-family:'Lato';}



/* body_bg */
.body_bg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.72); z-index:900;}
.body_bg.on {display:block;}

/* ico_window */
.ico_window {position:relative; display:inline-block; width:12px; height:12px; vertical-align:middle; margin-left:4px;}
.ico_window::before, .ico_window::after {display:block; content:''; position:absolute;}
.ico_window::before {right:0; bottom:0; width:10px; height:10px; border:1px solid #666; border-top:0; border-left:0; opacity:0.48;}
.ico_window::after {left:0; top:0; width:10px; height:10px; border:1px solid #666;}

/* list col count */
@media (min-width:1180px) {
	.cnt6-4-2 &gt; ul &gt; li {width:16.6666%;}	
	.cnt6-4-1 &gt; ul &gt; li {width:16.6666%;}
	.cnt5-3-2 &gt; ul &gt; li {width:20%;}
	.cnt5-3-1 &gt; ul &gt; li {width:20%;}
	.cnt4-4-2 &gt; ul &gt; li {width:25%;}
	.cnt4-4-1 &gt; ul &gt; li {width:25%;}
	.cnt4-3-2 &gt; ul &gt; li {width:25%;}
	.cnt4-3-1 &gt; ul &gt; li {width:25%;}
	.cnt4-2-2 &gt; ul &gt; li {width:25%;}
	.cnt4-2-1 &gt; ul &gt; li {width:25%;}
	.cnt3-3-2 &gt; ul &gt; li {width:33.3333%;}
	.cnt3-3-1 &gt; ul &gt; li {width:33.3333%;}
	.cnt3-2-2 &gt; ul &gt; li {width:33.3333%;}		
	.cnt3-2-1 &gt; ul &gt; li {width:33.3333%;}
	.cnt2-2-2 &gt; ul &gt; li {width:50%;}
	.cnt2-2-1 &gt; ul &gt; li {width:50%;}
	.cnt1-1-1 &gt; ul &gt; li {width:100%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.cnt6-4-2 &gt; ul &gt; li {width:25%;}
	.cnt6-4-1 &gt; ul &gt; li {width:25%;}
	.cnt5-3-2 &gt; ul &gt; li {width:33.3333%;}
	.cnt5-3-1 &gt; ul &gt; li {width:33.3333%;}	
	.cnt4-4-2 &gt; ul &gt; li {width:25%;}
	.cnt4-3-2 &gt; ul &gt; li {width:33.3333%;}
	.cnt4-3-1 &gt; ul &gt; li {width:33.3333%;}
	.cnt4-4-1 &gt; ul &gt; li {width:25%;}
	.cnt4-2-2 &gt; ul &gt; li {width:50%;}
	.cnt4-2-1 &gt; ul &gt; li {width:50%;}	
	.cnt3-3-2 &gt; ul &gt; li {width:33.3333%;}
	.cnt3-3-1 &gt; ul &gt; li {width:33.3333%;}
	.cnt3-2-2 &gt; ul &gt; li {width:50%;}	
	.cnt3-2-1 &gt; ul &gt; li {width:50%;}
	.cnt2-2-2 &gt; ul &gt; li {width:50%;}
	.cnt2-2-1 &gt; ul &gt; li {width:50%;}
	.cnt1-1-1 &gt; ul &gt; li {width:100%;}
}
@media (max-width:767px) {
	.cnt6-4-2 &gt; ul &gt; li {width:50%;}
	.cnt6-4-1 &gt; ul &gt; li {width:100%;}
	.cnt5-3-2 &gt; ul &gt; li {width:50%;}
	.cnt5-3-1 &gt; ul &gt; li {width:100%;}	
	.cnt4-4-2 &gt; ul &gt; li {width:50%;}
	.cnt4-4-1 &gt; ul &gt; li {width:100%;}
	.cnt4-3-2 &gt; ul &gt; li {width:50%;}
	.cnt4-3-1 &gt; ul &gt; li {width:100%;}	
	.cnt4-2-2 &gt; ul &gt; li {width:50%;}
	.cnt4-2-1 &gt; ul &gt; li {width:100%;}
	.cnt3-3-2 &gt; ul &gt; li {width:50%;}
	.cnt3-3-1 &gt; ul &gt; li {width:100%;}
	.cnt3-2-2 &gt; ul &gt; li {width:50%;}		
	.cnt3-2-1 &gt; ul &gt; li {width:100%;}
	.cnt2-2-2 &gt; ul &gt; li {width:50%;}
	.cnt2-2-1 &gt; ul &gt; li {width:100%;}
	.cnt1-1-1 &gt; ul &gt; li {width:100%;}
}

 

/* wrap */
.wrap {height:auto; position:relative;}

/* btn top */
.btn_top {width:40px; height:40px; border:1px solid #c1c1c1; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; background:url(../image/header/header_icon.png) no-repeat #fdfdfd -120px -50px; right:16px; display:none;}

/* width catch */
.w_catch {position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden;}


/*전자정부 인증*/
.top_line_bnr { background-color:#edf1f5; position: absolute; top:0; width:100% !important; z-index:100; }
.top_line_bnr.bnr_hide:after { background:#cdd7e4; content:""; height:1px; left:0; position:absolute; top:32px; width:100%; }
.top_link_wrap .inner, .chk_nuri_addr_bnr .inner{max-width:1180px;margin:0 auto; width:100%; box-sizing: border-box; }

.top_flag_wrap { align-items:center; color:#1d1d1d; display:flex; font-size:15px; line-height:16px; max-width:1280px;margin:0 auto; }
.top_flag_in { font-size:15px; display: flex; align-items: center; color:#666666; }
.top_flag_in img { margin-right:9px; width:24px; }
.top_link_wrap { padding:8px 0; }

/*슬로건*/
#top_logo {float: left; margin:1.5rem 0 0 0.5rem; }


/* navigation */
.navigation {border-bottom:1px solid #e7e7e7;}
.navigation &gt; div {width:1180px; margin:0 auto;}
.navigation &gt; div::after,
.navigation .n_left ul::after,
.navigation .n_right ul::after {display:block; content:''; clear:both;}
.navigation .n_left {float:left; margin-top:32px;}
.navigation .n_right {float:right; margin-top:32px;}

.navigation .n_left .n_skip {float:left;}
.navigation .n_left .n_skip li {position:relative; float:left;}
.navigation .n_left .n_skip li::before {display:block; content:''; width:1px; height:12px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-6px;}
.navigation .n_left .n_skip li:nth-child(1)::before {display:none;}
.navigation .n_left .n_skip li:nth-child(3)::before {display:none;}
.navigation .n_left .n_skip li a {display:block; font-size:13px; line-height:14px; letter-spacing:-0.048em; color:#666; padding:9px 10px;}
.navigation .n_left .n_skip li:nth-child(1) a {position:fixed; left:0; top:0; width:100%; display:block; font-weight:500; font-size:17px; line-height:28px; letter-spacing:-0.048em; color:#fff; text-align:center; background:#9542a1; padding:16px; z-index:999; opacity:0; transform:translate(0,-60px); transition:opacity .3s ease-out, transform .3s ease-out;}
.navigation .n_left .n_skip li:nth-child(1) a:focus {opacity:1; transform:translate(0,0);}
.navigation .n_left .n_skip li:nth-child(2) a {padding-left:0;}
.navigation .n_left .n_skip .ico_window {display:none;}

.navigation .n_left .n_fs {float:left; background:#fff; margin-left:12px;}
.navigation .n_left .n_fs li {float:left; border-right:1px solid #e7e7e7;}
.navigation .n_left .n_fs li:first-child {border-left:1px solid #e7e7e7;}
.navigation .n_left .n_fs li a {display:block; width:32px; height:32px; background:url(../image/header/navigation_icon.png) no-repeat left top;}
.navigation .n_left .n_fs li:nth-child(1) a {background-position:0 0;}
.navigation .n_left .n_fs li:nth-child(2) a {background-position:-40px 0;}
.navigation .n_left .n_fs li:nth-child(3) a {background-position:-80px 0;}

.navigation .n_right .n_site {float:left; margin-left:12px;}
.navigation .n_right .n_site li {position:relative; float:left;}
.navigation .n_right .n_site li::before {display:block; content:''; width:1px; height:12px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-6px;}
.navigation .n_right .n_site li:last-child::before {display:none;}
.navigation .n_right .n_site li a {display:block; font-size:13px; line-height:14px; letter-spacing:-0.048em; color:#666; padding:9px 10px;}

.navigation .n_sns {float:left; margin-left:2px;}
.navigation .n_sns li {float:left; padding:5px 0; margin-left:8px;}
.navigation .n_sns li:first-child {margin-left:0;}
.navigation .n_sns li.ns_brand {margin-left:12px;}
.navigation .n_sns li &gt; a,
.navigation .n_sns li &gt; span {display:block; background:url(../image/header/navigation_icon.png) no-repeat left top;}
.navigation .n_sns .ns_twitter a {width:22px; height:22px; background-position:-240px 0;}
.navigation .n_sns .ns_facebook a {width:22px; height:22px; background-position:-280px 0;}
.navigation .n_sns .ns_naver a {width:22px; height:22px; background-position:-320px 0;}
.navigation .n_sns .ns_youtbue a {width:22px; height:22px; background-position:-401px 0;}
.navigation .n_sns .ns_instargram a {width:22px; height:22px; background-position:-360px 0;}

.navigation .n_sns .ico_window {display:none;}

.navigation .n_search {position:relative; float:left; margin-left:12px;}
.navigation .n_search input {height:32px; border-color:#e7e7e7; border-top:0; border-bottom:0; width:198px; font-size:13px; line-height:16px; padding:8px; padding-right:32px;}
.navigation .n_search .btn_search {display:block; width:32px; height:32px; position:absolute; right:0; top:0; background:url(../image/header/navigation_icon.png) no-repeat -120px 0;}

/* header */
.header {position:relative; border-bottom:1px solid #ddd;}
.header &gt; div::after {display:block; content:''; clear:both;}
.header .logo {display:block;}
.header .logo a {display:block; background-image:url(../image/header/nj.png); background-repeat:no-repeat; background-position:left center; background-size:auto 100%;}
.header .nh_brand {display:block; width:140px; height:39px; float:left; background:url(../image/header/nh_brand.png) no-repeat left top; margin:24px 0 0 16px;}
.header .btn_global_search,
.header .btn_global_menu {width:32px; height:32px; background-image:url(../image/header/header_icon.png); background-repeat:no-repeat;}
.header .btn_global_menu {display:block;}
.header .btn_global_search {background-position:0px 0px;}
.header .btn_global_menu {background-position:-50px 0px;}

@media (min-width:1180px) {
	.header &gt; div {width:1180px; height:88px; margin:0 auto;}
	.header .h_left {float:left;}
	.header .h_right {float:right;}

	.header .logo {float:left; margin-top:16px;}
	.header .logo a {width:148px; height:55px;}

	.header .gnb,
	.header .btn_global_search,
	.header .btn_global_menu {float:left;}
	.header .btn_global_search,
	.header .btn_global_menu {margin:28px 0 28px 16px;}
	.header .btn_global_search {display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.header &gt; div {height:72px;}

	.header .h_left {text-align: center;}
	.header .logo {position:absolute; left:45%; top:0; margin:16px 0 0 -54px; }
	.header .logo a {width:108px; height:40px;}
	#top_logo {position:absolute; left:50%; margin:1rem 0 0 0.5rem; }

	.header .nh_brand {display:none;}
	.header .btn_global_search,
	.header .btn_global_menu {position:absolute; top:0; margin:20px;}
	.header .btn_global_search {right:0;}
	.header .btn_global_menu {left:0;}	
	.header .btn_global_search {display:block;}
	.top_line_bnr { background-color:#edf1f5; position: relative; top:0; width:100% !important; z-index:100; }
}
@media (max-width:767px) {
	.header &gt; div {height:56px;}

	.header .logo {position:absolute; left:36%; top:0; margin:11px 0 0 -44px;}
	.header .logo a {width:89px; height:33px;}
	#top_logo {position:absolute; left:46%; margin:0.7rem 0 0 1.3rem; }
	#top_logo &gt; img {width:80%;}

	.header .nh_brand {display:none;}
	.header .btn_global_search,
	.header .btn_global_menu {position:absolute; top:0; margin:12px;}
	.header .btn_global_search {right:0;}
	.header .btn_global_menu {left:0;}	
	.header .btn_global_search {display:block;}
	.top_line_bnr { background-color:#edf1f5; position: relative; top:0; width:100% !important; z-index:100; }
}



/* gnb */
.gnb &gt; ul::after {display:block; content:''; clear:both;}
.gnb &gt; ul &gt; li {float:left; margin-bottom:-1px;}
.gnb &gt; ul &gt; li &gt; a {position:relative; display:block; padding:34px 16px; font-weight:500; font-size:19px; line-height:20px; letter-spacing:-0.048em; color:#000;}
.gnb &gt; ul &gt; li &gt; a::after {display:block; content:''; width:100%; height:3px; background:#76388b; position:absolute; left:0; bottom:-1px; transform:scaleX(0); transform-origin:right bottom; transition:transform 0.24s ease-in-out;}
.gnb &gt; ul &gt; li.over &gt; a {color:#3e184c;}
.gnb &gt; ul &gt; li.over &gt; a::after {transform:scaleX(1); transform-origin:left bottom; transition:transform 0.24s ease-in-out;}
.gnb &gt; ul &gt; li.on &gt; a {color:#3e184c;}
.gnb &gt; ul &gt; li.on &gt; a::after {transform:scaleX(1);}
.gnb .g_sub {position:absolute; left:0; top:89px; width:100%; z-index:15; overflow:hidden; display:none;}
.gnb .g_sub &gt; div {background:#f8f8f8; border-bottom:3px solid #b381c4;}
.gnb .g_sub &gt; div &gt; ul {width:1180px; margin:0 auto; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:16px 24px;}
.gnb .g_sub &gt; div &gt; ul::after {display:block; content:''; clear:both;}
.gnb .g_sub &gt; div &gt; ul &gt; li {float:left; width:20%; padding:8px;}
.gnb .g_sub &gt; div &gt; ul &gt; li &gt; a {display:block; font-size:15px; line-height:21px; font-weight:500; letter-spacing:-0.064em; color:#fff; padding:8px 16px; background:#76388b;}
.gnb .g_sub &gt; div &gt; ul &gt; li.on &gt; a,
.gnb .g_sub &gt; div &gt; ul &gt; li &gt; a:hover,
.gnb .g_sub &gt; div &gt; ul &gt; li &gt; a:focus {background:#3e184c;}
.gnb_bg {position:absolute; left:0; top:89px; width:100%; z-index:10; background:#fff; display:none;}
.gnb .ico_window {display:none;}

/* global search */
.global_search {position:absolute; background:#fff; z-index:910; opacity:0; transform:translate(0,-25%); transition:opacity .24s ease-out, transform .24s ease-out; display:none;}
.global_search.open {opacity:1; transform:translate(0,0);}
.global_search .btn_close {display:block; position:absolute; right:0; top:0; background:url(../image/header/header_icon.png) no-repeat #3e184c -50px -50px;}
.global_search form {position:relative;}
.global_search input[type="text"] {border:0; margin:0; display:block; font-weight:500; letter-spacing:-0.048em; color:#333;}
.global_search .btn_search {border:0; padding:0; margin:0; display:block; font-size:0; line-height:0; text-align:center; position:absolute; right:0; top:0; background:#76388b;}
.global_search .btn_search * {vertical-align:middle;}
.global_search .btn_search i {display:inline-block; width:24px; height:24px; background:url(../image/header/header_icon.png) no-repeat 0px -50px;}
.global_search .btn_search span {display:inline-block; font-weight:500; font-size:19px; line-height:24px; letter-spacing:-0.048em; color:#fff; padding:0 4px;}

@media (min-width:1180px) {
	.global_search {left:50%; top:100%; width:720px; height:56px; padding-right:56px; margin:1px 0 0 -360px;}
	.global_search .btn_close {width:56px; height:56px;}
	.global_search form {padding-right:112px;}
	.global_search input[type="text"] {height:56px; padding:16px; font-size:20px; line-height:24px;}
	.global_search .btn_search {width:112px; height:56px; padding:16px 0;}
	.global_search .btn_search span {font-size:20px; line-height:24px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.global_search {left:0; top:0; width:100%; height:72px; padding-right:72px;}
	.global_search .btn_close {width:72px; height:72px; background-position:-42px -42px;}
	.global_search form {padding-right:144px;}
	.global_search input[type="text"] {height:72px; padding:24px; font-size:20px; line-height:24px;}
	.global_search .btn_search {width:144px; height:72px; padding:24px 0;}
	.global_search .btn_search span {font-size:20px; line-height:24px;}
}
@media (max-width:767px) {
	.global_search {left:0; top:0; width:100%; height:56px; padding-right:56px;}
	.global_search .btn_close {width:56px; height:56px;}
	.global_search form {padding-right:56px;}
	.global_search input[type="text"] {height:56px; padding:16px; font-size:20px; line-height:24px;}
	.global_search .btn_search {width:56px; height:56px; padding:16px 0;}
	.global_search .btn_search span {display:none;}
}

/* global menu */
.global_menu {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:910; display:none; opacity:0; transition:opacity .24s ease-out;}
.global_menu * {vertical-align:middle;}
.global_menu.open {opacity:1;}
.global_menu &gt; div {position:relative; background:#fff; transition:transform .24s ease-out;}
.global_menu .btn_close {display:block; position:absolute; right:0; top:0; background-image:url(../image/header/header_icon.png); background-repeat:no-repeat;}
.global_menu .gm_title {position:relative;}
.global_menu .gm_content .gmc_title {display:block; font-size:17px; font-weight:500; letter-spacing:-0.064em;}
.global_menu .gm_content .gmc_list &gt; ul &gt; li &gt; a {display:block; font-size:15px; line-height:22px; font-weight:500; letter-spacing:-0.064em;}
.global_menu .gm_content .gmc_list .gmc_sub &gt; ul &gt; li {position:relative; padding:2px 0; padding-left:8px;}
.global_menu .gm_content .gmc_list .gmc_sub &gt; ul &gt; li::before {display:block; content:''; width:2px; height:2px; border-radius:2px; background:#bbb; position:absolute; left:0; top:11px;}
.global_menu .gm_content .gmc_list .gmc_sub &gt; ul &gt; li &gt; a {display:block; font-size:13px; line-height:20px; color:#666;}

@media (min-width:1180px) {
	.global_menu {overflow-y:auto; padding:48px 0;}
	.global_menu &gt; div {width:1180px; margin:0 auto; transform:translate(-8px,-4%);}
	.global_menu.open &gt; div {transform:translate(-8px, 0);}
	.global_menu .btn_close {width:56px; height:56px; background-position:-50px -50px; background-color:#9e59b5;}

	.global_menu .gm_title {height:56px; padding:17px 24px; border-bottom:1px solid rgba(0,0,0,0.08);}
	.global_menu .gm_title .gmt_tm {display:none;}
	.global_menu .gm_title .gmt_p span {display:block; font-size:20px; line-height:22px; font-weight:500; letter-spacing:-0.064em; color:#222;}

	.global_menu .gm_content &gt; div &gt; ul {padding:0 11px; width:100%; height:790px; column-width:198px; column-gap:0; column-rule:1px solid rgba(0,0,0,0.08);}
	.global_menu .gm_content &gt; div &gt; ul &gt; li {display:inline-block; padding:12px; width:100%;}
	.global_menu .gm_content .gmc_title {padding:6px 12px; background:#76388b; line-height:24px; color:#fff;}
	.global_menu .gm_content .gmc_title::after {display:none;}

	.global_menu .gm_content .gmc_list &gt; ul {padding:8px 0;}
	.global_menu .gm_content .gmc_list &gt; ul &gt; li {padding:2px 0; padding-left:10px;}
	.global_menu .gm_content .gmc_list &gt; ul &gt; li &gt; a {color:#76388b;}
	.global_menu .gm_content .gmc_list &gt; ul &gt; li &gt; a::after {display:block;}
	.global_menu .gm_content .gmc_list .gmc_sub {padding:4px 0;}
}
@media (max-width:1179px) {	
	.global_menu &gt; div {width:320px; height:100%; overflow:hidden; overflow-y:auto; transform:translate(-25%,0);}
	.global_menu.open &gt; div {transform:translate(0,0);}
	.global_menu .btn_close {width:40px; height:40px; background-position:-58px -58px; background-color:#4f5569;}

	.global_menu .gm_title {background:#f8f8f8; border-bottom:2px solid #4f5569;}
	.global_menu .gm_title .gmt_p {display:none;}	
	.global_menu .gm_title .gmt_tm .gmtt_t {padding-right:40px;}

	.global_menu .gm_title .gmt_tm .gmtt_b {padding:9px 18px; padding-right:40px;}
	.global_menu .gm_title .gmt_tm .gmtt_b::after {display:block; content:''; clear:both;}
	.global_menu .gm_title .gmt_tm .gmtt_b ul::after {display:block; content:''; clear:both;}	
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_site {padding:9px 0;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_site, .global_menu .gm_title .gmt_tm .gmtt_b .gmt_sns {float:left;}	
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_site {padding:4px 0; margin-right:8px;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_site ul li {float:left; padding:0 8px; border-left:1px solid #ddd;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_site ul li:first-child {padding-left:0; border-left:0;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_site ul li a {display:block; font-size:13px; line-height:14px; letter-spacing:-0.048em; color:#666;}	
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_sns ul li {float:left; margin-right:8px;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_sns ul li a {display:block; width:22px; height:22px; background-image:url(../image/header/navigation_icon.png); background-repeat:no-repeat;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_sns .gmts_twitter a {background-position:-240px 0;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_sns .gmts_facebook a {background-position:-280px 0;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_sns .gmts_naver a {background-position:-320px 0;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_sns .gmts_youtbue a {background-position:-401px 0;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_sns .gmts_instargram a {background-position:-360px 0;}
	.global_menu .gm_title .gmt_tm .gmtt_b .gmt_site .ico_window, .global_menu .gm_title .gmt_tm .gmtt_b .gmt_sns .ico_window {display:none;}

	.global_menu .gm_content .gmc_title {position:relative; line-height:24px; color:#222; padding:12px 16px; padding-right:48px; border-bottom:1px solid rgba(0,0,0,0.08);}
	.global_menu .gm_content .gmc_title::after {content:''; display:block; position:absolute; right:0; top:50%; width:48px; height:48px; margin-top:-24px; background-image:url(../image/header/header_icon.png); background-repeat:no-repeat; background-position:0px -150px;}
	.global_menu .gm_content .on .gmc_title {background:#76388b; color:#fff;}
	.global_menu .gm_content .on .gmc_title::after {background-position:-300px -150px;}
	.global_menu .gm_content .open .gmc_title::after {background-position:-200px -150px;}
	.global_menu .gm_content .on.open .gmc_title::after {background-position:-50px -150px;}

	.global_menu .gm_content .gmc_list {display:none;}
	.global_menu .gm_content .open .gmc_list {display:block;}
	.global_menu .gm_content .gmc_list &gt; ul &gt; li &gt; a {position:relative; color:#444; padding:9px 48px 9px 24px; background:#f8f8f8; border-bottom:1px solid rgba(0,0,0,0.08);}

	.global_menu .gm_content .gmc_list &gt; ul &gt; li.on &gt; a {color:#fff; background:#3e184c;}	
	.global_menu .gm_content .gmc_list &gt; ul &gt; li.has_child &gt; a::after {content:''; display:block; position:absolute; right:0; top:50%; width:48px; height:40px; margin-top:-20px; background-image:url(../image/header/header_icon.png); background-repeat:no-repeat; background-position:-100px -154px;}
	.global_menu .gm_content .gmc_list &gt; ul &gt; li.has_child.on &gt; a::after {background-position:-350px -154px;}
	.global_menu .gm_content .gmc_list &gt; ul &gt; li.has_child.open &gt; a::after {background-position:-250px -154px;}
	.global_menu .gm_content .gmc_list &gt; ul &gt; li.has_child.on.open &gt; a::after {background-position:-150px -154px;}
	.global_menu .gm_content .gmc_list .gmc_sub {display:none; padding:12px 16px 12px 24px; border-bottom:1px solid rgba(0,0,0,0.08);}
	.global_menu .gm_content .gmc_list .open .gmc_sub {display:block;}
	.global_menu .gm_content .gmc_list .gmc_sub .on a {color:#000; font-weight:500;}
}

/* footer */
.footer {border-top:3px solid #333; background:#f8f8f8; margin-top:30px;}
.footer .f_top {border-bottom:1px solid #ddd;}
.footer .f_top &gt; div::after {display:block; content:''; clear:both;}
.footer .f_bottom &gt; div::after {display:block; content:''; clear:both;}
.footer .footer_top {padding:20px 0}

.footer .ico_window {display:none;}

.link_lst {}
.link_lst ul li a {line-height:22px; color:#666; font-size:14px; margin:10px;}
.link_lst ul li i {display: inline-block; content:''; clear:both;background-image:url(../image/footer/pn_arrow_right.png); background-repeat:no-repeat; width:7px; height:10px;margin-left:10px}

/*sns_footer*/
.sns_link_wrap{margin-top:20px}
.sns_lst{display:flex}
.sns_lst &gt; li{margin-left:10px}
.sns_lst &gt; li &gt; a {display:block;width:40px;height:40px;border:1px solid var(--gray20);background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:40px auto;border-radius:50%}
.sns_lst &gt; li.youtube &gt; a {background-image:url(../image/footer/icon_sns_youtube.png)}
.sns_lst &gt; li.facebook &gt; a {background-image:url(../image/footer/icon_sns_facebook.png)}
.sns_lst &gt; li.twitter &gt; a {background-image:url(../image/footer/icon_sns_twitter.png)}
.sns_lst &gt; li.instagram &gt; a {background-image:url(../image/footer/icon_sns_instagram.png)}
.sns_lst &gt; li.blog &gt; a {background-image:url(../image/footer/icon_sns_blog.png)}

@media (min-width:1180px) {
	.footer .footer_top {width:1180px; margin:0 auto; }
	.footer .f_top &gt; div {width:1180px; margin:0 auto;}
	.footer .f_top .ft_left {float:left;}
	.footer .f_top .ft_right {float:right;}
	.footer .f_bottom &gt; div {width:1180px; margin:0 auto; padding:0 0 48px 0;}	
	.footer .f_bottom .fb_left {float:left;}
	.footer .f_bottom .fb_right {float:right;}
}
@media (min-width:768px) and (max-width:1179px) {
	.footer .footer_top {width:100%; text-align:center;margin-top:20px}
	.footer .f_top &gt; div {padding:0 24px;}
	.footer .f_top .ft_left {float:left;}
	.footer .f_top .ft_right {float:right;}
	.footer .f_bottom &gt; div {padding:24px 24px 48px 24px;}
	.footer .f_bottom .fb_left {float:left;}
	.footer .f_bottom .fb_right {float:right;}
}
@media (max-width:767px) {
	.footer {margin-top:50px}
	.footer .footer_top {width:100%; text-align:center;margin-top:20px}
	.footer .f_bottom &gt; div {padding:16px 16px 32px 16px;}
	.sns_lst{justify-content: center;}
}

/* footer relate */
.f_relate &gt; ul &gt; li {position:relative; padding:12px 0;}
.f_relate &gt; ul &gt; li &gt; a {position:relative; display:block; font-size:0; line-height:0;}
.f_relate &gt; ul &gt; li &gt; a &gt; span,
.f_relate &gt; ul &gt; li &gt; a &gt; em {display:inline-block; font-size:13px; line-height:14px; letter-spacing:-0.048em; color:#000; padding:5px 0; padding-right:4px;}
.f_relate &gt; ul &gt; li &gt; a::after {content:''; position:absolute; right:0; top:50%; margin-top:-12px; display:block; width:24px; height:24px; transition:transform .24s ease-out; background:url(../image/footer/fr_arrow_up.png) no-repeat center center;}
.f_relate &gt; ul &gt; li.open &gt; a::after {transform:rotate(-180deg);}
.f_relate &gt; ul &gt; li &gt; div {position:absolute; bottom:36px; display:none; z-index:900;}
.f_relate &gt; ul &gt; li.open div {display:block;}
.f_relate &gt; ul &gt; li &gt; div &gt; ul {background:#fff; border:1px solid #333; max-height:332px; overflow-y:auto;}
.f_relate &gt; ul &gt; li &gt; div &gt; ul &gt; li {border-bottom:1px solid #eee;}
.f_relate &gt; ul &gt; li &gt; div &gt; ul &gt; li:last-child {border-bottom:0;}
.f_relate &gt; ul &gt; li &gt; div &gt; ul &gt; li &gt; a {display:block; font-size:13px; line-height:16px; letter-spacing:-0.048em; color:#666; padding:8px 16px;}
.f_relate &gt; ul &gt; li &gt; div &gt; ul &gt; li &gt; a:focus {border:2px solid #222;}

@media (min-width:1180px) {
	.f_relate &gt; ul::after {display:block; content:''; clear:both;}
	.f_relate &gt; ul &gt; li {float:left; margin-right:16px;}
	.f_relate &gt; ul &gt; li &gt; div {min-width:200px;}
	.f_relate &gt; ul &gt; li &gt; a {padding-right:24px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.f_relate &gt; ul::after {display:block; content:''; clear:both;}
	.f_relate &gt; ul &gt; li {float:left; margin-right:16px;}
	.f_relate &gt; ul &gt; li &gt; div {min-width:200px;}
	.f_relate &gt; ul &gt; li &gt; a {padding-right:24px;}
}
@media (max-width:767px) {
	.f_relate &gt; ul {display:table; table-layout:fixed; width:100%;}
	.f_relate &gt; ul &gt; li {display:table-cell; border-right:1px solid #ddd;}
	.f_relate &gt; ul &gt; li:last-child {border-right:0;}
	.f_relate &gt; ul &gt; li &gt; a {padding:0 48px 0 16px;}
	.f_relate &gt; ul &gt; li &gt; a::after {width:48px; height:48px; margin-top:-24px;}
	.f_relate &gt; ul &gt; li &gt; a &gt; em {display:none;}
	.f_relate &gt; ul &gt; li &gt; div {width:100%; padding:0 16px;}
	.footer .f_bottom .fb_right {text-align:center; margin-top:15px;}
	.f_address p {text-align:center;}
	.f_copyright p {text-align:center;}
}

/* footer viewer */
.f_viewer {padding:12px 0;}
.f_viewer::after {display:block; content:''; clear:both;}
.f_viewer &gt; span,
.f_viewer &gt; ul {float:left;}
.f_viewer &gt; span {display:block; font-weight:700; font-size:13px; line-height:14px; letter-spacing:-0.048em; color:#000; padding:5px 0;}
.f_viewer &gt; ul {margin-left:8px;}
.f_viewer &gt; ul::after {display:block; content:''; clear:both;}
.f_viewer &gt; ul &gt; li {float:left; margin-left:8px;}
.f_viewer &gt; ul &gt; li &gt; a {display:block; width:24px; height:24px; background-image:url(../image/footer/footer_icon.png); background-repeat:no-repeat}
.f_viewer .ico_hangul a {background-position:0px 0px;}
.f_viewer .ico_word a {background-position:-30px 0px;}
.f_viewer .ico_ppt a {background-position:-60px 0px;}
.f_viewer .ico_pdf a {background-position:-90px 0px;}
.f_viewer .ico_flash a {background-position:-120px 0px;}
.f_viewer .ico_media a {background-position:-150px 0px;}

/* footer navigation */
.f_navigation ul {font-size:0; line-height:0;}
.f_navigation ul li {display:inline-block;}
.f_navigation ul li a {display:block; font-size:13px; line-height:14px; letter-spacing:-0.048em; color:#222;}
.f_navigation ul li span {display:block; font-size:13px; line-height:14px; letter-spacing:-0.048em; color:#222;}
.f_navigation .txt_private a {color:#76388b;}

@media (min-width:1180px) {
	.f_navigation ul li {border-right:1px solid #ddd; padding:0 12px;}
	.f_navigation ul li:first-child {padding-left:0;}
	.f_navigation ul li:last-child {padding-right:0; border-right:0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.f_navigation ul li {border-right:1px solid #ddd; padding:0 12px;}
	.f_navigation ul li:first-child {padding-left:0;}
	.f_navigation ul li:last-child {padding-right:0; border-right:0;}
}
@media (max-width:767px) {
	.f_navigation ul {text-align:center;}
	.f_navigation ul li {padding:6px 12px;}
}

/* footer address */
.f_address {}
.f_address p {display:block; font-size:13px; line-height:20px; color:#444;}
.f_address .fa_number {font-family:'Lato'; letter-spacing:0;}

@media (max-width:767px) {
	.f_address p {text-align:center;}
}

/* footer copyright */
.f_copyright {margin-top:12px;}
.f_copyright p {display:block; font-size:12px; line-height:19px; color:#666;}

@media (max-width:767px) {
	.f_copyright p {text-align:center;}
}

/*운영기관 식별자*/
.f_btm_ban {display:block; background-image:url(../image/footer/h_logo.png); background-repeat:no-repeat; background-position:10px center; background-size:auto 60%;margin-top:20px; background-color:#FFF; padding:10px}
.f_btm_ban p {display:block; font-size:12px; line-height:19px; color:#666;padding:0 0 0 90px;}

/* footer mark */
.f_mark ul {font-size:0; line-height:0;}
.f_mark ul li {display:inline-block; height:48px; margin-left:24px;}
.f_mark ul li em {display:inline-block; height:48px; vertical-align:middle; background-image:url(../image/footer/footer_icon.png); background-repeat:no-repeat;}
.f_mark ul li span {display:inline-block; font-size:13px; line-height:18px; letter-spacing:-0.048em; color:#666; vertical-align:middle; padding-left:8px;}
.f_mark .ico_woo em {width:48px; background-position:0px -100px;}
.f_mark .ico_mohw em {width:48px; background-position:0px -50px;}
.f_mark .ico_wa em {width:68px; background-position:-50px -50px;}



/* content */
.container &gt; div::after {display:block; content:''; clear:both;}

@media (min-width:1180px) {
	.container &gt; div {width:1180px; margin:0 auto; padding:20px 0; padding-bottom:60px;}
	.lnb {float:left; width:220px;}
	.content {float:right; width:920px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.container &gt; div {padding:24px; padding-bottom:48px;}
}
@media (max-width:767px) {
	.container &gt; div {padding:16px; padding-bottom:32px;}
}

/* lnb */
.lnb * {vertical-align:middle;}
.lnb .l_title {height:110px; text-align:center; background:url(../image/sub_cmn/lnb_bg.png) no-repeat #a35dbb left bottom; border-bottom:4px solid #3e184c;}/*background:url(../image/sub_cmn/lnb_icon.png) no-repeat #219ca4 left bottom;*/
.lnb .l_title::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.lnb .l_title h2 {display:inline-block; font-size:24px; line-height:32px; letter-spacing:-0.064em; color:#fff;}
.lnb .l_list &gt; ul &gt; li &gt; a {position:relative; display:block;font-size:15px; line-height:23px; letter-spacing:-0.064em; color:#222; padding:8px 20px; padding-right:40px; border-bottom:1px solid rgba(0,0,0,0.08);}
.lnb .l_list &gt; ul &gt; li.on &gt; a {background-color:#76388b; color:#fff;}
.lnb .l_list &gt; ul &gt; li &gt; a::after {display:none; content:''; width:40px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; background:url(../image/sub_cmn/lnb_icon.png) no-repeat left top;}
.lnb .l_list &gt; ul &gt; li.has_child &gt; a::after {display:block; background:url(../image/sub_cmn/lnb_icon.png) no-repeat -40px top;}
.lnb .l_list &gt; ul &gt; li.on &gt; a::after {display:block;}
.lnb .l_list &gt; ul &gt; li.has_child.on &gt; a::after {background:url(../image/sub_cmn/lnb_icon.png) no-repeat -120px top;}
.lnb .l_list &gt; ul &gt; li.has_child.open &gt; a::after {background:url(../image/sub_cmn/lnb_icon.png) no-repeat -80px top;}
.lnb .l_list &gt; ul &gt; li.has_child.on.open &gt; a::after {background:url(../image/sub_cmn/lnb_icon.png) no-repeat -160px top;}
.lnb .l_list &gt; ul &gt; li &gt; div {padding:10px 20px; background:#f9f9f9;}
.lnb .l_list &gt; ul &gt; li &gt; div &gt; ul &gt; li {position:relative; padding:2px 0 2px 8px;}
.lnb .l_list &gt; ul &gt; li &gt; div &gt; ul &gt; li::before {display:block; width:2px; height:2px; border-radius:2px; background:#bbb; content:''; position:absolute; left:0; top:11px;}
.lnb .l_list &gt; ul &gt; li &gt; div &gt; ul &gt; li &gt; a {display:block; font-size:13px; line-height:20px; color:#666;}
.lnb .l_list &gt; ul &gt; li &gt; div &gt; ul &gt; li.on &gt; a {color:#76388b; text-decoration:underline;}

/* sub top */
.sub_top .st_navigation ul::after {display:block; content:''; clear:both;}
.sub_top .st_navigation ul {padding:4px 0;}
.sub_top .st_navigation ul li {float:left; padding:2px 8px 2px 12px; background:url(../image/sub_cmn/sub_tb_icon.png) no-repeat -40px -15px;}
.sub_top .st_navigation ul li:first-child {background:none; padding-left:0; padding-right:4px;}
.sub_top .st_navigation ul li a {display:block; font-size:14px; line-height:22px; color:#666;}
.sub_top .st_navigation ul li:first-child a {width:20px; height:22px; background:url(../image/sub_cmn/sub_tb_icon.png) no-repeat 2px 2px;}
.sub_top .st_navigation ul li:last-child a {color:#76388b; border-bottom:1px dotted #76388b; margin-bottom:-1px;}
.sub_top .st_title {padding:12px 0; border-bottom:1px solid #ddd;}
.sub_top .st_title &gt; div {padding:8px 0;}
.sub_top .st_title::after {display:block; content:''; clear:both;}
.sub_top .st_title * {vertical-align:top;}
.sub_top .st_title h3 {display:block; font-weight:500; font-size:32px; line-height:40px; letter-spacing:-0.08em; color:#333;}
.sub_top .st_title .btn {margin:1px 0;}

.sub_top .st_navigation &gt; a {font-size: 14px; color: #444; margin:0 5px;}
.sub_top .st_navigation a:last-child {color:#76388b; border-bottom:1px dotted #76388b; margin-bottom:-1px;}
.sub_top .st_navigation a.go_home {width:20px; height:22px; background:url(../image/sub_cmn/sub_tb_icon.png) no-repeat -3px 2px;}
.sub_top .st_navigation a.go_home &gt; span {text-indent: -99999px; display: inline-block; width:12px; height:13px;}

.sub_top .st_navigation .vv {vertical-align: middle; color: #666;;}

/* foot author */
.foot_author {font-size:0; line-height:0; border:1px solid #eaeaea; margin-top:32px;}
.foot_author &gt; div &gt; div * {vertical-align:middle;}
.foot_author .fa_title {background:#f9f9f9; font-size:0; line-height:0;}
.foot_author .fa_title .ico_info {position:relative; display:inline-block; width:18px; height:18px; border-radius:9px; border:2px solid #b1b1b1; vertical-align:middle;}
.foot_author .fa_title .ico_info::before {display:block; content:''; width:2px; height:2px; background:#b1b1b1; position:absolute; left:50%; top:3px; margin-left:-1px;}
.foot_author .fa_title .ico_info::after {display:block; content:''; width:2px; height:5px; background:#b1b1b1; position:absolute; left:50%; top:6px; margin-left:-1px;}
.foot_author .fa_title span {display:inline-block; font-size:14px; line-height:22px; font-weight:500; letter-spacing:-0.048em; color:#666; padding-left:6px; vertical-align:middle;}
.foot_author .fa_info ul {padding:12px 16px;}
.foot_author .fa_info ul li {position:relative; display:inline-block; font-size:14px; line-height:22px; color:#222; padding:3px 16px; padding-left:8px;}
.foot_author .fa_info ul li::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#222; position:absolute; left:0; top:13px;}

@media (min-width:1180px) {
	.foot_author &gt; div {display:table; table-layout:fixed; width:100%;}
	.foot_author &gt; div &gt; div {display:table-cell;}
	.foot_author .fa_title {width:128px; text-align:center;}
}
@media (min-width:768px) and (max-width:1179px) {
	.foot_author &gt; div {display:table; table-layout:fixed; width:100%;}
	.foot_author &gt; div &gt; div {display:table-cell;}
	.foot_author .fa_title {width:128px; text-align:center;}
}
@media (max-width:767px) {
	.foot_author .fa_title {padding:12px 16px;}
}

#edu_iframe {margin-top:32px !important;}</pre></body></html>