@charset "utf-8";

html {font-family:'Pretendard', sans-serif; color:#333;font-weight:normal;font-size:16px;letter-spacing:0;}

/*========= reset style ==========*/
/* 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, 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, 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%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, summary, menu, nav, section {display: block;}
ul,ol,li,dl,dt,dd {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;}

html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /*ios와 IE에서 기기회전시 글씨 재조정 예방*/
body {position:relative; line-height:1.6em; color:#333; font-family: "Pretendard", Dotum, sans-serif;}
audio, canvas, progress, video {display:inline-block; vertical-align:baseline;} /*IE8,9에서 inline-block으로 지정 ; chrom, firefox, opera에서 progress 세로정렬 표준화 */

/*모든 브라우저에서 line-height에 미치는 영향 예방*/
sup,sub {position:relative; font-size:60%; line-height:0; vertical-align:baseline;}
sub {bottom: -0.5em;}
sup {top: -0.5em;}
#snb a{color:#666;}

img {border:0; max-width:100%; vertical-align:top; font-size:0; line-height:0;}
b, strong {font-weight:700;}
em, dfn, cite, address, i{font-style: normal;}
mark {background-color:#ff0; color:#000;} /*IE8/9 존재하지 않는 스타일 부여*/
small, .small {font-size:80%;} /*브라우저 글꼴 통일*/
pre {overflow:auto;} /*모든브라우저에서 값 통일*/
del {text-decoration: line-through; }
hr {visibility:hidden; overflow:hidden; position:absolute; height:0; width:0; font-size:0;}
label {cursor:default;}
button{font-family:'Pretendard';}

a {background-color:transparent;} /*IE10에서 active 링크의 회색배경 제거 */
a {color:inherit; text-decoration: none;cursor: pointer;}
a:link,a:visited { text-decoration: none; }
a:hover,a:active,a:focus { text-decoration:underline;}

/* form */
/*color,font 상속되지 않는 것 수정; 마진 통일*/
/*button, input, optgroup, select, textarea {color:inherit; font:inherit; margin:0;} 
input {font:inherit; color:inherit; vertical-align:middle}*/


button {overflow:visible;} /*IE8/9/10/11 hidden 속성 수정*/
button:focus {outline:none;}

input[type="file"]{padding-left:0;border:none}
input[type="submit"]{-webkit-appearance:none;}
input[type="radio"],input[type="checkbox"]{/*box-sizing:border-box;*/ padding:0;} /*IE8/9/10 속성값 변경*/
button {text-transform:none; vertical-align:middle; outline:none;margin:0; padding:0; border:0; background:0;}
button,[type="button"],[type="reset"],[type="submit"] {cursor:pointer; -webkit-border-radius:0; -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} /*firefox4+ 속성값 변경*/
textarea {overflow:auto; padding: 5px;}
input[disabled="disabled"]{background:#ebebeb;color:#959595}
select[disabled="disabled"]{background:#ebebeb;color:#959595}
input,label { vertical-align: middle;}

input[type="radio"],
input[type="checkbox"],
label[for],
button {cursor: pointer;}
input {margin:0; }

legend, caption {width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}

* {box-sizing:border-box;}
i {font-style:normal;}


/*=========== webfont ============*/



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

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


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

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

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

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


@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: url('/font/Pretendard-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src: url('/font/Pretendard-ExtraLight.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: url('/font/Pretendard-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url('/font/Pretendard-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: url('/font/Pretendard-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src: url('/font/Pretendard-SemiBold.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: url('/font/Pretendard-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src: url('/font/Pretendard-ExtraBold.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src: url('/font/Pretendard-Black.otf') format('opentype');
}




@font-face {
    font-family: 'GmarketSans';
    src: url('/font/GmarketSansBold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('/font/GmarketSansMedium.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('/font/GmarketSansLight.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}



@font-face {
    font-family: 'SBaggro';
    src: url('/font/SB_aggro_L.ttf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SBaggro';
    src: url('/font/SB_aggro_M.ttf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SBaggro';
    src: url('/font/SB_aggro_B.ttf') format('opentype');
    font-weight: 600;
    font-style: normal;
}



/*=========== 추가 ============*/
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

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

/* ellipsis */
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis);}