@charset "utf-8";

.fontBlack {color:#111 !important;}
.fontRed {color:#de2429 !important;}
.fontBlue {color:#2884C7 !important;}

.evtPlan {background:#ececec;}
.evtPlan .evtInfo { padding:10px;background:#f7f7f7;border-bottom:2px solid #fff;}
.evtPlan .evtInfo p:last-child { margin-top:7px;}
.evtPlan .evtInfo p { color:#333333;font-size:14px;}
.evtPlan .evtGuide {border-top:1px solid #cecece;border-bottom:1px solid #cecece;}
.evtPlan .evtGuide img {vertical-align:top;width:100%;}
.evtDetail {padding: 5px 25px 0 !important;background-color: #fff;margin: 0 !important;}
.evtDetail .evtTitle { font-size:22px;font-weight:bold;color:#333;}
.evtDetail .prodTypeBtn { width:100%;overflow:hidden;}
.evtDetail .prodTypeBtn a { display:block;float:left;width:25%;text-align:center;font-size:18px;font-weight:bold;color:#999999;background:url(/images/mobile/common/bar_filter.gif) no-repeat right 0/1px 100%;}
.evtDetail .prodTypeBtn a.on { color:#333;}
.evtDetail .prodTypeBtn a:last-child { background:none;}
.evtDetail .evtProd {  margin-top:15px;background:#fff;box-shadow:5px 5px 5px #d5d5d5;}
.evtDetail .evtProd .evtList li { width:100%;padding:20px 0;overflow:hidden;background:url(/images/mobile/support/project/bg_prod_bar2.gif) no-repeat center bottom/95% 1px;}
.evtDetail .evtProd .evtList li:last-child { background:none;}
.evtDetail .evtProd dl { float:left;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.evtDetail .evtProd dl:last-child { padding-left:1px;background:url(/images/mobile/support/project/bg_prod_bar.gif) no-repeat left 0/1px 100%;}
.evtDetail .evtProd dl dt { text-align:center;font-size:16px;font-weight:bold;color:#333;}
.evtDetail .evtProd dl dd { text-align:center;}
.evtDetail .evtProd dl dd .prodImg img { width:100%;}
.evtDetail .evtProd dl dd p { margin-top:10px;}
.evtDetail .evtProd .btnOrder { display:inline-block;width:80%;vertical-align:middle;padding:10px;border-radius:5px;background:#ed2323;font-weight:bold;color:#fff;font-size:18px;border:1px solid #be211b;}
div.accPrd p.price strong {height:35px;}
div.accPrd p.price strong + strong {margin:0;}
div.accPrd p.price strong em {vertical-align:sub;}

/* 원클릭 주문 추가*/
/*삭제
 .oneClick {position: absolute; bottom: 0; left: 0; width: 100%; height: 69px;padding:8px 12px;text-align:center;border-top:4px solid #000;background-color:rgba(0,0,0,0.65);font-size:0;}
.oneClick.fixed {position:fixed;left:0;bottom:0;width:100%;border-bottom:0;z-index:1;}
.oneClick .call{display:inline-block;width:85px;padding:7px 6px 7px 28px;font-size:12px;color:#5ddfde;line-height:16px;font-weight:700;background:#000 url('/images/mobile/common/icon_onclick_call.png') no-repeat 6px 50%;background-size:20px auto;border:2px solid #5ddfde;border-radius:5px;vertical-align:middle;}
.oneClick .form_area{display:inline-block;width:calc(100% - 163px);margin-left:8px;text-align:left;vertical-align:middle;}
.oneClick .form_area .call_label{display:block;margin-bottom:8px;font-size:12px;color:#fff;font-weight:700;line-height:1;}
.oneClick .form_area .form_cont .call_input {display:inline-block;margin-right:4px;width:calc(100% - 80px);height:24px;padding:0 10px;font-size:14px;color:#000;line-height:24px;border:1px solid #000;border-radius:5px;vertical-align:middle;}
.oneClick .form_area .form_cont input::-webkit-input-placeholder {color:#909090 !important;}
.oneClick .form_area .form_cont input::-moz-placeholder {color:#909090;}
.oneClick .form_area .form_cont input:-ms-input-placeholder {color:#909090;}
.oneClick .form_area .form_cont input:-moz-placeholder {color:#909090;}
.oneClick .form_cont .agree_check{position:relative;display:inline-block;height:24px;vertical-align:middle;}
.oneClick .form_cont .agree_check input {position:absolute;left:0;top:3px;width:20px;height:20px;vertical-align:middle;}
.oneClick .form_cont .agree_check label {position:relative;display:inline-block;height:24px;padding-left:22px;font-size:12px;color:#fff;line-height:24px;background-image:url('/images/mobile/common/icon_onclick_uncheck.png');background-position:0 50%;background-repeat:no-repeat;background-size:20px auto;z-index:1;}
.oneClick .form_cont .agree_check :checked + label {background-image:url('/images/mobile/common/icon_onclick_check.png');}
.oneClick .form_cont .agree_check label a{color:#fff;}
.oneClick .oneclick_advice {display:inline-block;width:60px;height:34px;line-height:34px;font-size:16px;color:#000 !important;font-weight:700;border-radius:17px;background-color:#5ddfde;vertical-align:middle;}
.oneClick .oneclick_advice :hover {color:#000 !important;}
@media screen and (max-width:430px){
	.oneClick .call{width:80px;padding:7px 0 6px 25px;background-size:17px auto;}
	.oneClick .form_area{width:calc(100% - 145px);}
	.oneClick .oneclick_advice {width:55px;font-size:14px;}
}
.oneClick > input.name {display:inline-block;margin-right:1%;width: 21vw;height:34px !important;color:#000;line-height:34px !important;border:1px solid #999 !important;}
footer {padding-bottom:9.375vw;} */

/* 220929 반영 */
.oneClick {display: flex;align-items: center;justify-content: space-between;position: absolute; bottom: 0; left: 0; width: 100%;transition: all 0.2s ease-out;}
.oneClick.fixed {position:fixed;left:0;bottom:0;width:100%;z-index:1;}
.oneClick._hide{opacity:0;visibility:hidden;}
.oneClick .inner > .oneclick_advice {position: relative;max-width: 80px;height:50px;background: url(/images/mobile/common/icon_wire_counsel_oneclick.png) center 5px no-repeat;background-size:16px auto;letter-spacing: -1.6px;}
.oneClick .form_area{width:calc(100% - 80px);}
.oneClick .form_area .call_label{display:block;margin-bottom:8px;font-size:12px;color:#fff;font-weight:700;line-height:1;}
.oneClick .form_area .form_cont .call_input {display:block;width:98%;height:24px;font-size:13px;color:#000;line-height:24px;border:1px solid #000;border-radius:5px;vertical-align:middle;}
.oneClick .form_area .form_cont input::-webkit-input-placeholder {color:#909090 !important;}
.oneClick .form_area .form_cont input::-moz-placeholder {color:#909090;}
.oneClick .form_area .form_cont input:-ms-input-placeholder {color:#909090;}
.oneClick .form_area .form_cont input:-moz-placeholder {color:#909090;}
.oneClick .form_cont .agree_check{position:relative;margin-top:5px;}
.oneClick .form_cont .agree_check input {position:absolute;right:47px;top:3px;width:20px;height:20px;}
.oneClick .form_cont .agree_check label {position:relative;display:block;height:24px;padding-left:22px;font-size:12px;color:#000;line-height:24px;background-image:url('/images/mobile/common/icon_onclick_uncheck.png');background-position:0 50%;background-repeat:no-repeat;background-size:20px auto;z-index:1;}
.oneClick .form_cont .agree_check :checked + label {background-image: url(/NWL/assets/images/pc/nwCheckbox_on.svg);}
.oneClick .form_cont .agree_check>a{position: absolute;left: 70px;bottom: 4px;font-size:12px;color: #808080;text-decoration: underline;z-index: 1;}
/* .oneClick .call {display:inline-block;width:62px;height:50px;font-size:13px;color:#000 !important;font-weight:700;border-radius:5px; vertical-align:middle; text-align: center; padding:29px 0 0 0; margin-right: 8px; background:#5ddfde url('/images/mobile/common/icon_m_oneClick_tel.png') no-repeat 50% 20%;background-size:24px auto;}
.oneClick .call :hover {color:#000 !important;}
.oneClick .kakao {display:inline-block;width:62px;height:50px;font-size:13px;color:#000 !important;font-weight:700;border-radius:5px; vertical-align:middle; text-align: center; padding:29px 0 0 0; background:#F8E200 url('/images/mobile/common/icon_m_oneClick_katalk.png') no-repeat 50% 20%;background-size:22px auto;} */
.oneClick .inner{display: flex;justify-content: space-between;align-items: center;width:100%;height: 64px;background-color: rgba(255, 255, 255, 0.8);box-sizing: border-box;font-size: 32px;border-top-left-radius: 20px;border-top-right-radius: 20px;box-shadow: 0px -4px 24px rgba(0, 0, 0, 0.2);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.oneClick .inner:first-of-type{width:145px;}
.oneClick .inner:last-of-type{width:calc(100% - 147px);padding: 0 10px;}
.oneClick .inner > a{margin: 10px 0;display:inline-flex;align-items: center;justify-content: center;flex-direction: column;width:100%;height:45px;font-size:13px;font-weight: bold;} 
.oneClick .inner > a+a{background:url(/images/mobile/common/icon_wire_bar.png) left center repeat-y;background-size: 2px auto;}
.oneClick .inner > a:before{content:"";width:16px;height:16px;margin-bottom:4px;}
.oneClick .inner > a.call:before{background:url(/images/mobile/common/icon_wire_counsel_call.png) left center no-repeat;background-size: 16px auto;}
.oneClick .inner > a.kakao:before{background:url(/images/mobile/common/icon_wire_counsel_kakao.png) left center no-repeat;background-size: 16px auto;}
/* @media screen and (max-width:430px){
    .oneClick .form_area{width:calc(100% - 250px);}
} */

/* z 폴드 */
@media (min-width: 280px) and (max-width: 320px) { 
	.oneClick {padding:8px 5px;}
	.oneClick .form_area {margin-right:4px;}
	.oneClick .oneclick_advice {margin-right:3px;}
	.oneClick .oneclick_advice:after {display: none;}
	.oneClick .call {font-size: 12px; width:50px; letter-spacing:-0.08em;margin-right: 3px;}
	.oneClick .kakao {font-size: 12px; width:50px; letter-spacing:-0.08em;}
	.oneClick .form_area{width:calc(100% - 200px);}
}

.oneClick > input.name {display:inline-block;margin-right:1%;width: 21vw;height:34px !important;color:#000;line-height:34px !important;border:1px solid #999 !important;}
footer {padding-bottom:9.375vw;}

/* 
    액세서리 리뉴얼 
    2003년 4월 12 ~
    액세서리 리스트와 같이 맞춤
*/
/* product list type1 */
.ul-prdLst.ui-accessories .ui-prd-list {margin-bottom: 42px;}
.ul-prdLst.ui-accessories li {margin-bottom: 35px;}
.ul-prdLst.ui-accessories li:last-child {margin-bottom: 0;}
.ul-prdLst.ui-accessories .img-bx {display: block; position: relative;}
.ul-prdLst.ui-accessories .img-bx:before {content: '';width: 100%; height: 100%;position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.04); z-index: 2;}
.ul-prdLst.ui-accessories .ui-tag-area {padding-top: 15px;}
.ul-prdLst.ui-accessories .prd-tit {font-size: 16px; font-weight: 700; line-height: 24px; display: block; padding-top: 5px;}
.ul-prdLst.ui-accessories .ui-price-info{padding-top: 10px;}
.ul-prdLst.ui-accessories .ui-price-info .discount-box,
.ul-prdLst.ui-accessories .ui-price-info .price-box {display: flex;flex-wrap: wrap;}
.ul-prdLst.ui-accessories .ui-price-info .price-box .discount{margin-left:5px;color: #ED1B23;font-size: 14px;font-weight: 700; font-family: 'Roboto';}
.ul-prdLst.ui-accessories .ui-price-info .txt {display:inline-flex;min-width:53px;font-size: 12px; font-weight: 400; color: #909090;}
.ul-prdLst.ui-accessories .ui-price-info .payment {font-size: 12px; font-weight: 400; color: #000;}
.ul-prdLst.ui-accessories .ui-price-info .payment em {font-size: 13px; color: #000; font-weight: 400; font-family: 'Roboto';}
.ul-prdLst.ui-accessories .ui-price-info .ui-price-box {padding-top: 5px;}
.ul-prdLst.ui-accessories .ui-price-info .discount-box .payment.line {text-decoration: line-through;}
.ul-prdLst.ui-accessories .prd-pay-lst {padding-top: 10px; display: inline-flex; align-items: center;}
.ul-prdLst.ui-accessories .prd-pay-lst .discount {display: inline-flex; margin-right: 8px; font-size: 19px; font-weight: 700; font-family: 'Roboto';line-height: 25px;color: #ED1B23; letter-spacing: -1.5px;}
.ul-prdLst.ui-accessories .prd-pay-lst .payment {font-size: 15px; font-weight: 400; color: #000;}
.ul-prdLst.ui-accessories .prd-pay-lst .payment em {font-size: 19px; font-weight: 700; font-family: 'Roboto'; line-height:25px; color: #000; letter-spacing: -1px; margin-right: 1px;}
.ul-prdLst.ui-accessories .prd-pay-lst .side-txt {margin-left: 7px; font-size: 10px; font-weight: 400; line-height: 25px; color: #ED1B23;}
/* product list type2 */
.ui-prd-list.ui-inline .ui-accessories {position: relative; margin-top: 15px;}
.ui-prd-list.ui-inline .ui-accessories:after {content: ''; display: table; clear: both;}
.ui-prd-list.ui-inline .ui-accessories li {float: left;width: calc(50% - 5px); margin-bottom: 20px;}
.ui-prd-list.ui-inline .ui-accessories li:nth-child(odd) {margin-right: 10px;}
.ui-prd-list.ui-inline .ul-prdLst.ui-accessories .prd-pay-lst {display: flex;flex-wrap: wrap;padding-top: 0px;}
.ui-prd-list.ui-inline .ul-prdLst.ui-accessories .prd-pay-lst .side-txt {display: flex; flex: auto; width: 100%; margin-left: 0; padding-top: 0px;}
.ui-prd-list.ui-inline .ul-prdLst.ui-accessories .prd-tit {padding-top:15px;font-size: 14px; line-height:21px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: normal; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-prd-list.ui-inline .ul-prdLst.ui-accessories .img-bx {width: auto; height: 24vw;min-height:167px;margin: auto; position: relative;overflow: hidden;border-radius: 10px;}
.ui-prd-list.ui-inline .ul-prdLst.ui-accessories .img-bx .prd-img {max-height:95%; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%);width:inherit}
.ui-prd-list.ui-inline .ul-prdLst.ui-accessories .img-bx .soldout{position:absolute;left:0;top:0;display:block;background:rgba(0, 0, 0, 0.65);z-index:2;width:100%;height:100%;border-radius: 10px;}
.ui-prd-list.ui-inline .ul-prdLst.ui-accessories .img-bx .soldout .soldout_tit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex; align-items: center; justify-content: center; width:80%;max-width:135px;min-height:41px;box-sizing:border-box;border:1px solid #fff;z-index:3;font-size:19px;color:#fff;font-family:"Roboto Medium";font-weight:400;text-align: center;}
.ui-prd-list.ui-inline .ul-prdLst.ui-accessories .ui-tag-area {padding-top: 0;}
.ui-prd-list.ui-inline .ul-prdLst.ui-accessories .ui-tag-area em {margin-top: 8px;letter-spacing: -0.4px;}
.product-icon {display:inline-block;margin:0 2px 0 0;padding:0 8px;height:19px;border-radius:5px;text-align:center;background-color:#888;line-height:19px;font-size:11px;color:#fff;}
.product-icon.membership {background-color:#5ddfde;color:#000;}

/* 액세서리기획전 바로가기 */
.hash-area{padding: 20px;background: #fff;white-space: nowrap;overflow-x: auto;}
.hash-area a {display: inline-block;height: 32px;line-height: 30px;margin-left: 5px;padding: 0 15px;font-size: 14px;color:#525252;border-radius: 20px;border: 1px solid #D9D9D9;background: #F8F8F8;}
.hash-area a:first-child {margin-left: 0;}
.hash-area a.active{border-color:#01A69F;color: #01A69F;font-weight: bold;background: #fff;}

.badge-area{position: absolute;left:12px;top:12px;z-index: 1;}
.badge-area img{width:12vw;}