@charset "UTF-8";



html {font-size: 62.5%;height:100%}

/*body 공통속성*/
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0; padding:0;}
body {font-size:16px; font-weight: 400; font-family:'Pretendard','NotoKr', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif; word-wrap:break-word; -webkit-text-size-adjust:none;background-color:#fff; color:#252525; }
body *{box-sizing: border-box;}

input,select,button,textarea{font-family: 'Gmarket';}
button {cursor: pointer;border:none;}
ul, ol, li {list-style:none;}
img {border:0; vertical-align:middle;margin:0;padding:0;}
img, fieldset, iframe{border:0;}
em, address{font-style:normal;}
textarea{overflow:auto;outline:none;}
caption, legend {display:none;}
input, img, a {vertical-align:middle;/*outline:none;*/text-decoration:none;}

.hidden {display: block;  width: 0;  text-indent: -9999px;  overflow: hidden;}


.tac {text-align: center !important;}
.fwb {font-weight: bold;color: #333;}
.fz14 {font-size:14px !important;;}
.fz16 {font-size:16px !important;;}
.fz18 {font-size:18px !important;;}

.fw600{font-weight: 600 !important;}

.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt50 {margin-top:50px !important;}
.mgt70 {margin-top:70px !important;}
.mgt100 {margin-top:100px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl50 {margin-left:50px !important;}
.mgr10 {margin-right:10px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb100 {margin-bottom:100px !important;}
.pdt100 {padding-top:100px !important;}
.pd20{padding:20px !important}

/* width/height */
.w100 {width: 100px !important;}
.w200 {width: 200px !important;}
.w300 {width: 300px !important;}
.w400 {width: 400px !important;}
.w500 {width: 500px !important;}
.w600 {width: 600px !important;}

.w_100{width: 100%;}

/* clearfix */
.clearfix:after {content: "";display: block;clear: both;}

.fl {float: left;}
.fr {float: right;}


.terms_box::-webkit-scrollbar-thumb {
    height: 42px;
    background: #999;
    border-radius: 10px;
    border: 6px solid #fff;
}