
@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 폰트 font-weight 속성 설정 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----- noto-sans-kr - korean ----- */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-kr-v8-korean-100.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('../fonts/noto-sans-kr-v8-korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v8-korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../fonts/noto-sans-kr-v8-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v8-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v8-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v8-korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../fonts/noto-sans-kr-v8-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v8-korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr-v8-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v8-korean-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('../fonts/noto-sans-kr-v8-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* ----- Gmarket Sans ----- */
@font-face {
	font-family: 'Gmarket Sans'; font-style: normal; font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('../fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans'; font-style: normal; font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('../fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans'; font-style: normal; font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('../fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ----- s-core-dream 에스코어 드림체 폰트 ----- */
@font-face {
    font-family: 's-core-dream-thin';
    src: url('../fonts/scdream1-webfont.woff2') format('woff2'),
         url('../fonts/scdream1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-extralight';
    src: url('../fonts/scdream2-webfont.woff2') format('woff2'),
         url('../fonts/scdream2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-light';
    src: url('../fonts/scdream3-webfont.woff2') format('woff2'),
         url('../fonts/scdream3-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-regular';
    src: url('../fonts/scdream4-webfont.woff2') format('woff2'),
         url('../fonts/scdream4-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-medium';
    src: url('../fonts/scdream5-webfont.woff2') format('woff2'),
         url('../fonts/scdream5-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-bold';
    src: url('../fonts/scdream6-webfont.woff2') format('woff2'),
         url('../fonts/scdream6-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-extrabold';
    src: url('../fonts/scdream7-webfont.woff2') format('woff2'),
         url('../fonts/scdream7-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-heavy';
    src: url('../fonts/scdream8-webfont.woff2') format('woff2'),
         url('../fonts/scdream8-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-black';
    src: url('../fonts/scdream9-webfont.woff2') format('woff2'),
         url('../fonts/scdream9-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* saira-100 - vietnamese_latin-ext_latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.svg#Saira') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.svg#Saira') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.svg#Saira') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.svg#Saira') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.svg#Saira') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.svg#Saira') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.svg#Saira') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.svg#Saira') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.svg#Saira') format('svg'); /* Legacy iOS */
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Reset */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

*, *:after, *:before {box-sizing: border-box;}
* {outline:0 !important;} /* focus 발생 시 태그에 파란색 라인 생김 방지 */

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,
legend,hr,input,button,textarea,object,figure,figcaption {font-family: "Noto Sans KR", sans-serif; font-size: 62.5%;} /* 기본폰트 10px 설정값 > 1rem=10px == 10px % 16px(브라우저 기본폰트크기) X 100 = 62.5% */

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;}
html {-webkit-touch-callout:none; /*-webkit-user-select:none;*/ -webkit-tap-highlight-color:rgba(0,0,0,0);}            /* 화면 꾹 누르면 메뉴 나타남, 사용자가 클릭 및 드래그 기능 이용함, 링크 클릭 시 밑줄/아웃라인 생김 기능들 방지 */
body {min-width:320px; background: #fff; word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust:none;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, section {display: block;}

dl,ul,ol,li {list-style: none;}
legend {position: absolute; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden;}
caption {position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
label, input, button, select {vertical-align: middle}
img {vertical-align: middle;}
button {cursor: pointer;}
hr {display: none;}
pre {overflow-x:scroll;}

table {margin: 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0;}
input[type="text"],input[type="password"],input[type="submit"],input[type="search"] {-webkit-appearance:none; border-radius: 0;}
input:checked[type="checkbox"] {background-color:#666; -webkit-appearance:checkbox;}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"] {-webkit-appearance:button; border: 0; border-radius:0}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none}

a {cursor: pointer; text-decoration: none;}
a:link, a:visited {text-decoration: none;}
a:hover, a:focus, a:active {text-decoration: none /*underline*/;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,
legend,hr,input,button,textarea,object,figure,figcaption {font-family: "Noto Sans KR", sans-serif; font-size: 56.25%;} /* 기본폰트 9px 설정값 > 1rem=9px == 9px % 16px(브라우저 기본폰트크기) X 100 = 56.25% */

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 PC 1024,1230 예외처리 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1230px) {

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,
legend,hr,input,button,textarea,object,figure,figcaption {font-family: "Noto Sans KR", sans-serif; font-size: 56.25%;} /* 기본폰트 9px 설정값 > 1rem=9px == 9px % 16px(브라우저 기본폰트크기) X 100 = 56.25% */

}