@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
}


/* reset */
* {margin:0px; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
html,body {-webkit-overflow-scrolling: touch;}
html{height:100%;font-size:62.5%;}
body{font-size:1.6rem;}
@media all and (max-width:1025px){
    html{
        font-size:60%;
    }
}
@media all and (max-width:480px){
    html{
        font-size:56.25%;
    }
}
body{
    color: #323333;
    font-family: 'Noto Sans Kr', Sans-serif, Helvetica;
    line-height:1.4; font-weight:400; -webkit-text-size-adjust: none;
}
button{
    font-family:'Noto Sans Kr', Sans-serif, Helvetica;
    line-height:inherit;
}

fieldset, img {border:0 none;}
table {border-spacing:0; border-collapse: collapse; word-break:keep-all}
a {text-decoration:none; color:inherit; }
/* a:focus{outline:thin dotted; outline-offset:-1px;} */

/* 목록 및 인용 */
ol, ul, dl,  li {list-style: none; }
blockquote, q { quotes: none; }

/* input */
input, textarea, select{
    font-size:inherit;
    font-family:inherit;
    border:1px solid #ddd;
    color:#555;
    border-radius:0; background-color:#fff;
}

input,button,select {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: auto;
}

select::-ms-expand { display: none; }

button {
    border: 0;
    background: none;
    cursor: pointer; /*outline:none;*/
    overflow:hidden;
}
button:disabled {
    cursor: default
}

input[type=text]::-ms-clear {display: none;}  /*input의 x 버튼 제거 for IE */
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number]{
    /* text-indent:10px; */
}
input[type=text][readonly], input[type=password][readonly], input[type=email][readonly], input[type=tel][readonly] , input[type=number][readonly] {
    color:#888;
    /* background:#eee;  */
}
input::placeholder, textarea::placeholder{
    color:#888;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
    color:#888;
}

textarea{
    resize:none;
    box-shadow:none;
}