@charset "utf-8";
@import url('iconfont/newfont/style.css');
@import url('iconfont/intaefont/style.css');
@import url('animation/animations.css');



img{max-width:100%;}
h1{font-size:20px;font-weight:600;line-height:1.5em;font-family:'NanumSquareRound', sans-serif;}
h2{font-size:18px;font-weight:600;line-height:1.5em;}
h3{font-size:17px;font-weight:600;line-height:1.3em;font-family:'NanumSquareRound', sans-serif;}
h4{font-size:16px;font-weight:400;line-height:1.5em;}
h5{font-size:1.2em;font-weight:400;line-height:1.5em}
h6{font-size:1.15em;font-weight:400;line-height:1.5em}
.h1{font-size:1.4em;font-weight:500;}
.h2{font-size:1.24em;font-weight:500;}
.h3{font-size:1.2em;font-weight:500;}
.h4{font-size:1.1em;font-weight:400;}
.h5{font-size:1.05em;font-weight:400;}
.h6{font-size:0.95em;font-weight:400;line-height:1.5em;}
.no-border{border:0 !important}
p, .keep-all{word-break:keep-all;}
a.underline{display:inline-block;border-bottom:1px solid rgba(255,255,255,0.2);}
small{font-size:0.8em;line-height:1.35em;}
small.mini{font-size:0.7em;line-height:1.35em;}
sub{font-size:0.8em;line-height:1.35em;}
sub.mini{font-size:0.7em;line-height:1.35em;}

/*____________________________ Layout ____________________________*/
html,body{background:#000;}
body{margin:0;padding:0;}
body iframe{/*display:none*/}
#wrapper{position:relative;width:100%;margin:0;padding:0;color:#fff;}
#wrapper:after{display:block;visibility:hidden;clear:both;content:""}
#page-wrapper{max-width:1000px;margin:0 auto;font-size:16px;font-weight:400;line-height:1.5em;font-family:'NanumSquare', sans-serif;/*position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;*/}
#page-wrapper:after{display:block;visibility:hidden;clear:both;content:""}
.container{width:100%;padding:25px 20px;position:relative;}
.container:after{display:block;visibility:hidden;clear:both;content:""}
#footer{position:relative;font-size:13px;line-height:1.5em;padding:25px;}
#footer .logo{width:100px;}
#footer .inner{text-align:center;font-size:10px;}




/*____________________________ fx-wrap ____________________________*/
.fx-wrap{}
.fx-wrap .fx-head{font-size:1.15em;font-weight:600;margin-bottom:15px;display:flex;align-items:center;}
.fx-list + .fx-head{margin-top:50px;}
.fx-list-label{width:100px;}
.auto .fx-list-label{width:auto}
.label50 .fx-list-label{width:50px !important;}.label60 .fx-list-label{width:60px !important;}.label70 .fx-list-label{width:70px !important;}.label80 .fx-list-label{width:80px !important;}.label90 .fx-list-label{width:90px !important;}
.label100 .fx-list-label{width:100px !important;}.label110 .fx-list-label{width:110px !important;}.label120 .fx-list-label{width:120px !important;}.label130 .fx-list-label{width:130px !important;}.label140 .fx-list-label{width:140px !important;}
.label150 .fx-list-label{width:150px !important;}.label160 .fx-list-label{width:160px !important;}.label170 .fx-list-label{width:170px !important;}.label180 .fx-list-label{width:180px !important;}.label190 .fx-list-label{width:190px !important;}
.label200 .fx-list-label{width:200px !important;}.label210 .fx-list-label{width:210px !important;}.label220 .fx-list-label{width:220px !important;}.label230 .fx-list-label{width:230px !important;}.label240 .fx-list-label{width:240px !important;}
.label250 .fx-list-label{width:250px !important;}.label260 .fx-list-label{width:260px !important;}.label270 .fx-list-label{width:270px !important;}.label280 .fx-list-label{width:280px !important;}.label290 .fx-list-label{width:290px !important;}
[class*="label"] .fx-list-label.auto{width:auto !important;}
.fx-wrap .fx-list{position:relative;padding:7px 0;zoom:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;line-height:1.6em;}
.fx-wrap .fx-list:after{display:block;visibility:hidden;clear:both;content:""}
	.fx-list .fx-list-label{position:relative;text-align:right}
	.fx-list.flex-top .fx-list-label{padding-top:4px;}
	.fx-list .fx-list-label label{position:relative;display:inline-block;padding:0 5px;font-weight:600;cursor:default;transition:all .15s ease-in-out;}
	.fx-list .fx-list-label label.label-video:after{content:'\e2f7';font-family:'intaefont';position:relative;font-style:normal;font-weight:normal;font-size:13px;margin-top:1px;margin-left:5px;}
	.fx-list .fx-list-label.required:before{content:'*';font-size:11px;color:#ff6464;margin-right:5px;margin-top:-3px;display:inline-block;vertical-align:top;}
	.fx-list .fx-list-con{position:relative;flex:1;display:flex;align-items:center;text-align:left;flex-wrap:wrap;gap:7px;line-height:1.4em;}
	.fx-list .fx-list-con .flex1{flex:1;width:150px;/*사이즈가 없으면 모바일폰 화면에서 줄바꿈 현상이 나옴*/}
	.fx-list .fx-list-con .help-block{font-size:12px;color:rgba(255,255,255,0.8);line-height:1.5em;}
	.fx-list .fx-list-con .form-msg{display:block;width:100%;font-size:13px;margin-top:5px;}
	.fx-list .fx-list-con .form-msg.color-red{color:#ff6464;}
	.fx-list .fx-list-con small{font-size:0.8em;line-height:1.35em;margin-top:-0.2em}
	.fx-list .fx-list-con .flex{width:100%;}

/*____________________________ btnSet ____________________________*/
.btnSet{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.btnSet .btn{height:46px;font-size:16px;border-radius:50px;}
.btnSet .btn:not([class*="span"]){flex:1}


.linkSet{display:flex;flex-wrap:wrap;gap:8px 15px;}
.linkSet a{color:#48a4b2;white-space:nowrap;}



/*____________________________ icon_   ____________________________*/
i[class*='icon_']{display:inline-block;background-size:cover;background-repeat:no-repeat;background-position:center;transform:scale(0.8);}
i.icon_setting{width:27px;height:29px;background-image:url('../img/icon/icon_setting.svg');}
i.icon_wind{width:41px;height:34px;background-image:url('../img/icon/icon_wind.svg');}
i.icon_humidity{width:43px;height:44px;background-image:url('../img/icon/icon_humidity.svg');}
i.icon_h2{width:34px;height:28px;background-image:url('../img/icon/icon_h2.svg');}
i.icon_on{width:40px;height:40px;background-image:url('../img/icon/icon_on.svg');}
i.icon_off{width:40px;height:40px;background-image:url('../img/icon/icon_off.svg');}
i.icon_nosignal{width:36px;height:29px;background-image:url('../img/icon/icon_nosignal.svg');}


.msg-box{padding:20px;font-size:17px;line-height:1.5em;background:rgba(255,255,255,0.3);border-radius:4px;text-align:center;word-break:keep-all;}
.msg-box .fx-wrap .fx-list{padding:0;}


/*____________________________ Layout ____________________________*/

#header-top{position:fixed;top:0;left:0;z-index:13;background:rgba(0,0,0,0.9);width:100%;height:64px;display:flex;align-items:center;justify-content:center;font-size:20px;}
#header-top .title{display:flex;align-items:center;flex-direction:column;gap:5px;}
#header-top .title sub.mini{font-size:0.7em}
#header-top .page-back{font-size:0;position:absolute;left:20px;}
#header-top .page-back:before{content:'\e924';font-family:'intaefont';font-size:19px;color:#fff;}
#header-top:not(.no-border):after{content:'';width:calc(100% - 30px);height:1px;background:#DCDDDD;position:absolute;bottom:0;left:15px;}
#header-top .header-top-state{position:absolute;top:0;right:20px;height:100%;display:inline-flex;align-items:center;}
#header-top i.icon_nosignal{width:60px;height:53px;background-image:url('../img/icon/icon_nosignal_large.svg');}
#header-top i.icon_signal{width:49px;height:53px;background-image:url('../img/icon/icon_signal_large.svg');} 
#header-top + *{margin-top:64px;}
#header-top.large{height:104px;}
#header-top.large + *{margin-top:104px;}

.tabsContainer{display:flex;align-items:center;justify-content:center;height:auto;border-bottom:1px solid #DCDDDD}
.tabsContainer li{flex:1;display:inline-flex;justify-content:center;width:auto;height:auto;border-radius:0;opacity:1;}
.tabsContainer li .tab{position:relative;padding:0 5px;font-size:16px;height:50px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.tabsContainer li.active{background:linear-gradient(to right,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 75%, rgba(255,255,255,0) 100%);}
.tabsContainer li.active .tab:after{content:'';width:100%;height:5px;background:#fff;position:absolute;bottom:0;left:0;}



/**************** login *****************/
#login{}
.login-top{margin-top:50px;text-align:center;font-family:'GmarketSans-light', sans-serif;font-size:54px;line-height:1.1em}


.nosignal-msg-box{position:relative;display:block;width:100%;background:#38404B;overflow:hidden;border-radius:6px;}
.nosignal-msg-box:before{content:'';font-size:0;height:0;margin:0;width:100%;display:block;padding-top:95%;background:url('../img/bg-nosignal.svg') no-repeat center / 85%;}
.nosignal-msg-box .inner{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;text-align:center;}


/**************** productSelect *****************/
#productSelect{}
#productSelect > ul{display:flex;align-items:center;flex-direction:column;gap:15px;}
#productSelect > ul > li{width:100%;display:flex;align-items:center;gap:5px;padding:13px 15px;background:rgba(255,255,255,0.3);border-radius:5px;}
#productSelect li .state{width:40px;display:flex;align-items:center;justify-content:center;}
#productSelect li .info{flex:1;font-size:22px;line-height:1em;display:flex;align-items:center;flex-direction:column;gap:5px;}
#productSelect li .info sub{font-size:15px;}
#productSelect li .info sub.mini{font-size:12px;}
#productSelect li .controler{width:40px;display:flex;align-items:center;justify-content:center;}
#productSelect .add-list{margin-top:15px;font-size:0;width:100%;display:flex;align-items:center;justify-content:center;padding:10px 15px;background:rgba(255,255,255,0.3);border-radius:5px;}
#productSelect .add-list:before{content:'\e336';font-family:'newfont';font-size:28px;font-weight:normal;color:#fff;}
#productSelect .add-list:hover{background:rgba(255,255,255,0.5);}



.radioControl{position:relative;display:flex;align-items:center;justify-content:center;}
.radioControl span{font-size:17px;font-weight:600;min-width:100px;height:46px;border-radius:40px;padding:0 7px;color:#9FA0A0;border:1px solid #9FA0A0;background:transparent;display:inline-flex;align-items:center;justify-content:center;}
.radioControl input[type="radio"]:checked + span{border:0;background:#0652A9;color:#fff;}
.radioControl input[type="radio"].red:checked + span{border:0;background:#D82117;color:#fff;}


/**************** productControler *****************/
#productControler{}
#productControler > ul{display:flex;align-items:center;flex-direction:column;gap:7px;}
#productControler > ul > li{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:10px 15px;background:#38404B;border-radius:2px;}
#productControler li .label{font-size:15px;}
#productControler li .controlSet{width:100%;display:flex;justify-content:center;gap:7px;}
#productControler li .controlSet .btn{flex:1;font-size:17px;font-weight:600;height:46px;border-radius:40px;padding:0 7px;color:#9FA0A0;border:1px solid #9FA0A0;background:transparent;}
#productControler li .controlSet .btn.active{border:0;background:#0652A9;color:#fff;}
#productControler li .controlSet .btn.active-red{border:0;background:#D82117;color:#fff;}


#productControler li .controlSet .radioControl:not([class*='span']){flex:1;}
#productControler li .controlSet .radioControl span{min-width:auto;flex:1;}





/**************** productCondition *****************/
.productCondition{background:#38404B;padding:15px;border-radius:4px;}
.productCondition ul{}
.productCondition ul li{display:flex;align-items:center;padding:12px 5px;font-size:17px;}
.productCondition ul li:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.8)}
.productCondition li .label{display:flex;align-items:center;}
.productCondition li .con{margin-left:auto;}
.productCondition + .productCondition{margin-top:15px;}
.productCondition-title{margin-top:25px;margin-bottom:5px;}

.productCondition .filter-status{display:flex;align-items:center;justify-content:center;gap:30px}
.productCondition .filter-status .chart{position:relative;display:block;width:70px;height:130px;display:flex;align-items:center;justify-content:center;}
.productCondition .filter-status .chart:before{content:'';position:absolute;left:2px;top:2px;z-index:1;width:calc(100% - 4px);height:calc(100% - 4px);border:1px dashed rgba(255,255,255,0.5);border-radius:5px;}
.productCondition .filter-status .chart .filled{position:absolute;bottom:0;left:0;z-index:3;width:100%;background:linear-gradient(to bottom, #38B5DB 0%, #003A8E 100%);border-radius:3px;}
.productCondition .filter-status .filter-info{text-align:center;font-size:12px;line-height:1.4em;}
.productCondition .filter-status .filter-info .remaining{font-size:44px;line-height:1em;}
.productCondition .filter-status .filter-info sub{margin-top:0.5em;display:block;}



#measureState{position:relative;padding:20px;border-radius:4px;background:#38404B;}
#measureState > .label{text-align:center;}
#measureState .measureChart{margin-top:15px;display:flex;align-items:center;flex-wrap:wrap;gap:30px}
#measureState .measureChart .chart-item{position:relative;width:calc(50% - 15px);display:block;}
#measureState .measureChart .chart-item:before{content:'';font-size:0;height:0;margin:0;width:100%;display:block;padding-top:100%;background:url('../img/measureChart-item-bg.svg') no-repeat center / 100%;}
#measureState .measureChart .chart-item .inner{position:absolute;top:15%;left:15%;width:70%;height:70%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}
#measureState .measureChart .chart-item .inner .label{font-size:3.2vmin;line-height:1em}
#measureState .measureChart .chart-item .inner .value{;font-size:9.7vmin;color:#07A6FF;line-height:0.9em}
#measureState .measureChart .chart-item .inner .union{font-size:2.3vmin;line-height:1em;margin-top:-3%;}
#measureState .measureChart .chart-item .inner .union.dust{display:inline-block;width:20%;height:1em;background:url('../img/union-dust.svg') no-repeat center / 100%;}
#measureState .measureChart .chart-item .needle{position:absolute;top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);background:url('../img/chart-needle.svg') no-repeat center top / 7% 18%;}
#measureState.off > *{transition:filter;filter:blur(3px);}
#measureState.off:before{content:'전원이 OFF 상태입니다.';position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;}


.air-quality{margin-top:20px;position:relative;padding:20px 20px 15px 20px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;overflow:hidden}
.air-quality > *{z-index:3;}
.air-quality .location{position:absolute;top:20px;right:20px;font-size:14px;display:inline-flex;align-items:center;gap:6px;}
.air-quality .location:before{content:'';width:12px;height:18px;display:inline-block;background:url('../img/icon/icon_map.svg') no-repeat center / cover}
.air-quality > .label{font-size:15px;}
.air-quality .level{font-size:52px;line-height:1em;}
.air-quality .fx-item{display:flex;align-items:center;}
.air-quality .fx-item .item{flex:1;display:flex;align-items:center;flex-direction:column;position:relative;}
.air-quality .fx-item .item:not(:first-child){margin-left:16px;padding-left:16px;}
.air-quality .fx-item .item:not(:first-child):before{content:'';display:inline-block;width:1px;height:25px;background:#fff;position:absolute;top:19px;left:0;}
.air-quality .fx-item .item .label{font-size:11px;white-space:nowrap;}
.air-quality .fx-item .item .value{font-size:22px;line-height:1em;white-space:nowrap;}
.air-quality .fx-item .item .union.dust{display:inline-block;width:20px;height:12px;background:url('../img/union-dust.svg') no-repeat center / 100%;}
.air-quality.normal .level{color:#2BCB50}
.air-quality.bad .level{color:#FFBB00}
.air-quality.very-bad .level{color:#D52C2C}

.air-quality.good{background:url('../img/air-quality-bg/bg01.svg') no-repeat center / cover}
.air-quality.good:before{content:'';position:absolute;top:-5px;left:-5px;width:calc(100% - 20px);height:calc(100% + 10px);background:url('../img/air-quality-bg/bg01-deco.svg') no-repeat bottom left / 100% auto}
.air-quality.normal{background:url('../img/air-quality-bg/bg02.svg') no-repeat center / cover}
.air-quality.normal:before{content:'';position:absolute;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);background:url('../img/air-quality-bg/bg02-deco.svg') no-repeat bottom left / 100% auto}
.air-quality.bad{background:url('../img/air-quality-bg/bg03.svg') no-repeat center / cover}
.air-quality.bad:before{content:'';position:absolute;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);background:url('../img/air-quality-bg/bg03-deco.svg') no-repeat bottom left / cover}
.air-quality.very-bad{background:url('../img/air-quality-bg/bg04.svg') no-repeat center / cover}
.air-quality.very-bad:before{content:'';position:absolute;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);background:url('../img/air-quality-bg/bg04-deco.svg') no-repeat bottom left / cover}




.swiper-container{position:relative;width:100%;height:auto;overflow:hidden;}
.swiper-container .swiper-wrapper{position:relative;width:100%;height:auto;}
.swiper-slide{position:relative;display:block;width:100%;}
.swiper-slide:active{}




.measure-disabled{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;background:rgba(0,0,0,0.65);color:#fff;padding-bottom:50px;display:flex;align-items:center;justify-content:center;}
.measure-disabled .msg{text-align:center;}
.measure-disabled + *{transition:filter;filter:blur(3px);}
.measure-disabled + * + .btnSet{display:none;}

/*─────────────────────────────────────────────────
										대형 정수기
─────────────────────────────────────────────────*/
.measure-panel-wrap{position:relative;}
.measure-panel{position:relative;padding:15px 20px;border-radius:4px;background:#38404B;}
.measure-panel .panel-title{position:relative;font-size:16px;font-weight:500;text-align:center;margin-bottom:10px;display:flex;align-items:center;justify-content:center;}
.measure-panel .panel-title.bold{font-weight:700;}
.measure-panel .panel-title [class*="tag"]{position:absolute;right:0;padding:0 10px;height:24px;font-size:14px;font-weight:normal !important;background:rgba(255,255,255,0.5);color:#fff;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;}
.measure-panel .panel-title .tag-red{background:#A30000;}
.measure-panel .formContainer{display:flex;align-items:flex-start;justify-content:space-around;}
.measure-panel .formContainer .form-list{flex:1;position:relative;display:inline-flex;flex-direction:column;align-items:center;}
.measure-panel .formContainer .form-list .form-label{font-size:14px;margin-top:5px;}
.measure-panel .formContainer input{height:42px !important;text-align:center;padding-left:15px !important;font-size:20px !important;}
.measure-panel + .measure-panel{margin-top:10px;}

.measure-panel .formContainer.division .form-list:not(:first-child):before{content:'';position:absolute;left:0;top:5px;width:1px;height:calc(100% - 10px);background:rgba(255,255,255,0.3);}






/*─────────────────────────────────────────────────
										수소흡입의료기기
─────────────────────────────────────────────────*/
.i-refresh{display:inline-flex;align-items:center;justify-content:center;min-width:23px;width:23px;height:26px;background:url('img/icon_refresh.svg') no-repeat center / 100% auto;}


.controler-panel{display:flex;justify-content:center;gap:10px;}
.controler-panel .panel{flex:1;text-align:center;position:relative;padding:15px 20px;border-radius:4px;background:#38404B;overflow:hidden;}
.controler-panel .panel.no-padding{padding:0;min-height:160px;}
.controler-panel .panel .label{margin-bottom:5px;}
.controler-panel + .controler-panel{margin-top:10px;}
.controler-panel button.btn{width:100%;height:46px;color:#fff;font-size:16px;border-radius:50px;background:transparent;border:1px solid #8D8E8E;display:flex;align-items:center;justify-content:center;}
.controler-panel button.btn.pause{border:0;background:#003CAD;color:#fff;}
.controler-panel button.btn.pause:before{content:'\e2ac';font-family:'newfont';font-size:29px;}
.controler-panel button.btn.play{border:0;background:#003CAD;color:#fff;}
.controler-panel button.btn.play:before{content:'\e2aa';font-family:'newfont';font-size:29px;}

.controler-panel .panel .msg{display:flex;justify-content:center;padding:15px;text-align:center;}
.controler-panel .panel [class*='bgState']:not(.disable){position:relative;width:100%;background:url('../img/bgState.png') no-repeat center / 100% auto;display:block;overflow:hidden;}
.controler-panel .panel [class*='bgState']:not(.disable):before{content:'';font-size:0;height:0;margin:0;width:100%;display:block;padding-top:80%;}
.controler-panel .panel .bgState2{background-image:url('../img/bgState-active.png');}
.controler-panel .panel .bgState2.h2{background-image:url('../img/bgState-h2.png') !important;}
.controler-panel .panel [class*='bgState']:not(.disable) .msg{font-size:18px;word-break:keep-all;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;display:flex;align-items:flex-end;justify-content:center;}
.controler-panel .panel [class*='bgState'].flex-middle .msg{align-items:center;}
.controler-panel .panel .bgState.disable{padding:15px;padding-bottom:10px;display:flex;align-items:center;flex-direction:column;}
.controler-panel .panel .bgState.disable:after{content:'';width:15px;height:86px;background:url('../img/icon_ex_mark.svg') no-repeat center / 100% auto;display:inline-flex;align-items:center;justify-content:center;margin-top:20px;}
.controler-panel .panel .inner{padding:15px 20px;}

#productControler ul.square{display:flex;align-items:center;padding:12px 5px;font-size:15px;word-break:keep-all;}
#productControler ul.square > li{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:row !important;gap:8px;padding:0;background:transparent;}
#productControler ul.square > li:before{content:'';display:inline-flex;align-items:center;justify-content:center;min-width:4px;width:4px;height:4px;background:#fff;margin-top:10px;}



.checkboxControl{position:relative;display:flex;align-items:center;justify-content:center;}
.checkboxControl span{font-size:17px;font-weight:600;min-width:100px;height:46px;border-radius:40px;padding:0 7px;background:#D82117;color:#fff;display:inline-flex;align-items:center;justify-content:center;}
.checkboxControl span:before{content:'OFF';}
.checkboxControl input:checked + span{border:0;background:#0652A9;color:#fff;}
.checkboxControl input:checked + span:before{content:'ON';}


.timeControl{position:relative;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:10px}
.timeControl .value{font-size:38px;vertical-align:bottom;flex:1;}
.timeControl .value sub{font-size:15px;margin-left:0.3em;}
.timeControl .control-btn{margin-right:-5px;display:flex;align-items:center;flex-direction:column;gap:5px;}
.timeControl .control-btn span{width:50px;height:34px;color:#8D8E8E;border-radius:5px;border:1px solid #8D8E8E;display:inline-flex;align-items:center;justify-content:center;}
.timeControl .control-btn span.up{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.timeControl .control-btn span.up:before{content:'\e927';font-family:'intaefont';}
.timeControl .control-btn span.down:before{content:'\e926';font-family:'intaefont';}

.timeControl .control-btn span.active{border:0;background:#003CAD;color:#fff;}


#productCondition{margin-bottom:10px;}
#productCondition ul{display:flex;flex-direction:column;gap:10px;}
#productCondition ul li{display:flex;align-items:center;justify-content:center;}
#productCondition ul li > *{flex:1;padding:15px;height:70px;display:inline-flex;align-items:center;justify-content:center;text-align:center;}
#productCondition ul li .con{background:#2A313A;}
#productCondition ul li .label{flex:0.7;}
#productCondition ul li > *:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
#productCondition ul li > *:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}










.tcenter{text-align:center;}

/*─────────────── LAYER POPUP (스크립트 없이) ───────────────*/
.layer-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;padding:50px 20px;overflow-y:auto;}
.layer-popup .pop-closer{position:fixed;top:15px;right:15px;z-index:5;opacity:0.9;font-size:0;cursor:pointer;background:transparent}
.layer-popup .pop-closer:before{content:'\e905';font-family:'intaefont';font-size:25px;color:#fff;font-weight:normal;width:54px;height:54px;display:flex;align-items:center;justify-content:center;}
.layer-popup .pop-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background:rgba(0,0,0,0.6);opacity:0;visibility:hidden;}
.layer-popup .popContainer{position:relative;z-index:5;width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;color:#000;}
.layer-popup .popContainer .pop-inner{position:relative;z-index:6;background:#fff;border-radius:4px;padding:45px 20px 30px 20px;font-size:16px;width:100%;
	display:flex;justify-content:center;flex-direction:column;}
.layer-popup .popContainer .pop-inner .pop-closer{position:absolute;top:0px;right:0px;}
.layer-popup .popContainer .pop-inner .pop-closer:before{content:'\e905';font-family:'intaefont';font-size:20px;color:#000;}
.layer-popup .popContainer .pop-header{font-size:20px;font-weight:var(--bold);margin-bottom:30px;}
.layer-popup .popContainer .btnSet{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:30px;}
.layer-popup .popContainer .btnSet .btn{flex:none;color:rgba(0,0,0,0.8);padding:0 15px;min-width:110px;height:40px;border-radius:30px;background:transparent;border:1px solid rgba(0,0,0,0.6);display:inline-flex;align-items:center;justify-content:center;}
.layer-popup .popContainer .btnSet .btn.blue{background:#1d5aa4;color:#fff;border:0;}
.layer-popup .popContainer .btnSet .btn.red{background:#ff4e4e;color:#fff !important;border:0;}
.layer-popup:not(.open){display:none;}
.layer-popup.open .pop-inner{animation:popOpen 0.4s cubic-bezier(0.5,0,0,1.25) forwards;}
.layer-popup.open .pop-bg{visibility:visible;animation:pop-bg-fade 0.5s forwards;}
.layer-popup.open ~ *{transition:filter;filter:blur(3px);}
@keyframes popOpen{
  0%{opacity:0;transform:scale(0.9) translateY(0);}
  100%{opacity:1;transform:scale(1) translateY(0);}
}
@keyframes pop-bg-fade{
  0%{opacity:0;}
  100%{opacity:1;}
}