html {
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}




.mob_select{text-align: right;}
.mob_select select{background:url('../images/i_arrow_bt.png') no-repeat right 9px center;}
.mob_select select{border:1px solid #d1d1d1; min-width: 128px; padding:8px;}


input[type="checkbox"]{ display: none; }
input[type="checkbox"] + label{  display:block; width: 18px; height: 18px; border:1px solid #ddd; position: relative;border-radius: .2em;}
  input[type="checkbox"]:checked + label{ border:1px solid #fdb714;}
input[type="checkbox"]:checked + label::after{ content:'';border-radius: .1em; width: 16px;  height: 16px; text-align: center;position: absolute; left: 0; top:0; background:url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/162845023280831.png) center/cover; }
  input + label span{    position: absolute; left: 1.7em; width: 5em;
 color: #888;  top: 50%; transform: translateY(-50%);}

/* --------------------------------------------------
-------------------------radio checkbox--------------------- */
/*check_box_category*/

.check_box_category .check-label {padding:0;position: relative;}
.check_box_category .check-label .checkmark{  padding: 0.2em .8em .1em;
    height: auto; position: initial;    width: 100%;   display: block;transform: none;color: #888;border-color:#ddd;border-radius: 0.4em;}


.check_box_category ul{display: flex; flex-wrap: wrap;}
.check_box_category ul li{margin-right:.6em}

.check_box_category .check-label input:checked ~ .checkmark {border: 1px solid #fdb714; background-color: #fff;color: #fdb714;}
.check_box_category .check-label input:checked ~ .checkmark:after{display: none;}

/* --------------------------------------------------
-----------------------boundary------------------- */
[class*='bd']{width: 100%; margin-left:auto; margin-right:auto; position: relative; padding-left: 1.2em; padding-right:1.2em;}

[class*='db']{width: 100%; margin-left:auto; margin-right:auto; position: relative; padding-left: .8em; padding-right:.8em;}
.bd-xs{max-width: 640px;} .bd-sm{max-width: 960px;} .bd-md{max-width: 1200px;} .bd-lg{max-width: 1440px;} .bd-xl{max-width: 1600px;}

.cf::before, .cf::after{display:block; content:''; clear: both;}

.c-pointer{cursor: pointer;}


/* --------------------------------------------------
------------------------width--------------------- */
.w100p{width:100% !important;}
.w80p{width: 80%;}
.w60p{width: 60%;}
.w70p{width: 70%;}
.w50p{width: 50%;}
.w40p{width: 40%;}
.w30p{width: 30%;}
.w20p{width: 20%;}
.w90p{width:90% !important;}
.w100{width:100px;}
.h25{height:2.5em;}
.h28{height:2.8em;}
.h30{height:3em;}
.h32{height:3.2em;}
.h36{height:3.2em;}
.h40{height:3.2em;}
.h44{height:4.4em;}
.h48{height:4.8em;}
.h56{height:5.6em;}
.h140{height:14em;}
.h100{height: 100px;}
.h144{height: 144px;}


/* --------------------------------------------------
-----------------------text ---------------------- */
.font_400{font-family: 'Pretendard-Regular';}

.line-hi{line-height: 1.4;}

.bg-gray{background-color: #f7f7f7; padding:24px 16px;}
.bg-beige{background-color:#e8e3d6;}
.bg-white{background-color: #fff;}

.font-normal{ font-family: 'Pretendard-Regular'}
.font-normal1{ font-family: 'Pretendard-Light'}
.bold{font-weight: bold;}
.max-bold{font-family: 'Pretendard-Bold';color:#333;}

.text-white{color:#fff;}
.text-gray{color:#bbb;}
.text-666{color:#666;}
.text-888{color:#888;}
.text-333{color:#333;}
.text-primary{color:#ceab86;}
.text-danger{color:#e03f24;}
.text-yellow{color:#fdb714;}
.text-po-color{color:#fdb714;}


.underline{text-decoration: underline;}

.x-xsmall{font-size:.75em;}
.xsmall2{font-size:.7em;}
.xsmall{font-size:.75em;}
.small{font-size:.8em;}
.small2{font-size:.9em;}
.normal{font-size:1em;}
.medium{font-size:1.125em ;}
.medium2{font-size:1.25em ;}
.large{font-size:1.55em !important;}
.xlarge{font-size:2em;}

/* --------------------------------------------------
------------------------blind--------------------- */
.blind {display: inline-block; overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 0.1px; color: transparent; clip: rect(0 0 0 0);}
.hidden{opacity: 0; visibility: hidden;}

/* --------------------------------------------------
-------------------------text--------------------- */



.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}

.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word; line-height:1.7;}
.ellipsis3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word; line-height:1.7;}

/* --------------------------------------------------
------------------------margin-------------------- */
.mt-0{margin-top:0 !important;} .mt-05{margin-top:.3em;}.mt-1{margin-top:.6em;} .mt-2{margin-top:1.2em;} .mt-3{margin-top:1.8em;} .mt-4{margin-top:2.4em;} .mt-5{margin-top:3em;} .mt-6{margin-top:3.6em;} .mt-7{margin-top:4.2em;} .mt-8{margin-top:4.8em;} .mt-9{margin-top:5.6em;} .mt-10{margin-top:6.2em;}
.mb-0{margin-bottom:0;} .mb-05{margin-bottom:.3em;} .mb-1{margin-bottom:.6em;} .mb-2{margin-bottom:1.2em;} .mb-3{margin-bottom:1.8em;} .mb-4{margin-bottom:2.4em;} .mb-5{margin-bottom:3em;} .mb-6{margin-bottom:3.6em;} .mb-7{margin-bottom:4.2em;} .mb-8{margin-bottom:4.8em;} .mb-9{margin-bottom:5.6em;} .mb-10{margin-bottom:6.2em;} .mb-11{margin-bottom:7em;}
.mr-0{margin-right:0;} .mr-05{margin-right:.3em;}.mr-1{margin-right:.6em;} .mr-2{margin-right:1.2em;} .mr-3{margin-right:1.8em;} .mr-4{margin-right:2.4em;} .mr-5{margin-right:3em;} .mr-6{margin-right:3.6em;} .mr-7{margin-right:4.2em;} .mr-8{margin-right:4.8em;} .mr-9{margin-right:5.6em;} .mr-10{margin-right:6.2em;}
.ml-0{margin-left:0;} .ml-05{margin-left:.3em;}.ml-1{margin-left:.6em;} .ml-2{margin-left:1.2em;} .ml-3{margin-left:1.8em;} .ml-4{margin-left:2.4em;} .ml-5{margin-left:3em;} .ml-6{margin-left:3.6em;} .ml-7{margin-left:4.2em;} .ml-8{margin-left:4.8em;} .ml-9{margin-left:5.6em;} .ml-10{margin-left:6.2em;}


/* --------------------------------------------------
------------------------padding------------------- */
.p-0{padding:0 !important;}
.pt-0{padding-top:0;} .pt-1{padding-top:.6em;} .pt-2{padding-top:1.2em;} .pt-3{padding-top:1.8em;} .pt-4{padding-top:2.4em;} .pt-5{padding-top:3em;} .pt-6{padding-top:3.6em;} .pt-7{padding-top:4.2em;} .pt-8{padding-top:4.8em;} .pt-9{padding-top:5.6em;} .pt-10{padding-top:6.2em;}
.pb-0{padding-bottom:0;} .pb-1{padding-bottom:.6em;} .pb-2{padding-bottom:1.2em;} .pb-3{padding-bottom:1.8em;} .pb-4{padding-bottom:2.4em;} .pb-5{padding-bottom:3em;} .pb-6{padding-bottom:3.6em;} .pb-7{padding-bottom:4.2em;} .pb-8{padding-bottom:4.8em;} .pb-9{padding-bottom:5.6em;} .pb-10{padding-bottom:6.2em;}
.pr-0{padding-right:0;} .pr-1{padding-right:.6em;} .pr-2{padding-right:1.2em;} .pr-3{padding-right:1.8em;} .pr-4{padding-right:2.4em;} .pr-5{padding-right:3em;} .pr-6{padding-right:3.6em;} .pr-7{padding-right:4.2em;} .pr-8{padding-right:4.8em;} .pr-9{padding-right:5.6em;} .pr-10{padding-right:6.2em;}
.pl-0{padding-left:0;} .pl-1{padding-left:.6em;} .pl-2{padding-left:1.2em;} .pl-3{padding-left:1.8em;} .pl-4{padding-left:2.4em;} .pl-5{padding-left:3em;} .pl-6{padding-left:3.6em;} .pl-7{padding-left:4.2em;} .pl-8{padding-left:4.8em;} .pl-9{padding-left:5.6em;} .pl-10{padding-left:6.2em;}


/* --------------------------------------------------
------------------------display------------------- */
.dis-block{display: block !important;}
.dis-in-block{display: inline-block;}
.dis-none{display: none;}
.dis-flex_row{display: flex; flex-direction: row;}
.flex-wrap > *{flex-wrap: wrap; display: flex;}
.flex-between{display: flex; justify-content: space-between;}


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

/* --------------------------------------------------
------------------------checkbox------------------ */

/* 체크 */
.check{position: relative;}
.check-label { display: inline-block; position: relative;  font-size:0.8em; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none;color:#666;
    text-align: left; padding-left:1.6em; vertical-align: middle;}
.check-label input {position: absolute;opacity: 0;cursor: pointer; visibility: hidden;}


/* 체크 크기 */
.check-label .checkmark {position: absolute; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%);
    left: 0; width: 1.2em; height: 1.2em; background-color: #fff; border-radius:.2em; border:1px solid #d1d1d1;}

.check-label:hover input ~ .checkmark { background-color: #fff;}
.check-label input:checked ~ .checkmark {border:1px solid #fdb714; background-color: #fdb714;}
.check-label .checkmark:after { content: ""; position: absolute; display: none;}
.check-label input:checked ~ .checkmark:after {display: block;}

/* 체크박스 */
.check-label .checkmark:after {left:50%;top:50%;transform: translate(-50%,-50%); width: 80%; height: 80%;     background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163641108590019.png) center/cover;}
/* 라디오 */
.check-label .checkmark.radio:after{ top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%; background: #121212;}


/* 스위치 */
input[type="checkbox"] { display: none; }
.label__on-off { overflow: hidden; position: relative; display: inline-block; width: 52px; height: 22px; -webkit-border-radius: 13px;
    -moz-border-radius: 13px; border-radius: 13px; background-color: #ddd; color: #fff; font-weight: bold; cursor: pointer; -webkit-transition: all .3s;
    -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.label__on-off > * { vertical-align: middle; -webkit-transition: all .3s;
    -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 14px; }
.label__on-off .marble { position: absolute; top: 2px; left: 2px; display: block; width: 18px; height: 18px; background-color: #fff;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3); }

.label__on-off .on { display: none; padding-left: 8px; line-height: 24px;}
.label__on-off .off { padding-left: 24px; line-height: 24px; }
.input__on-off:checked + .label__on-off { background-color: #ceab86; }
.input__on-off:checked + .label__on-off .on { display: inline-block; }
.input__on-off:checked + .label__on-off .off { display: none; } .input__on-off:checked + .label__on-off .marble { left: 33px; }


/* --------------------------------------------------
-----------------------button--------------------- */

button{font-weight: 600; line-height: 1; font-size: 0.8em; border-radius: 0.4em;font-family: inherit;}
.underline{text-decoration: underline;}
.btn-xs{border-radius: 2em; padding:.5em 1.0em; font-size: .9em;}
.more_btn{position: relative;}
.more_btn:after{content:''; position: relative; right:-.2em; top:.12em; display: inline-block; margin-left:.6em; width:1em; height:1em;}
.btn-primary{background-color: #bbb; color:#fff;}
.btn-secondary1.more_btn:after{background:url(../images/arrow_next_black.svg) no-repeat center;}
.btn-secondary1{background-color: #fdb714; color:#fff;border:1px solid #fdb714;}
.btn-secondary2{background-color: #fff; color:#ddd;border:1px solid #ddd}
.btn-secondary3{background-color: #fff; color:#fdb714;border:1px solid #fdb714;}
.btn-secondary4{background-color: #fff; color:#999;border:1px solid #ddd;}
.btn-secondary5{background-color: #bbb; color:#fff;border:1px solid #bbb;}
.btn-secondary6{background-color: #ddd; color:#fff;border:1px solid #ddd;}
.btn-secondary10{background-color: #f55d44; color:#fff;border:1px solid #f55d44;}
.btn-dark{background-color:#121212; color:#fff;}
.btn-default{border:1px solid #ded7c7; background-color: #fff;}


/* fixed btn */
.fixed_btn_container{position: fixed; width:100%;  bottom:0;z-index: 99;
    padding:.4em 1.2em; background-color: #FFF;border-top:1px solid #ddd;}
.fixed_btn_container [class*="btn-"]{width: 100%; height:3em; border-radius: 0.4em;}

.fixed_btn_container.on {padding:0;}
.fixed_btn_container.on [class*="btn-"]{height:3.6rem; font-size: 1em; border-radius: 0;}


/* --------------------------------------------------
-----------------------button_anima---------------------- */


.button_anima input[type="checkbox"] { display: block;}

/* .button_anima .button-cover:before {  counter-increment: button-counter;  content: counter(button-counter);position: absolute; right: 0; bottom: 0; color: #d7e3e3; font-size: 12px; line-height: 1; padding: 5px;} */
  
  .button_anima .button-cover,
  .button_anima .knobs,
  .button_anima .layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
  
  .button_anima .button { position: absolute; top: 50%;  width: 50px; height: 26px; /* margin: -20px auto 0 auto; */overflow: hidden;right: 0;transform: translateY(-50%);}
  
  .button_anima .button.r,
  .button_anima .button.r .layer { border-radius: 100px;}
  
  .button_anima .button.b2 { border-radius: 2px;}
  
  .button_anima .checkbox {position: relative; width: 100%; height: 100%; padding: 0; margin: 0;  opacity: 0; cursor: pointer;  z-index: 3;  }
  
  .button_anima .knobs { z-index: 2;}
  
  .button_anima .layer { width: 100%; background-color: #fff; transition: 0.3s ease all;z-index: 1;border: 1px solid #ddd;;}
  
  /* Button 1 */
  .button_anima #button-1 .knobs:before { content: ""; position: absolute; top:0.4em; left: 0.5em; width: 1.8em; height: 1.8em; color: #fff; font-size: 10px; font-weight: bold; text-align: center; line-height: 1; padding: 9px 4px; background-color: #fdb714; border-radius: 50%; transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
  
  .button_anima #button-1 .checkbox:checked + .knobs:before {content: ""; left: 27px;background-color: #bbb;}
  
  .button_anima #button-1 .checkbox:checked ~ .layer { background-color: #fff;border: 1px solid #ddd;}
  
  .button_anima #button-1 .knobs,
  .button_anima #button-1 .knobs:before,
  .button_anima #button-1 .layer {transition: 0.3s ease all;}

  dl .no_arr{position: relative;}

/* --------------------------------------------------
-----------------------input---------------------- */

input{border-radius: 0.4em; font-family: inherit; /* padding-left:.9em; padding-right:.9em;  */background-color: transparent; font-size:0.8em;}
input[type="date"],input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"],input[type="datetime-local"]
{padding:.8em !important;
    border:1px solid #ddd;color: #666;}
input[type="button"]{cursor: pointer; font-weight: bold;}

textarea{padding:.8em; border-radius:0.4em; border:1px solid transparent; background-color:#fff;font-family: inherit;font-size: 0.8em;    line-height: 1.6;
color: #666;}


/* --------------------------------------------------
---------------------grid system------------------ */
.row {margin-left:-16px; margin-right:-16px;}
.row-too-short{margin-left:-.2em; margin-right:-.2em;}
.row-short{margin-left:-8px; margin-right:-8px;}
.row-wide{margin-left:-32px; margin-right:-32px;}
.row-too-wide{margin-left:-48px; margin-right:-48px;}

[class*='row']:before, [class*='row']:after{display: table; content: " "; clear: both;}

.row > [class*='col']{padding-right: 16px; padding-left: 16px;}
.row-too-short > [class*='col']{padding-right: .2em; padding-left: .2em;}
.row-short > [class*='col']{padding-right: 8px; padding-left: 8px;}
.row-wide > [class*='col']{padding-right: 32px; padding-left: 32px;}
.row-too-wide > [class*='col']{padding-right:48px; padding-left:48px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-xs-2, .col-sm-2, .col-md-2, .col-xs-3, .col-sm-3, .col-md-3, .col-xs-4, .col-sm-4, .col-md-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-xs-6, .col-sm-6, .col-md-6, .col-xs-7, .col-sm-7, .col-md-7, .col-xs-8, .col-sm-8, .col-md-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-xs-10, .col-sm-10, .col-md-10, .col-xs-11, .col-sm-11, .col-md-11, .col-xs-12, .col-sm-12, .col-md-12 {
    position:relative;
    min-height:1px; 
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}

.col-xs-12 {width:100%;}
.col-xs-11 {width:91.66666667%;}
.col-xs-10 {width:83.33333333%;}
.col-xs-9 {width:75%;}
.col-xs-8 {width:66.66666667%;}
.col-xs-7 {width:58.33333333%;}
.col-xs-6 {width:50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-4-1 {width: 30%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}



.col-sm-12 {width: 100%;}
.col-sm-11 {width: 91.66666667%;}
.col-sm-10 {width: 83.33333333%;}
.col-sm-9 {width: 75%;}
.col-sm-8 {width: 66.66666667%;}
.col-sm-7 {width: 58.33333333%;}
.col-sm-6 {width: 50%;}
.col-sm-5 {width: 41.66666667%;}
.col-sm-4 {width: 33.33333333%;}
.col-sm-3 {width: 25%;}
.col-sm-2 {width: 16.66666667%;}
.col-sm-1 {width: 8.33333333%;}



.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}
.col-md-7 {width: 58.33333333%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666667%;}
.col-md-4 {width: 33.33333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 {width: 8.33333333%;}


.fixed_btn_container button.xsmall2{padding:.2em !important;color: #666;font-weight: 300;}
/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){

   
     .col-sm-12 {width:100%;}
     .col-sm-11 {width:91.66666667%;}
     .col-sm-10 {width:83.33333333%;}
     .col-sm-9 {width:75%;}
     .col-sm-8 {width:66.66666667%;}
     .col-sm-7 {width:58.33333333%;}
     .col-sm-6 {width:50%;}
     .col-sm-5 {width: 41.66666667%;}
     .col-sm-4 {width: 33.33333333%;}
     .col-sm-3 {width: 25%;}
     .col-sm-2 {width: 16.66666667%;}
     .col-sm-1 {width: 8.33333333%;}
     
 }


 @media (max-width:640px)
 {

     .col-xs-12 {width:100%;}
     .col-xs-11 {width:91.66666667%;}
     .col-xs-10 {width:83.33333333%;}
     .col-xs-9 {width:75%;}
     .col-xs-8 {width:66.66666667%;}
     .col-xs-7 {width:58.33333333%;}
     .col-xs-6 {width:50%;}
     .col-xs-5 {width: 41.66666667%;}
     .col-xs-4 {width: 33.33333333%;}
     .col-xs-3 {width: 25%;}
     .col-xs-2 {width: 16.66666667%;}
     .col-xs-1 {width: 8.33333333%;}

 }



 .my_account .bag_policy_container > .mt-1{margin-top:1em}
 
/* ********************************************* *
 * 480px max
 * ********************************************* */
 @media (max-width:480px){

    .large {font-size: 1.25em !important;}
     }
    
    
    /* ********************************************* *
     * 400px max
     * ********************************************* */
     @media (max-width:400px){
        .fixed_btn_container [class*="btn-"] {height: 3em;border-radius: 0.2em;}
        .fixed_btn_container button{font-size:0.9em;}
        .fixed_btn_container button.xsmall2 {font-size: 0.8em;}
        .check_box_category .check-label .checkmark{border-radius: .2em;    height: 2.9em;}
        
        .h36 {
            height: 2.8em;
        }
        .h32{height:3em;}
        
    .xsmall{font-size:.8em;}

    .h25 {
        height: 2.3em;
    }
    .medium {
        font-size: 1.1em;
    }

    button,
    input,
    textarea{border-radius: 0.2em;padding: 0.4em;}

    [class*='bd'] { padding-left: 1em;
        padding-right: 1em;
    }
     }
    
    /* ********************************************* *
     * 350px max
     * ********************************************* */
     @media (max-width:350px){
        .pagi_fixed_but3 .btn-secondary3{border:none;width: auto !important;    height: auto;;}
        .fixed_btn_container {padding: 0.8em 0.8em;}
        .my_account_btn_container {padding-bottom:0em;}

    }
    
    /* ********************************************* *
     * 300px max
     * ********************************************* */
     @media (max-width:300px){
        textarea {border-radius: 0.2em;padding: 0.4em;}

     }