@font-face {
	font-family: Roboto;
	src: local(Roboto-Regular), url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/FONT/Roboto-Regular.woff2) format('woff2'), url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/FONT/Roboto-Regular.woff) format('woff'), url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/FONT/Roboto-Regular.otf) format('opentype');
	font-weight: normal;
}

@font-face {
	font-family: Roboto;
	src: local(Roboto-Regular), url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/FONT/Roboto-Medium.woff2) format('woff2'), url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/FONT/Roboto-Medium.woff) format('woff'), url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/FONT/Roboto-Medium.otf) format('opentype');
	font-weight: 500;
}

@font-face {
	font-family: Roboto;
	src: local(Roboto-Bold), url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/FONT/Roboto-Bold.woff2) format('woff2'), url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/FONT/Roboto-Bold.woff) format('woff'), url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/FONT/Roboto-Bold.otf) format('opentype');
	font-weight: bold;
}

/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;padding:0;border:0;-webkit-margin-before: 0; -webkit-margin-after: 0;-webkit-margin-inline-start:0;-webkit-margin-inline-end: 0
}

html,body{/*height:100%;*/ word-break:break-word;}
body{font-family:NotoSans, Arial, sans-serif; font-size:15px; color:#4d4d4d;}

ul, li, ol { list-style: none; }
a {color: #333; text-decoration: none; }
img{border:0; vertical-align:middle;}
a:hover{text-decoration:none}
caption{font-size:0}
table{border-collapse:inherit;border-spacing:0}
em, i, address{font-style:normal;}
input[type=text], input[type=password], select, textarea, button {font-family:NotoSans, Arial, sans-serif;}
button, input[type=button], a{cursor:pointer;}
select{background-color:#FFF;}

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

.blind{display: block; overflow: hidden; position: absolute; left: 0; font-size: 0 !important;height:0}
.on{display:block;}
.relative{position:relative !important;}

.mt0{margin-top:0 !important;}.pt0{padding-top:0 !important;}
.mt5{margin-top:5px !important;}.pt5{padding-top:5px !important;}
.mt10{margin-top:10px !important;}.pt10{padding-top:10px !important;}
.mt20{margin-top:20px !important;}.pt20{padding-top:20px !important;}
.mt30{margin-top:30px !important;}.pt30{padding-top:30px !important;}
.mt40{margin-top:40px !important;}.pt40{padding-top:40px !important;}
.mt50{margin-top:50px !important;}.pt50{padding-top:50px !important;}
.mt60{margin-top:60px !important;}.pt60{padding-top:60px !important;}
.mt70{margin-top:70px !important;}.pt70{padding-top:70px !important;}
.mt80{margin-top:80px !important;}.pt80{padding-top:80px !important;}
.mt90{margin-top:90px !important;}.pt90{padding-top:90px !important;}

.mb5{margin-bottom:5px !important;}.pb5{padding-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}.pb10{padding-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}.pb20{padding-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}.pb30{padding-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}.pb40{padding-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}.pb50{padding-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}.pb60{padding-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}.pb70{padding-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}.pb80{padding-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}.pb90{padding-bottom:90px !important;}

.ml5{margin-left:5px !important;}.pl5{padding-left:5px !important;}
.ml10{margin-left:10px !important;}.pl10{padding-left:10px !important;}
.ml20{margin-left:20px !important;}.pl20{padding-left:20px !important;}
.ml30{margin-left:30px !important;}.pl30{padding-left:30px !important;}
.ml40{margin-left:40px !important;}.pl40{padding-left:40px !important;}
.ml50{margin-left:50px !important;}.pl50{padding-left:50px !important;}
.ml60{margin-left:60px !important;}.pl60{padding-left:60px !important;}
.ml70{margin-left:70px !important;}.pl70{padding-left:70px !important;}
.ml80{margin-left:80px !important;}.pl80{padding-left:80px !important;}
.ml90{margin-left:90px !important;}.pl90{padding-left:90px !important;}

.mr5{margin-right:5px !important;}.pr5{padding-right:5px !important;}
.mr10{margin-right:10px !important;}.pr10{padding-right:10px !important;}
.mr20{margin-right:20px !important;}.pr20{padding-right:20px !important;}
.mr30{margin-right:30px !important;}.pr30{padding-right:30px !important;}
.mr40{margin-right:40px !important;}.pr40{padding-right:40px !important;}
.mr50{margin-right:50px !important;}.pr50{padding-right:50px !important;}
.mr60{margin-right:60px !important;}.pr60{padding-right:60px !important;}
.mr70{margin-right:70px !important;}.pr70{padding-right:70px !important;}
.mr80{margin-right:80px !important;}.pr80{padding-right:80px !important;}
.mr90{margin-right:90px !important;}.pr90{padding-right:90px !important;}

/* @note 2022-09-14 */
.bl0{border-left:0 !important}
.error_msg>span{display:block;width:100%;font-size:13px;color:#ff0000;margin-top:10px;}
/* //@note 2022-09-14 */

select.select_default::-ms-expand { 
  display: none;
}
select.select_default{
	display:inline-block; vertical-align:middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:#FFF;
	background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/ico_dropdown.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
	border:0;
	height:31px;
	min-width:144px;
	padding-left:5px;
	border-bottom:1px solid #c3c3c3;
}


.select_default::-ms-expand { 
  display: none;
}
.select_default{
	display:inline-block; vertical-align:middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:#FFF;
	background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/ico_dropdown.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
	border:0;
	height:31px;
	min-width:144px;
	padding-left:5px;
	border-bottom:1px solid #c3c3c3;
}

select.select_option::-ms-expand { 
  display: none;
}
select.select_option{
	display:inline-block; vertical-align:middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:#FFF;
	background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/PC/common/ico_down.png);
	background-repeat:no-repeat;
	background-position:96% 50%;
	border:0;
	padding-left:5px;
	border-bottom:1px solid #c3c3c3;
}

.clearfix::after, .clr:after {
	content:"";
	display:block;
	clear: both;
	overflow: hidden;
	font-size:0;
	height:0;
}

.table { display: table; width: 100%; }
.table > .cell { display: table-cell; vertical-align: middle; }

.is-slider-vertical #mainList,.is-slider-vertical #productPreview {display:block;position:absolute;left:0;bottom:0;top:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:9999}
.is-slider-vertical #wrap { height:0;overflow:hidden }

.box-preview{display:none}
.box-preview.on{display:block}
.box-preview .holder{background-color:#000}
.box-preview ul{padding: 7% 5%}
.box-preview ul li{margin-top:0.7rem}
.box-preview ul li:first-child{margin-top:0}
.box-preview img{width:100%}

.box-preview .action{position:fixed;left:0;right:0;bottom:10px;text-align:center}
.box-preview button { 
	position: relative; 
    appearance: none;
    margin: 0 auto;
    padding: 0;
    outline: 0;
    border: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    background-color: rgba(253, 177, 6, 0.9);
    text-indent: -999rem;
    transform: rotate(945deg);
}
.box-preview button::before,
.box-preview button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all 1s cubic-bezier(0.35, 0.75, 0.55, 1.2);
    transition: all 1s cubic-bezier(0.35, 0.75, 0.55, 1.2)
}

.box-preview button::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.box-preview button:active {
    background-color: rgba(0, 0, 0, 0.7)
}

.scrollFix{overflow:hidden;height:100%;touch-action:none;}

#ajaxLoading {display:none;position: fixed;left: 0px;top: 0px;height: 100%;width: 100%;z-index:9999;background:rgba(0,0,0,.1);justify-content:center;align-items:center}
.load-wrapp {display: block;animation-duration: 1s; text-align: center;}
.load-wrapp .line{display: inline-block;width: 1rem;height: 1rem;margin:0 .1rem;border-radius: 15px;background-color: #164032;}
.load-wrapp .line:nth-last-child(1){animation: loadingB 1.5s 1s infinite;}
.load-wrapp .line:nth-last-child(2){animation: loadingB 1.5s .5s infinite;}
.load-wrapp .line:nth-last-child(3){animation: loadingB 1.5s 0s infinite;}
.loading.bl7{background:rgba(0,0,0,.6)!important;}
.load-wrapp .msg{position:absolute;top:50%;left:50%;transform: translateX(-50%) translateY(30px);text-align:center;color:#fff;width:80%}


@keyframes loadingB {
0 {transform: translate(0, 0);}
50% {transform: translate(0, 15px);}
100% {transform: translate(0, 0);}
}


/* @note 2024-12-24 */
.layer_popup_wrap{position: fixed;display: none;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.60);z-index: 9999;}
.layer_popup_wrap .layer_popup_inner{position: absolute;background-color: #fff;border-radius: 24px;}
.layer_popup_wrap.center .layer_popup_inner{width: 327px; left: 50%;top: 50%;transform: translate(-50%,-50%);}

.layer_popup_wrap .layer_popup_inner .layer_popup_content{display: flex;padding: 56px 24px 24px; flex-direction: column;align-items: center;}

.layer_popup_wrap .layer_popup_inner .layer_popup_top{position: relative;margin-bottom: 16px;}
.layer_popup_wrap .layer_popup_inner .layer_popup_top .layer_popup_tit{color: #222;text-align: center;font-size: 18px;line-height: 24px; /* 133.333% */}

.layer_popup_wrap .layer_popup_inner .layer_popup_mid{margin-bottom: 32px;text-align: center;}
.layer_popup_wrap .layer_popup_inner .layer_popup_mid .txt{color: #444;font-size: 16px;line-height: 24px;word-break: keep-all;}
.layer_popup_wrap .layer_popup_inner .layer_popup_mid .txt b{font-weight: bold;color: #222;}
.layer_popup_wrap .layer_popup_inner .layer_popup_mid .txt + .txt{margin-top: 16px;}

.layer_popup_wrap .layer_popup_inner .layer_popup_bottom{display: flex;width: 100%;gap: 15px;justify-content: space-between;}
.layer_popup_wrap .layer_popup_inner .layer_popup_bottom .layer_popup_btn{display: flex;flex: 1; height: 48px;padding: 0;border: none;border-radius: 10px;background-color: #222;justify-content: center;align-items: center;}
.layer_popup_wrap .layer_popup_inner .layer_popup_bottom .layer_popup_btn span{color: #FFF;font-size: 16px;font-weight: 700;line-height: 22px;}

.layer_popup_wrap .layer_popup_inner .layer_popup_bottom .layer_popup_btn.gray{background-color: #E3E6F1;}
.layer_popup_wrap .layer_popup_inner .layer_popup_bottom .layer_popup_btn.gray span{background-color: #6A6E83;}
/* //@note 2024-12-24 */