@charset "utf-8";


/* 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; overflow-x:hidden;}
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%;
    }
}
/* @media all and (max-width:769px){
    html{
        font-size:56.25%;
    }
}
@media all and (max-width:375px){
    /* html{
        font-size:56.25%;
    }
    html{
        font-size:50%;
    }
} */
body{
    color: #000;
    font-family: "Pretendard Variable", Pretendard, sans-serif;

}
button{
    font-family: "Pretendard Variable", Pretendard, sans-serif;
    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: none
}
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;
}

body, html{
    overflow: auto;
    /* overflow:hidden; */
}
select{
    padding-left:10px;
    padding-right:20px;
    background:#fff url("/resources/images/icons/ico_selectbox.png") no-repeat;
    background-position: bottom 50% right 5px;
    background-size:9px;
    line-height:1.5;
    height: 34px;
}
select:disabled{
    background:#eee url("/resources/images/icons/ico_selectbox.png") no-repeat;
    background-position: bottom 50% right 10px;
    color:#888
}