@charset "utf-8";


/*
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 100;
    src:url('../fonts/NotoSans-Thin.woff2') format('woff2'), 
		url('../fonts/NotoSans-Thin.woff') format('woff'),
        url('../fonts/NotoSans-Thin.ttf') format('truetype'),
        url('../fonts/NotoSans-Thin.otf') format('opentype'),
		url('../fonts/NotoSans-Thin.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/NotoSans-Light.woff') format('woff'),
        url('../fonts/NotoSans-Light.ttf') format('truetype'),
        url('../fonts/NotoSans-Light.otf') format('opentype'),
		url('../fonts/NotoSans-Light.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSans-DemiLight.woff') format('woff'),
        url('../fonts/NotoSans-DemiLight.ttf') format('truetype'),
        url('../fonts/NotoSans-DemiLight.otf') format('opentype'),
		url('../fonts/NotoSans-DemiLight.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSans-Regular.woff') format('woff'),
        url('../fonts/NotoSans-Regular.ttf') format('truetype'),
        url('../fonts/NotoSans-Regular.otf') format('opentype'),
		url('../fonts/NotoSans-Regular.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSans-Medium.woff') format('woff'),
        url('../fonts/NotoSans-Medium.ttf') format('truetype'),
        url('../fonts/NotoSans-Medium.otf') format('opentype'),
		url('../fonts/NotoSans-Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/NotoSans-Bold.woff') format('woff'),
        url('../fonts/NotoSans-Bold.ttf') format('truetype'),
        url('../fonts/NotoSans-Bold.otf') format('opentype'),
		url('../fonts/NotoSans-Bold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSans-Black.woff') format('woff'),
        url('../fonts/NotoSans-Black.ttf') format('truetype'),
        url('../fonts/NotoSans-Black.otf') format('opentype'),
		url('../fonts/NotoSans-Black.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.otf') format('opentype'),
		url('../fonts/Roboto-Bold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NEXONLv1Gothic';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/NEXONLv1GothicLight.woff') format('woff'),
        url('../fonts/NEXONLv1GothicLight.ttf') format('truetype'),
        url('../fonts/NEXONLv1GothicLight.otf') format('opentype'),
		url('../fonts/NEXONLv1GothicLight.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NEXONLv1Gothic';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NEXONLv1GothicRegular.woff') format('woff'),
        url('../fonts/NEXONLv1GothicRegular.ttf') format('truetype'),
        url('../fonts/NEXONLv1GothicRegular.otf') format('opentype'),
		url('../fonts/NEXONLv1GothicRegular.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NEXONLv1Gothic';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/NEXONLv1GothicBold.woff') format('woff'),
        url('../fonts/NEXONLv1GothicBold.ttf') format('truetype'),
        url('../fonts/NEXONLv1GothicBold.otf') format('opentype'),
		url('../fonts/NEXONLv1GothicBold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/GmarketSansTTFBold.woff') format('woff'),
        url('../fonts/GmarketSansTTFBold.ttf') format('truetype'),
        url('../fonts/GmarketSansTTFBold.otf') format('opentype'),
		url('../fonts/GmarketSansTTFBold.eot') format('embedded-opentype');
}

* { margin: 0; padding: 0;  box-sizing: border-box; outline: 0; }

body { min-width: 1200px; font-family:'NotoSansKR'; letter-spacing: -1px; overflow-x: hidden; height: 100vh; width: 100vw;}
body a { font-family:'NotoSansKR'; }
*/

/* 초기화 
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%; vertical-align: baseline; }

ol, ul { list-style: none; }
a { color: #000; text-decoration: none; font-family:'NotoSansKR',sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }



.default_layout { margin: 0 auto; width: 1200px; }
br { font-family:'initial'; }
*/

/* SUB_NAV */
/* SUB 공통 css 
.nav_h2_style { margin-bottom:20px; font-size:34px; color:#222222; letter-spacing:-2px; line-height:1; font-weight:400; }
.nav_p_style01 { font-size:14px; color:#656766; letter-spacing:-1px; font-weight:400; line-height:22px; }
.nav_h2_style02 { font-size:30px; line-height:40px; color:#222222; letter-spacing:-2px; margin-bottom:15px; font-family:'NEXONLv1Gothic', Sans-serif; font-weight:400; }

.sub_nav { display: none; position:absolute; z-index:10; left: 0; top: 116px; width: 100%; background: #fff; border-top: 2px solid #ffaa45; box-shadow :3px 2px 5px rgba(0,0,0,0.1);  }
.sub_nav:after { content: ""; display: block; clear: both; }
.sub_nav:hover { display: block; }
.sub_nav > div { position: relative; }
.sub_nav > div:after { content: ""; display: block; clear: both; }

.sub_info { float:left; width:280px; margin:40px 0 0;}
.left_menu { width:200px; }
.left_menu li { position:relative; line-height:1; margin:0 0 30px; padding-left:35px; }
.left_menu li:first-child {margin-top:50px;}
.left_menu li:first-child:before { content:''; position:absolute; top:-4px; left:0; width:34px; height:25px; background:url('../img/nav_new_icon.png') no-repeat; }
.left_menu li:nth-of-type(2):before { content:''; position:absolute; top:-4px; left:0; width:34px; height:25px; background:url('../img/nav_homepage_icon.png') no-repeat; }
.left_menu li:nth-of-type(3):before { content:''; position:absolute; top:-4px; left:0; width:34px; height:25px; background:url('../img/nav_list_icon.png') no-repeat; }
.left_menu li:nth-of-type(4):before { content:''; position:absolute; top:-4px; left:0; width:34px; height:25px; background:url('../img/nav_gift_icon.png') no-repeat; }
.left_menu li a { display:block; font-size:16px; letter-spacing:-1px; color:#767676; font-weight:400; }
.left_menu li a:hover {color:#ff8429;}
.left_menu li a:after { content:''; position:absolute; right:0; background:url('../img/nav_gray_arrow.png') no-repeat center; width:10px; height:15px; }
*/