@charset "utf-8";

/* Font Style - Noto Sans CJK Kr */
@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansCJKkr-Regula'), local('NotoSansCJKkr-Regula'),
    url(../../font/NotoSansCJKkr-Regular.eot),
    url(../../font/NotoSansCJKkr-Regular?#iefix) format('embedded-opentype'),
    url(../../font/NotoSansCJKkr-Regular.woff) format('woff'),
    url(../../font/NotoSansCJKkr-Regular.woff2) format('woff2'),
    url(../../font/NotoSansCJKkr-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 500;
    src: local('NotoSansCJKkr-Medium'), local('NotoSansCJKkr-Medium'),
    url(../../font/NotoSansCJKkr-Medium.eot),
    url(../../font/NotoSansCJKkr-Medium?#iefix) format('embedded-opentype'),
    url(../../font/NotoSansCJKkr-Medium.woff) format('woff'),
    url(../../font/NotoSansCJKkr-Medium.woff2) format('woff2'),
    url(../../font/NotoSansCJKkr-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSansCJKkr-Bold'), local('NotoSansCJKkr-Bold'),
    url(../../font/NotoSansCJKkr-Bold.eot),
    url(../../font/NotoSansCJKkr-Bold?#iefix) format('embedded-opentype'),
    url(../../font/NotoSansCJKkr-Bold.woff) format('woff'),
    url(../../font/NotoSansCJKkr-Bold.woff2) format('woff2'),
    url(../../font/NotoSansCJKkr-Bold.otf) format('opentype');
}

/* Reset Style */
*{margin:0;padding:0;box-sizing:border-box}
body{color:#333;font-size:13px;line-height:1.2;letter-spacing:-0.05em}
ul,ol,li{list-style:none}
img,hr{border:none}
img{max-width:100%;border:0px;vertical-align:top}
table{width:100%;border-spacing:0;table-layout:fixed}
table td img{vertical-align:middle}
a{display:inline-block;color:#333}
a:link, a:visited, a:active, a:hover{text-decoration:none;color:inherit}
body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,button{font-family:'NotoSansCJKkr', sans-serif;letter-spacing:-0.05em}
strong,h1,h2,h3,h4,h5,h6,th,dt,li{font-size:inherit;font-weight:inherit;color:inherit}
input{vertical-align:middle;outline:none}
input::placeholder,
textarea::placeholder{color:#999}
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email']{display:inline-block;width:100%;height:50px;padding:0 14px;border:1px solid #999;background-color:#fff;font-size:13px;color:#333;line-height:50px;border-radius:0;vertical-align:top}
input[type="password"]::placeholder{letter-spacing:-0.05em;color:#999}
input:disabled{background:#eee;color:#999}
select{display:inline-block;width:100%;height:50px;padding:0 0 0 14px;border:1px solid #999;background:url(/asset/images/eshop/default/mb_ico_sel.png) no-repeat 100% 50%;background-size:34px;font-size:13px;color:#333;line-height:50px;vertical-align:top;border-radius:0;-webkit-appearance:none;-moz-appearance: none;appearance:none}
select::-ms-expand{display:none}
textarea{display:inline-block;width:100%;height:150px;padding:10px;border:1px solid #999;background-color:#fff;vertical-align:middle;font-size:13px;color:#333;resize:none}
input[type='file'], input[type='image'], input[type='reset'], input[type='button'], input[type='submit']{cursor:pointer}
hr{position:absolute;top:-9999px;left:-9999px}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
legend{position:absolute;height:0;font-size:0px;line-height:0;overflow:hidden;text-indent:-9999px}
address,cite,em{font-style:normal}
fieldset{padding:0;border:0}
label{cursor:pointer}
button{border:0;background:none;cursor:pointer;outline:none}
button:disabled{background:#DCDCDC;border:1px solid #DCDCDC;color:#fff}
/*** PC ***/
@media screen and (min-width:768px){
    body{font-size:16px;line-height:1.3;letter-spacing:-0.05em}
    body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,button{letter-spacing:-0.05em}
    input[type='text'],
    input[type='password'],
    input[type='tel'],
    input[type='email']{font-size:16px}
    input[type='password']::placeholder{letter-spacing:-0.05em}
    select{background:url(/asset/images/eshop/default/pc_ico_sel.png) no-repeat 100% 50%;background-size:29px;font-size:16px;letter-spacing:-0.05em}
    textarea{width:100%;height:158px;padding:20px 18px;font-size:16px}
}