@font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 400;
    src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff');
  }
  
  @font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 700;
    src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff');
  }
  
  @font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 300;
    src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff');
  }
  
  .lottemartdream * {
   font-family: 'LotteMartDream', sans-serif;
  }

/************************************** 
** 폼 스타일
***************************************/
/* 라디오 */
.radioBox {position: relative;} 
.radioBox input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.radioBox input[type="radio"] + label { display: inline-block; position: relative; padding-left: 27px; cursor: pointer; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height:23px; font-size:14px;} 
.radioBox label{background:url('../../common/img/radio-off.png') no-repeat 5px 4px; background-size:17px;}
.radioBox input[type="radio"]:checked +  label{background:url('../../common/img/radio-on.png') no-repeat 5px 4px; background-size:17px;}

.radioBox.txt input[type="radio"] + label{border:1px solid #e1e1e1; background-color:#f7f7f7; padding:5px 15px; background-image:none; font-size:13px;}
.radioBox.txt input[type="radio"]:checked +  label{border:1px solid #e56960; background-color:#fff;}

/* 체크박스 */
.chkBox {position: relative;} 
.chkBox input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.chkBox input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height:25px; letter-spacing:-1px; vertical-align:middle;} 
.chkBox label{background:url('../../common/img/chk-off.png') no-repeat 0px 5px; background-size:20px;}
.chkBox input[type="checkbox"]:checked +  label{background:url('../../common/img/chk-on.png') no-repeat 0px 5px; background-size:20px;}

.chkBox.m input[type="checkbox"] + label {background-size:15px; font-size:13px; background-position:0px 3px; padding-left:20px; line-height:20px; vertical-align:middle;}
.chkBox.m input[type="checkbox"]:checked +  label{background-size:15px; background-position:0px 3px;}

.chkBox.star label{background:url('../../common/img/icon-star-off.png') no-repeat 0px 5px; background-size:20px;}
.chkBox.star input[type="checkbox"]:checked +  label{background:url('../../common/img/icon-star-on.png') no-repeat 0px 5px; background-size:20px;}

.chkBox.login input[type="checkbox"] + label {font-size:12px; padding-top:3px; padding-bottom:3px;}

/* 스위치박스 */
.switchBox {position: relative; overflow:hidden;} 
.switchBox input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.switchBox input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 40px; cursor: pointer; height:25px;} 
.switchBox label{background:url('../../common/img/switch-off.png') no-repeat 0px 0px; background-size:38px;}
.switchBox input[type="checkbox"]:checked +  label{background:url('../../common/img/switch-on2.png') no-repeat 0px 0px; background-size:40px;}

/* 셀렉트 */
.selBox{display:inline-block;}
.selBox select{background:#fff url('../../common/img/icon-arrow-down-v1.png') no-repeat calc(100% - 6px) 53%; background-size:9px; padding:7px 20px 7px 10px;  vertical-align: middle;-moz-appearance:none;-webkit-appearance:none;appearance:none;​ box-sizing:border-box; font-size:13px; border:1px solid #d8d8d8; color:#535454;}
.selBox.v1 select{background:#fff url('../../common/img/icon-arrow-down-v1.png') no-repeat calc(100% - 6px) 53%; background-size:9px; padding:4px 20px 4px 10px;  vertical-align: middle;color:#535454;-moz-appearance:none;-webkit-appearance:none;appearance:none;​ box-sizing:border-box; font-size:13px; border:1px solid #d8d8d8;}
.selBox select::-ms-expand{display:none}
.selBox.w100,select{width:100%;}
.selBoxFixed { max-width:100px; }

.inNum{overflow:hidden; display:inline-block; font-size:0; vertical-align:middle;}
.inNum input[type="number"]{width:40px; border-left:none; border-right:none; padding:0px 5px;}

/* 인풋 박스 */
input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
input[type='text'],
input[type='number'],
input[type='email'],
input[type='password']{border:solid 1px #d6d6d6;padding:5px 10px;background:#fff;height: 44px;line-height: 44px;vertical-align:middle;-webkit-appearance:none;outline:none;box-sizing:border-box;/* width:100%; */font-size: 1rem;}
input.line{border:none;border-bottom: 2px solid #e1e1e1;height:35px;line-height:35px;padding:0px 3px 3px;background-color:initial;}
select:focus,input:focus{border:solid 1px #0073f7;}

input.bnone {border:1 solid #ffffff;}

textarea{border:solid 1px #d6d6d6; padding:10px; background:#fff;  -webkit-appearance:none; outline:none; box-sizing:border-box; width:100%; font-size:15px;}
textarea:focus{border:1px solid #0073f7;}

input:disabled{background-color:#E9E9E9 !important; }
input.disabled{background-color:#E9E9E9 !important; }
select:disabled{background-color:#E9E9E9 !important; }
select.disabled{background-color:#E9E9E9 !important; }

::placeholder {color:#9a9c9c;font-size: 13px;font-weight: 600;}

/* 공통 */
button:hover{cursor:pointer; outline:none;}
.btn{vertical-align:middle;box-sizing:border-box;border:0px;outline: none;font-family: 'LotteMartDream';background: transparent;}
.btn.captcha_mp3 { 
  height: 45px;
  background: #f5f5f5;
  padding: 0px 10px;
}
.btn.captcha_reload { 
  height: 45px;
  background: #f5f5f5;
  padding: 0px 10px;
}