@charset "utf-8"; 

/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin:0; padding:0; -webkit-text-size-adjust:none; }
body, html { width:100%; height:100%; }
body, h1, h2, h3, h4, h5, h6, textarea, button, select, a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var, li { font-family: "NanumSquareNeo", Apple SD Gothic Neo, Malgun Gothic, sans-serif; -webkit-font-smoothing:antialiased; }
img, fieldset, button { border:0; }
table, td, th, tr { padding:0; border-collapse:collapse;}
ul, li, ol { list-style:none; }
em, address { font-style:normal; }
a { text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:none; }
.blind { overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; }
.edg { position:absolute; top:12px; right:4px; width:0; height:0; border-width:0 8px 8px; border-style:solid; border-color:transparent transparent #333; }
.clear { clear:both; }

/* ´ÙÅ© ¸ðµå */
@media (prefers-color-scheme: dark) { 
	body { background-color: #121212 !important; color: #bbb !important; }
	h1, h2, h3,a { color: #f1f1f1 !important; }
; }

body { color:var(--color-black) !important; background-color:var(--color-white) !important; }
body.color_scheme_dark * { color:var(--color-black) !important; background-color:var(--color-white) !important; border-color:#555 !important; }
body.color_scheme_dark a { color:var(--color-black) !important; }
body { display:flex; flex-direction:column; min-height:100vh; margin:0; }
.container { flex:1; }

/* Layout */
.header { position:relative; z-index:99; height:80px; margin:0 auto; padding:0px; zoom:1; }
.header > .side { float:right; z-index:2; margin:39px 0 0 22px; line-height:20px; }
.container { position:relative; padding:10px 0; }
.container.fixed-width { margin:0 auto; }
.header:after, .container:after { display:block; clear:both; content:''; }
.content { zoom:1; padding-top:10px; }
.content:after { display:block; clear:both; content:''; }
.content > :first-child { margin-top:0; }
.content img { height:auto; }

/* Header */
.header > h1 { float:left; padding:10px 0 0 5px; margin-right:5px; line-height:80px; }
.header > h1 img { vertical-align:middle; padding-left:0px; }

/* Footer */
.footer { text-align:center;; }
.footer .f_cr_area { padding:15px; display:flex; justify-content:center; align-items:center;; }
.footer .copyright { margin:0 auto; font-size:13px; }
.footer .copyright ul { line-height:20px }

/* Login */
.header > .side > ul > li { position:relative; float:left; }
.header > .side > ul:after { display:block; clear:both; content:''; }
.header > .side > ul > li > a { display:block; width:22px; height:22px; margin:0; font-size:22px; line-height:22px; color:#888; text-align:center; }
.header > .side > ul > li > a:hover, .header > .side > ul > li > a:focus, .header > .side > ul > li > a:active, .header > .side > ul > li.on > a { color:#444; }
.header > .side > ul .ly { position:relative; position:absolute; top:100%; right:0; margin-top:13px; background-color:#f9f9f9; }
.header > .side > ul .ly.ly_login { overflow:hidden; margin-top:0; background:url('../img/blank.gif') 0 0 repeat; height:0; }
.header > .side > ul .ly.ly_login ul { position:relative; margin-top:18px; padding:8px 0; border:solid 1px #000000; -moz-border-radius:10px 0 10px 10px; -webkit-border-radius:10px 0 10px 10px; border-radius:10px 0 10px 10px; 
background:#45484d; /* Old browsers */
background:-moz-linear-gradient(top, #45484d 0%, #848484 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top, #45484d 0%,#848484 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, #45484d 0%,#848484 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#848484',GradientType=0 ); /* IE6-9 */
; }
.header > .side > ul .on .ly.ly_login { height:auto; }
.header > .side > ul .ly li { display:block; min-width:180px; height:30px; padding:0 20px; line-height:40px; font-size:10px; color:#ffffff; }
.header > .side > ul .ly a { display:block; min-width:180px; height:30px; padding:0 0px; line-height:40px; font-size:13px; color:#fff; }
.header > .side > ul .ly a:hover { color:#cda25a; text-decoration:none; transform:scaleY(1.2); }
.header > .side > ul > li .login_after { overflow:hidden; width:40px; height:40px; margin-top:-9px; border-radius:100%; }
.header > .side > ul > li .login_after img { width:40px; height:40px; }
.header > .side > ul > li .login_after ~ .ly_login .edg { right:11px; }
.side .light_dark { position:absolute; top:0px; left:-10px; }

/* GNB */
.gnb { position:relative; display:flex; justify-content:center; align-items:center; }
.gnb ul { display:table-cell; vertical-align:middle; text-align:left; }
.gnb a { text-decoration:none; white-space:nowrap; }
.gnb > ul > li { float:left; position:relative; text-align:left; }
.gnb > ul:after { display:block; clear:both; content:''; }
.gnb > ul > li > a { display:block; position:relative; padding:0 14px; line-height:100px; font-size:15px; font-weight:400; color:#888; }
.gnb > ul > li > a:hover,
.gnb > ul > li > a:focus,
.gnb > ul > li.on > a { color:#f60; -webkit-transition:2s; }
.gnb > ul .depth2 { display:none; position:absolute; top:75%; left:0; z-index:2; padding:8px 0; margin-left:10px; background-color:#333; }
.gnb > ul .depth2 > li { position:relative; }
.gnb > ul .depth2:after { position:absolute; top:-3px; left:0; width:100%; height:3px; background-color:#cda25a; content:''; }
.gnb > ul .depth2 a { display:block; position:relative; min-width:170px; height:40px; padding:0 30px 0 20px; line-height:40px; font-size:13px; color:#fff; }
.gnb > ul .depth2 a:hover,
.gnb > ul .depth2 a:active,
.gnb > ul .depth2 a:focus,
.gnb > ul .depth2 > li.on > a { color:#cda25a; }
.gnb > ul .depth3 { display:none; position:absolute; top:-8px; left:100%; z-index:2; padding:8px 0; background-color:#333; }
.gnb > ul .depth2 > li.more > a:after { position:absolute; right:20px; content:'>'; }

/* Scroll to top link */
.btn_top { display:none; position:fixed; right:0; bottom:57px; z-index:1000; width:48px; height:48px; background-color:#555; font-size:24px; color:#fff; text-align:center; opacity:0.8; filter:alpha(opacity=80); }
.btn_top:hover { background-color:#cda25a; color:#fff; text-decoration:none; opacity:1; filter:alpha(opacity=100); }
.btn_top i { line-height:48px; }

/* Mobile */
@media all and (max-width:479px) { 
	body, html { width:vw; }

	/* Layout */
	.header { position:relative; z-index:2; height:auto; margin:0 auto; zoom:1; }
	.header > .side { display:none; }
	.body.fixed-width { width:auto; margin:0; }
	.header:after, .body:after { clear:both; content:''; }
	.body { padding:0; }
	.content { zoom:1; width:100vw; }
	.content:after { clear:both; content:''; }
	.content > :first-child { margin-top:0; }
	.content .ad_top {  }

	/* Header */
	.header > h1 { float:none; margin-right:0; padding:0 15px; line-height:50px; display:block; }
	.header > h1 img { max-height:40px; padding:0; margin:0; }

	/* Footer */
	.footer { border-top:1px solid #e4e4e4; border-bottom:3px solid #cda25a; background-color:#f1f1f1; }
	.footer .f_cr_area { padding:0; background-color:#555; color:#fff; }
	.footer .copyright { width:auto; margin:10px; font-size:12px; color:#f1f1f1; line-height:30px; }

	.header > .side,
	.gnb,
	.copyright span { display:none; }
}