/* group */
h1{font-size: 22px; font-weight: 500; line-height: 28px;}
h2{font-size: 20px; line-height: 25px;font-weight: 500;}
h3{font-size: 18px;}
h4{font-size: 16px; line-height: 25px;font-weight: 500;}
h5{font-size: 14px; line-height: 22px;}
h6{font-size: 12px; line-height: 18px;}


h1 span{font-weight: 700; font-size: inherit;}
h2 span{font-weight: 700; font-size: inherit;}
h3 span{font-weight: 700; font-size: inherit;}
h4 span{font-weight: 700; font-size: inherit;}
h5 span{font-weight: 700; font-size: inherit;}
h6 span{font-weight: 700; font-size: inherit;}

h2.b-line{font-size: 16px;font-weight: 500;border-bottom:1px solid #333;padding:30px 0 10px 0;margin:0 0 20px 0;}

/* group */
.flex{display: flex; align-items: center; position: relative; }
.flex.left{justify-content: flex-start;}
.flex.center{justify-content: center;}
.flex.right{justify-content: flex-end;}
.flex .end{margin-left: auto;}
.flex.top{align-items: flex-start;}
.flex.bottom{align-items: flex-end;}
.flex.between{justify-content: space-between;}
.flex.division{align-items:normal;}
.flex.division > div{flex: 1; }
.flex.division .label{width: 100px; flex: none; font-weight: 700; font-size: 16px;}
.flex.division .label.small{font-size: 14px;}
.flex.margin > * {margin-left: 8px;}
.flex.margin > *:first-child {margin-left: 0px;}
.flex.full > *{width: 100%;}
.flex.error {flex-direction: column;}
.center{text-align: center;}
.full{width: 100%;}



.ellipsis {overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis2 {overflow:hidden;max-width:100%;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.asterisk{color: red; margin-left: 5px;}
.message{margin-top: 10px; font-size: 12px;}
.root{height: 100%;}
main{height: 100%; padding: 50px 0 60px;position: relative;z-index: 1;}
.white + main{padding-top:0;}

[class *= _img]{display: inline-block;font-size: 0;}
.fp-viewing-top .content-wrap{height:100%;}
.content-wrap {min-height: calc( 100% - 296px); margin-top: 40px;}
.content-wrap .lnb-holder{width: 244px; background: #ddd;}
.content-wrap .wrap-holder{position: relative; padding: 0 20px;}
.content-wrap .cont-wrap-nm{margin-top: -40px;}
/* .content-wrap .page:first-child{height:100%;} */
.content-wrap .page:first-child .swiper {min-height:calc(100vh - 60px) !important; height:auto !important;}
.content-wrap .page:first-child .swiper-wrapper{min-height: calc(100vh - 60px) !important;}
.content-wrap .page:first-child .swiper-slide{overflow:hidden;height:auto;}
.content-wrap .page:first-child .swiper .swiper-slide>video {position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%);}

.box-holder{border: 1px solid #ddd; padding: 15px 20px 18px; color: #888; font-size: 12px; line-height: 1.5;}
.box-holder p{position: relative; padding-left: 5px;}
.box-holder p::before{content: ''; position: absolute; left: -5px; top: 8px; width: 3px; height: 3px; background: #888; }
.box-holder p span{color: #000;}
.box-holder p strong{color:#ff5b37;}
.box-holder p:not(:first-child){margin-top: 5px;}
.box-holder p a{color: #000; vertical-align: baseline;text-decoration:underline; text-underline-position: under;}
.box-holder .tit {margin-left:-7px; color:#333; font-size:16px; font-weight:500;}
.box-holder.nb{border:none;padding: 15px 20px 18px 7px;}
.div-header.mt-0{margin: 0;}

.mt-3{margin-top: 3px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-90{margin-top: 90px;}
.mt-120{margin-top: 120px;}
.mt-160{margin-top: 159px;}
.mb-20{margin-bottom: 20px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}

.m-00{margin-top:-40px!important}
.align-l{text-align: left;}

.b{font-weight: 700;}
.m{font-weight: 500;}
.d-gray{color: #333;}
.gray{color: #888;}
.bg-f5{background: #f5f5f5;}

.txt-holder { color: #888; font-size: 12px; line-height: 1.5;}


.label +.input-holder{margin-top: 5px;}
.label {color: #333; font-weight: 500;}


.area-line{height: 10px; background: #eee; border-top: 1px solid #ddd;position:relative;z-index:1}
.area-line.full{width: calc(100% + 40px);    margin: 0 0 0 -20px;}
.area-line.mg-20{margin: -20px 0;}
.area-line.full.mgb-50{margin: 0 0 -40px -20px;}

/* button */
[class^="btn-type"] { display: inline-block; height: 48px; color: #fff; border: solid 1px #000; background: #000; cursor: pointer; font-size: 14px; text-align: center; vertical-align: top;  padding: 6px 20px;}
[class^="btn-type"] .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%;    position: relative;
    z-index: 1;}
[class^="btn-type"] .box .more{    background: url(../images/svg/icons-16-px-arrow-outline-down.svg) center center no-repeat;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin: 0 0 0 10px;}
[class^="btn-type"].on .box .more{transform:rotate(180deg)}
/*
[class^="btn-type"]:active{background: #212129;}*/
[class^="btn-type"]:disabled{cursor: default; background: #ddd; border-color: #ddd; color: #fff;}
[class^="btn-type"] span{ font-size: 15px; font-weight: 700; white-space: nowrap;}
.btn-type-line {border: solid 1px #333; background: #fff; color: #333;}
.btn-type-line:active{border-color: #353642; background: #fff;}
.btn-type-line:disabled{cursor: default; background: #ddd; border-color: #ddd; color: #fff;}
.btn-type-normal i {width: 28px;height: 28px;display: inline-block;}
.btn-type-normal.orange{
    height: 60px;
    color: #fff;
    border: none;
    background: #ff5b37;
    
}	
.btn-type-normal.orange span{font-size: 18px; }
.btn-type-gray {border: solid 1px #888; background: #888; color: #fff;}
.btn-type-gray:active{border-color: #888; background: #888;}
/* .btn-type-gray:disabled{border-color: #eee; background: #eee; color: #ddd;} */
.btn-type-white {border: solid 1px #ddd; background: #f5f5f5; color: #333;}
.btn-type-icon{background-color: transparent; border: none;}

.btn-type-txt{background: transparent;font-size: 14px; color: #333; border: none; width: auto; padding: 0;}
.btn-type-txt:active{background-color: transparent;}
.btn-type-txt span{font-weight: 400;}

.full.more {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}
.full.more button{height: 56px;}
.full.more .btn-type-line {
    border: none;
    border-top: 1px solid #ddd;
}
.full.more .btn-type-line.detail-full{border: 1px solid #333;    height: 48px;}
.full.more .btn-type-line.detail-full span{font-size: 15px;font-weight: 500;}
[class^="btn-type"].mini{height: 36px; font-size: 12px;}
[class^="btn-type"].mini *{font-size: 12px;}
[class^="btn-type"].mini.margin{margin:0 0 0 10px;}

[class^="btn-type"].small{height: 40px; font-size: 13px;}
[class^="btn-type"].small *{font-size: 13px;}
[class^="btn-type"].small span{font-weight: 500;}

[class^="btn-type"].smaller{height: 36px; font-size: 12px;}
[class^="btn-type"].smaller *{font-size: 12px;}

[class^="btn-type"].large{height: 60px; font-size: 16px;}
[class^="btn-type"].large *{font-size: 16px;}

/*input*/
[class^="txt-type"] { height: 48px; width: 100%; line-height: 1; color: #111; background-color: #fff; font-size: 14px; border: none; border-bottom: 1px solid #ddd; padding: 10px 0px; }
[class^="txt-type"]:focus {border-bottom: 1px solid #353642;}
.txt-type-normal:disabled { background-color:#f5f5f5; border-color:#f5f5f5; color:#ccc; text-indent:10px;}
.txt-type-normal.email-after{text-indent:5px;}
.txt-type-normal.email-after:disabled {margin:0 2px 0 0;}

.input-holder{position: relative; width: 100%;}
.input-holder + span{padding: 0 10px; font-size: 16px;}
.input-holder + span.txt{padding: 0 6px; font-size: 14px; margin-right: 6px;}
.input-holder + span.dot{padding: 0 10px; font-size: 14px;}
.input-holder + span.hyphen{width: 10px; padding: 0; background: #ddd; height: 1px; flex: none; margin: 0 11px;}
.input-holder + span.hyphen.small {margin: 0 3px;}
.input-holder input + span{position: absolute; right: 12px; top:7px; cursor: pointer;}
.input-holder .del{top: 5px;}
.input-holder .del i{width: 24px; height: 24px; /*background: url(../images/ic-search-title-close-n.svg) left top no-repeat;*/}
.input-holder .search i{width: 24px; height: 24px; background: url(../images/ic-search-n.svg) left top no-repeat;}
.input-holder.w15{width:150%;}

.div-middle.em-write {height:0;overflow:hidden;font-size:0;margin:0;}
.div-middle.em-write.on {height:auto;overflow:hidden;font-size:inherit;}

.error input{border-bottom: 1px solid #ff5b37;}
.error.message span,
.error .message span{color: #ff5b37;}

/*select*/
[class^="sbox-type"] {    height: 34px;
    width: 100%;
    padding: 0 19px 0 10px;
    border: none;
    background-color: #fff;
    background: url(../images/svg/icons-16-px-arrow-outline-down.svg) right center no-repeat;
    font-size: 13px;
}
.email-select{border-bottom:1px solid #ddd;margin: 0 0 0 10px;}
.email-select [class^="sbox-type"]{height: 48px;color:#888;}
.box-type-select{
    width: 100%;
    padding: 0 19px 0 15px;
    border: none;
    background-color: #fff;
    background:#fff url(../images/svg/icons-16-px-arrow-glyph-down.svg) right center no-repeat;
    font-size: 14px;
    border: 1px solid #ddd;
    height: 47px;
    line-height: 47px;
    color: #888;
    background-position-x: calc(100% - 10px);
    background-position-y: center;
}
.box-type-select.sb-n{border-left:none;border-right:none;border-top:none;padding: 0 19px 0 0}

[class^="sbox-type"]:not(:disabled):hover{}
[class^="sbox-type"]:focus {border: none;}
.sbox-type-line { border: none; border-bottom: solid 1px #eee;}

/* custom-select */
.custom-select{width: 200px; position: relative;}
.custom-select .title { border: 1px solid; height: 34px; padding: 10px 40px 10px 12px; }
.custom-select .title i{width: 18px; height: 18px; background: url(../images/ico-arrow-n.svg); position: absolute; right: 12px; top: 8px;}
.custom-select .layer{ display: none; position: absolute; left: 0; top: 42px; width: 100%; overflow-y: auto; height: 130px; border: 1px solid #bfbfbf;}
.custom-select .layer li{height: 32px;  background: #fff; padding: 0 12px; display: flex; align-items: center;}
.custom-select .layer li:hover{background:#f0f0f0 ;}
.custom-select.on .title i{transform: rotate(180deg);}
.custom-select.on::before{content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); left: 0; top: 0;}

/*radio*/
[class^="rbox-type"] { position: absolute; left: -99999px;}
[class^="rbox-type"] + label { height: 20px; line-height: 20px; padding: 0 30px 0 25px; background-size:20px 20px; background-repeat:no-repeat; background-position:left top; background-image: url(../images/svg/components-radio-button-inactive.svg); font-size: 12px; display: inline-block; cursor: pointer;}
[class^="rbox-type"] + label span{display:block;}
input[type=radio]:checked + label {background-image: url(../images/svg/components-radio-button-active.svg);}
input[type=radio]:disabled + label {background-image: url(../images/svg/components-radio-button-disabled.svg); cursor: default;}
input[type=radio]:checked:disabled + label {background-image: url(../images/svg/components-radio-button-active-disabled.svg); cursor: default;}

.radio-type{}
.radio-type [class^="rbox-type"] + label { height: 30px; line-height: 28px; border-radius: 15px; padding: 0 15px;  background:#f5f5f5; background-image:none !important; color: #555; font-size: 14px; display: inline-block; cursor: pointer; margin-right: 10px;}
.radio-type [class^="rbox-type"]:disabled + label {color:#ddd;}
.radio-type input[type=radio]:checked + label {background: #292929;; color: #fff; }


/*checkbox*/
[class^="cbox-type"] {display: none;}
[class^="cbox-type"] + label {height: 20px;line-height: 20px;padding: 0 20px 0 28px; background-size:20px 20px; background-repeat:no-repeat; background-position:left top; background-image: url(../images/svg/components-select-inactive.svg); font-size: 13px;display: inline-block;cursor: pointer; color: #333;}
input[type=checkbox]:checked + label {background-image: url(../images/svg/components-select-active.svg);}
input[type=checkbox]:disabled + label {background-image: url(../images/svg/components-select-disabled.svg);}
input[type=checkbox]:checked:disabled + label {background-image: url(../images/svg/components-select-active-disabled.svg);}

.checkbox-type{}

.checkbox-type [class^="cbox-type"] + label {height: auto;line-height: 20px;padding: 0 20px 0 30px;background-color:transparent; font-size: 14px;}
/* .checkbox-type input[type=checkbox]:disabled + label {background-position: -450px -200px;cursor: default;} */

/* textarea */
textarea{border: 1px solid #ddd; width: 100%; padding: 10px;}
/*textarea:not(:disabled):hover{box-shadow: 0 0 3px 0 rgba(109, 110, 131, 0.3);}*/
textarea:focus {border: 1px solid #353642;}


/* //////////////////////// */
.fullpage .content-wrap {min-width: auto; margin-top: 0;}
.fullpage .content-wrap .wrap-holder{padding: 0;}

:root{--swiper-theme-color:#333; }
:root select{-webkit-text-fill-color: rgba(0, 0, 0, 1); 
-webkit-opacity: 1; 
color: rgba(0, 0, 0, 1);}

/* div-header */
.div-header{align-items: center; margin-top: 30px;}
.div-header.mt-60{margin-top: 0;}
.scroll .div-header:first-child{margin-top: 0;}
.div-header .button-holder{margin-left: auto;}
.div-header .txt{}
.div-header .txt span{font-weight: 700; margin-left: 4px; text-decoration: underline;}


.div-middle{margin-top: 25px;}
.div-middle.phone button{width: 90px; flex: none; margin: 6px 0 0 10px; padding: 0;height: 36px;}
.div-middle.phone .time{position: absolute; right: 2px; top: 14px; font-size: 14px;}
.div-middle.phone .box span{font-size: 12px; font-weight: 500;}
.div-middle.phone input{text-align:center;}
.div-middle.phone input.align-l{text-align:left;text-indent:10px;}

.div-title{margin-bottom: 20px;}

.div-filter{height: 47px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0 20px;}
.div-filter .txt{font-size: 13px;}
.div-filter .txt span{font-size: 13px; font-size: 500;}
.lineH{position: relative;}
.lineH::before{content: ''; position: absolute; left: -8px; top: 0; width: 1px; height: 16px; background: #d6d6d6;}

/* tab */
.tab-holder ul.line {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;}
.tab-holder ul.line:before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #111;z-index: 0;}
.tab-holder ul.line li {background: #f6f8fc;height: 34px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 40px;margin: 0 1px;font-size: 20px;font-weight: 500;border-bottom: 2px solid #111;cursor: pointer;}
.tab-holder ul.line li.on {background: #fff;border: 2px solid #111;border-bottom: none;cursor: default;z-index: 1;}
.tab-holder ul.line li:hover:not(.on) {background: #dce3ef;}

.tab-holder ul.fill{display: flex;position: relative; border: 1px solid #333; border-radius: 3px;  overflow: hidden;}
.tab-holder ul.fill li {background: #fff;height: 40px;align-items: center;display: flex; justify-content: center;padding: 0 16px; min-width: 80px; font-size: 13px; flex-basis: 50%;}
.tab-holder ul.fill li.on {background: #000; color: #fff; cursor: default;z-index: 1;}
.tab-holder ul.fill li:not(:first-child){border-left: 1px solid #000;}

.tab- ul.gnb{display: flex;position: relative; border: none;  overflow: hidden;}
.tab- ul.gnb li {height: 50px;align-items: center;display: flex; justify-content: center;padding: 0 16px; font-size: 18px; font-weight: 700; flex-basis: 50%; color: #888; position: relative;border: none;}
.tab- ul.gnb li.on {color: #fff; cursor: default;z-index: 1;font-size: 18px;}
.tab- ul.gnb li.on::before{content: ''; position: absolute; width: 100%; height: 3px; background: #fff; left: 0; bottom: 0;transform: skewX(137deg);}


.tab-week-holder{display: inline-block;}
.tab-week-holder ul{display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;border: 1px solid #ddd;border-radius: 2px;padding: 0 10px;}
.tab-week-holder li {height: 40px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 10px;font-size: 14px;position: relative;cursor: pointer;}
.tab-week-holder li:hover {color: #ef3232;}
.tab-week-holder li:not(:first-child):before {content: "";position: absolute;left: 0px;top: 16px;width: 1px;height: 10px;background: #ddd;}
.tab-week-holder li.on {color: #ef3232;cursor: default;}



/*popup*/
.popup-wrap {     pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    height:0;
}
.popup-wrap.on{
    height:100%;
	z-index: 100;
}
.popup-wrap .dimmed {width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.7); position:  fixed; left: 0; right: 0; top: 0; bottom: 0;  }
.popup-wrap .popup {     background: #fff;    margin: initial;
    display: flex;
    max-height: 0px;
    align-self: flex-end;
    transform: translateY(0px);
    transition: all 0.5s;
    padding: 0;
    pointer-events: auto;
    height: 0;
    overflow: hidden;}
.popup-wrap.on .popup {max-height: 100%;
    height: auto;width: 100%;
    padding: 0;
    flex-direction: column;
    transform: translateY(0px);
    transition: all 0.5s;
    overflow: visible;}	
.popup-wrap.on.full .popup{height: 100%;}
.popup-wrap:before {
content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
    opacity: 0;
    transition: all 0.3s;
}
.popup-wrap.dim:before {
    opacity: 1;
}
.popup-wrap .popup header{height:55px;}
.popup-wrap .popup header h4 {
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    position: absolute;
    left: 0;
    height: 55px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 0 0 0 20px;
}
.popup-wrap .popup header .close:not(footer .close){width: 40px; height: 40px; position: relative; right: 8px; top: 0; z-index: 1;}
.popup-wrap .popup header .close:not(footer .close) i{width: 24px; height: 24px; background: url(../images/svg/icons-24-px-close.svg) left top no-repeat; background: auto 111px;}


.popup-wrap .scroll{overflow-y:auto;min-height: auto;
    height: calc(100% - 55px);
    padding: 0 20px 40px 20px;}
.popup-wrap .cont-wrap{padding: 20px;}
.popup-wrap.on.full .popup{max-height: 100%;
    height: 100%;}
.popup-wrap.full .cont-wrap{overflow-y: auto;overflow-x: hidden;
    height: 100%;
    padding: 20px 20px 75px 20px;}
.popup-wrap .popup .layer-container{width: 100%; text-align: left; height: 100%;}
.popup-wrap .popup .head-wrap{padding:0 20px 20px 20px;}
.popup-wrap .popup .head-wrap p{font-size:14px;color:#333;line-height:22px;margin:20px 0 0 0;}
.quantity-control{ font-size: 0;}
.quantity-control button{width: 40px; height: 40px; padding: 10px 10px; border: 1px solid #ddd; background: #fff;}
.quantity-control button i{width: 16px; height: 16px;}
.quantity-control button.minus i{background: url(../images/svg/icons-16-px-subtract.svg);}
.quantity-control button.plus i{background: url(../images/svg/icons-16-px-add.svg);}
.quantity-control input{height: 40px; font-size: 16px;border-top: 1px solid #ddd; width: 100px; background: #fff; text-align: center; border-bottom:1px solid #ddd ;}

.popup-alert{
	z-index: 20;    
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;width:100%;height:100%;
    display: none;position: fixed;}
.popup-alert.on{display: flex;z-index: 100;}
.popup-alert .alert-wrap{    z-index: 1;
    background: #fff;
    width: calc(100% - 40px);    border-radius: 5px;    transform: scale(0.8);
    transition: all .3s;}
.popup-alert.on .alert-wrap{transform: scale(1);}
.popup-alert .alert-cont{    padding: 20px;
    text-align: center;}
	
.popup-alert .alert-cont p{   font-size: 14px;line-height: 1.6;}
.popup-alert:before {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
    opacity: 1;
    transition: all 0.3s;
}
.popup-alert .alert-bottom{    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    border-top: 1px solid #ddd;
    border-radius: 0 5px 5px 0;
    align-items: center;}
.popup-alert .alert-bottom button{width: 100%;
    font-size: 14px;
    padding: 15px;
    border-right: 1px solid #ddd;}
.popup-alert .alert-bottom button:last-child{border:none;}
.basic-popup.popup-wrap.style{right: auto;left: auto;width: 100%;}
.popup-wrap.style .popup{ background: none;}
.popup-wrap.style.on .popup{max-height:530px;padding: 0;height: 100%;}
.popup-wrap.style .popup header .close:not(footer .close) i{background: url(../images/svg/icons-24-px-close-white.svg) left top no-repeat;}
.popup-wrap.style .cont-wrap {padding: 0 20px;}
.popup-wrap.style .style-slide{padding:0 0 40px 0;}
.popup-wrap.style .style-slide .swiper-pagination{bottom:10px!important;left: 50%;right: auto;margin: 0 0 0 -15px;}
.popup-wrap.style.basic-popup header{border:none;}
.popup-wrap h5{    font-size: 16px;
    display: flex;
    justify-content: space-between;
    padding: 10px 0 10px 0;align-items: baseline;}
.popup-wrap h5 span{font-size:12px;color:#333;font-weight:400;}
.root.dim .header-wrap{opacity:.6;}
.root.dim .header-wrap:before{    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 10;
    transition: all 0.5s;    top: 0;}
.root.dim  #swiper1>.swiper-pagination{opacity:.6}
	
	
/* .category */

.category-pop {
    background: #111;
	position: fixed;
    left: -100%;
    top: 0;
    width:100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 50;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
    right: auto;
    display: block;
    justify-content: normal;
    align-items: normal;
    bottom: auto;
}
.nav_open .category-pop{
    left: 0;
	width:100%;
    background: #fff;
}


.category-pop .scroll{background: #111; height: calc(100% - 110px);padding: 0;-ms-touch-action: pan-y;
touch-action: pan-y;}
.popup-wrap.category-pop .popup{background: #111;
    color: #888;
    padding: 0 0px 10px;
    display: block;
    height: 100%;
    max-height: 100%;    width: 100%;}
.category-pop .tab {height: 110px; padding: 0; background: url(../images/png/gnb-top.png) left top no-repeat;    background-size: 100%;}
.category-pop .tab button{width: 40px; height: 40px;    position: relative;}
.category-pop .tab button.home{left:10px;}
.category-pop .tab i{width: 24px; height: 24px;}
.category-pop .tab .home_close{height: 60px;}
.category-pop .tab .home i{background: url(../images/svg/nav-home.svg);}
.category-pop .tab .nav-close{position: absolute;right: 8px;}
.category-pop .tab .nav-close i{background: url(../images/svg/nav-close.svg);opacity:.8;}
.category-pop .tab .tab-{margin: 0 20px;
    border-bottom: 1px solid #272727;}
.category-pop .cate,
.category-pop .bnd{padding: 10px 20px 12px;display:none;}
.category-pop .cate.open,
.category-pop .bnd.open{display:block;}
.category-pop .list-menu .title{height: 48px;}
.category-pop .list-menu .title.active > p{color: #fff;}
.category-pop .list-menu .on > .title > p + span i{ background-image: url(../images/svg/icons-16-px-subtract.svg); }
/* .category-pop .cate.brand-txt{display:block;} */
.category-pop .list-menu .title.first  p{font-size: 20px;font-weight: 600; transition: .2s;}
.category-pop .list-menu .title span{width: 40px; height: 40px; padding: 12px 0 0 24px;}
.category-pop .list-menu .title span i{width:16px ; height: 16px; background: url(../images/svg/icons-16-px-add.svg);}
.category-pop .list-menu .title.second p{font-size: 16px;  }
.category-pop .list-menu .detail.second{display:none;}
.category-pop .list-menu .detail.second li{border-bottom: 1px solid #272727;}
.category-pop .list-menu .detail.third{display:none;padding: 15px 30px;flex-wrap: wrap; background: url(../images/svg/gnb_bg01.svg) left top no-repeat; background-size: cover;}
.category-pop .list-menu .detail.third a{font-size: 15px; flex-basis: 50%; padding: 7px 0;}
.category-pop .list-menu .detail.third a.on{ color: #fff; text-decoration: underline;text-underline-position: under;}
.category-pop .list-menu .detail.third .third-wrap{display:flex;flex-direction: row;flex-wrap: wrap;}
.category-pop .bnd .list-menu{display: flex;flex-wrap: wrap;margin: 20px 0 0 0;}
.category-pop .bnd .list-menu li{width:20%;}
.category-pop .bnd .list-menu li p{width:56px;height:56px;text-indent:-9999px;border-radius: 50%; background-size:40px auto; background-position:center center; background-repeat:no-repeat; background-color:#fff;}
.category-pop .bnd .list-menu .title{height:auto;}
.category-pop .style{padding: 30px 20px 0; border-top: 1px solid #272727;}
.category-pop .style h2{font-weight: 700;}
.category-pop .style ul{flex-wrap: wrap;margin-top: 20px;}
.category-pop .style li{flex-basis: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 28px;}
.category-pop .style li i{width: 48px; height: 48px;margin: 0 0 5px 0;background-size:100% 100%;background-repeat:no-repeat;}
.category-pop .list{padding: 30px 20px; border-top: 1px solid #272727; background: #111; line-height:20px;}
.category-pop .list .type-04 .txt p {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.category-pop .list .type-04 .txt p + p {-webkit-line-clamp:1;}
.category-pop .user{height: 60px; border-top: 1px solid #272727; background: #000; padding: 0 20px; }
.category-pop .user span{color: #fff;}
.category-pop .user *{font-size: 15px; font-weight: 500;}



/* brand */
.brand .content-wrap{min-height: auto; margin-top: 0; height: 100%; overflow: hidden;}
.brand .popup{padding: 0;}
.brand .popup ul{height: 100%; transition: .3s;}
.brand .popup [class *= a0] li.on{min-height: calc(100% - 100px);}
.brand .popup [class *= a4] li.on{min-height: calc(100% - 100px);}
.brand .popup .a2{transform: translateY(-100px);}
.brand .popup .a3{transform: translateY(-200px);}
.brand .popup .a4{transform: translateY(-300px);}
.brand .popup li{height: 100px; min-height:100px; transition: .3s;}
.brand .popup li.on{min-height: calc(100% - 200px);}
.brand .popup a{pointer-events: none;}
.brand .popup .on a{pointer-events: all ;}
.brand .today{position: fixed; bottom: 0; width: 100%; height: 55px; padding: 0 20px; background: #fff;}




/* lable */
.flag {height: 24px;  padding: 8px;  color: #fff; display: inline-flex; align-items: center; justify-content: center;}
.flag.new{background: #333;}
.flag.hot{background: #ff5b37;}
.flag.soldout{background: #bbbbbb;}

.tags{height: 30px; padding: 15px; color: #fff; background: #000; border-radius: 15px;  display: inline-flex; align-items: center; justify-content: center;}
.tags.disabled { color: #000; background: #f5f5f5;}


/* pagenation */
.pagenation {margin-top: 20px;}
.pagenation ul.page{display: flex; justify-content: center;}
.pagenation ul.page li{    margin: 0 0px;
    height: 30px;
    min-width: 30px;
    padding: 0 2px;
    border-radius: 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center; }
.pagenation ul.page li.selected{background: #000; color: #fff; font-weight: 700;}
.pagenation ul.page li a{display: inline-flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 14px; }
.pagenation ul.page li i{width: 24px; height: 24px; background: url(../images/svg/icons-24-px-back.svg);}
.pagenation ul.page li.next i{transform: rotate(180deg);}

.pagenation ul.dot {display: flex; justify-content: center; transform: skewX(135deg); }
.pagenation ul.dot *{font-size: 0;}
.pagenation ul.dot li{margin: 0 2px; height: 6px; width: 4px; background: #ddd;}
.pagenation ul.dot li.selected{background: #000; width: 22px;}

/* more */
/* .more-bottom{width: 30px; height: 30px; display: inline-block; background: rgba(0, 0, 0, 0.5);} */


/* ////////////////////////////////////////////////////////////////////////////// */


.sns-holder{text-align: center;}
.sns-holder ul{justify-content: center; margin-top: 15px;}
.sns-holder li{margin:  0 8px;}
.sns-holder i{width: 44px; height: 44px;}
.sns-holder .naver{background: url(../images/svg/sns-naver.svg);}
.sns-holder .kakao{background: url(../images/svg/sns-katalk.svg);}
.sns-holder .facebook{background: url(../images/svg/sns-facebook.svg);}
.sns-holder .apple{background: url(../images/svg/sns-apple.svg);}
.sns-holder .h{margin-top: 3px;}
.sns-holder.align-l{padding-top: 25px; border-top: 1px solid #ccc;}


.id-search{margin-top: 15px;}
.id-search li{position: relative;}
.id-search li:first-child {margin-right: 20px;}
.id-search li:first-child::before{content: ''; position: absolute; right: -10px; top: 6px; width: 1px; height: 10px; background: #ddd;}
.id-search a{font-size: 13px; color: #888;}

.order-search {text-align: center;}
.order-search a{font-size: 13px; text-decoration: underline;text-underline-position: under;}


/*header*/
.header-wrap {position: fixed; width: 100%; font-size: 14px; z-index: 10; top: 0; color: #000; background: #fff;  }
.header-wrap .wrap-holder{ height: 100%; width: auto; }
.header-wrap .wrap-holder .wrap-in {padding: 0 20px;}
.header-wrap .wrap-holder .wrap-in.main-menu{height: 50px;border-bottom: 1px solid #ddd;position: relative;}

.header-wrap .wrap-holder .txt{flex: 1; text-align: center; font-family: 'AppleSDGothicNeo'; font-weight: 800; line-height: 50px;}
.header-wrap.brandmall-header .wrap-holder .txt{text-align: left;}
.header-wrap .wrap-holder.k-lab .txt{flex: 1; text-align: left; font-family: 'AppleSDGothicNeo'; font-weight: 800; line-height: 50px;}
.header-wrap .wrap-holder .txt span{width: 117px;
    height: 18px;
    display: block;
    margin: 6px auto 0 auto;
	background-image:url(../images/m_logo_kvillage.png);
	background-repeat:no-repeat;
	background-size:100%;
}
.header-wrap .wrap-holder .txt span.small{width: 100px;vertical-align: middle;display: inline-block;height: 20px;}
.header-wrap .wrap-holder .txt img#brandHeaderLogo {padding-left:30px;}
.header-wrap .wrap-holder [class *= -holder]{width: 35px; height: auto; padding:5px; position: relative;}
.header-wrap .wrap-holder i{width: 24px; height: 24px;}
.header-wrap .wrap-holder .main-holder i{background: url(../images/svg/icons-24-px-home_v2.svg) center center no-repeat;}
.header-wrap .wrap-holder .menu-holder i{background: url(../images/svg/Icons-menu_black.svg) center center no-repeat;}
.header-wrap .wrap-holder .back-holder i{background: url(../images/svg/icons-24-px-back.svg) center center no-repeat;}
.header-wrap .wrap-holder .search-holder i{background: url(../images/svg/icons-24-px-search_v2.svg) center center no-repeat;}
/* 240723 장바구니 아이콘 수정 */
.header-wrap .wrap-holder .cart-holder ._imgCart {
    background: url(../images/svg/icons-24-px-cart.svg) center center no-repeat;
}
.header-wrap .wrap-holder .cart-holder ._imgMain {
    background: url(../images/svg/icons-24-px-home_v2.svg) center center no-repeat;
}
/* 240723 장바구니 아이콘 수정 */
.header-wrap .wrap-holder .cart-holder em{height: 18px; border-radius: 9px; background: #333; min-width: 18px; padding: 2px 6px 0; color: #fff; font-size: 10px; display: inline-block; position: absolute; top: 0; right: -2px; }
.header-wrap .wrap-holder .cart-holder em,
#mainHeaderWrap.header-wrap.white .wrap-holder .cart-holder em {background: #FF5B37; top: 3px; right: 0px; padding: 0;display: flex; justify-content: center; align-items: center;} /*3-105 메인화면 강조컬러 활용 영역 추가 - 장바구니 뱃지 아이콘 컬러*/
.header-wrap.white .wrap-holder .txt {color:#fff;font-weight: 900;}
.header-wrap.white .wrap-holder .txt span {background-image: url(../images/png/logo-w.png);}
.header-wrap.white .wrap-holder .main-holder i{background: url(../images/svg/icons-24-px-home_w_v2.svg) center center no-repeat;}
.header-wrap.white .wrap-holder .menu-holder i{background: url(../images/svg/Icons-menu_white.svg) center center no-repeat;}
.header-wrap.white .wrap-holder .back-holder i{background: url(../images/svg/icons-24-px-back-white.svg) center center no-repeat;}
.header-wrap.white .wrap-holder .search-holder i{background: url(../images/svg/icons-24-px-search-white_v2.svg) center center no-repeat;}
.header-wrap.white .wrap-holder .cart-holder i{background: url(../images/svg/icons-24-px-cart-white.svg) center center no-repeat;}
/* .header-wrap.white .wrap-holder .cart-holder em{background: #fff;color: #000; } */
.header-wrap.white .category-menu span,
.header-wrap.white .category-menu span.on{color: #fff;border:none;}
.header-wrap.white.on .category-menu span,
.header-wrap.white.on .category-menu span.on{color: #333;}


.headx2.header-wrap + main .category-menu.depth3 {background:#f5f5f5;border-top: 1px solid #ddd;border-bottom:none;}
.headx2.header-wrap.on + main .category-menu.depth3{background:#f5f5f5;top: 39px;}
.category-menu.depth3 .best-category2 .swiper-slide span.on{border:none;}
/* .header-wrap.on {color: #fff; background: #000;   }
.header-wrap.on .wrap-holder .cart-holder em{background: #fff; color: #000; } */

.header-wrap .category-menu{height: 40px; background: #fff; overflow-x: auto; overflow-y: hidden;}
.header-wrap .category-menu::-webkit-scrollbar {display: none; }
.header-wrap.on .category-menu{border-bottom: 1px solid #ddd;}
.header-wrap .category-menu ul{height: 100%;     white-space: nowrap;}
.header-wrap .category-menu li{margin: 0 16px; height: 100%; padding-top: 10px; position: relative;}
.header-wrap .category-menu li:first-child{margin-left: 0;}
.header-wrap .category-menu li:last-child{margin-right: 0;}
.header-wrap .category-menu li.on::before{content: ''; position: absolute; left: 0; bottom: 5px; width: 100%; height: 2px; background: #333;}
.header-wrap .category-menu li.on span{font-weight: 700; color: #000;}
.header-wrap .category-menu span{font-size: 15px; color: #555; font-weight: 400;}
.header-wrap .category-menu span.on{color:#000;border-bottom: 1px solid #000;
    font-weight: 500;}
.headx2.header-wrap {background: #fff;transition: .3s;}
.headx2.header-wrap .category-menu {background: transparent;}
/* .headx2.header-wrap.hide {}  */
.headx2.header-wrap.on { background: #fff;} 
.headx2.header-wrap .wrap-holder .wrap-in.main-menu{
    /* transition:all 0.3s; */
    top:0;
    border: none;
}
.headx2.header-wrap.on .wrap-holder .wrap-in.main-menu {
    position: fixed;
    top:-50px;
	width: 100%;
}

.bg-f{background: #fff !important;}

/* footer */
.footer-wrap{width: 100%;background: #f5f5f5; font-size: 12px; padding-bottom: 90px; margin-top: 40px;}
.footer-wrap .wrap-holder{padding: 0 20px !important; }
.footer-wrap .wrap-in{}
.footer-wrap .site-holder{background: #e2e2e2;width: calc(100% + 40px); margin-left: -20px;}
.footer-wrap .site-holder li{flex: auto; position: relative;}
.footer-wrap .site-holder li:not(:last-child)::before{content: ''; position: absolute; right: 0; top: 16px; width: 1px; height: 11px; background: #888;}
.footer-wrap .site-holder a{display: inline-flex; width: 100%; height: 45px; align-items: center; justify-content: center; color: #333; font-weight: 500;}
.footer-wrap .site-holder a span{font-size: 13px;}

.footer-wrap .center-holder{margin-top: 24px; color: #000;}
.footer-wrap .center-holder li{display: inline-flex; justify-content: center;flex-direction: column; font-size: 12px}
.footer-wrap .center-holder li span{word-break:break-word}
.footer-wrap .center-holder li:nth-child(-n+2){margin-right: 28px; font-weight: 700;margin-bottom: 7px;}
.footer-wrap .center-holder li:nth-child(-n+2) span{font-size: 10px;font-weight: 400;/* 221205 783 모바일 화면 스크롤 이슈 관련 소스 수정요청 white-space: nowrap; */color:#333;display:inline-block;line-height: 25px;}
.footer-wrap .center-holder li:nth-child(-n+2) span:first-child{font-size: 16px;}
.footer-wrap .center-holder li:nth-child(-n+2) span a{font-size: 18px;/* 221130 783 모바일 화면 스크롤 이슈 관련 소스 수정요청 white-space: nowrap; */font-weight: 600;color: #000;display:inline-block;vertical-align: top;margin: 0 5px 0 0;}
.footer-wrap .center-holder li:nth-child(-n+2) span a + a{font-size: 10px;white-space: nowrap;font-weight: 400;color: #333;}
.footer-wrap .center-holder li:nth-child(-n+2) span a + a:before{content:'';display:inline-block;width:1px;height:10px;background:#ababab;margin:0 4px;vertical-align: middle;}
.footer-wrap .company-holder {margin-top: 10px; color: #333; font-weight: 500;}
.footer-wrap .company-holder li{ position: relative; margin: 0 9px;}
.footer-wrap .company-holder li:first-child{margin-left: 0;}
.footer-wrap .company-holder li:last-child{margin-right: 0;}
.footer-wrap .company-holder li:not(:last-child)::before{content: ''; position: absolute; right: -10px; top: 4px; width: 1px; height: 11px; background: #888;}
.footer-wrap .company-holder a{display: inline-flex; width: 100%; align-items: center; justify-content: center;font-weight: 400;}
.footer-wrap .company-holder + p { margin-top: 2px;}
.footer-wrap .company-holder li:nth-child(2) a {font-weight: 600;}

.footer-wrap .etc-holder {margin-top: 16px; color: #888;}
.footer-wrap .etc-holder p{margin-top: 5px; display: none;}
.footer-wrap .etc-holder span{margin-right: 5px;}
.footer-wrap .etc-holder i{width: 20px; height: 20px; background: url(../images/svg/icons-16-px-arrow-outline-down.svg);}
.isFooter .footer-wrap .etc-holder div i{transform: rotate(180deg);}
.isFooter .footer-wrap .etc-holder div + p{display: block;}
.isFooter .content-wrap{min-height: calc( 100% - 376px);}
.footer-wrap p{color: #888; line-height: 1.5; font-size: 12px;}
.section .footer-wrap{margin-top:0;}

.terms-contents > span{font-size:14px !important;line-height:24px !important;color:#888 !important;text-indent: 0 !important;}
.terms-contents p{font-size:14px;line-height:24px;color:#888;text-indent: 0;}
.terms-contents p strong{font-size:14px;line-height:24px;color:#000;text-indent: 0;}
.terms-anchc-wrap{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;margin:0 0 30px 0;}
.terms-anchc{padding:0 20px;}
.terms-anchc li{    list-style: disc;
    color: #888;}
.terms-anchc li a{font-size:14px;padding: 3px 0;display: block;color:#888;}
.terms-anchc li a:hover{text-decoration:underline;color:#000}
.terms-contents{font-size:14px;color:#333;padding:0!important;}
.t-section{padding:0 0 30px 0;}
.t-section h2{font-size:14px;margin:0 0 10px 0;padding: 0;}
.t-section ol li{font-size:14px;color:#888;line-height:24px;text-indent:-15px;padding:0 0 10px 20px;}
.t-section ol li ol li{text-indent:-20px;}
.t-section ol li ul{padding:0 0 0 20px;}
.t-section ol li ul li{padding:0 0 5px 0}
.t-section  table{width:100%;}
.t-section li table{left: -20px;position: relative;width: calc(100% + 20px);top: 10px;}

.terms-table { margin-bottom:20px; border-top:1px solid #ddd; } 
.terms-table table { width:100%; } 
.terms-table thead th { font-size: 12px; background: #F8F8F8; text-align: center; border: 1px solid #ddd; padding: 8px 0; vertical-align: middle; height: 60px; font-weight: 400;color:#000;} 
.terms-table tbody th { font-size: 12px; background:#f8f8f8; border: 1px solid #ddd; text-align: center; font-weight: 400 } 
.terms-table tbody td { font-size: 12px; border: 1px solid #ddd; height: 43px;color:#666;padding: 20px 20px;text-align: center;} 
.terms-table tbody td.left { text-align: left;padding: 0 0 0 10px; } 
.terms-table.col-line tbody th, .terms-table.col-line tbody td { border: 1px solid #ddd; } 
.terms-table.col-line tbody td:last-child {} 
.terms-table.col-line tbody td.border-right { border:1px solid #ddd; } 
.terms-table.col-line tbody td * { font-size: inherit } 

/* quick */
.quick-wrap{width: 100%; height: 60px; border-top: 1px solid #ddd; background: #fff; position: fixed; z-index: 19; transition: transform .3s; left: 0; bottom: 0;
	animation-duration: 0.7s;animation-fill-mode: forwards;
  animation-name: slidein;}
@keyframes slidein {
  from {
    bottom: -90px;
	opacity:0;
  }

  to {
    bottom: 0;
	opacity:1;
  }
}

/* 221212 817 모바일 - 로고, 햄버거메뉴 위치 변경 */
.quick-wrap .kate i { background: url(../images/svg/icons-nav-kate.svg) center center no-repeat; }
.quick-wrap .brand i { background: url(../images/svg/icons-nav-brand-inactive.svg) center center no-repeat; }



.quick-wrap li{flex: 1;}
.quick-wrap li a{ display: inline-flex; width: 100%; height: 60px; align-items: center; justify-content: center;flex-direction: column;position:relative;}
.quick-wrap li i{width: 20px; height: 20px;}
.quick-wrap li i + em{width:18px;height:18px;display:block;background:#333;border-radius:50%;text-align:center;line-height:18px;font-size:10px;color:#fff;position:absolute;top:5px;right:18px;}
.quick-wrap span{font-size: 10px; color: #888; margin-top: 2px;}
.quick-wrap .alarm i{background: url(../images/svg/icons-nav-alarm-inactive.svg) center center no-repeat;}
.quick-wrap .zzim i{background: url(../images/svg/icons-nav-heart-inactive.svg) center center no-repeat;}
.quick-wrap .home i{background: url(../images/svg/icons-nav-home-inactive.svg) center center no-repeat;}
.quick-wrap .history i{background: url(../images/svg/icons-nav-history-inactive.svg) center center no-repeat;}
.quick-wrap .mypage i{background: url(../images/svg/icons-nav-profile-inactive.svg) center center no-repeat;}

.quick-wrap .alarm.on i{background: url(../images/svg/icons-nav-alarm-inactive-on.svg) center center no-repeat;}
.quick-wrap .zzim.on i{background: url(../images/svg/icons-nav-heart-inactive-on.svg) center center no-repeat;}
.quick-wrap .home.on i{background: url(../images/svg/icons-nav-home-inactive-on.svg) center center no-repeat;}
.quick-wrap .history.on i{background: url(../images/svg/icons-nav-history-inactive-on.svg) center center no-repeat;}
.quick-wrap .mypage.on i{background: url(../images/svg/icons-nav-profile-inactive-on.svg) center center no-repeat;}
.quick-wrap .brand.on i{ background: url(../images/svg/icons-nav-brand-inactive-on.svg) center center no-repeat; }

.quick-wrap.hide{transform: translateY(60px);}
.quick-close{    position: absolute;
    display: block;
    top: -31px;
    background: rgba(0,0,0,0.5);
    font-size: 0;
    width: 30px;
    height: 30px;
    left: 30px;background: rgba(0,0,0,0.5) url(../images/svg/icons-24-px-down-w.svg) center center no-repeat;
	background-size:20px;}
.quick-wrap.hide .quick-close{    transform: rotate(180deg);}

.top-btn{position: fixed; right: 21px; bottom: 90px; cursor: pointer; z-index: 16;text-align: right; display:flex; flex-direction:column-reverse; align-items:flex-end; transition:transform .3s;}
.top-btn.down{transform:translateY(60px)}
.top-btn a{display:inline-block;width: 36px; height: 36px;margin:15px 0 0 0;}
.top-btn [data-menuanchor="top"] {display:none; order:-1;}
.top-btn i{display:inline-block;width: 36px; height: 36px; background: url(../images/svg/btn-top.svg);}
.top-btn .brand-con{display: flex; width: auto;    justify-content: flex-end;    flex-direction: row;    align-items: center;}
.top-btn .br-con{border-radius: 50%; background-size:90%; background-position:center center; background-repeat:no-repeat; border:1px solid #ccc; background-color:#fff;}
.top-btn span{transition:width 0.3s; width:0; position:relative; display:flex; justify-content:space-between;}
.top-btn span .br-con{display:none; flex:1; margin:0 0 0 36px; border:none; background-color:transparent; border-radius:0; background-repeat:no-repeat; background-position:center center; background-size:100% auto; z-index:1;}
.top-btn .br-con-close{display:none;transition:all 0.3s;}
.top-btn.open span{width:168px;height:36px;border-radius: 20px;margin: 0 0 0 15px;text-align: right; background-color:#fff;}
.top-btn.open span:before{content:'';display:block;width:10px;height:10px;background:#fff;position:absolute;transform: rotate(45deg);left: 50%;margin: -4px 0 0 -5px;}
.top-btn.open span .br-con {display:block;}
.top-btn.open .brand-con>.br-con {display: none;}
.top-btn.open .br-con-close{display:inline-block;background: url(../images/svg/br-con-close.svg);background-size:100%;}
.quick-fixed:before{content:'';background:rgba(0,0,0,0.6);overflow:hidden;display:block;position:fixed;width:100%;height:100%;z-index: 15;transition:all 0.3s;top:0;}
.top-btn .brand-quick {display:none;}
.top-btn.open .brand-quick{display:block;}

.top-btn .lately i {
        width: 36px; height: 36px; background-image:url('../images/svg/icons-history.svg');}
/*-  검색아이콘 추가 css 221207 */
.top-btn .searchi i {
        width: 36px; height: 36px; background-image:url('../images/svg/icon-search-gray.svg'); background-repeat: no-repeat; background-color: #fff;
        background-position: center center; -webkit-background-size: 50%; background-size: 50%; border-radius: 50%; border: 1px solid #CCCCCC;}
.top-btn .br-con.sch-con {background-size: 50%;}

.brand-quick li a{background:#fff;display: flex;width:168px;height:40px;border-radius: 3px;margin: 5px 0 0 0;flex-direction: row;align-items: center;font-size: 14px;color: #333;text-transform: uppercase;}
.brand-quick li a:before{content:'';display:block;width:26px;height:26px;margin: 0 24px 0 15px;}
.brand-quick li a:after{content:'';display:block;width:1px;height:15px;background:#ddd;position:absolute;left:53px;}
.brand-quick li a.info:before{background: url(../images/svg/ic-about.svg) center center no-repeat;}
.brand-quick li a.media:before{background: url(../images/svg/ic-media.svg) center center no-repeat;}
.brand-quick li a.line:before{background: url(../images/svg/ic-line.svg) center center no-repeat;}
.brand-quick li a.campaign:before{background: url(../images/svg/ic-campain.svg) center center no-repeat;}
.brand-quick li a.lookbook:before{background: url(../images/svg/ic-lookbook.svg) center center no-repeat;}
.brand-quick li a.certificate:before{background: url(../images/svg/ic-certifica.svg) center center no-repeat;}
.brand-quick li a.catalog:before{background: url(https://contents.k-village.co.kr/PUBL_con/html/pc/images/brand/icon_ks_catalog.svg) center center no-repeat;}
.brand-quick li a.flagship:before{background: url(../images/svg/ic-flagshop.svg) center center no-repeat;}
.brand-quick{}
.brand-quick li{animation:br-flip 0.6s linear both}
.brand-quick li:nth-child(6){animation-delay:0.1s}
.brand-quick li:nth-child(5){animation-delay:0.15s}
.brand-quick li:nth-child(4){animation-delay:0.2s}
.brand-quick li:nth-child(3){animation-delay:0.25s}
.brand-quick li:nth-child(2){animation-delay:0.3s}
.brand-quick li:nth-child(1){animation-delay:0.35s}

@keyframes br-flip{
	0%{transform:rotateX(180deg);opacity:0}
	100%{transform:rotateX(0);opacity:1}
}

/* 상품리스트 */
[class *= type-0] .tag{position: absolute; width: 24px; height: 24px; background: red; font-size: 0;}
[class *= type-0] .tag.on{background: url(../images/svg/icon-heart-on.svg);}
[class *= type-0] li{position: relative;}
.type-01 {display: flex; align-items: center;}
.type-01 li:first-child{margin-left: 0;}
.type-01 li { height: 100%; flex-basis: 50%; padding: 0 5px;}
.type-01 .img{/*padding-top: 100%;*/ overflow: hidden; position: relative;}
.type-01 .img img{ /*position: absolute;*/ left: 0; top: 0; width: 100%;}
.type-01 .txt .num{font-size: 14px; font-weight: 700; margin-top: 12px;}
.type-01 .tag {top: 6px; right: 5px; font-size: 0;}


.type-02 {display: flex; align-items: center; flex-wrap: wrap;}
.type-02 li:first-child{margin-left: 0;}
.type-02 li {height: 100%; /*flex-basis: 33.33%;*/ width: 33.33%; padding: 0 5px;}
.type-02 li .img{padding-top: 100%; overflow: hidden; position: relative;}
.type-02 li .img img{ position: absolute; left: 0; top: 0; width: 100%;}
.type-02 li .tag {top: 0px; left: 0; font-size: 12px; width: 29px; height: 29px;}
.type-02 li .txt{height: 60px;}




.type-04 li{display: flex;}
.type-04 li .img{width: 80px; height: 80px; overflow: hidden; flex: none;}
.type-04 li .img img{width: 80px;}
.type-04 li .txt{margin-left: 20px; overflow: hidden; display: flex; justify-content: center; flex-direction: column;}
.type-04 li .txt *{font-size: 15px; color: #bbb;}
.type-04 li:not(:first-child){margin-top: 15px;}
.type-04 li .tag {top: 6px; right: 15px; font-size: 0;}


.type-05 li{display: flex;}
.type-05 li .img{width: 77px;}
.type-05 li .img img{width: 77px;}
.type-05 li .txt{margin-left: 20px; overflow: hidden; display: flex; justify-content: center; flex-direction: column;}
.type-05 li:not(:first-child){margin-top: 15px;}
.type-05 li .tag {top: 6px; right: 15px; font-size: 0;}

.type-06 li{display: flex; flex-wrap: wrap; padding: 20px 0;}
.type-06 li:not(:last-child)::before{content: ''; position: absolute; width: calc(100% + 40px); height: 1px; background:#ddd; left: -20px; top: 0;}

.type-06 li .form{width: 100%; margin-bottom: 8px;}
.type-06 li .form button{width: 20px; height: 20px;  ;}
.type-06 li .form button i{width: 20px; height: 20px; background-image: url(../images/svg/icons-24-px-close.svg);}
.type-06 li .form label{color: #ff5b37;} 

.type-06 li .img{width: 77px; height: 103px; overflow: hidden; display: inline-flex; position: relative;}
.type-06 li .img img{width: 77px; }
.type-06 li .img .like-pd{right:0; top:0;}
.type-06 li .txt{margin-left: 20px; overflow: hidden; flex-basis: calc(100% - 140px); display: inline-flex; justify-content: center; flex-direction: column;}
.type-06 li .txt .str{color: #888; margin-top: 8px;}
.type-06 li .txt .etc{color: #888; margin-top: 10px;}
.type-06 li .txt .num{font-size: 14px; font-weight: 700; margin-top: 12px;}
.type-06 li .txt .num span{font-size: 11px; color: #ccc; font-weight: 400; margin-left: 10px;}
.type-06 li .txt .num em{font-size: 14px; color: #ff5b37; font-weight: 500; margin-left: 10px;}
.type-06 li .txt .employee{color: #ff5b37; font-size: 12px; align-items: baseline; margin-top: 10px;}
.type-06 li .txt .employee span:first-child{margin-right: 5px;}
.type-06 li:not(:first-child){margin-top: 15px;}
.type-06 li .tag {top: 66px; right: 15px; font-size: 0;}
.type-06 li .fee{width: 100%; background: #f5f5f5; padding: 14px 13px; margin-top: 12px; color: #888; }
/* .type-06 li .fee p:not(:first-child)::before{content: ''; position: absolute; left: 0; top: 1px; width: 1px; height: 12px; background: #ddd; } */
.type-06 li .fee p{padding: 0 10px; position: relative;}


.both-list li{display: flex;justify-content: space-between;border: 1px solid #ddd;padding: 15px 15px;margin: 0 0 10px 0;}
.both-list li span{font-size:13px;}
.both-list li:last-child{margin:0;}

.swiper.swiper-2x1{width: 100%; }
.swiper.swiper-2x1 img{width: 100%;}
.swiper.swiper-2x1 .txt {padding: 10px 10px 20px;}
.swiper.swiper-2x1 .txt .str{font-size: 13x; color: #888; height: 28px;}
.swiper.swiper-2x1 .txt .num{font-size: 14px; color: #000; margin-top: 8px;}
.swiper.swiper-2x1 .swiper-wrapper{padding-bottom: 18px;}
.swiper.swiper-2x1 .swiper-wrapper .swiper-slide{background: #fff !important;}

.swiper.swiper-3x1{width: 100%; }
.swiper.swiper-3x1 img{width: 100%;}
.swiper.swiper-3x1 .txt {padding: 10px 10px 20px;}
.swiper.swiper-3x1 .txt .brand{font-size: 11px; color: #888;padding:0 0 5px 0;}
.swiper.swiper-3x1 .txt .str{font-size: 11px; color: #333;height:28px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.swiper.swiper-3x1 .txt .num{font-size: 13px; color: #000; margin-top: 8px;}
.swiper.swiper-3x1 .swiper-wrapper{padding-bottom: 10px;}
.swiper.swiper-3x1 .swiper-wrapper .swiper-slide{background: #fff !important;}
.swiper.swiper-3x1 .bnr-txt{padding:10px;}
.swiper.swiper-3x1 .bnr-txt>span{font-size:11px;color:#888;}
.swiper.swiper-3x1 .bnr-txt>p{font-size:11px;color:#888;height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height:15px;}
.swiper.swiper-3x1 .bnr-txt p.price{font-size:14px;color:#000;padding:3px 0 2px 0;width: auto;}
.swiper.swiper-3x1 .bnr-txt p.price.sm{font-size:13px;}
.swiper.swiper-3x1 .bnr-txt .price .actual{    display: block;font-size: 14px;color: #000;font-weight: 600;margin: 13px 0 0 0;}
.swiper.swiper-3x1 .bnr-txt .price .normal{position: absolute;font-size: 11px;    color: #ccc;    display: block;}
.swiper.swiper-3x1 .bnr-txt .price-group{display: flex;align-items: baseline;}
.swiper.swiper-3x1 .bnr-txt .price-group .sale{font-size:14px;color:#ff5b37;margin-left:auto;    text-align: right;    font-weight: 500;}
.swiper.swiper-3x1 .bnr-txt p.price.sm + .sale{white-space: nowrap;}

.swiper.swiper-2x2{width: 100%; height: 400px;padding-bottom: 20px;}
.swiper.swiper-2x2 .swiper-slide {background: #fff; height: calc((100% - 30px) / 2);}

.swiper.swiper-3x2{width: 100%; height: 550px;padding-bottom: 20px;}
.swiper.swiper-3x2 .swiper-slide {background: #fff; height: calc((100% - 30px) / 2);}
.swiper.swiper-3x2 img{width: 100%;}
.swiper.swiper-3x2 .txt {padding: 10px 10px 20px;}
.swiper.swiper-3x2 .txt .str{font-size: 11px; color: #888; height: 28px;}
.swiper.swiper-3x2 .txt .num{font-size: 13px; color: #000; margin-top: 8px;}
.swiper.swiper-3x2 .swiper-wrapper{padding-bottom: 10px;}
.swiper.swiper-3x2 .swiper-wrapper .swiper-slide{background: #fff !important;}


.swiper-pagination{transform: skewX(135deg); position: relative !important; bottom: -2px !important; }
.swiper-pagination-bullet{width: 6px; height: 6px; margin: 0 2px !important; border-radius: 0; opacity: 1; background: #ddd; transition: .2s; }
.swiper-pagination-bullet-active{width: 22px; background: #000;}

/* 회원가입 */
.coupon-holder{}
.coupon-holder ul{justify-content: center;}
.coupon-holder li{width:241px; margin: 0 5px; }
.coupon-holder li ._img{width: 241px;
    height: 106px;
    background: url(../images/png/coupon-line.png) center center no-repeat;
    padding: 28px 32px 0 0;
    text-align: center;}
.coupon-holder li .h{color: #888;font-size:16px;padding:0 0 5px 0;}
.coupon-holder li .num{font-weight: 700; color: #333;font-size:20px;}
.coupon-holder + .mt-20 h5{font-size: 14px;line-height: 1.57;  color: #888;}
.mail-holder{}
.mail-holder li{height: 80px; }
.mail-holder li:not(:first-child){margin-top: 10px;}
.mail-holder label{width: 100%; height: 100%;position: absolute;z-index: 1; border: 1px solid #ddd; background-position-x: 20px; background-position-y: 30px; padding: 28px 0 0 70px; font-size: 14px; }
.mail-holder li svg,
.mail-holder li img {width:47px; height:47px; margin-right:20px;}
.mail-holder li i{width: 47px; height: 47px; margin-right: 20px; background-color:#000; background-size:100% 100%; background-repeat:no-repeat; border-radius: 50%; overflow: hidden;}
.mail-holder li .flex{padding-left: 70px;}
.mail-holder h6{color: #888; margin-top: 12px;}
.mail-holder input[type=radio]:checked + label{ background-position-x: 20px; background-position-y: 30px; border: 1px solid;}
.mt-15{margin: 15px 0 0 0;}
.mt-20{margin: 20px 0 0 0;}
.mt-0{margin:0 0 0 0;margin-top: 0;}
.m30-0{margin:0 0 -30px 0;}
.k2group i.k2,
.mail-holder i.k2{background-image: url(../images/svg/icons-k-2.svg);}
.k2group i.eider,
.mail-holder i.eider{background-image: url(../images/svg/icons-eider_v2.svg);}
.k2group i.dynafit,
.mail-holder i.dynafit{background-image: url(../images/svg/icons-dynafit_v2.svg);}
.k2group i.wangle,
.mail-holder i.wangle{background-image: url(../images/svg/icons-wideangle_v2.svg);}
.k2group i.nasd,
.mail-holder i.nasd{background-image: url(../images/svg/icons-nsad.svg);}
.k2group i.k2safety,
.mail-holder i.k2safety{background-image: url(../images/svg/icons-k2safty.svg);}
.k2group i.piretti,
.mail-holder i.piretti{background-image: url(../images/svg/icons-piretti_v2.svg);}
.k2group i.nordisk,
.mail-holder i.nordisk{background-image: url(../images/svg/icons-nordisk_v2.svg);}
.k2group i.kemall,
.mail-holder i.kemall{background-image: url(../images/svg/icons-Kvillage2.svg);}


.k2group{ background: #eee; width: calc(100% + 40px); margin: -40px  0 0 -20px; padding: 30px 20px 25px;}
.k2group .flex{justify-content: center;}
.k2group .flex li{margin: 0 5px;}
.k2group i{    width: 47px; height: 47px; background-color: #000; background-size:100% 100%; background-repeat:no-repeat; border-radius: 50%; overflow: hidden;}
.k2group .h{color: #333; margin-top: 20px;}


.gender-holder{}
.gender-holder .radio-type{margin: 20px 0 0 0;}

.terms-holder{    margin-top: 25px;}
.terms-holder .all{margin-bottom: 25px;}
.terms-holder .all div{padding-left: 30px;}
.terms-holder .all label{font-size: 16px; font-weight: 500;}
.terms-holder .one > div { padding: 12px 0; align-items: baseline;}
.terms-holder .one{border-top: 1px solid #d6d6d6; padding-top: 12px;}
.terms-holder a{text-decoration: underline; text-underline-position: under; font-size: 14px; min-width: 56px; color: #333;}
.terms-holder label span{font-size: 14px; color: #ff5b37;}
.terms-holder .txt-holder{margin-top: 7px;}
.terms-holder .sub{margin-left: 30px;}
.terms-holder .sub p{  font-size: 12px;line-height: 1.5;color: #888;margin-top: 10px;}


/* 카테고리메인 */
.banner-scene {height: 418px; background: #ccc;}

/* 브랜드메인 */
.brand-main .footer-wrap{margin-top: 0;}

.best-menu{height: 40px;  overflow-x: auto; overflow-y: hidden;}
.best-menu::-webkit-scrollbar {display: none; }
.best-menu ul{height: 100%;  white-space: nowrap;}
.best-menu li{margin: 0 8px; height: 100%; padding-top: 10px; position: relative;}
.best-menu li:first-child{margin-left: 0;}
.best-menu li:last-child{margin-right: 0;}
.best-menu li.on::before{content: ''; position: absolute; left: 0; bottom: 5px; width: 100%; height: 2px; background: #333;}
.best-menu li.on span{font-weight: 700; color: #000;}
.best-menu span{font-size: 15px; color: #a8a8a8; }
.-main main {padding-top: 0;}
.-main .content-wrap{margin-top: 0;}
.-main.-category main {padding: 0 0 60px;}
.-main .full{height: 637px;}
.-main .half{height: 420px;}

[class ^=screen] .wrap-holder {width: 100%;height: 100%;padding: 0;}
[class ^=screen] .wrap-in {height: 100%; width: 100%;overflow: hidden;padding: 50px 20px;}

.main-screen {padding: 0 !important;    height: 100%;}
.main-screen .wrap-in{padding: 0 !important;}
.main-screen .swiper{height: 100%;}
.main-screen .swiper .img{position: absolute; z-index: -1;}
.main-screen .swiper img{width: 100%;}
.main-screen .swiper-pagination{position: absolute !important; bottom: 94px !important; transform: skewX(0); color: #fff; width: auto; left: auto; right: 58px; }
.main-screen .swiper-pagination::before {content: '';position: absolute;width: 80px;height: 28px;background: rgba(0,0,0,0.5);z-index: -1;transform: skewX(330deg);left: -26px;top: -6px;}
.main-screen .swiper-pagination .swiper-pagination-current{font-weight: 700;}
.main-screen .swiper .txt{flex-direction: column; align-items: baseline; margin-left: 20px; padding-left: 20px;}
.main-screen .swiper .txt .str{font-size: 30px; font-weight: 700;}
.main-screen .swiper .txt h5{font-size: 15px; font-weight: 500; margin-top: 50px;}

.pick-screen{background-size: cover; color: #fff;}
.pick-screen .wrap-holder{ color: #fff; height: 590px; background-size: cover;}
.pick-screen .logo{width: 58px; height: 58px; border-radius: 50%; background: #fff; margin-top: 132px;}
.pick-screen .logo i{width: 58px; height: 58px;}
.pick-screen .logo i.k2{background: url(../images/svg/icons-k-2-w.svg) center center no-repeat;}
.pick-screen .str{font-size: 30px; font-weight: 700; margin-top: 13px;}
.pick-screen .swiper {width: 400px; height: 150px;}

.banner-screen .wrap-in{padding: 50px 0;} 
.banner-screen .swiper{height: auto;}
.banner-screen .swiper img{width: 100%;}

.video-screen .video{width: calc(100% + 40px); margin-left: -20px; position: relative;} 
.video-screen .video video{width: 100%;}
.video-screen .video .controll{position: absolute; left: 0; right: 0; top: 0; bottom: 0; justify-content: center; }
.video-screen .video .controll i{width: 50px; height: 50px; border-radius: 50%; background:rgba(2, 1, 1, 0.5);}

.issue-screen .wrap-in ul{width: calc(100% + 40px);}
.issue-screen .wrap-in ul .img{margin-left: -40px; margin-bottom: 12px;}
.issue-screen .wrap-in ul .img img{width: 100%;}
.issue-screen .wrap-in ul li:not(:first-child){margin-top: 24px;}
.issue-screen ul h5{margin-top: -2px;} 

.-before::before{content: ''; position: absolute; left: 0; top: 1px; width: 1px; height: 12px; background: #ddd;}

.list-type1{padding:0 20px}
.list-type1 li{border-bottom:1px solid #ddd;padding:14px 0}
.list-type1 li:last-child{border:none;}
.list-type1 li a{display:block;position:relative;}
.list-type1 li a:after{content:'';display:block;background:url(../images/svg/icons-light-down.svg) no-repeat;width:13px;height:7px;position:absolute;right:3px;top:20px;transition:all 0.3s;background-size:100%;transform: rotate(270deg);}
.list-type1 li a p{font-size:15px;color:#333;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 30px);}
.list-type1 li a span{font-size:11px;color:#888;}
.list-type-1 li{font-size:14px;padding:0 0 10px 10px;position:relative;color:#333}
.list-type-1 li:before{content:'';display:block;position:absolute;width:3px;height:3px;background:#888;left:0;top:7px}
.list-type-2 li{border-bottom:1px solid #ddd;}
.list-type-2 li:last-child{border:none;}
.list-type-2 li a{display:block;font-size:15px;color:#333;line-height:15px;padding:18px 35px 17px 0;position:relative;}
.list-type-2 li a:after{content:'';display:block;background:url(../images/svg/icons-light-down.svg) no-repeat;width:12px;height:10px;position:absolute;right:3px;top:calc(50% - 5px);transition:all 0.3s;background-size:100%;transform: rotate(270deg);}

.view-type1{}
.view-type1 .view-title{padding:20px;border-bottom:1px solid #333;}
.view-type1 .view-title h1{font-size:16px;color:#333;font-weight:600;}
.view-type1 .view-title span{font-size:11px;color:#888;}
.view-type1 .view-cont{padding:40px 20px;line-height:22px;}




/* transform */
@keyframes top_in {
	0% { transform: translateY(0px);}
	100% { transform: translateY(50px);}
}

@keyframes top_out {
	0% { transform: translateY(50px);}
	100% { transform: translateY(0px);}
}
@keyframes bottom_in {
	0% { transform: translateY(0px);}
	100% { transform: translateY(-50px);}
}
@keyframes bottom_out {
	0% { transform: translateY(-50px);}
	100% { transform: translateY(0px);}
}
@keyframes center_in {
	0% { transform: translateY(0px); opacity: 0;}
	100% { transform: translateY(-50px); opacity: 1;}
}
@keyframes center_out {
	0% { transform: translateY(-50px); opacity: 1;}
	100% { transform: translateY(0px); opacity: 0;}
}


/*error*/
.full-error-wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.full-error-wrap .error-wrap {padding-top:0;}
.error-wrap{text-align:center;padding:10px 20px 0 20px;}
.error-wrap:before{content:'';display:block;width:75px;height:75px;margin:0 auto;background: url(../images/svg/error.svg) center center no-repeat;}
.error-wrap.system:before{background: url(../images/svg/system.svg) center center no-repeat;}
.error-wrap h1{font-size:22px;font-weight:600;padding:8px 0 0 0;}
.error-wrap h2{font-size:16px;font-weight:500;padding:8px 0 0 0;}
.error-wrap .error-tit1{font-size:14px;color:#888;padding:20px 0;line-height:22px;}
.error-wrap .error-tit2{font-size:14px;padding:0 0 10px 0;}
.error-wrap .full + .error-tit2{padding:30px 0 10px 0;}


/* ///////////////////////////////////////////////////////////////// */
.common-del-footer{padding-bottom: 220px; background: #999; }
.common-del-footer::before{content: 'FOOTER AREA'; 
display: flex; 
justify-content: center; 
align-items: center; width: 100%;     position: absolute;margin-top: 100px;font-size: 20px;font-style: italic;}
.common-del-footer{}

/*event pop*/
.event-bnr{position: fixed;height: 257px;z-index: 18;width: 100%;background: #000;animation:bnr-up 0.7s cubic-bezier(0.18, 0.89, 0.32, 1.28) both; bottom: 60px; transform: unset !important;}
.event-bnr.down{animation:bnr-down 0.4s ease-in-out both}
.event-bnr .bnr-top{height:217px;}
.event-bnr .bnr-top img{width:100%;    height: 100%;
    object-fit: cover;}
.event-bnr .close-bnr{font-size:13px;color:#888;background:#f5f5f5;line-height:40px;padding:0 20px;display:flex;justify-content: space-between;}
.event-bnr .close-bnr:after{content:'';display:block;position:absolute;width:100%;height:29px;background:#f5f5f5;left:0;bottom:-29px;z-index: -1;}
.event-bnr .bnr-txt{position:absolute;padding:52px 0 0 22px;}
.event-bnr .bnr-txt strong{color:#000;font-size:24px;font-weight: 600;display: block;}
.event-bnr .bnr-txt span{font-size:13px;color:#000;    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 8px;}
.event-bnr .bnr-txt p{font-size:14px;color:#000;  vertical-align: middle;margin: 10px 0 16px 0;}
.event-bnr .bnr-txt span span,
.event-bnr .bnr-txt p span,
.event-bnr .bnr-txt strong span{margin:0; color:inherit; font-size:inherit;}
.event-bnr .bnr-txt button{font-size:13px;color:#000;padding:0 15px;height:34px;line-height:34px;border:1px solid rgba(0,0,0,.5);}
.event-bnr .bnr-txt .btn-dark{color:#000;border-color:rgba(0,0,0,.5);}
.event-bnr .bnr-txt .btn-white{color:rgb(255, 255, 255);border-color:rgb(255, 255, 255);}
.event-bnr .bnr-txt .normal.flip-clock-wrapper{display:inline-block;}
.normal.flip-clock-wrapper ul li a div div.inn {
    background: none;
    font-size: 24px;
    text-shadow: none;
    height: 100%;
    color: #000;
    font-weight: 700;
}
.normal.flip-clock-wrapper .flip-clock-divider.mns {
    font-size: 24px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.normal.flip-clock-wrapper .flip-clock-divider.secs {
    font-size: 24px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.event-bnr .bnr-txt .clock_wrap {
    display: flex;
    align-items: end;
}
.event-bnr .swiper-pagination {
    position: absolute!important;
}
.event-bnr .swiper-pagination{bottom:auto;transform:skewX(0);color:#fff;width:auto;left:auto;top:20px;right:20px}
.event-bnr .swiper-pagination .swiper-pagination-current{font-weight:700}

@keyframes bnr-up{
	0%{transform: translateY(0);opacity:0;}
	98%{overflow:visible;}
	100%{transform:translateY(-317px);opacity:1;overflow:hidden;}
}

@keyframes bnr-down{
	0%{transform: translateY(-317px);opacity:1}
	100%{transform:translateY(0);opacity:2}
}

/* notice pop */
.popup-notice {position:fixed; top:0; bottom:0; left:0; right:0; display:flex; justify-content:center; align-items:center; flex-direction:column; background-color:rgba(0, 0, 0, .5); padding:50px 20px; z-index:30;}
.popup-notice > div {width:100%; max-width:375px; min-width:335px;}
.popup-notice .popup-notice-container {display:flex; justify-content:center; align-items:center; flex-direction:column; min-height:10%; padding:30px; background-color:#fff; text-align:center;}
.popup-notice .popup-notice-container .popup-title {flex-shrink:0; width:100%; font-size:26px; line-height:32px;}
.popup-notice .popup-notice-container .popup-title:before {content:''; display:block; width:115px; height:31px; margin:0 auto 10px; background:url(../images/png/tit-notice.png) no-repeat;background-size: 100%;}
.popup-notice .popup-notice-container .popup-content {flex:1; overflow-y:auto; width:calc(100% + 60px); margin:10px -30px 0 -30px; padding:0 30px; font-size:20px; line-height:35px;}
.popup-notice .popup-notice-container .popup-content strong {color:#FF5B37; font-size:inherit;}
.popup-notice .close-notice {display:flex; justify-content:space-between; align-items:center; flex-shrink:0; height:40px; padding:0 20px; background-color:#eee;}
.popup-notice .close-notice label { padding-right:0; color:#888;}
.popup-notice .close-notice button {width:70px; height:100%; margin-right:-20px; font-size:13px;}


/*전시 정렬*/

.swiper-slide .visual-txt.left-top{top: 25%;}
.swiper-slide .visual-txt.right-top{top: 25%;text-align: right;}
.swiper-slide .visual-txt.center-top{text-align: center;padding: 20px 0 0 0;top: 25%;}
.swiper-slide .visual-txt.center-bottom{text-align: center;padding: 20px 0 0 0;}
.swiper-slide .visual-txt.right-bottom{text-align: right;}
.right-middle{text-align:right;}
.section .right-middle h2,
.section.brend .right-middle .brend-copy,
.section.brend .right-middle .brend-copy h3{text-align:right;display:block;}
.section.brend .right-middle .brend-copy .brend{left:auto;right:-50%;}
.section.brend .brend-copy .right-middle  h3{text-align:right;display:block;width: calc(100% - 40px);}
.section.brend.active .brend-copy .right-middle .brend{left:auto;right: 20px;
    width: 100%;}

.mz-txt1.left-top{top: 25%;bottom:auto;}
.mz-txt1.right-top{text-align:right;top: 25%;bottom:auto;}
.mz-txt1.right-top h2{text-align:right;}
.mz-txt1.center-top{text-align:center;top: 25%;bottom:auto;}
.mz-txt1.center-top h2{text-align:center;}
.mz-txt1.right-bottom{text-align:right;}
.mz-txt1.right-bottom h2{text-align:right;}
.mz-txt1.center-bottom {text-align:center;}
.mz-txt1.center-bottom h2{text-align:center;}

.mz-txt1.style.right-top,
.mz-txt1.style.right-bottom{padding: 0 60px 0 0;}


.mz-txt2.left-middle{left:20px; width:auto;}
.mz-txt2.right-middle{right:20px; width:auto; text-align:right;}
.mz-txt2.center-middle{text-align:center;}
.section .mz-txt2.right-middle h2 {text-align: right;}
.section .mz-txt2.center-middle h2 {text-align: center;}
.style-top + .mz-txt1.right-bottom{width: calc(100% - 132px);}

.txt-display{color:#111}
.txt-display p{color:#000}
.section .txt-display h2{color:#000}
.txt-display.white,
.txt-display.white p,
.section .txt-display.white h2{color:#fff}
.white > p{color:#fff!important;}
.essen {font-size: 14px;color: #ff5b37;display: inline-block;margin: 0 0 0 5px;}
p.essen {font-size: 12px;    margin: 8px 0}
.b-tab-cont{display:none;}


#loadingDiv{opacity:1!important;background:none!important;}
#loadingDiv:before {content:'';display:block;width: 60px;height: 60px;background: url(../images/png/loading.png) left center;background-size:2520px;animation: play 5s steps(42) infinite;position: absolute;left: 50%;top: 50%;margin: -30px 0 0 -30px;} 
@keyframes play {
100% {
	background-position: -2520px;
	}
}

.loading_box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.6);
    z-index: 9999;
}   
.loading_box .loading_txt_box{
    position: absolute;
    top: 38%;   
    left: 50%;
    transform:translateX(-50%);
}

.loading_box .loading_txt_box .loading_move{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 15px;
}
.loading_box .loading_txt_box .loading_move p{
    width: 10px;
    height: 10px;
    border-radius:50%;
    background-color: #fff;
}
.loading_box .loading_txt_box .loading_txt{
    font-size: 16px;
    color: #fff;
    text-align: center;
    opacity: .8;
    font-weight: 500;
}

.loading_box .loading_txt_box .loading_move p{
    background-color: #fff;
    -webkit-animation: loadingFade 2s infinite;
    -moz-animation: loadingFade 2s infinite;
    animation: loadingFade 2s infinite;
}


.loading_box .loading_txt_box .loading_move p:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.loading_box .loading_txt_box .loading_move p:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading_box .loading_txt_box .loading_move p:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
@-webkit-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@-moz-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}




/* 220915 188 gnb 수정 > brand gnb 수정 */
#brdNavList .brand_menu {padding-top:15px;}

#brdNavList .brand_menu .brand_area{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding-left: 33px;
    position: relative;
    line-height: 24px;
}
#brdNavList .brand_menu .brand_area:before{
    content:'';
    width: 24px;
    height: 24px;
    background-image: url('https://contents.k-village.co.kr/BO_Attach/up/1649827515853.svg');
    background-color: #fff;
    border-radius:50%;
    background-size: 70% 70%;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 2px;
}
#brdNavList .brand_menu .brand_area.k2:before{
    background-image: url('https://contents.k-village.co.kr/BO_Attach/up/1647072730180.svg');
}
#brdNavList .brand_menu .brand_area.eider:before{
    /* background-image: url('https://contents.k-village.co.kr/BO_Attach/up/1642771303849.svg'); */
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/EIDER.svg');
}
#brdNavList .brand_menu .brand_area.wangle:before{
    /* background-image: url('https://contents.k-village.co.kr/BO_Attach/up/1647072703200.svg'); */
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/WIDEANGLE.svg');
}
#brdNavList .brand_menu .brand_area.dynafit:before{
    background-image: url('https://contents.k-village.co.kr/BO_Attach/up/1649827515853.svg');
}
#brdNavList .brand_menu .brand_area.nsad:before{
    background-image: url('https://contents.k-village.co.kr/BO_Attach/up/1647072740041.svg');
}
#brdNavList .brand_menu .brand_area.safety:before{
    /* background-image: url('https://contents.k-village.co.kr/BO_Attach/up/1652411241278.svg'); */
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/K2Safety.svg');
}
#brdNavList .brand_menu .brand_area.k2safety:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/K2Safety.svg');
}
#brdNavList .brand_menu .brand_area.piretti:before{
    /* background-image: url('https://contents.k-village.co.kr/BO_Attach/up/1651805116186.svg'); */
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/PIRETTI.svg');
}
#brdNavList .brand_menu .brand_area.taylormade:before{
    background-image: url('https://contents.k-village.co.kr/BO_Attach/up/1663121256737.svg');
}
#brdNavList .brand_menu .brand_area.timberland:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/Timberland.svg');
}
#brdNavList .brand_menu .brand_area.nordisk:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/NORDISK.svg');
}
#brdNavList .brand_menu .brand_area.eidersafety:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/EIDERSafety.svg');
}
#brdNavList .brand_menu .brand_area.ping:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/m-logo-ping.svg');
}
#brdNavList .brand_menu .brand_area.adidasgolf:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/m-logo-adidas.svg');
}
#brdNavList .brand_menu .brand_area.uco:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/m-logo-uco.svg');
}
#brdNavList .brand_menu .brand_area.darntough:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/m-logo-darntough.svg');
}
#brdNavList .brand_menu .brand_area.zamberlan:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/m-logo-zamberlan.svg');
}
#brdNavList .brand_menu .brand_area.lowealpine:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/m-logo-lowealpine.svg');
}
#brdNavList .brand_menu .brand_area.thermarest:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/m-logo-thermarest.svg');
}
#brdNavList .brand_menu .brand_area.rab:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/m-logo-rab.svg');
}
#brdNavList .brand_menu .brand_area.msr:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/m-logo-msr.svg');
}
#brdNavList .brand_menu .brand_area.nalgene:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/m-logo-nalgene.svg');
}
#brdNavList .brand_menu .brand_area.pearlygates:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/pearlygates.svg');
}
#brdNavList .brand_menu .brand_area.masterbunnyedition:before{
    background-image: url('https://contents.k-village.co.kr/PUBL_con/etc/brandlogo/mo/master_bunny.svg');
}

#brdNavList .brand_menu .brand_menu_list{padding-top: 10px;}
#brdNavList .brand_menu .brand_menu_list .brand_1depth .brand_menu_tit{
    font-size: 16px;
    color: #888;
    font-weight: 600;
    line-height: 50px;
    display: block;
    border-bottom: 1px solid #272727;
    outline:none
}
#brdNavList .brand_menu .brand_menu_list .brand_1depth .brand_menu_tit.active{
    color: #fff;
}
#brdNavList .brand_menu .brand_menu_list .brand_1depth .brand_2depth {
    display: none;
    padding: 10px 0;
    border-bottom: 1px solid #272727;
    position: relative;
    background: url("https://contents.k-village.co.kr/front/mobile/images/svg/gnb_bg01.svg") left center no-repeat;
    background-size: cover;
}
#brdNavList .brand_menu .brand_menu_list .brand_1depth .brand_2depth ul{
    display:flex;
    flex-wrap: wrap;
    margin-left: 27px;
}
#brdNavList .brand_menu .brand_menu_list .brand_1depth .brand_2depth ul li{
    width: 50%;
}

#brdNavList .brand_menu .brand_menu_list .brand_1depth .brand_2depth ul li a{
    line-height: 35px;
    font-size: 16px;
    color: #888888;
    outline:none
}
#brdNavList .brand_menu .brand_menu_list .brand_1depth .brand_2depth ul li a:hover{
    color: #fff;
    padding-bottom: 7px;
    border-bottom: 1px solid #272727;                   
}

.fp-viewing-top .headx2.header-wrap .category-menu {overflow: visible;}
.category-menu .swiper {overflow: visible; padding: 0;}
.category-menu .swiper-slide {overflow: visible;}
.category-menu .swiper-slide.shoes:first-child::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #FF5B37;
    left: -6px;
    top: 14px;
}
.category-menu .swiper-slide .highlight {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #FF5B37;
    left: -2px;
    top: 14px;
}

.personalInform{width: 100%;}
.personalInform .txt__wrap{display: flex;flex-direction: column;gap: 20px;padding: 30px 0;}
.personalInform .txt__box *{font-size: 14px;line-height: 24px;color: #888888;}
.personalInform .txt__box__table{margin: 15px 17.5px 20px 17.5px;}
.personalInform table{width: 100%;}
.personalInform table tr:nth-child(2n){background-color: #f8f8f8;}
.personalInform table td{text-align: center;width: 50%;border: 1px solid #dddddd;padding: 8px 0;}
@media screen and (max-width: 400px) {
    .personalInform .txt__box *{letter-spacing: -.1vw;}
    .personalInform .txt__box td{font-size: 12px;line-height: 20px;letter-spacing: -.1vw;}
}

/* 241115 메인 타임세일 팝업 수정 */
.event-bnr .flip-clock-divider.days {display: none !important;}
.event-bnr .bnr-txt .normal.flip-clock-wrapper {
    display: inline-flex !important;
    align-items: flex-start;
    margin-top: 10px;
}
/*남음*/
/* .event-bnr .bnr-txt span {
    margin: 5px 0 0 0;
    line-height: 3.5em;
} */
/*일*/
.event-bnr .flip-clock-wrapper span { 
    /* font-size: 18px; */
    color: #000;
    display: inline-block;
    /* vertical-align: middle; */
    /* margin: 0 3px 0 0px; */
    /* line-height: 2.7em; */
}
.normal.flip-clock-wrapper .flip-clock-divider.mns,
.normal.flip-clock-wrapper .flip-clock-divider.secs {margin: 0 8px 0 -4px;}


/* 241114 기획전 리스트 타임세일 박스 수정 */
.promote-list .pr-block .pd-badge .badge-tit {
    display: block;
    padding: 5px 10px 0 !important;
}
.promote-list .flip-clock-divider.days {display: none !important;}
.promote-list .pr-block .pd-badge .clock:before {content: none;}
.promote-list .pr-block .pd-badge .clock {padding-left: 10px;}
.promote-list .flip-clock-wrapper span:not(.flip-clock-divider span, .normal .flip-clock-divider.hrs) {
    font-size: 10px;
    display: inline-block;
    padding-right: 5px;
}
.promote-list .flip-clock-divider .flip-clock-label {padding-right: 0;}
.promote-list .normal.flip-clock-wrapper .flip-clock-divider.mns,
.promote-list .normal.flip-clock-wrapper .flip-clock-divider.secs {margin: 0;}
.promote-list .normal.flip-clock-wrapper ul li a div div.inn {color: #000 !important;}
/* 콜론(:) 검은색 처리 -> .flip-clock-wrapper 클래스에서 white 제거 요망*/
/* .promote-list .small.normal.white .flip-clock-dot {background: #000;} */

/* 타임세일 추가 수정 */
/* 메인 */
.event-bnr .bnr-txt span {
    margin: 10px 0 0 0;
    line-height: normal;
}
.event-bnr .flip-clock-wrapper span {margin: 8px 4px 0 0;}
/* 기획전 */
/* .small.normal .flip-clock-dot {left: 0;} */
.promote-list .normal.flip-clock-wrapper .flip-clock-divider.mns,
.promote-list .normal.flip-clock-wrapper .flip-clock-divider.secs {margin: 0;}
.small.normal .flip-clock-dot.top, .small.normal .flip-clock-dot.bottom {left: 3px;}
.small.normal .flip-clock-dot.top {top: 6px !important;}
.small.normal .flip-clock-dot.bottom {bottom: 7px !important;}

/*241205 11_106 MO 상품리스트 상단 필터 고정 */
.header-wrap .wrap-holder [class *= -holder].back-holder {padding: 5px 0;}
.header-wrap .wrap-holder [class *= -holder].cart-holder {width: 36px;} /*3-105 메인화면 강조컬러 활용 영역 추가 - 장바구니 뱃지 아이콘 컬러*/
/* .header-wrap .category-menu,
.headx2.header-wrap .category-menu {
    border-bottom: 1px solid #ddd;
} */
.popup-wrap .cont-wrap#searchPopupContents {
    position: relative !important;
    z-index: 10 !important;
}
/* .content-wrap .category-menu.depth3 {border-bottom: 1px solid #ddd;} */

/* 테스트페이지에서 바텀시트 ui 틀어지는 것 보정 */
[class^="cbox-type"] + label {height: 40px;line-height: 40px;background-position: left center;}
/* // 테스트페이지에서 바텀시트 ui 틀어지는 것 보정 */

/* 스크롤 방지 */
.quick-wrap.hideX {transform: none !important;}

/*20250116 O2O 상품상세 팝업추가*/
.product-notice {padding: 0 10px;}
.product-notice > div {padding: 14px; border: 1px solid #666; background-color: #f8f8f8;}
.product-notice .product-notice__icon {width: 16px; margin-right: 3px; flex-shrink: 0;}
.product-notice .product-notice__icon img {width: 100%;}
.product-notice > div p {font-size: 13px; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-right: 3px;}
.product-notice > div p span {font-size: inherit; letter-spacing: inherit; font-weight: 500;}
.product-notice .product-notice__btn {font-size: 13px; letter-spacing: -0.5px; margin-left: auto; text-decoration: underline; text-underline-position: under; flex-shrink: 0;}
 
.productNoticePopup.basic-popup.popup-wrap {z-index: 999;}
.productNoticePopup.basic-popup.on .popup {max-height: 100vh;}
.productNoticePopup.popup-wrap .popup .layer-container {height: 100vh;}
.productNoticePopup.popup-wrap .bg-gray {padding: 20px; background-color: #f5f5f5; border-radius: 10px;}
.productNoticePopup.popup-wrap p {font-size: 13px; line-height: 24px;}

/* UIUX4차 브랜드몰 */
.brandhome .header-wrap .wrap-holder .txt {
    text-align: left;
}
.brandhome .header-wrap .wrap-holder .like-holder i {
    background: url(../images/svg/top-heart-ico.svg) no-repeat center center / 20px 18px;
    text-indent: -9999px;
}
.header-wrap .wrap-holder .like-holder.on i {
    background: url(../images/svg/top-heart-ico-on.svg) no-repeat center center / 20px 18px;
}

.header-wrap .wrap-holder.k-lab .like-holder i {
    background: url(../images/svg/top-heart-ico.svg) no-repeat center center / 20px 18px;
    text-indent: -9999px;
}
.header-wrap .wrap-holder.k-lab .like-holder.on i {
    background: url(../images/svg/top-heart-ico-on.svg) no-repeat center center / 20px 18px;
}

.header-wrap .category-menu span {font-weight: 500;}
.header-wrap .category-menu span.on {font-weight: 700;}
.newBrandTop > .swiper-wrapper > .swiper-slide {
    position: relative;
    width: 100%;
    min-height: 410px;
    padding: 50px 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* display: flex;
    flex-direction: column; */
    /* justify-content: space-between; */
}

.newBrandTop > .swiper-wrapper > .swiper-slide::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.newBrandTop > .swiper-wrapper > .swiper-slide.no-dim {content: none;}
.newBrandTop #textTarget {
    position: relative;
    z-index: 1;
    color: #fff;
}
.newBrandTop #textTarget span {
    display: inline; 
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 500;
    display: -webkit-box; 
    overflow: hidden;
    text-overflow: ellipsis; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
}
.newBrandTop #textMore {
    border: none;
    background: none;
    padding: 0;
    font-size: 13px;
    color: #fff;
    text-decoration: underline;
    z-index: 1;
    position: relative;
    margin-top: 5px;
}
.newBrandTop #textTarget span.expanded  {
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    white-space: normal;
}
.newBrandTop .swiper-slide.white .txt-wrap {color: #fff;}
.newBrandTop .swiper-slide.black .txt-wrap {color: #000;}

.newBrandTopEx {
    width: 100%;
    margin: 40px auto 0;
    overflow: hidden;
}
.newBrandTopEx .swiper-slide img {width: 100%;}
.newBrandTopEx .swiper-slide p {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding-top: 5px;
}
.newBrandTopEx .swiper-pagination::before {content: none;}
.newBrandTopEx .swiper-pagination {
    position: relative !important;
    bottom: unset !important;
    transform: skewX(135deg) !important;
    right: auto !important;
    margin-top: 10px;
}

/* 기획전 없을 경우 */
.newBrandTop .no-ex #textTarget span {
    display: block; 
    overflow: unset;
    text-overflow: unset; 
    -webkit-line-clamp: unset; 
    -webkit-box-orient: unset;
}
.newBrandTop .no-ex #textMore {display: none !important;}

.content-wrap .page:first-child .newBrandTop {
    min-height: unset !important;
}
.content-wrap .page:first-child .newBrandTop .swiper-wrapper {
    min-height: unset !important;
}
/* UIUX4차 브랜드몰 */

/* UIUX4차 68 기획전, 이벤트 타임세일 */
.event-bnr .bnr-txt.white strong
, .event-bnr .bnr-txt.white span {color: #fff;}
.event-bnr .bnr-txt.white div[class^="clock-"] ul li a div {
    color: #fff;
    font-weight: 600;
}
.event-bnr .bnr-txt span {
    font-size: 14px;
    font-weight: 600;
    margin: 7px 0 0 2px;
}
.event-bnr .bnr-txt div[class^="clock-"] span {
    font-size: 14px;
    line-height: 30px;
    margin: 0 7px 0 3px;
}
.event-bnr .bnr-txt div[class^="clock-"] span.flip-clock-divider {
    width: 3px;
    margin: 0 4px;
}
.event-bnr .bnr-txt div[class^="clock-"] span.flip-clock-divider span {
    left: 0;
    border-radius: 50%;
    margin: 0;
}
.event-bnr .bnr-txt.white div[class^="clock-"] .flip-clock-dot {background: #fff;}
.event-bnr .bnr-txt div[class^="clock-"] .flip-clock-dot.top {top: 10px;}
.event-bnr .bnr-txt div[class^="clock-"] .flip-clock-dot.bottom {bottom: 10px;}
.event-bnr .bnr-txt > p span {font-weight: 600;}
.event-bnr .bnr-txt > button {font-weight: 500;}
.event-bnr .bnr-txt.white > button {
    color: #fff;
    border-color: #fff;
}
.order .invoce-list {padding: 20px 0;}
.order .date-order-view.bigger div {font-weight: 700;}
.order .invoce-list li span {font-weight: 600;}
.order .invoce-list li p {font-weight: 600;}
.order .invoce-list li span, .order .pre-discount .discInfo_wrap .discInfo {
    display: flex;
    align-items: center;
}
.order .invoce-list li.coupon- span:before, .order .pre-discount .discInfo_wrap .discInfo:before {
    content: 'ㄴ';
    width: auto;
    height: auto;
    color: #888;
    font-size: 13px;
    border: none;
    margin: 0;
    margin-right: 2px;
}
.order .order-detail button {
    color: #333;
    font-weight: 700;
    border: 1px solid #ddd;
    padding: 7px 15px;
}
.order [class^="rbox-type"] + label {
    font-size: 13px;
    font-weight: 600;
}
.order .cont-wrap {padding-bottom: 35px;}
.order .cont-wrap h4.label {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 5px;
}
.order .cont-wrap h4.label .essen {margin: 0;}
.order .cont-wrap .div-middle > .flex {
    width: 100%;
    margin-top: 5px;
}
.order .cont-wrap .div-middle > .flex .p-code {width: 100%;}
.order [class^="txt-type"] {
    font-weight: 500;
    padding: 10px 18px;
}
.order .cont-wrap .p-code .addr span {
    font-size: 14px;
    font-weight: 500;
}
.order .cont-wrap .box-type-select.sb-n {
    color: #888;
    -webkit-text-fill-color: #888;
}
.order .cont-wrap #iptDlvyRequest:disabled {
    text-indent: 0;
    border: 1px solid #ddd;
    background: #fff;
}
.order [class^="cbox-type"] + label {
    height: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.05em;
}
.order .date-order-view.bigger strong {font-weight: 700;}

.order.cart-wrap .date-order-view {margin: 0 -20px;}
.order.cart-wrap .type-06 li {padding: 20px 0;}
.order.cart-wrap .type-06 li ~ li {
    border-top: 1px solid #ddd;
    margin: 0;
}
.order.cart-wrap .type-06 li .txt .info-badge > span {
    color: #333;
    font-weight: 500;
    border-color: #333;
}
.order.cart-wrap .type-06 li .txt .brand {font-weight: 700;}
.order.cart-wrap .type-06 li .txt .str {font-weight: 500;}
.order.cart-wrap .type-06 li .txt .etc {font-weight: 500;}
.order.cart-wrap .type-06 li .txt .num {
    color: #888;
    font-weight: 500;
    margin-top: 10px;
}
.order.cart-wrap .type-06 li .txt .num span {
    font-size: 14px;
    color: #ff5b37;
    font-weight: 600;
    margin: 0;
}
.order.cart-wrap .type-06 li .dv-date {display: none;}
.order.cart-wrap .bundle-total {border-top: 1px solid #bbb;}
.order.cart-wrap .bundle-total p {
    font-weight: 700;
    letter-spacing: -0.5px;
}
.order.cart-wrap .bundle-total p strong {
    color: #333;
    font-weight: 700;
}
.order.cart-wrap .bundle-total p span {
    color: #ff5b37;
    font-size: 15px;
    font-weight: 700;
}

.order.cart-wrap .sale-benefit h4 {font-weight: 500;}
.order.cart-wrap .sale-benefit h4 span {
    line-height: 100%;
    margin: -1px 0 0 5px;
}
.order.cart-wrap .sale-benefit h4 span.hold-red {
    line-height: 100%;
    margin: -2px 0 0 0;
}
.order.cart-wrap .sale-benefit .input-holder input {
    color: #333;
    font-weight: 700;
    text-indent: 0;
}
.order.cart-wrap .sale-benefit .input-holder .txt-type-normal:disabled {color: #ccc;}
.order.cart-wrap .sale-benefit .input-holder .txt-type-normal:disabled + button.delBtn,
.order.cart-wrap .sale-benefit .input-holder .txt-type-normal:disabled + span + button.delBtn {
    display: none;
}
.order.cart-wrap .sale-benefit .type3 {font-weight: 500;}
.order.cart-wrap #reserveMlgDiv label {font-weight: 500;}
.order.cart-wrap .pre-discount .discInfo_wrap {margin-top: 0;}
.order.cart-wrap .pre-discount .discInfo_wrap .discInfo {
    font-weight: 500;
    margin-top: 5.5px;
    margin-left: 10px;
}
.order.cart-wrap .pre-discount .discInfo_wrap .discInfo .discWon {font-weight: 500;}
.order.cart-wrap #reserveMlgDiv .box-holder {font-weight: 500;}
.order.cart-wrap .box-holder p {font-weight: 500;}
.box-holder p::before {border-radius: 50%;}
.order.cart-wrap #reserveMlgDiv .box-holder p span {
    color: #333;
    font-weight: 700;
}
.order.cart-wrap #divPayInfoNew .paytype1Btn {
    color: #333;
    font-weight: 700;
}
.order.cart-wrap .payment-ctg li button {
    display: flex;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}
.order.cart-wrap #divPayInfoNew .pay-info {display: none;}
.order.cart-wrap #divPayInfoNew .paytype1_wrap .box-holder {margin-bottom: 20px;}
.order.cart-wrap #divPayInfoNew .paytype2_wrap .payment_wrap {padding: 10px 0 20px;}
.order.cart-wrap #divPayInfoNew .paytype2_wrap .new-pay-info {margin-bottom: 20px;}
.order.cart-wrap #divPayInfoNew .paytype2_wrap .return-pay {padding: 10px 0 20px;}
.order.cart-wrap #divPayInfoNew .paytype2_wrap .return-pay h4 {font-weight: 600;}
.order.cart-wrap #divPayInfoNew .paytype2_wrap .return-pay p {font-weight: 600;}
.mypage .my-cart.order.cart-wrap .invoce-list.intype2 {padding: 20px 0 15px;}
.order.cart-wrap .invoce-list.intype2 li {padding: 0 0 12px 0;}
.order.cart-wrap .invoce-list.intype2 li.sale-, .order.cart-wrap .invoce-list.intype2 li.coupon- {padding: 0 0 5px 0;}
.order.cart-wrap .invoce-list.intype2 li.coupon-.last {padding: 0 0 10px 0;}
.order.cart-wrap .totalMile-wrap {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    padding: 15px 20px;
}
.order.cart-wrap .invoce-list.intype3 {
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
.order.cart-wrap .invoce-list.intype3 .sum {
    height: auto;
    line-height: 100%;
    margin: 0;
}
.order.cart-wrap .totalMile-wrap .invoce-list li > div {line-height: 100%;}
.order.cart-wrap .totalMile-wrap .invoce-list li > div p {
    line-height: 100%;
    padding: 0;
}
.order.cart-wrap .invoce-list.intype4 {padding: 7px 0 0 0;}
.order.cart-wrap .invoce-list.intype4 li {padding: 0;}
.order.cart-wrap .invoce-list.intype4 span {
    color: #888;
    font-size: 13px;
}
.order.cart-wrap .invoce-list.intype4 div p {
    color: #888;
    font-size: 13px;
}
.order.cart-wrap .invoce-list.intype4 .m-info {display: none;}
.order.cart-wrap .all-agree-wrap {padding-top: 20px;}
.order.cart-wrap .box-holder p a {
    position: relative;
    text-decoration: none;
}
.order.cart-wrap .box-holder p a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #000;
}
.popup-wrap.change-address .popup header {border-bottom: 1px solid #ccc;}
.popup-wrap.change-address .div-header h1 {
    font-size: 18px;
    font-weight: 500;
    padding-left: 20px;
}
.popup-wrap.change-address .cont-wrap {padding: 0 20px 75px;}
.popup-wrap.change-address .tab- ul li a {font-weight: 600;}
.popup-wrap.change-address .b-tab-cont {padding-bottom: 75px;}
.popup-wrap.change-address .my-addr-list {
    border-top: none;
    margin: 0;
}
.popup-wrap.change-address .btcon1 > .div-middle {margin: 0;}
.popup-wrap.change-address .my-addr-list .my-addr {padding: 20px 0 20px 28px;}
.popup-wrap.change-address .my-addr>div.flex {position: relative;}
.popup-wrap.change-address .my-addr>div h3 {
    display: block;
    width: 70%;
    font-weight: 600;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popup-wrap.change-address .my-addr:first-child>div h3 {
    display: flex;
    align-items: center;
}
.popup-wrap.change-address .my-addr-list .my-addr>div h3 span {font-weight: 600;}
.popup-wrap.change-address .my-addr>div .addr-btns button {font-weight: 600;}
.popup-wrap.change-address .my-addr-list .my-addr>p {
    color: #333;
    font-weight: 500;
    padding: 10px 0 8px;
}
.popup-wrap.change-address .my-addr-list .my-addr>p strong {
    position: relative;
    color: #333;
    font-weight: 500;
    padding-right: 25px;
}
.popup-wrap.change-address .my-addr-list .my-addr>p strong::after {
    position: absolute;
    top: 50%;
    right: 11px;
    margin: 0;
    transform: translateY(-50%);
}
.popup-wrap.change-address .my-addr-list .my-addr>address {font-weight: 500;}
.popup-wrap.change-address .my-addr-list .my-addr>.flex .input-holder {
    position: absolute;
    top: 50%;
    left: -28px;
    transform: translateY(-50%);
}

.popup-wrap.change-address .btcon2 .label {
    font-size: 13px;
    font-weight: 600;
}
.popup-wrap.change-address .btcon2 [class^="txt-type"] {
    font-weight: 500;
    padding: 10px 18px;
}
.popup-wrap.change-address .btcon2 .btn-type-line.addr span {
    font-size: 14px;
    font-weight: 500;
}
.popup-wrap.change-address .txt-type-normal:disabled {
    text-indent: 0;
    border: 1px solid #ddd;
    background: #fff;
}
.popup-wrap.change-address .p-code {width: 100%;}
.popup-wrap.change-address .p-code .txt-type-normal:disabled, .popup-wrap.change-address .addr-after .txt-type-normal:disabled {
    color: #111;
    border: 1px solid #ddd;
    background-color: #fff;
}
.popup-wrap.change-address .addr-save label {
    height: 20px;
    line-height: 20px;
    color: #888;
    font-weight: 600;
}
.popup-wrap.change-address .addr-save input#cbox-02 + label {margin-left: 24px;}
.popup-wrap.change-address .btcon2 .box-type-select {
    color: #888;
    -webkit-text-fill-color: #888;
    font-weight: 500;
}
.popup-wrap.pop-recash header {border-bottom: 1px solid #ccc;}
.popup-wrap.pop-recash h1 {
    font-weight: 500;
    padding-left: 20px;
}
.popup-wrap.pop-recash .cont-wrap {padding: 0 20px 75px;}
.popup-wrap.pop-recash .cont-wrap h4.label {
    font-size: 13px;
    font-weight: 600;
}
.popup-wrap.pop-recash .cont-wrap [class^="txt-type"] {
    font-weight: 500;
    padding: 10px 18px;
}
.popup-wrap.pop-recash .cont-wrap .box-type-select {
    color: #888;
    -webkit-text-fill-color: #888;
    font-weight: 500;
}
.popup-wrap.pop-recash .cont-wrap .div-header {margin-top: 20px;}
.popup-wrap.order-coupon header {border-bottom: 1px solid #ccc;}
.popup-wrap.order-coupon header h1 {
    font-size: 18px;
    font-weight: 500;
    padding-left: 20px;
}
.popup-wrap.order-coupon .max-coupon {
    background: #f8f8f8;
    padding: 10px;
}
.popup-wrap.order-coupon .max-coupon.on {background: #ffeeeb;}
.popup-wrap.order-coupon .max-coupon .flex {
    justify-content: space-between;
    box-sizing: border-box;
}
.popup-wrap.order-coupon .max-coupon p {
    color: #333;
    font-size: 13px;
    font-weight: 500;
}
.popup-wrap.order-coupon .max-coupon .switch-wrap {height: 20px;}
.popup-wrap.order-coupon .max-coupon .switch-wrap input {
    width: 0;
    height: 0;
}
.popup-wrap.order-coupon .max-coupon.on p {color: #ff5b37;}
.popup-wrap.order-coupon .max-coupon label {
    display: block;
    width: 34px;
    height: 20px;
    border-radius: 15px;
    background: #ccc;
    padding: 2px;
    transition: background-color .3s;
    cursor: pointer;
}
.popup-wrap.order-coupon .max-coupon label span {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    transition: all .3s;
}
.popup-wrap.order-coupon .max-coupon input:checked + label {background: #ff5b37;}
.popup-wrap.order-coupon .max-coupon input:checked + label span {transform: translateX(calc(100% - 2px));}
.popup-wrap.order-coupon .max-coupon .switch-wrap input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}
.popup-wrap.order-coupon h2.b-line {
    font-size: 15px;
    font-weight: 700;
    border-bottom: 2px solid #000;
    padding: 20px 0 10px;
    margin: 0;
}
.popup-wrap.order-coupon .select-both-title {
    margin: 0 0 10px 0;
    flex-wrap: wrap;
}
.popup-wrap.order-coupon .divGoodsCpn .select-both-title {padding-top: 10px;}
.popup-wrap.order-coupon .select-both-title h3 {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.popup-wrap.order-coupon .select-both-title > div {
    min-width: auto;
    color: #888;
    font-size: 12px;
    text-align: left;
    margin-top: 5px;
}
.popup-wrap.order-coupon #divCartCoupon {padding-top: 10px;}
.popup-wrap.order-coupon .box-type-select {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 115px 0 10px;
}
.popup-wrap.order-coupon .sale-price {
    position: absolute;
    top: 50%;
    right: 30px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    transform: translateY(-50%);
}
.popup-wrap.order-coupon .sale-price strong {
    color: #333;
    font-size: 15px;
    font-weight: 600;
}
.popup-wrap.order-coupon .input-holder {margin-bottom: 10px;}
.popup-wrap.order-coupon .bundle-total.both {
    padding: 19px 0;
    margin: 0;
}
.popup-wrap.order-coupon .bundle-total.both p {
    height: auto;
    line-height: 100%;
}
.popup-wrap.order-coupon .bundle-total.both div {
    color: #ff5b37;
    font-size: 15px;
    font-weight: 600;
}
.popup-wrap.order-coupon .bundle-total.both div span, .popup-wrap.order-coupon .bundle-total.both div strong {
    color: #ff5b37;
    font-size: 18px;
    font-weight: 700;
}

/* UIUX4차 68 기획전, 이벤트 타임세일 */
.event-bnr .bnr-txt.white strong
, .event-bnr .bnr-txt.white span {color: #fff;}
.event-bnr .bnr-txt.white div[class^="clock-"] ul li a div {
    color: #fff;
    font-weight: 600;
}
.event-bnr .bnr-txt span {
    font-size: 14px;
    font-weight: 600;
    margin: 7px 0 0 2px;
}
.event-bnr .bnr-txt div[class^="clock-"] span {
    font-size: 14px;
    line-height: 30px;
    margin: 0 7px 0 3px;
}
.event-bnr .bnr-txt div[class^="clock-"] span.flip-clock-divider {
    width: 3px;
    margin: 0 4px;
}
.event-bnr .bnr-txt div[class^="clock-"] span.flip-clock-divider span {
    left: 0;
    border-radius: 50%;
    margin: 0;
}
.event-bnr .bnr-txt.white div[class^="clock-"] .flip-clock-dot {background: #fff;}
.event-bnr .bnr-txt div[class^="clock-"] .flip-clock-dot.top {top: 10px;}
.event-bnr .bnr-txt div[class^="clock-"] .flip-clock-dot.bottom {bottom: 10px;}
.event-bnr .bnr-txt > p span {font-weight: 600;}
.event-bnr .bnr-txt > button {font-weight: 500;}
.event-bnr .bnr-txt.white > button {
    color: #fff;
    border-color: #fff;
}

mypage .my-cart.order .type-06 li .txt .num {margin-top: 10px;}
.mypage .my-cart.order .type-06.review-type li:nth-of-type(1) {padding: 30px 20px;}