@charset "utf-8";

/* reset */
/*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{font-size: 10px}
body{font-size: 1.8rem;}

/* reset */
html, body{
    -webkit-text-size-adjust: none;  /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust: none;  /* IE */
    -moz-text-size-adjust: none;  /* 파이어폭스 */
    -o-text-size-adjust: none;  /* 오페라 구버전 */
}
html{ font-size: 10px; }
*{box-sizing: border-box; -webkit-tap-highlight-color: transparent}
*::before, *::after{box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin: 0; padding: 0}
body {
    overflow: visible;
    top: 0 !important;
    font-size: 2.3rem;
    line-height: 1.6;
    width: 100%;
    height: 100vh;
    transform-origin: left top; /* 왼쪽 상단을 기준으로 확대 */
    color: #232323;
	letter-spacing:-1px;
	-webkit-font-smoothing: antialiased; word-break: keep-all; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	font-family:NotoSansKR-Regular;
}
fieldset,img{border: 0 none; vertical-align: middle}
/*img{max-width: 100%}*/
svg{overflow: visible;}
dl,ul,ol,li{list-style: none}
blockquote, q{quotes: none}
blockquote::before, blockquote::after,q::before, q::after{content: ''; content: none}
input,select,textarea,button{font-size: inherit; font-family: inherit; vertical-align: middle}

/*input{-webkit-appearance: none; -webkit-border-radius: 0; outline: none; border: none;}*/
textarea::placeholder,
input::placeholder {color: var(--txtGray1);}

input[type='checkbox'], input[type='radio']{clip: rect(0, 0, 0, 0); height:20px; margin: -1px; overflow: hidden; width:20px; margin-right:5px}
textarea{-webkit-appearance: none; -webkit-border-radius: 0; resize: vertical; width: 100%; outline: none; font-family: inherit}
button{background: none; color: #232323;}
table{border-collapse: collapse; border-spacing: 0}
button{border: 0 none; cursor: pointer; color: inherit; text-transform: inherit;}
a{color: inherit; text-decoration: none}
a:active, a:hover{text-decoration: none}
address,caption,cite,code,dfn,em,var{font-style: normal; font-weight: normal}
caption{overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px}
legend{overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px}
h1, h2, h3, h4, h5, h6{font-weight: 400}
strong, b{font-weight: bold}
pre{font-family: inherit;}

.White{color:#fff}
.grey_bg{background:#f4f4f4; padding:var(--subSectPd1) 0}
.grey_bg1{background:#e9e9e9; padding:var(--subSectPd1) 0}
@media (min-width: 769px) {
.pc_none{display:none}
}
@media (max-width: 768px) {
body {font-size: 3.2rem;}
.m_none{display:none}
}