@charset "utf-8";


@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;500&display=swap');
@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: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal; font-style: normal;
}

/* html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%} */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, span, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, a,b, center, dl, dt, dd, ol, ul, li,
fieldset, form, 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 ,button, textarea, input, 
label, select, option{
	margin:0; padding:0; border:0; vertical-align:middle; letter-spacing:-0.02em; line-height:1.6;
    box-sizing:border-box; border-width:0px; border-style:initial; border-color:initial; border-image:initial; outline:0px;
    font-family:'Montserrat','Noto Sans KR',sans-serif; font-size:16px; color:#111
}
a{text-decoration:none; cursor:pointer}
a:hover{text-decoration:none;}
input, button, select{background:none; outline:none; border:none; cursor:pointer}
button {cursor:pointer}
em,i{font-style:normal}
em{font-weight:bold}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none}
table {border-spacing:0}
caption{display:none;}
input[type=radio]{margin-top:-1px}
input[type=checkbox]{margin-top:-1px}
textarea{width:96%; padding:10px; overflow-y:auto; resize:none; border:1px solid #dfdfdf}
hr{border:none}
i{display:inline-block}
input::placeholder{color:#aaa; font-weight:normal}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent} 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent}
label{display:inline-block; text-align:center}
ul{font-size:0}
img{max-width:100%; image-rendering:-webkit-optimize-contrast; transform:translateZ(0); backface-visibility:hidden}

.tal{text-align:left !important}
.tar{text-align:right !important}
.tac{text-align:center !important}

.vat{vertical-align:top !important}
.vam{vertical-align:middle !important}
.vab{vertical-align:bottom !important}

.fl{float:left !important}
.fr{float:right !important}

.xs_block{display:none !important}
.xs_hidden{display:block !important; margin:0 auto}

.bold{font-weight:bold}
.underline{text-decoration:underline; text-underline-position:under}

.flexbox{display:flex; justify-content:space-between; align-items:center}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.ml5{margin-left:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}

.pointer {cursor: pointer;}

@media (max-width: 768px) {
    html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, span, blockquote, pre,
	abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var, a,b, center, dl, dt, dd, ol, ul, li,
	fieldset, form, 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 ,button, textarea, input, 
	label, select, option{font-size:14px; line-height:1.4}
	ul{font-size:0}

    .xs_block{display:block !important; margin:0 auto}
	.xs_hidden{display:none !important}

	.flexnone{display:block !important}
}