/*default setting*/
* { margin:0; padding:0;}

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); .nanummyeongjo * { font-family: 'Nanum Myeongjo', serif; }

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face { font-family: 'Arita-buri-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }


@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700);


@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");

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, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; font-family:'Noto Sans KR','Roboto' Arial,Trebuchet MS, Helvetica, sans-serif;}

      
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block; }
ol, ul {list-style: none; }

table {border-collapse: collapse;border-spacing: 0; }

::-moz-selection {background: rgba(0,0,0,0.2);}
::selection {background: rgba(0,0,0,0.2)}

body {color: #000;font-weight: 400;font-family: 'GmarketSansLight';letter-spacing: -.5px;word-break: keep-all;box-sizing: border-box;background-color: #fff; }
body *, body *::before, body *::after {box-sizing: border-box; }

.container {display: block;width: 100%;max-width: 1200px;padding: 0 10px;margin: 0 auto; }


@media (min-width: 1024px) {
.container {  padding: 0 30px; } 
}


.container-fluid {display: block;width: 100%; }

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0; }

hr {display: block;border: 0;margin: 0; }

table {border-collapse: collapse;border-spacing: 0; }

input, select, textarea {font-family: inherit;outline: none !important; }

a, button {color: #5f5f5f;cursor: pointer;border: 0;padding: 0;outline: none;text-decoration: none;background: none; }
a:hover, button:hover {color: #5f5f5f; }



body.nav-opened {overflow: hidden;}
body.nav-opened #header .container-fluid .btn-nav > div .bar {background-color: #fff!important; }
body.nav-opened #header .container-fluid .btn-nav > div .bar:nth-of-type(1) {transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 10); }
body.nav-opened #header .container-fluid .btn-nav > div .bar:nth-of-type(2) {width: 0; }
body.nav-opened #header .container-fluid .btn-nav > div .bar:nth-of-type(3) {transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -10); }


@media (min-width: 1024px) {
body.nav-opened #header .container-fluid .btn-nav > div .bar:nth-of-type(1) {transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 13); }
body.nav-opened #header .container-fluid .btn-nav > div .bar:nth-of-type(3) {
transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -13); } 
}
body.nav-opened #gnb {left: 0;width: 100%;white-space: nowrap;}
body.scrolled #header {height: 64px;background-color: rgba(255, 255, 255, 0.95); }

@media (min-width: 1024px) {
body.scrolled #header {
height: 100px; }
}



@media screen and (min-width: 960px) {
.pc_none{display:none}
}

@media screen and (max-width: 961px) {
.m_none{display:none}
}

