@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');

/****************************************************************************************************************************************
웹폰트시작
*****************************************************************************************************************************************/
@font-face {
    font-family: 'GmarketSans';
    src: url('../lib/font/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

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

@font-face {
    font-family: 'GmarketSans';
    src: url('../lib/font/GmarketSansBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}



/****************************************************************************************************************************************
reset 시작
*****************************************************************************************************************************************/
*{margin:0; padding:0; font-size:14px; font-weight:400; font-family: "Noto Sans KR", serif;}

html,body {width:100%; height:100%;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, p, a, span, td, th {word-break: keep-all;}
li,p,span,strong,i,em, address {font-size:inherit;color:inherit;font-family:inherit;}
b, strong {font-weight:700;color: inherit;font-size: inherit;}

input,select,button,img {vertical-align:middle; outline: none;}
img,fieldset,iframe {border:0 none}
img {max-width: 100%;}

label,button {cursor:pointer}
input,select,button,textarea {margin:0; padding:0; border:0; transition: all 0.3s;}
button:focus,
textarea:focus,
textarea:focus-visible {outline: none !important; border: none !important;}
button {cursor: pointer;}

ol, ul {position:relative; margin:0 auto; padding:0;}
ol, ul, li {list-style: none;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

textarea {resize: none; outline: none;}

div {display: block;}

table{border-collapse:collapse; border-spacing:0;width:100%;}
th {font-weight: normal;}

a {text-decoration:none; color:#e3e3e3; outline:none; transition: all 0.3s;}
a:hover {text-decoration:none; color:#e3e3e3; outline:none;}
a:active {text-decoration:none; color:#e3e3e3; outline:none;}
a:visited {text-decoration:none; color:#e3e3e3; outline:none;}
a:focus {text-decoration:none; color:#e3e3e3; outline: none; box-shadow:none;}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


::-webkit-scrollbar {width:5px; height: 5px;}
::-webkit-scrollbar-track {background: transparent;}
::-webkit-scrollbar-thumb {border-radius: 3px; background: gray;}
::-webkit-scrollbar-button {width: 0;  height: 0;}


/* 🔴 이식 추가 — 위 `div {display:block}` 이 HTML [hidden] 속성을 이긴다(type03 에서 숨긴 게 보였던 원인).
   공용 뷰·JS 가 hidden 으로 감추는 요소가 W10 에서 드러나지 않게 한다. */
[hidden] {display: none !important;}