@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%; }
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,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: "³ª´®°íµñ", Noto Sans Korean, ³ª´®¹Ù¸¥°íµñ, ¸¼Àº °íµñ, °íµñ, ng, NanumBarunGothic, Open Sans, Malgun Gothic, µ¸¿ò, Dotum, 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; height:100vh; background-repeat:no-repeat; background-size:cover;}
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; }

/* Layout */
.gtco-nav { position:fixed; top:0; padding:20px; width:100vw; z-index:2; }
.gtco-nav ul { padding:0; margin:1px 0 0 0;}
.gtco-nav ul li { padding:0; margin:0; list-style:none; display:inline-block;}
.gtco-nav ul li a { font-size:12px; margin:0px 10px; padding:0; text-transform:uppercase; color:rgba(255, 255, 255, 0.5); font-weight:400 !important; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.gtco-nav ul li a:hover, .gtco-nav ul li a:focus, .gtco-nav ul li a:active { color:#fff; }
.gtco-nav .logo-item { margin-left:60px; }

.header { position:relative; z-index:2; height:80px; margin:0 auto; padding:0px; zoom:1; }
.header > .side { z-index:2; margin:39px 0 0 22px; line-height:20px; }
.body { position:relative; padding:10px 0; }
.body.fixed-width { margin:0 auto; }
.header:after, .body:after { display:block; clear:both; content:''; }

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

/* 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:11px; 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; }

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

	/* 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; }

	/* 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; }

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