@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;position:relative;overflow:hidden;}
.contents{position:relative;}
.contents.main div[id*='sec-']{padding:120px 0;}

.contents.sub{padding-top:60px;}
.contents.sub .detail{padding-top:60px;padding-bottom:60px;}
.contents.sub .detail.pt0{padding-top:0 !important;}

@media screen and (max-width:1280px) {
.contents.main div[id*='sec-']{padding:100px 0;}

.contents.sub{padding-top:50px;}
.contents.sub .detail{padding-top:50px;padding-bottom:50px;}
}
@media screen and (max-width:960px) {
.contents.main div[id*='sec-']{padding:80px 0;}
}
@media screen and (max-width:767px) {
.contents.main div[id*='sec-']{padding:60px 0;}

.contents.sub{padding-top:40px;}
.contents.sub .detail{padding-top:40px;padding-bottom:40px;}
}
@media screen and (max-width:640px) {
.contents.main div[class*='sec-']{padding:50px 0;}
}
@media screen and (max-width:560px) {
.contents.main div[class*='sec-']{padding:40px 0;}

.contents.sub{padding-top:30px;}
.contents.sub .detail{padding-top:30px;padding-bottom:30px;}
}




.contentsBg{background:#fbfbfb;}




/************************************************************************
* List Source *
************************************************************************/
.item{display:block;position:relative;}
.item .icoWrap{position:absolute;top:15px;right:15px;display:flex;align-items:flex-start;transition:all 0.2s ease;}
.item .ico{width:39px;margin-left:4px;font-size:13px;line-height:120%;border-radius:50%;color:#fff;text-align:center;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}
.item .ico.hot{width:42px;background:url(/img/ico-hot.png) no-repeat 0 0;background-size:100% auto;border-radius:0;}
.item .ico.best{width:51px;background:url(/img/ico-best.png) no-repeat 0 0;background-size:100% auto;border-radius:0;}

.item .ico.sbest{background:#0eaf52;}
.item .ico.specialp{background:#2942ff;}
.item .ico.new{background:#ff8e14;}

.item:hover .icoWrap,
.item:hover .ico{transition:all 0.2s ease;}


.item .button{border-radius:50px;border:none;background:#9d9d9d;width:40%;max-width:100px;margin:0 auto;padding:8px 0;text-align:center;font-size:16px;color:#fff;display:block;transition:all 0.2s ease;}
.item:hover .button{background:#ed1b23;transition:all 0.2s ease;}

@media screen and (max-width:640px) {
.item .icoWrap{top:10px;right:10px;}
.item .ico{width:36px;margin-left:3px;font-size:12px;}
.item .ico.hot{width:38px;}
.item .ico.best{width:47px;}


.item .button{font-size:15px;}
}
@media screen and (max-width:460px) {
.item .ico{width:33px;margin-left:2px;font-size:11px;}
.item .ico.hot{width:35px;}
.item .ico.best{width:44px;}

.item .button{width:60%;padding:6px 0;font-size:14px;}
}





/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
.main .titlBx{position:relative;}
.main .titlBx .button{position:absolute;bottom:0;right:0;}

@media screen and (max-width:767px) {
.main .titlBx{padding-bottom:40px;}
.main .titlBx.pb0{padding-bottom:0;}
}



/******************************* sec-1 *******************************/
.main #sec-1 .titlBx .bTit img{width:10%;max-width:33px;margin-right:10px;}

.mianList_type1 .item{padding:20px;padding-bottom:40px;border-radius:30px;border:solid 2px #ed1b23;background:#f9f9f9;transition:all 0.2s ease;}
.mianList_type1 .item figure{width:100%;padding:30px 0;border-radius:20px;background:#fff;overflow:hidden;}
.mianList_type1 .item figure img{width:70%;aspect-ratio:1 / 1;margin:0 auto;display:block;}
.mianList_type1 .item .txtBx{padding:20px 5px;display:flex;align-items:center;justify-content:center;}
.mianList_type1 .item .txtBx .tit{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mianList_type1 .item .txtBx .storage{padding:3px 10px;margin-left:10px;background:#000;color:#fff;border-radius:5px;}

.mianList_type1 .item:hover{border-width:4px;transform:scale(1.02);transition:all 0.2s ease;}
.mianList_type1 .item:hover .icoWrap{top:-8px;right:25px;}
.mianList_type1 .item:hover .ico.hot{width:79px;font-size:14px;aspect-ratio:16 / 9;background:url(/img/ico-hot-hover.png) no-repeat 0 0;background-size:100% auto;}

@media screen and (max-width:640px) {
.mianList_type1 .item{padding:10px;padding-bottom:30px;border-radius:20px;}
.mianList_type1 .item figure{border-radius:10px;}
.mianList_type1 .item .txtBx{padding:15px 5px;}
.mianList_type1 .item .txtBx .storage{padding:2px 8px;margin-left:5px;}

.mianList_type1 .item:hover .icoWrap{right:20px;}
.mianList_type1 .item:hover .ico.hot{width:69px;font-size:13px;}
}
@media screen and (max-width:560px) {
.mianList_type1 .item:hover .ico.hot{width:59px;font-size:12px;}
}
@media screen and (max-width:460px) {
.mianList_type1 .item{padding-bottom:20px;}
.mianList_type1 .item .txtBx{flex-wrap:wrap;}
.mianList_type1 .item .txtBx .tit{width:100%;text-align:center;}
.mianList_type1 .item .txtBx .storage{margin:0 auto;margin-bottom:10px;padding:1px 6px;display:table;order:-1;}
}





/******************************* sec-2 *******************************/
.main #sec-2 .titlBx .bTit b{margin-left:5px;}
.main #sec-2 .titlBx .bTit img{width:12%;max-width:47px;margin-left:-15px;margin-top:-15px;}

.mBansl{width:100%;padding:0 20px;position:relative;overflow:hidden;}
.mBansl .mBansl_list{font-size:0;line-height:0;}
.mBansl .mBansl_list .slick-list{width:100%;}
.mBansl .mBansl_list .slick-track{width:100%;}

.mBansl .mBansl_item{display:inline-block;padding:0 20px;}
.mBansl .mBansl_item a{width:100%;padding:0 !important;margin:0 !important;border-radius:20px;overflow:hidden;display:block;aspect-ratio:16 / 7;}
.mBansl .mBansl_item a img{width:100%;display:block;}

.mBansl .slick-dots{display:none !important;}

.mBansl .mBansl_control button{position:absolute;top:calc(50% - 20px);width:40px;height:40px;vertical-align:top;text-indent:-999px;}
.mBansl .mBansl_control button:before{width:20px;height:20px;position:absolute;top:calc(50% - 10px);border-color:#bebebe;border-style:solid;transform:rotate(45deg);content:'';}
.mBansl .mBansl_control button:hover:before{border-color:#000;}

.mBansl .mBansl_control .mBansl_prev{left:0;}
.mBansl .mBansl_control .mBansl_next{right:0;}
.mBansl .mBansl_control .mBansl_prev:before{border-width:0 0 4px 4px;left:calc(50% - 10px);}
.mBansl .mBansl_control .mBansl_next:before{border-width:4px 4px 0 0;right:calc(50% - 10px);}
.mBansl .mBansl_control .mBansl_auto:before{display:none !important;}
.mBansl .mBansl_control .mBansl_auto.slick-pause:before{display:none !important;}

@media screen and (max-width:1500px){
.main #sec-2 .pall80{padding-left:60px;padding-right:60px;}
}
@media screen and (max-width:1280px){
.main #sec-2 .pall80{padding-left:40px;padding-right:40px;}

.mBansl{padding:0 30px;}

.mBansl .mBansl_control .mBansl_prev{left:15px;}
.mBansl .mBansl_control .mBansl_next{right:15px;}
}
@media screen and (max-width:1100px){
.main #sec-2 .pall80{padding-left:20px;padding-right:20px;}

.mBansl .mBansl_item{padding:0 20px;}


.mBansl .mBansl_control button:before{width:16px;height:16px;top:calc(50% - 8px);}

.mBansl .mBansl_control .mBansl_prev:before{left:calc(50% - 8px);}
.mBansl .mBansl_control .mBansl_next:before{right:calc(50% - 8px);}
}
@media screen and (max-width:767px) {
.main #sec-2 .pall80{padding-left:2%;padding-right:2%;}

.main #sec-2 .titlBx{padding-bottom:0;}
}
@media screen and (max-width:640px) {
.mBansl .mBansl_control button{width:30px;height:30px;top:calc(50% - 15px);}
.mBansl .mBansl_control button:before{width:10px;height:10px;top:calc(50% - 5px);}

.mBansl .mBansl_control .mBansl_prev:before{left:calc(50% - 5px);}
.mBansl .mBansl_control .mBansl_next:before{right:calc(50% - 5px);}
}
@media screen and (max-width:560px) {
.mBansl{padding:0 20px;}
.mBansl .mBansl_item{padding:0 10px;}

.mBansl .mBansl_control .mBansl_prev{left:5px;}
.mBansl .mBansl_control .mBansl_next{right:5px;}
}
@media screen and (max-width:310px) {
.main #sec-2 .titlBx .bTit{position:relative;}
.main #sec-2 .titlBx .bTit b{width:100%;}
.main #sec-2 .titlBx .bTit img{position:absolute;top:-8px;right:calc(50% - 103px);margin-left:0;margin-top:0;}
}








/******************************* sec-3 *******************************/
.main #sec-3 .titlBx .bTit{width:40%;max-width:450px;padding:20px 0;margin:0 auto;background:#e61017;text-align:center;color:#fff;display:table;border-radius:50px;}
.main #sec-3 .titlBx .bTit img{width:9%;max-width:29px;margin-right:10px;}



.mianList_type2 .item{transition:all 0.2s ease;}

.mianList_type2 .item figure{width:100%;display:block;position:relative;z-index:2;}
.mianList_type2 .item figure img{width:70%;aspect-ratio:1 / 1;margin:0 auto;display:block;}

.mianList_type2 .item .txtWp{padding:20px;padding-bottom:40px;padding-top:130px;margin-top:-130px;border-radius:50px;border:solid 2px #e0e0e0;position:relative;z-index:1;transition:all 0.2s ease;}
.mianList_type2 .item .txtWp .icoWrap{top:-35px;right:20px;z-index:3;}
.mianList_type2 .item .txtBx{padding:20px 5px;width:100%;border-radius:50px;background:#f9f8f6;display:flex;align-items:center;justify-content:center;}
.mianList_type2 .item .txtBx .tit{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mianList_type2 .item .txtBx .storage{padding:3px 10px;margin-left:10px;background:#000;color:#fff;border-radius:5px;}

.mianList_type2 .item:hover .txtWp{border-color:#e61017;transition:all 0.2s ease;}

@media screen and (max-width:1280px) {
.mianList_type2 .item .txtWp{padding-top:100px;margin-top:-100px;border-radius:40px;}
.mianList_type2 .item .txtWp .icoWrap{top:-30px;right:15px;}
.mianList_type2 .item .txtBx{padding:18px 5px;}
}
@media screen and (max-width:767px) {
.main #sec-3 .titlBx .bTit{width:60%;padding:18px 0;}
}
@media screen and (max-width:640px) {
.main #sec-3 .titlBx .bTit{padding:16px 0;}

.mianList_type2 .item .txtWp{padding:10px;padding-bottom:30px;padding-top:130px;margin-top:-130px;border-radius:30px;}
.mianList_type2 .item .txtBx{padding:15px 5px;}
.mianList_type2 .item .txtBx .storage{padding:2px 8px;margin-left:5px;}
}
@media screen and (max-width:560px) {
.main #sec-3 .titlBx .bTit{padding:14px 0;}

.mianList_type2 .item .txtBx{border-radius:10px;}
.mianList_type2 .item .txtWp{padding-top:110px;margin-top:-110px;border-radius:20px;}
.mianList_type2 .item .txtWp .icoWrap{top:-20px;right:10px;}
}
@media screen and (max-width:460px) {
.main #sec-3 .titlBx .bTit{width:80%;}

.mianList_type2 .item .txtWp{padding-top:90px;margin-top:-90px;border-radius:10px;}
.mianList_type2 .item .txtWp .icoWrap{right:5px;}

.mianList_type2 .item .txtBx{flex-wrap:wrap;}
.mianList_type2 .item .txtBx .tit{width:100%;text-align:center;}
.mianList_type2 .item .txtBx .storage{margin:0 auto;margin-bottom:10px;padding:1px 6px;display:table;order:-1;}
}
@media screen and (max-width:360px) {
.main #sec-3 .titlBx .bTit{width:95%;}
}







/******************************* sec-4 *******************************/
.main #sec-4{background:url(/img/bg1.jpg) no-repeat center center;background-size:cover;}

.main #sec-4 .titlBx{width:340px;position:static !important;}
.main #sec-4 .titlBx .button{position:static;display:flex;max-width:110px;margin-left:0;}


.eventBn{width:calc(100% - 340px);padding:0 30px;position:relative;overflow:hidden;}
.eventBn .eventBn_list{font-size:0;line-height:0;}
.eventBn .eventBn_list .slick-list{width:100%;}
.eventBn .eventBn_list .slick-track{width:100%;}

.eventBn .eventBn_item{display:inline-block;padding:0 30px;}
.eventBn .eventBn_item a{width:100%;display:block;padding:0 !important;margin:0 !important;border-radius:30px;overflow:hidden;background:rgba(255,255,255,0.6);border:solid 3px rgba(209,224,244,0.6);transition:all 0.2s ease;}
.eventBn .eventBn_item a font{width:100%;padding:40px 0;text-align:center;font-weight:600;transition:all 0.2s ease;}
.eventBn .eventBn_item a:hover,
.eventBn .eventBn_item.slick-current a{background:rgba(255,255,255,1);border-color:#ed1b23;transition:all 0.2s ease;}
.eventBn .eventBn_item a:hover font,
.eventBn .eventBn_item.slick-current a font{color:#ed1b23;transition:all 0.2s ease;}


.eventBn .slick-dots{display:none !important;}

.eventBn .eventBn_control button{position:absolute;top:calc(50% - 20px);width:40px;height:40px;vertical-align:top;text-indent:-999px;}
.eventBn .eventBn_control button:before{width:20px;height:20px;position:absolute;top:calc(50% - 10px);border-color:#bebebe;border-style:solid;transform:rotate(45deg);content:'';}
.eventBn .eventBn_control button:hover:before{border-color:#000;}

.eventBn .eventBn_control .eventBn_prev{left:0;}
.eventBn .eventBn_control .eventBn_next{right:0;}
.eventBn .eventBn_control .eventBn_prev:before{border-width:0 0 4px 4px;left:calc(50% - 10px);}
.eventBn .eventBn_control .eventBn_next:before{border-width:4px 4px 0 0;right:calc(50% - 10px);}
.eventBn .eventBn_control .eventBn_auto:before{display:none !important;}
.eventBn .eventBn_control .eventBn_auto.slick-pause:before{display:none !important;}

@media screen and (max-width:1500px){
.main #sec-4 .titlBx{width:300px;}

.eventBn{width:calc(100% - 300px);padding:0 20px;}

.eventBn .eventBn_item{padding:0 20px;}
}
@media screen and (max-width:1280px){
.eventBn{padding:0 30px;}

.eventBn .eventBn_item{padding:0 30px;}

.eventBn .eventBn_control .eventBn_prev{left:15px;}
.eventBn .eventBn_control .eventBn_next{right:15px;}
}
@media screen and (max-width:1100px){
.main #sec-4 .titlBx{width:100%;position:relative !important;}
.main #sec-4 .titlBx .bTit{text-align:center;}
.main #sec-4 .titlBx .button{position:absolute;display:flex;max-width:110px;margin-left:0;}


.eventBn{width:100%;padding:0 20px;margin-top:30px;}

.eventBn .eventBn_item{padding:0 20px;}
.eventBn .eventBn_item a{border-radius:20px;}
.eventBn .eventBn_item a font{padding:30px 0;}

.eventBn .eventBn_control button:before{width:16px;height:16px;top:calc(50% - 8px);}

.eventBn .eventBn_control .eventBn_prev{left:0;}
.eventBn .eventBn_control .eventBn_next{right:0;}
.eventBn .eventBn_control .eventBn_prev:before{left:calc(50% - 8px);}
.eventBn .eventBn_control .eventBn_next:before{right:calc(50% - 8px);}
}
@media screen and (max-width:640px) {
.eventBn{padding:0 10px;}

.eventBn .eventBn_item{padding:0 10px;}
.eventBn .eventBn_item a{border-radius:10px;}

.eventBn .eventBn_control button{width:30px;height:30px;top:calc(50% - 15px);}
.eventBn .eventBn_control button:before{width:10px;height:10px;top:calc(50% - 5px);}

.eventBn .eventBn_control .eventBn_prev:before{left:calc(50% - 5px);}
.eventBn .eventBn_control .eventBn_next:before{right:calc(50% - 5px);}
}
@media screen and (max-width:460px) {
.eventBn .eventBn_item a font{padding:20px 0;}
.eventBn .eventBn_item a font.txt.type30{font-size:18px !important;}

.eventBn .eventBn_item a:hover,
.eventBn .eventBn_item.slick-current a{background:rgba(255,255,255,0.6);border-color:rgba(209,224,244,0.6);}
.eventBn .eventBn_item a:hover font,
.eventBn .eventBn_item.slick-current a font{color:#000;}
}
@media screen and (max-width:360px) {
.eventBn .eventBn_item a font.txt.type30{font-size:16px !important;}
}







/******************************* sec-5 *******************************/
.reply{width:100%;height:290px;}

.purchase{width:100%;}

.purchase li{width:calc(100%/2 - 30px);margin:5px 15px;}
.purchase li a{width:100%;padding:10px;border:solid 1px #e2e2e2;border-radius:10px;display:flex;align-items:center;flex-wrap:wrap;}
.purchase li a .txtBx{width:calc(100% - 90px);display:flex;align-items:center;flex-wrap:wrap;}
.purchase li a .txtBx *{font-size:17px;line-height:120%;color:#5e5e5e;}
.purchase li a .txtBx .date{width:90px;padding:10px 0;background:#f5f5f5;border-radius:5px;text-align:center;}
.purchase li a .txtBx .name{width:90px;padding-left:20px;}
.purchase li a .txtBx .tel{width:150px;}
.purchase li a .txtBx .phone{width:calc(100% - (90px * 2 + 150px));padding-right:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.purchase li a .icoBx{width:90px;}
.purchase li a .icoBx button{width:100%;display:block;border-radius:50px;color:#fff;padding:8px 5px;border-radius:50px;font-size:15px;text-align:center;transition:all 0.2s ease;}
.purchase li a .icoBx button.ico-1{background:#ed1b23;}
.purchase li a .icoBx button.ico-2{background:#000;}

@media all and (max-width:1280px){
.reply{height:250px;}
.purchase li{width:calc(100%/2 - 20px);margin:3px 10px;}

.purchase li a .txtBx *{font-size:16px;}
.purchase li a .txtBx .date{width:70px;padding:8px 0;}
.purchase li a .txtBx .name{width:70px;padding-left:10px;}
.purchase li a .txtBx .tel{width:140px;}
.purchase li a .txtBx .phone{width:calc(100% - (80px * 2 + 140px));}

.purchase li a .icoBx button{padding:6px 5px;font-size:14px;}
}
@media all and (max-width:1100px){
.reply{height:355px;}
.purchase li{width:100%;margin:3px 0;}

.purchase li a .txtBx .date{padding:6px 0;}
}
@media screen and (max-width:960px){
.reply{height:295px;}
.purchase li a{padding:5px;}
}
@media screen and (max-width:640px){
.purchase li a .txtBx *{font-size:16px;}

.purchase li a .icoBx button{padding:5px;font-size:13px;}
}
@media screen and (max-width:560px){
.reply{height:460px;}
.purchase li a .txtBx{width:calc(100% - 80px);}
.purchase li a .txtBx *{font-size:15px;}
.purchase li a .txtBx .name{width:calc(100% - 70px);}
.purchase li a .txtBx .tel{width:120px;margin-left:80px;}
.purchase li a .txtBx .phone{width:calc(100% - (120px + 80px));}

.purchase li a .icoBx{width:80px;}
.purchase li a .icoBx button{padding:15px 5px;font-size:12px;border-radius:5px;}
}
@media screen and (max-width:460px){
.reply{height:435px;}
.purchase li a .txtBx{width:calc(100% - 70px);}
.purchase li a .txtBx .date{padding:5px 0;}
.purchase li a .txtBx .tel{width:calc(100% - 80px);padding-bottom:5px;}
.purchase li a .txtBx .phone{width:calc(100% - 80px);margin-left:80px;}

.purchase li a .icoBx{width:70px;}
.purchase li a .icoBx button{padding:25px 5px;}
}
@media screen and (max-width:360px){
.reply{height:635px;}
.purchase li a .txtBx{width:100%;}
.purchase li a .txtBx .date{padding:5px 0;}
.purchase li a .txtBx .tel{width:calc(100% - 80px);padding-bottom:5px;}
.purchase li a .txtBx .phone{width:calc(100% - 80px);margin-left:80px;}

.purchase li a .icoBx{width:100%;margin-top:10px;}
.purchase li a .icoBx button{padding:8px 5px;}
}





/******************************* sec-6 *******************************/
.reviewBx a{padding:15px;border:solid 1px #d4d4d4;border-radius:30px;}
.reviewBx a .imgbx{background:#fafafa;border-radius:20px;}
.reviewBx a .imgbx figure{width:100%;padding-top:10px;display:block;}
.reviewBx a .imgbx img{width:50%;aspect-ratio:1 / 1;margin:0 auto;display:block;}
.reviewBx a .imgbx .tit{width:100%;padding:0 5px;padding-bottom:20px;text-align:center;font-weight:bold;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.reviewBx .rvBx .icon-star-fill{width:1.4em;height:1.4em;fill:currentColor;display:inline-block;color:#b5b5b5;}
.reviewBx .rvBx .icon-star-fill.yellow{color:#feb623;}

.reviewBx .rvBx .review{padding:0 10px;margin-bottom:20px;color:#5e5e5e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}

@media screen and (max-width:767px){
.reviewBx a{padding:10px;border-radius:20px;}
.reviewBx a .imgbx{border-radius:10px;}
.reviewBx a .imgbx .tit{padding-bottom:10px;}

.reviewBx .rvBx .icon-star-fill{width:1.2em;height:1.2em;}

.reviewBx .rvBx .review{padding:0 5px;margin-bottom:10px;}
}








/************************************************************************
* SHOP *
************************************************************************/



/*********************
* list *
**********************/
/*********** list_total ***********/
.list_total{padding:0 10px 0 15px;}
.list_total *{color:#9c9c9c;}
.list_total span.disF a{padding:4px 10px;margin-left:4px;font-size:16px;border-radius:5px;border:solid 1px #bdbdbd;}
.list_total span.disF a:hover,
.list_total span.disF a.on{color:#fff;background:#9c9c9c;border-collapse:#9c9c9;}

@media screen and (max-width:1280px) {
.list_total span.disF a{padding:3px 8px;margin-left:3px;font-size:15px;}
}
@media screen and (max-width:1100px) {
.list_total span.disF a{padding:3px 7px;font-size:14px;}
}
@media screen and (max-width:767px) {
.list_total span.disF a{padding:2px 6px;font-size:13px;}
}
@media screen and (max-width:560px) {
.list_total{padding:0 0 0 5px;}
.list_total span{width:100%;margin-bottom:10px;}
.list_total span.disF{justify-content:flex-start;}
.list_total span.disF a{font-size:12px;}
}





/*********** 페이징 ***********/
.PageBox{display:flex;align-items:center;justify-content:center;margin-top:60px;}
.PageBox *{margin:0 5px;padding:0 5px;padding-bottom:5px;font-size:16px;color:#707070;font-weight:400;line-height:120%;text-align:center;display:block;}
.PageBox b{color:#4c4c4c;font-weight:600;position:relative;}
.PageBox b:after{width:70%;height:1px;background:#4c4c4c;position:absolute;bottom:0;left:15%;display:block;content:"";}
.PageBox a{position:relative;}
.PageBox a:hover{color:#4c4c4c;}
.PageBox a:hover:after{width:70%;height:1px;background:#4c4c4c;position:absolute;bottom:0;left:15%;display:block;content:"";}
.PageBox a.arr:hover:after{display:none;}
.PageBox a.first{margin:0 !important;padding:0 !important;}
.PageBox a.last{margin:0 !important;padding:0 !important;}

.icon-arrow-left,
.icon-arrow-right{width:22px;height:22px;display:inline-block;vertical-align:middle;color:currentColor;}

@media screen and (max-width:767px){
.PageBox{margin-top:50px;}
.PageBox *{margin:0 4px;padding:0 4px;padding-bottom:4px;font-size:15px;}
.PageBox b:after{width:80%;left:10%;}
.PageBox a:hover:after{width:80%;left:10%;}

.icon-arrow-left,
.icon-arrow-right{width:20px;height:20px;}
}
@media screen and (max-width:640px){
.PageBox{margin-top:40px;}

.icon-arrow-left,
.icon-arrow-right{width:18px;height:18px;}
}
@media screen and (max-width:560px){
.PageBox{margin-top:30px;}
.PageBox *{margin:0 3px;padding:0 3px;padding-bottom:3px;}
}




/*********** list ***********/
.subList .item{padding:20px;padding-bottom:40px;border-radius:30px;border:solid 2px #e0e0e0;background:#fff;transition:all 0.2s ease;}
.subList .item figure{width:100%;padding:30px 0;border-radius:20px;background:#fbfbfb;overflow:hidden;}
.subList .item figure img{width:70%;aspect-ratio:1 / 1;margin:0 auto;display:block;}
.subList .item figure .colorBx{display:flex;align-items:center;justify-content:center;}
.subList .item figure .colorBx i{width:13px;height:13px;margin:0 3px;border-radius:50%;display:block;}
.subList .item figure .colorBx i.black{background:#000;}
.subList .item figure .colorBx i.white{background:#f9fbfd;border:solid 1px #e4e4e4;}
.subList .item .txtBx{padding:20px 5px;display:flex;align-items:center;justify-content:center;}
.subList .item .txtBx .tit{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.subList .item .txtBx .storage{padding:3px 10px;margin-left:10px;background:#000;color:#fff;border-radius:5px;}

.subList .item:hover{border-width:2px;border-color:#ed1b23;transition:all 0.2s ease;}

@media screen and (max-width:640px) {
.subList .item{padding:10px;padding-bottom:30px;border-radius:20px;}
.subList .item figure{border-radius:10px;}
.subList .item .txtBx{padding:15px 5px;}
.subList .item .txtBx .storage{padding:2px 8px;margin-left:5px;}
}
@media screen and (max-width:460px) {
.subList .item{padding-bottom:20px;}
.subList .item .txtBx{flex-wrap:wrap;}
.subList .item .txtBx .tit{width:100%;text-align:center;}
.subList .item .txtBx .storage{margin:0 auto;margin-bottom:10px;padding:1px 6px;display:table;order:-1;}
}
@media screen and (max-width:360px) {
.subList.disG.col4{grid-template-columns:repeat(1, minmax(0, 1fr));}
}





/*********************
* view *
**********************/
/*********** view common ***********/
.modelname{padding:7px 25px;margin:0 auto;color:#5c5c5c;background:#f4f4f4;border-radius:50px;display:table;}
@media screen and (max-width:640px){
.modelname{padding:6px 22px;}
}
@media screen and (max-width:560px){
.modelname{padding:5px 20px;}
}
@media screen and (max-width:460px){
.modelname{padding:4px 18px;}
}


.detail_pic{width:100%;display:table;}
.detail_pic > div{width:100%;height:100%;padding-bottom:20px;text-align:center;overflow:hidden;}
.detail_pic [id^="detail_pic"]{display:none;}
.detail_pic [id^="detail_pic"].on{display:table-cell;}
.detail_pic img{width:100%;aspect-ratio:1 / 1;}
.detail_pic .colorname{padding:7px 25px;margin:0 auto;display:table;text-align:center;letter-spacing:-1px;white-space:nowrap;background:#f4f4f4;color:#000;border-radius:50px;}

@media screen and (max-width:960px){
.detail_pic img{width:50%;margin:0 auto;}
}
@media screen and (max-width:860px){
.detail_pic img{width:60%;}
}
@media screen and (max-width:767px){
.detail_pic img{width:70%;}
}
@media screen and (max-width:640px){
.detail_pic > div{padding-bottom:10px;}
.detail_pic img{width:80%;}
.detail_pic .colorname{padding:6px 22px;}
}
@media screen and (max-width:560px){
.detail_pic img{width:90%;}
.detail_pic .colorname{padding:5px 20px;}
}
@media screen and (max-width:460px){
.detail_pic img{width:100%;}
.detail_pic .colorname{padding:4px 18px;}
}



.color_phone{display:flex;align-items:center;justify-content:center;}
.color_phone div{margin:0 6px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.color_phone div i{width:32px;height:32px;box-shadow:inset 1px 1px 1.5px 1px rgb(0 0 0 / 8%);display:block;border-radius:50%;background-position:center;background-image:none;background-repeat:no-repeat;overflow:hidden;cursor:pointer;}
.color_phone div.on i{background-image:url(/img/check.png);}
.color_phone div .colorname{display:table;text-align:center;letter-spacing:-1px;white-space:nowrap;color:#5c5c5c;}

@media screen and (max-width:640px){
.color_phone div i{width:31px;height:31px;}
}
@media screen and (max-width:560px){
.color_phone div{margin:0 4px;}
.color_phone div i{width:30px;height:30px;}
}
@media screen and (max-width:460px){
.color_phone div{margin:0 3px;}
.color_phone div i{width:29px;height:29px;}
}




.btstBx a{padding:20px;background:#fff;border:solid 1px #999;color:#666;border-radius:10px;}
.btstBx a:hover{border-color:#ed1b23;color:#ed1b23;}
.btstBx a.on{background:#ed1b23;border-color:#ed1b23;color:#fff;}
.btstBx a .ttBx{width:100%;padding-left:30px;position:relative;}
.btstBx a .ttBx:after{width:18px;aspect-ratio:1 / 1;border:solid 1px #999;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;content:"";box-sizing:border-box;}
.btstBx a:hover .ttBx:after{border-color:#ed1b23;}
.btstBx a.on .ttBx:after{border:solid 6px #fff;}
.btstBx.onem a .ttBx{padding-left:0;text-align:center;}
.btstBx.onem a .ttBx:after{display:none;}

.btstBx a .prBx{width:100%;padding-left:30px;text-align:right;}

@media screen and (max-width:1500px){
.btstBx a{padding:15px;}
.btstBx a .ttBx,
.btstBx a .prBx{padding-left:28px;}
.btstBx a .ttBx:after{width:17px;}

.btstBx a.on .ttBx:after{border-width:5px;}
}
@media screen and (max-width:1280px){
.btstBx a .ttBx,
.btstBx a .prBx{padding-left:25px;}
.btstBx a .ttBx:after{width:15px;}

.btstBx a.on .ttBx:after{border-width:4px;}
}
@media screen and (max-width:960px){
.btstBx.disG.col3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
}
@media screen and (max-width:640px){
.btstBx a{border-radius:5px;}
}
@media screen and (max-width:560px){
.btstBx a{padding:10px;}
}
@media screen and (max-width:460px){
.btstBx a .ttBx,
.btstBx a .prBx{padding-left:18px;}
.btstBx a .ttBx:after{width:12px;}
.btstBx a.on .ttBx:after{border-width:3px;}

.btstBx.disG.col3{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;}

.optionBox-2 .btstBx.disG.col3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
.optionBox-6 .btstBx.disG.col3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
}
@media screen and (max-width:360px){
.optionBox-6 .btstBx.disG.col3{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
}



.optionalBx .btstBx a{padding-top:15px;padding-bottom:15px;}
@media screen and (max-width:1500px){
.optionalBx .btstBx a{padding-top:10px;padding-bottom:10px;}
}
@media screen and (max-width:560px){
.optionalBx .btstBx a{padding-top:8px;padding-bottom:8px;}
}



.option_sel select{width:100%;padding:14px 20px;padding-right:40px;border:1px solid #ff1e27;font-size:16px;color:#000;font-weight:400;border-radius:10px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 8l8 8 8-8' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 20px center;background-size:16px;}
.option_sel select::-ms-expand{display:none;}
.option_sel select optgroup{background-color:#d81c22;color:#fff;}
.option_sel.second select{border-color:#666;}

@media screen and (max-width:1500px){
.option_sel select{padding:13px 18px;padding-right:35px !important;font-size:15px;background-position:right 18px center;background-size:14px;}
}
@media screen and (max-width:1280px){
.option_sel select{padding:12px 15px;font-size:14px;background-position:right 15px center;background-size:13px;}
}
@media screen and (max-width:1100px){
.option_sel select{padding:11px 13px;font-size:13px;background-position:right 13px center;}
}
@media screen and (max-width:640px){
.option_sel select{padding:10px 12px;background-position:right 12px center;border-radius:5px;}
}



.option_exp{padding:20px;border:solid 1px #ddd;background:#f6f5f5;border-radius:10px;overflow:hidden;}
.option_exp .tit{padding-bottom:15px;padding-left:5px;border-bottom:solid 1px #ddd;color:#000;}
.option_exp ul{padding-left:5px;}
.option_exp ul li{padding-left:13px;padding-bottom:5px;color:rgba(0,0,0,0.5);word-wrap:break-word;word-break:keep-all;display:block;position:relative;}
.option_exp ul li:last-child{padding-bottom:0 !important;}
.option_exp ul li:after{width:3px;height:3px;border-radius:50%;background:rgba(0,0,0,0.5);position:absolute;top:7px;left:0;display:block;content:"";}

@media screen and (max-width:1500px){
.option_exp ul li{font-size:15px;}
.option_exp ul li:after{top:6px;}
}
@media screen and (max-width:1280px){
.option_exp{padding:18px;}
.option_exp .tit{padding-bottom:10px;}
.option_exp ul li{padding-left:11px;font-size:14px;}
.option_exp ul li:after{top:5px;}
}
@media screen and (max-width:960px){
.option_exp ul li{padding-left:10px;font-size:13px;}
}
@media screen and (max-width:640px){
.option_exp{padding:15px;border-radius:5px;}
.option_exp .tit{padding-bottom:5px;}
.option_exp ul li{padding-left:9px;}
}







/*********** view top ***********/
.viewWp .phoneBx{width:40%;}
.viewWp .infocBx{width:60%;padding-left:60px;}

.viewWp .optionalBx{width:calc(65% - 100px);}
.viewWp .amountBx{width:35%;}

@media screen and (max-width:1280px){
.viewWp .infocBx{padding-left:40px;}

.viewWp .optionalBx{width:calc(65% - 80px);}
}
@media screen and (max-width:1100px){
.viewWp .infocBx{padding-left:30px;}

.viewWp .optionalBx{width:calc(65% - 60px);}
}
@media screen and (max-width:960px){
.viewWp .phoneBx{width:100%;}
.viewWp .infocBx{width:100%;padding-left:0;margin-top:40px;}

.viewWp .optionalBx{width:100%;margin-bottom:40px;}
.viewWp .amountBx{width:100%;}
}
@media screen and (max-width:640px){
.viewWp .infocBx{margin-top:30px;}
.viewWp .optionalBx{margin-bottom:30px;}
}




/* phoneBx */
.phoneBx{text-align:center;}



/* infocBx */
.infocBx .titBox{padding-bottom:20px;border-bottom:solid 2px #000;}
.infocBx .modelname{margin:0;}
.infocBx .color_phone{justify-content:flex-start;}

@media screen and (max-width:640px){
.infocBx .titBox{padding-bottom:15px;}
}
@media screen and (max-width:560px){
.infocBx .titBox{padding-bottom:10px;}
}





/* optionalBx */
.optionalBx{border-top:dashed 2px #ddd;padding-top:40px;}
div[class*='optionBox-']{padding-bottom:25px;margin-bottom:30px;border-bottom:solid 1px #f1f1f1;}
.optitle{padding-left:22px;background:url(/img/dot.png) no-repeat 0 3px;font-weight:700;}

@media screen and (max-width:1500px){
div[class*='optionBox-']{padding-bottom:20px;margin-bottom:25px;}
.optitle{padding-left:20px;background-position:0 4px;background-size:12px auto;}
}
@media screen and (max-width:1280px){
div[class*='optionBox-']{padding-bottom:15px;margin-bottom:20px;}
.optitle{padding-left:18px;background-position:0 5px;background-size:10px auto;}
}
@media screen and (max-width:960px){
.optionalBx{padding-top:20px;}
}
@media screen and (max-width:767px){
.optitle{background-position:0 4px;}
}
@media screen and (max-width:640px){
.optitle{padding-left:16px;background-position:0 3px;background-size:9px auto;}
}




/* amountBx */
.amountBx{padding:30px !important;border:solid 1px #dadada;box-shadow:0 0 15px rgba(0,0,0,0.15);border-radius:30px;}
.amountBx .aBtit{padding-bottom:10px;text-align:center;border-bottom:solid 3px #d81c22;font-weight:bold;}

.amountBx .enT{width:38px;line-height:38px;aspect-ratio:1 / 1;text-align:center;background:#d81c22;color:#fff;border-radius:5px;}


.amprbox{padding:50px 5px;border-bottom:solid 2px #333;}
.amprbox .priceWp{width:calc(100% - 38px);padding-left:20px;}
.amprbox .priceWp .priceBx{width:100%;padding:3px 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.amprbox .priceWp .priceBx font{line-height:120%;word-wrap:break-word;word-break:keep-all;display:block;}
.amprbox .priceWp .priceBx font.tit{width:calc(100% - 150px);}
.amprbox .priceWp .priceBx font.prc{width:150px;text-align:right;}
.amprbox .priceWp .priceBx.tt{padding:5px 0;}
.amprbox .priceWp .priceBx.tt font{font-size:22px;color:#000;font-weight:bold;}
.amprbox .priceWp .priceBx.st{}
.amprbox .priceWp .priceBx.st font{font-size:16px;color:#000;}
.amprbox .priceWp .priceBx.cc{padding-left:10px;position:relative;}
.amprbox .priceWp .priceBx.cc:after{width:3px;height:3px;background:#717171;border-radius:50%;position:absolute;top:10px;left:0;display:block;content:"";}
.amprbox .priceWp .priceBx.cc font{font-size:15px;color:#717171;}
.amprbox .priceWp .priceBx.cc.point:after{background:#d81c22;}
.amprbox .priceWp .priceBx.cc.point font{color:#d81c22;}

.amprbox.Abox{border-width:1px;border-color:#c5c5c5;}
.amprbox.Bbox{border-style:solid;}

.totalprWp{padding-top:30px;}

.totalprBox span{padding-right:5px;}
.totalprBox font{line-height:38px !important;padding:0 5px;}


.priceTBox font{display:block;line-height:38px !important;color:#000;padding:5px 2px 0 2px;}
.priceTBox .total_price{padding:0 5px;display:block;line-height:38px !important;font-weight:bold;}

.amountBx .btn{padding:30px 5px;display:block;border-radius:20px;text-align:center;font-weight:700;color:#fff;background:#000;}
.amountBx .btn:hover{background:#d81c22;}

@media screen and (max-width:1500px){
.amountBx{padding:25px !important;border-radius:20px;}

.amountBx .enT{width:35px;line-height:35px;}


.amprbox{padding:40px 5px;}
.amprbox .priceWp{width:calc(100% - 35px);padding-left:15px;}
.amprbox .priceWp .priceBx font.tit{width:calc(100% - 130px);}
.amprbox .priceWp .priceBx font.prc{width:130px;}
.amprbox .priceWp .priceBx.tt font{font-size:21px;}
.amprbox .priceWp .priceBx.st font{font-size:15px;}
.amprbox .priceWp .priceBx.cc{padding-left:9px;}
.amprbox .priceWp .priceBx.cc:after{top:9px;}
.amprbox .priceWp .priceBx.cc font{font-size:14px;}

.totalprWp{padding-top:20px;}

.totalprBox span{padding-right:3px;}
.totalprBox font{line-height:35px !important;padding:0 3px;}

.priceTBox font,
.priceTBox .total_price{line-height:35px !important;}

.amountBx .btn{padding:25px 5px;}
}
@media screen and (max-width:1280px){
.amountBx{padding:20px !important;border-radius:10px;}

.amountBx .enT{width:32px;line-height:32px;}


.amprbox{padding:35px 5px;}
.amprbox .priceWp{width:calc(100% - 32px);padding-left:10px;}
.amprbox .priceWp .priceBx.tt font{font-size:20px;}


.totalprBox font{line-height:32px !important;}

.priceTBox font,
.priceTBox .total_price{line-height:32px !important;}

.amountBx .btn{padding:20px 5px;border-radius:10px;}
}
@media screen and (max-width:860px){
.amountBx .enT{width:30px;line-height:30px;}


.amprbox{padding:30px 5px;}
.amprbox .priceWp{width:calc(100% - 30px);}
.amprbox .priceWp .priceBx.tt font{font-size:18px;}
.amprbox .priceWp .priceBx.st font{font-size:14px;}
.amprbox .priceWp .priceBx.cc{padding-left:8px;}
.amprbox .priceWp .priceBx.cc:after{top:8px;}
.amprbox .priceWp .priceBx.cc font{font-size:13px;}


.totalprBox font{line-height:30px !important;}

.priceTBox font,
.priceTBox .total_price{line-height:30px !important;}

.amountBx .btn{padding:19px 5px;}
}
@media screen and (max-width:767px){
.amountBx .enT{width:28px;line-height:28px;}


.amprbox{padding:25px 5px;}
.amprbox .priceWp{width:calc(100% - 28px);}
.amprbox .priceWp .priceBx.tt font{font-size:18px;}
.amprbox .priceWp .priceBx.st font{font-size:14px;}
.amprbox .priceWp .priceBx.cc{padding-left:8px;}
.amprbox .priceWp .priceBx.cc:after{top:8px;}
.amprbox .priceWp .priceBx.cc font{font-size:13px;}


.totalprBox font{line-height:28px !important;}

.priceTBox font,
.priceTBox .total_price{line-height:28px !important;}

.amountBx .btn{padding:18px 5px;}
}
@media screen and (max-width:640px){
.amprbox .priceWp .priceBx.tt font{font-size:17px;}
}
@media screen and (max-width:560px){
.amountBx .enT{width:25px;line-height:25px;}


.amprbox{padding:20px 5px;}
.amprbox .priceWp{width:calc(100% - 25px);}


.totalprBox font{line-height:25px !important;}

.priceTBox font,
.priceTBox .total_price{line-height:25px !important;}

.amountBx .btn{padding:17px 5px;}
}
@media screen and (max-width:380px){
.amprbox .priceWp .priceBx font.tit{width:calc(100% - 80px);}
.amprbox .priceWp .priceBx font.prc{width:80px;}
}




/* 카카오&간편상담 버튼 */
.btnsBx a{width:calc(100%/2 - 5px);padding:20px 5px;border-radius:20px;display:block;color:#000;text-align:center;}
.btnsBx.v1btns a{width:calc(100%/3 - 5px);}
.btnsBx a.btn_kakao{background:#fbe500;}
.btnsBx a.btn_kakao:hover{background:#fbd500;}
.btnsBx a.btn_kakao img{width:25%;max-width:30px;margin-right:5px;}
.btnsBx a.btn_tel{background:#eee;}
.btnsBx a.btn_tel:hover{background:#e7e6e6;}
.btnsBx a.btn_online{background:#ed1b23;color:#fff;}
.btnsBx a.btn_online:hover{background:#dc171f;}

@media screen and (max-width:1280px){
.btnsBx a{padding:18px 3px;border-radius:10px;}
.btnsBx a.btn_kakao img{margin-right:3px;}
}
@media screen and (max-width:767px){
.btnsBx a{width:calc(100%/2 - 4px);padding:16px 3px;}
.btnsBx a.btn_kakao img{max-width:25px;margin-right:2px;}
}
@media screen and (max-width:640px){
.btnsBx a{width:calc(100%/2 - 2px);padding:14px 3px;}
.btnsBx a.btn_kakao img{max-width:20px;}
}
@media screen and (max-width:560px){
.btnsBx a{padding:12px 3px;}
}







/*********** view detail ***********/
.viewdtWp .tabMainMenu{padding-left:20px;border-top:solid 2px #f1f1f1;border-bottom:solid 2px #f1f1f1;}
.viewdtWp .tabMainMenu li a{padding:18px 45px;color:#888;text-align:center;font-size:20px;display:block;position:relative;transition:all 0.2s ease;}
.viewdtWp .tabMainMenu li a:after{width:0;height:4px;background:#d81c22;position:absolute;bottom:-2px;left:0;display:block;content:"";transition:all 0.2s ease;}
.viewdtWp .tabMainMenu li:hover a,
.viewdtWp .tabMainMenu li.active a{color:#000;transition:all 0.2s ease;}
.viewdtWp .tabMainMenu li:hover a:after,
.viewdtWp .tabMainMenu li.active a:after{width:100%;transition:all 0.2s ease;}
.viewdtWp .tabMain-cont{width:100%;}

@media screen and (max-width:1500px){
.viewdtWp .tabMainMenu{padding-left:15px;}
.viewdtWp .tabMainMenu li a{padding:17px 40px;font-size:19px;}
}
@media screen and (max-width:1280px){
.viewdtWp .tabMainMenu{padding-left:10;}
.viewdtWp .tabMainMenu li a{padding:16px 35px;font-size:18px;}
}
@media screen and (max-width:1100px){
.viewdtWp .tabMainMenu{padding-left:5px;}
.viewdtWp .tabMainMenu li a{padding:15px 30px;font-size:17px;}
}
@media screen and (max-width:960px){
.viewdtWp .tabMainMenu{padding-left:0;}
.viewdtWp .tabMainMenu li a{padding:14px 25px;font-size:16px;}
}
@media screen and (max-width:767px){
.viewdtWp .tabMainMenu li a{padding:13px 20px;font-size:15px;}
}
@media screen and (max-width:640px){
.viewdtWp .tabMainMenu li a{padding:13px 20px;font-size:14px;}
}
@media screen and (max-width:560px){
.viewdtWp .tabMainMenu li{width:calc(100%/5);}
.viewdtWp .tabMainMenu li a{padding:12px 5px;text-align:center;}
}
@media screen and (max-width:460px){
.viewdtWp .tabMainMenu li a{padding:12px 3px;font-size:13px;}
}








/*********** view detail > 문의하기&리뷰작성 ***********/
.view_qnaBx{border:solid 1px #eee;background:#fafafa;padding:30px;border-radius:10px;}
.view_qnaBx select,
.view_qnaBx input,
.view_qnaBx textarea{background-color:#fff;margin:0 5px !important;}
.view_qnaBx textarea{min-height:100px !important;}
.view_qnaBx ul li{margin-right:20px;margin-bottom:10px;}
.view_qnaBx ul.firBx li{margin-right:0;}

.view_qnaBx .bt{padding:14px 20px;color:#fff;border:none;background:#ed1b23;border-radius:10px;font-size:16px;line-height:120%;cursor:pointer;}

@media screen and (max-width:1500px) {
.view_qnaBx{padding:20px;}
.view_qnaBx textarea{min-height:80px !important;}
.view_qnaBx ul li{margin-right:15px;}

.view_qnaBx .bt{padding:12px 13px;font-size:15px;}
}
@media screen and (max-width:1280px) {
.view_qnaBx .bt{padding:11px 11px;}
}
@media screen and (max-width:860px) {
.view_qnaBx select,
.view_qnaBx input,
.view_qnaBx textarea{margin:0 !important;}

.view_qnaBx ul.firBx li{width:100%;margin-right:0;}
.view_qnaBx ul.firBx li.disF{justify-content:flex-start;}
.view_qnaBx ul.firBx li font{margin:0 4px;}
}
@media screen and (max-width:767px) {
.view_qnaBx ul li{width:100%;margin-right:10px;margin-bottom:5px;}
.view_qnaBx ul li.disF{justify-content:flex-start;}

.view_qnaBx .bt{width:100% !important;font-size:14px;border-radius:5px;margin-top:10px;text-align:center;}
}
@media screen and (max-width:640px) {
.view_qnaBx{padding:15px;}
.view_qnaBx ul.firBx li.disF select,
.view_qnaBx ul.firBx li.disF input{width:29%;}
.view_qnaBx ul li input[type=password]{margin-bottom:5px !important;}

.view_qnaBx .bt{padding:10px;font-size:13px;}
}


.view_qnaBx.view_reviewBx .rvscore select{color:#ffb400;}

.view_qnaBx .file-wrap{display:flex;align-items:center;}
.view_qnaBx #fileUpload{display:none;}
.view_qnaBx .file-btn{padding:13px 20px;color:#fff;border:none;background:#000;border-radius:10px;font-size:16px;line-height:120%;display:block;cursor:pointer;}
.view_qnaBx .file-name{margin-left:10px;font-size:13px;color:#666;}

@media screen and (max-width:1500px) {
.view_qnaBx .file-btn{padding:11px 13px;font-size:14px;}
.view_qnaBx .file-name{margin-left:8px;font-size:12px;}
}
@media screen and (max-width:1280px) {
.view_qnaBx .file-btn{padding:10px 11px;}
}
@media screen and (max-width:767px) {
.view_qnaBx .file-btn{font-size:13px;border-radius:5px;}
.view_qnaBx .file-name{margin-left:6px;font-size:11px;}
}
@media screen and (max-width:400px) {
.view_qnaBx .file-btn{padding:9px 10px;font-size:12px;}
}







/*********** view detail > 문의하기&리뷰게시판 ***********/
.vpboardTit{width:100%;padding-bottom:15px;border-bottom:solid 2px #000;}

@media screen and (max-width:767px) {
.vpboardTit{padding-bottom:10px;}
}



.vpboardlist .password-box{display:none;padding:15px;background:#fafafa;border-top:1px solid #eee;}
.vpboardlist .password-box input{font-size:13px;}
.vpboardlist .password-box .bt{margin-left:5px;padding:14px 20px;color:#fff;border:none;background:#ed1b23;border-radius:10px;font-size:13px;line-height:120%;cursor:pointer;}

@media screen and (max-width:1500px) {
.vpboardlist .password-box input{margin-right:0 !important;}
}
@media screen and (max-width:1100px) {
.vpboardlist .password-box .bt{padding:12px 13px;}
}
@media screen and (max-width:1280px) {
.vpboardlist .password-box .bt{padding:11px 11px;}
}
@media screen and (max-width:767px) {
.vpboardlist .password-box{padding:13px 10px;}

.vpboardlist .password-box input{font-size:12px;}
.vpboardlist .password-box .bt{font-size:12px;border-radius:5px;}
}



.vpboardlist .btnc{padding:3px 8px;font-size:12px;border:1px solid #ccc;background:#fff;border-radius:3px;cursor:pointer;}
.vpboardlist .btn-toggle{cursor:pointer;}






/*********** view detail > 문의하기게시판 리스트 ***********/
.qnalistWp{width:100%;}
.qnalistWp .qnalist-item{border-bottom:1px solid #eee;}

.qnalistWp .qnalist-top{width:100%;padding:20px 5px;}
.qnalistWp .qnalist-top .qnalist-tag{display:inline-block;border:1px solid #ccc;padding:3px 8px;font-size:12px;border-radius:3px;margin-bottom:6px;}
.qnalistWp .qnalist-top .qnalist-title{margin-top:5px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;}
.qnalistWp .qnalist-top .qnalist-title.secret{color:#777;cursor:pointer;}
.qnalistWp .qnalist-top .qnalist-title .titBx{width:calc(100% - 200px);word-wrap:break-word;word-break:keep-all;display:block;}

.qnalistWp .qnalist-top .qnalist-title .infoBx{width:200px;font-size:12px;color:#999;display:flex;align-items:center;justify-content:flex-end;}
.qnalistWp .qnalist-top .qnalist-title .infoBx .btn-delete{margin-left:10px;}
.qnalistWp .qnalist-top .btn-toggle{padding-right:15px;margin-top:8px;font-size:13px;color:red;display:inline-block;position:relative;}
.qnalistWp .qnalist-top .btn-toggle:after{width:4px;height:4px;border:solid red;border-width:0 1px 1px 0;position:absolute;top:calc(50% - 3px);right:0;display:block;content:"";transform:rotate(45deg);}


.qnalistWp .answer{display:none;padding:15px;background:#fafafa;border-top:1px solid #eee;}

.qnalistWp .answer{padding-left:30px;color:#444;word-wrap:break-word;word-break:keep-all;position:relative;}
.qnalistWp .answer:after{font-size:15px;position:absolute;top:15px;left:10px;display:block;content:"└";}
.qnalistWp .answer strong{display:block;margin-bottom:10px;}

@media screen and (max-width:1100px) {
.qnalistWp .qnalist-title{font-size:15px;}

.qnalistWp .answer{font-size:15px;}
}
@media screen and (max-width:767px) {
.qnalistWp .qnalist-top{padding:18px 5px;}
.qnalistWp .qnalist-top .qnalist-title{font-size:14px;}
.qnalistWp .qnalist-top .qnalist-title .titBx,
.qnalistWp .qnalist-top .qnalist-title .infoBx{width:100%;}

.qnalistWp .answer{padding:13px 10px;}

.qnalistWp .answer{padding-left:25px;font-size:14px;}
.qnalistWp .answer:after{font-size:14px;top:13px;left:5px;}
.qnalistWp .answer strong{margin-bottom:5px;}
}
@media screen and (max-width:640px) {
.qnalistWp .qnalist-title{font-size:13px;}

.qnalistWp .answer{font-size:13px;}
}






/*********** view detail > 리뷰게시판 ***********/
.review-list .review-item{border-bottom:1px solid #eee;}
.review-list .review-head{padding:20px 5px;}

.review-list .review-head .rvtBx{width:calc(100% - 240px);display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;}
.review-list .review-head .rvtBx .review-score{width:100px;color:#ffb400;font-size:18px;}
.review-list .review-head .rvtBx .review-title{width:calc(100% - 100px);font-size:16px;line-height:140%;padding-left:10px;word-wrap:break-word;word-break:keep-all;flex-wrap:wrap;}

.review-list .review-meta{width:240px;font-size:13px;color:#777;display:flex;justify-content:flex-end;align-items:center;}
.review-list .review-meta .review-actions{display:flex;margin-left:10px;}
.review-list .review-meta .review-actions .btnc.btn-edit{margin-right:5px;background:#ccc;color:#fff;}

.review-list .review-body{display:none;padding:20px 15px;background:#fafafa;border-top:1px solid #eee;}
.review-list .review-body img{max-width:100%;max-height:320px;height:auto;display:block;margin-bottom:20px;}

@media screen and (max-width:1100px) {
.review-list .review-head .rvtBx{width:100%;}
.review-list .review-head .rvtBx .review-score{width:100%;font-size:17px;}
.review-list .review-head .rvtBx .review-title{width:100%;font-size:15px;padding-left:0;padding-top:10px;}

.review-list .review-meta{width:100%;padding-top:10px;}
}
@media screen and (max-width:767px) {
.review-list .review-head{padding:18px 5px;}
}
@media screen and (max-width:640px) {
.review-list .review-head .rvtBx .review-score{font-size:16px;}
.review-list .review-head .rvtBx .review-title{font-size:14px;padding-top:8px;}

.review-list .review-meta{padding-top:8px;}
}






/*********** view fixed **********/
.info_fix{width:100%;max-width:1600px;padding:20px 80px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);color:#fff;background-color:#ed1b23;border-top-right-radius:30px;border-top-left-radius:30px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;z-index:9999;transition:all 0.2s ease;}

.info_fix .txtBx{width:57%;display:flex;justify-content:space-between;align-items:center;}
.info_fix .txtBx b{height:38px;width:38px;line-height:35px;background-color:#000;color:#fff;text-align:center;border-radius:50px;display:block;}


.info_fix .btBx{width:43%;padding-left:5%;display:flex;justify-content:space-between;align-items:center;}
.info_fix .btBx a{width:calc(100%/3 - 8px);padding:30px 5px;border-radius:20px;display:block;color:#000;text-align:center;font-family:'Pretendard-SemiBold';cursor:pointer;}
.info_fix .btBx a.btn_kakao{background:#fbe500;}
.info_fix .btBx a.btn_tel{background:#fff;}
.info_fix .btBx a.btn_app{background:#000;color:#fff;}
.info_fix .btBx a.btn_kakao img{width:25%;max-width:45px;margin-right:5px;}

@media screen and (max-width:1800px){
.info_fix{padding-left:70px;padding-right:70px;}
}
@media screen and (max-width:1700px){
.info_fix{padding-left:60px;padding-right:60px;}
}
@media screen and (max-width:1600px){
.info_fix{padding-left:50px;padding-right:50px;}
}
@media screen and (max-width:1500px){
.info_fix{padding-left:40px;padding-right:40px;border-top-right-radius:20px;border-top-left-radius:20px;}
}
@media screen and (max-width:1280px){
.info_fix{padding-left:30px;padding-right:30px;}

.info_fix .btBx a{padding:25px 5px;}
}
@media screen and (max-width:1100px){
.info_fix{padding-left:20px;padding-right:20px;}

.info_fix .txtBx{width:58%;}
.info_fix .txtBx h4{font-size:26px !important;}
.info_fix .txtBx b{height:35px;width:35px;line-height:32px;}

.info_fix .btBx{width:42%;padding-left:3%;}
.info_fix .btBx a{width:calc(100%/3 - 5px);padding:20px 5px;border-radius:10px;}
.info_fix .btBx a.btn_kakao img{margin-right:3px;}
}
@media screen and (max-width:980px){
.info_fix .txtBx{width:100%;}
.info_fix .txtBx h4{font-size:24px !important;}

.info_fix .btBx{width:100%;padding-left:0;padding-top:10px;}
.info_fix .btBx a{padding:5px;height:65px;display:flex;align-items:center;justify-content:center;}
.info_fix .btBx a.btn_kakao img{margin-right:10px;}
}
@media screen and (max-width:767px){
.info_fix .txtBx h4{font-size:22px !important;}

.info_fix .btBx a{height:60px;}
.info_fix .btBx a.btn_kakao img{width:20%;}
}
@media screen and (max-width:640px){
.info_fix .txtBx h4{font-size:20px !important;}
.info_fix .txtBx h4 span{font-size:22px !important;}
.info_fix .txtBx b{height:32px;width:32px;line-height:30px;}

.info_fix .btBx a{height:52px;}
.info_fix .btBx a.btn_kakao img{margin-right:5px;}
}
@media screen and (max-width:560px){
.info_fix{padding:10px 20px;}
.info_fix .txtBx .txt.type24{font-size:13px !important;}
.info_fix .txtBx h4{font-size:18px !important;}
.info_fix .txtBx h4 span{font-size:20px !important;}
.info_fix .txtBx h4.mt10{margin-top:0 !important;}
.info_fix .txtBx b{height:28px;width:28px;line-height:26px;}

.info_fix .btBx{padding-top:4px;}
.info_fix .btBx a{height:42px;}
}
@media screen and (max-width:520px){
.info_fix{padding-bottom:5px;}
.info_fix .txtBx h4{font-size:16px !important;}
.info_fix .txtBx h4 span{font-size:18px !important;}
.info_fix .txtBx b{height:26px;width:26px;line-height:24px;}

.info_fix .btBx a{height:32px;}
}
@media screen and (max-width:390px){
.info_fix .txtBx .txt.type24{font-size:12px !important;}
.info_fix .txtBx h4{font-size:14px !important;}
.info_fix .txtBx h4 span{font-size:16px !important;}
.info_fix .txtBx b{height:24px;width:24px;line-height:22px;}

.info_fix .btBx a{height:30px;}
}
@media screen and (max-width:350px){
.info_fix{padding-left:15px;padding-right:15px;padding-bottom:15px;padding-top:15px;}

.info_fix .txtBx .txt.type24{font-size:11px !important;}
.info_fix .txtBx h4{font-size:12px !important;}
.info_fix .txtBx b{height:22px;width:22px;line-height:20px;}

.info_fix .btBx a{width:calc(100%/3 - 3px);border-radius:5px;}
}




/*********** 추가혜택팝업 **********/
.addbnf_popup{display:none;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);z-index:99999;}
.addbnf_popup .popup_wrap{max-width:767px;margin:0 auto;padding:50px;padding-right:30px;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;background:#fff;border-radius:50px;border-top-right-radius:0 !important;}

.addbnf_popup .popup_wrap .titArea{padding-bottom:10px;margin-bottom:10px;color:#000;border-bottom:solid 2px #000;}

.addbnf_popup .popup_wrap .conArea{height:calc(100vh - 500px);margin-top:30px;padding-right:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bdbdbd #f2f2f2;transition:all 0.2s ease;}
.addbnf_popup .popup_wrap .conArea.show-scroll{transition:all 0.2s ease;}
.addbnf_popup .popup_wrap .conArea::-webkit-scrollbar{width:6px;}
.addbnf_popup .popup_wrap .conArea::-webkit-scrollbar-track{background:#f2f2f2;border-radius:10px;}
.addbnf_popup .popup_wrap .conArea::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:10px;}
.addbnf_popup .popup_wrap .conArea::-webkit-scrollbar-thumb:hover{background:#a5a5a5;}
.addbnf_popup .popup_wrap .conArea::-webkit-scrollbar-button{display:none;width:0;height:0;}
.addbnf_popup .popup_wrap .conArea::-webkit-scrollbar-button:single-button{display:none;}
.addbnf_popup .popup_wrap .conArea::-webkit-scrollbar-button:vertical:increment,
.addbnf_popup .popup_wrap .conArea::-webkit-scrollbar-button:vertical:decrement{display:none;}

.addbnf_popup .popup_wrap .close{width:30px;height:30px;display:block;position:absolute;top:45px;right:45px;cursor:pointer;}
.addbnf_popup .popup_wrap .close:after{content:"";width:2px;height:30px;background:#000;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;transform:rotate(45deg);}
.addbnf_popup .popup_wrap .close:before{content:"";width:2px;height:30px;background:#000;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;transform:rotate(-45deg);}

@media screen and (max-width:767px) {
.addbnf_popup .popup_wrap{max-width:98%;padding:40px;padding-right:30px;border-radius:40px;}

.addbnf_popup .popup_wrap .titArea{padding-bottom:15px;padding-right:20px;}

.addbnf_popup .popup_wrap .conArea{height:calc(100vh - 400px);margin-top:25px;padding-right:10px;}

.addbnf_popup .popup_wrap .close{top:35px;}
}
@media screen and (max-width:640px) {
.addbnf_popup .popup_wrap{padding:30px;padding-right:20px;border-radius:30px;}

.addbnf_popup .popup_wrap .titArea{padding-bottom:10px;padding-right:10px;}

.addbnf_popup .popup_wrap .conArea{height:calc(100vh - 300px);margin-top:20px;}

.addbnf_popup .popup_wrap .close{top:25px;right:30px;}
}
@media screen and (max-height:700px) {
}


.popaddbnf_con1 .conArea{position:relative;}
.popaddbnf_con1 .button{max-width:250px;border-radius:10px;}
.popaddbnf_con1 .disF .button{margin-right:5px;}
.popaddbnf_con1 ul li{font-size:16px;line-height:140%;padding-bottom:5px;text-indent:-12px;padding-left:12px;word-wrap:break-word;word-break:keep-all;display:block;}
.popaddbnf_con1 .bgimg{position:absolute;bottom:0;right:0;max-width:50%;z-index:-1;}

@media screen and (max-width:767px) {
.popaddbnf_con1 .button{max-width:200px;border-radius:5px;}
.popaddbnf_con1 ul li{font-size:15px;padding-bottom:4px;}
.popaddbnf_con1 .bgimg{position:relative;max-width:100%;margin-top:15px;}
}
@media screen and (max-width:640px) {
.popaddbnf_con1 .button{max-width:180px;}
.popaddbnf_con1 ul li{font-size:14px;}
}
@media screen and (max-width:540px) {
.popaddbnf_con1 .button{max-width:160px;}
.popaddbnf_con1 ul li{font-size:13px;padding-bottom:3px;}
}
@media screen and (max-width:340px) {
.popaddbnf_con1 .disF .button{font-size:11px !important;margin-right:3px;}
}






/*********************
* 신청폼 *
**********************/


/*********** 전화상담 팝업 ***********/
.ta_popup{display:none;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);z-index:99999;}
.ta_popup .popup_wrap{max-width:767px;margin:0 auto;padding:50px;padding-right:30px;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;background:#fff;border-radius:50px;border-top-right-radius:0 !important;}

.ta_popup .popup_wrap .titArea{padding-bottom:20px;color:#000;}

.ta_popup .popup_wrap .conArea{height:calc(100vh - 500px);margin-top:14px;padding-right:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bdbdbd #f2f2f2;transition:all 0.2s ease;}
.ta_popup .popup_wrap .conArea.show-scroll{transition:all 0.2s ease;}
.ta_popup .popup_wrap .conArea::-webkit-scrollbar{width:6px;}
.ta_popup .popup_wrap .conArea::-webkit-scrollbar-track{background:#f2f2f2;border-radius:10px;}
.ta_popup .popup_wrap .conArea::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:10px;}
.ta_popup .popup_wrap .conArea::-webkit-scrollbar-thumb:hover{background:#a5a5a5;}
.ta_popup .popup_wrap .conArea::-webkit-scrollbar-button{display:none;width:0;height:0;}
.ta_popup .popup_wrap .conArea::-webkit-scrollbar-button:single-button{display:none;}
.ta_popup .popup_wrap .conArea::-webkit-scrollbar-button:vertical:increment,
.ta_popup .popup_wrap .conArea::-webkit-scrollbar-button:vertical:decrement{display:none;}

.ta_popup .popup_wrap .btnArea{width:100%;margin-top:20px;}
.ta_popup .popup_wrap .btnArea a{width:calc(100% - 30px);padding:20px 0;background:#000;color:#fff;text-align:center;display:block;border-radius:10px;transition:all 0.2s ease;}
.ta_popup .popup_wrap .btnArea a:hover{background:#ed1b23;transition:all 0.2s ease;}


.ta_popup .popup_wrap .close{width:30px;height:30px;display:block;position:absolute;top:30px;right:45px;cursor:pointer;}
.ta_popup .popup_wrap .close:after{content:"";width:2px;height:30px;background:#000;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;transform:rotate(45deg);}
.ta_popup .popup_wrap .close:before{content:"";width:2px;height:30px;background:#000;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;transform:rotate(-45deg);}

@media screen and (max-width:767px) {
.ta_popup .popup_wrap{max-width:98%;padding:40px;padding-right:30px;border-radius:40px;}

.ta_popup .popup_wrap .titArea{padding-bottom:15px;padding-right:20px;}

.ta_popup .popup_wrap .conArea{height:calc(100vh - 400px);margin-top:12px;padding-right:10px;}

.ta_popup .popup_wrap .btnArea a{width:calc(100% - 20px);padding:18px 0;}
}
@media screen and (max-width:640px) {
.ta_popup .popup_wrap{padding:30px;padding-right:20px;border-radius:30px;}

.ta_popup .popup_wrap .titArea{padding-bottom:10px;padding-right:10px;}

.ta_popup .popup_wrap .conArea{height:calc(100vh - 300px);margin-top:10px;}

.ta_popup .popup_wrap .btnArea a{width:calc(100% - 10px);padding:15px 0;}

.ta_popup .popup_wrap .close{top:15px;right:25px;}
}
@media screen and (max-height:700px) {
}




/** 전화상담 신청폼**/
.taWrp *{box-sizing:border-box;}
.taWrp i.star{width:5px;height:5px;margin:7px;border-radius:50%;background:#e12d34;display:inline-block;}

.taWrp .appBx .dbx{border-bottom:solid 1px #f3f3f3;display:flex;align-items:center;flex-wrap:wrap;}
.taWrp .appBx .dbx .ttit,
.taWrp .appBx .dbx .ccon{padding:15px 0;font-size:16px;line-height:140%;font-weight:normal;}
.taWrp .appBx .dbx .ttit{width:110px;text-align:left;}
.taWrp .appBx .dbx .ccon{width:calc(100% - 110px);padding-left:20px !important;display:flex;flex-wrap:wrap;}

.taWrp .appBx .dbx .ccon.three{align-items:center;}
.taWrp .appBx .dbx .ccon.three font{margin-right:10px;}

.taWrp .appBx .agrBox{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.taWrp .appBx .agrBox .agrBox-header{width:100%;padding:20px 0;display:flex;align-items:center;justify-content:space-between;}
.taWrp .appBx .agrBox .agrBox-header .toggle-btn{background:none;border:none;color:#999;font-size:13px;cursor:pointer;padding:0;}
.taWrp .appBx .agrBox .agrBox-header .toggle-btn:hover{text-decoration:underline;}
.taWrp .appBx .agrBox .agrBox-content{width:100%;height:0;opacity:0;overflow:hidden;transition:height 0.3s ease;}
.taWrp .appBx .agrBox .agrBox-content *{font-family:'Noto Sans KR';font-size:13px;}
.taWrp .appBx .agrBox .agrBox-content.open{padding:30px;opacity:1;background:#f3f3f3;transition:height 0.3s ease;}

@media screen and (max-width:767px) {
.taWrp .appBx{margin-top:0 !important;}
.taWrp .appBx .dbx .ttit,
.taWrp .appBx .dbx .ccon{font-size:15px;}
.taWrp .appBx .dbx .ttit{width:90px;}
.taWrp .appBx .dbx .ccon{width:calc(100% - 90px);padding-left:15px !important;}

.taWrp .appBx .dbx .ccon.three input,
.taWrp .appBx .dbx .ccon.three select{width:28% !important;}
}
@media screen and (max-width:640px) {
.taWrp .appBx .dbx .ttit,
.taWrp .appBx .dbx .ccon{padding:10px 0;font-size:14px;}
.taWrp .appBx .dbx .ttit{width:100%;}
.taWrp .appBx .dbx .ccon{width:100%;padding-left:0 !important;padding-top:0 !important;}
}
@media screen and (max-width:360px) {
.taWrp .appBx .dbx .ccon.three input,
.taWrp .appBx .dbx .ccon.three select{width:27% !important;}
}





/** 신청폼레이아웃 **/
.appWrap *{box-sizing:border-box;}

.appWrap i.star{width:5px;height:5px;margin:7px;border-radius:50%;background:#e12d34;display:inline-block;}

.appWrap .ttBx{margin-top:60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.appWrap .ttBx .tit{font-size:28px;line-height:120%;font-weight:bold;}

.appWrap .appBx{border:solid 1px rgba(0,0,0,0.2);margin-top:14px;border-radius:20px;padding:50px;}

.appWrap .appBx .dbx{border-bottom:solid 1px #f3f3f3;display:flex;align-items:center;flex-wrap:wrap;}
.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{padding:15px 25px;font-size:18px;line-height:140%;font-weight:normal;}
.appWrap .appBx .dbx .ttit{width:220px;text-align:left;}
.appWrap .appBx .dbx .ccon{width:calc(100% - 220px);padding-left:0 !important;display:flex;flex-wrap:wrap;}
.appWrap .appBx .dbx .ccon.disB{display:block;}
.appWrap .appBx .dbx .ccon.disB font{display:block;}

.appWrap .appBx .dbx .ccon.three{align-items:center;}
.appWrap .appBx .dbx .ccon.three font{margin-right:10px;}

.appWrap .appBx .dbx .ccon.chiBx{display:block;text-align:left;}
.appWrap .appBx .dbx .ccon.chiBx .chisel{display:flex;flex-wrap:wrap;margin-top:0;}
.appWrap .appBx .dbx .ccon.chiBx .chisel span{margin-right:20px;}
.appWrap .appBx .dbx .ccon.chiBx .chisel span:last-child{margin-right:0 !important;}

.appWrap .appBx .agrBox{width:100%;padding:20px 25px;border-bottom:solid 1px #f3f3f3;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.appWrap .appBx .agrBox span{padding:10px 0;} 
.appWrap .appBx .agrBox span u{color:#808080;cursor:pointer;}



.appWrap.login{max-width:960px;margin:0 auto;}
.appWrap.login .appBx .dbx .ccon.three input,
.appWrap.login .appBx .dbx .ccon.three select{width:29% !important;}


@media screen and (max-width:1500px) {
.appWrap .ttBx{margin-top:50px;}

.appWrap .appBx{padding:40px;}
.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{padding:15px 20px;font-size:17px;}
.appWrap .appBx .dbx .ttit{width:200px;}
.appWrap .appBx .dbx .ccon{width:calc(100% - 200px);}
}
@media screen and (max-width:1280px) {
.appWrap .ttBx{margin-top:40px;}

.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{padding:10px 15px;font-size:16px;}
.appWrap .appBx .dbx .ttit{width:180px;}
.appWrap .appBx .dbx .ccon{width:calc(100% - 180px);}

.appWrap .appBx .dbx .ccon.three font{margin-right:5px;}
}
@media screen and (max-width:1100px) {
.appWrap .appBx{margin-top:10px;border-radius:10px;padding:30px;}

.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{padding:10px;font-size:15px;}
.appWrap .appBx .dbx .ttit{width:160px;}
.appWrap .appBx .dbx .ccon{width:calc(100% - 160px);}
}
@media screen and (max-width:960px) {
.appWrap .ttBx{margin-top:30px;}

.appWrap .appBx .dbx .ttit{width:140px;}
.appWrap .appBx .dbx .ccon{width:calc(100% - 140px);}

.appWrap .appBx .dbx .ccon.chiBx .chisel{margin-top:5px;}
.appWrap .appBx .dbx .ccon.chiBx .chisel span{margin-bottom:5px;}
}
@media screen and (max-width:860px) {
.appWrap .appBx{padding:20px;}

.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{padding:10px 5px;}
.appWrap .appBx .dbx .ttit{width:100%;padding-left:0;padding-bottom:5px;}
.appWrap .appBx .dbx .ccon{width:100%;padding-top:0;}
.appWrap .appBx .dbx:first-child .ttit{padding-top:0 !important;}
}
@media screen and (max-width:767px) {
.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{font-size:14px;}

.appWrap .appBx .dbx .ccon.three input,
.appWrap .appBx .dbx .ccon.three select{width:29% !important;}
}
@media screen and (max-width:640px) {
.appWrap .appBx .agrBox{padding:10px 15px;}
}
@media screen and (max-width:400px) {
.appWrap .appBx .dbx .ttit,
.appWrap .appBx .dbx .ccon{font-size:13px;}
}
@media screen and (max-width:360px) {
.appWrap .appBx .dbx .ccon.three input,
.appWrap .appBx .dbx .ccon.three select{width:28% !important;}

.appWrap .appBx .agrBox{padding:10px 5px;}
}





/** 버튼 **/
.appWrap .btnBox{margin:0 auto;margin-top:40px;display:flex;justify-content:center;}
.appWrap .btnBox a{width:250px;margin:0 5px;padding:20px 0;background:#000;color:#fff;text-align:center;display:block;font-weight:bold;font-size:22px;line-height:120%;transition:all 0.2s ease;}
.appWrap .btnBox a:hover{background:#4e6f46;transition:all 0.2s ease;}

.appWrap .btnBox a.gray{background:#999;}
.appWrap .btnBox a.gray:hover{background:#555;}

@media screen and (max-width:1100px) {
.appWrap .btnBox{margin-top:30px;}
.appWrap .btnBox a{padding:18px 0;font-size:20px;}
}
@media screen and (max-width:960px) {
.appWrap .btnBox a{width:240px;font-size:18px;}
}
@media screen and (max-width:767px) {
.appWrap .btnBox{width:100%;margin-top:20px;}
.appWrap .btnBox a{width:calc(100%/2 - 10px);padding:16px 0;}
}
@media screen and (max-width:640px) {
.appWrap .btnBox a{font-size:16px;}
}
@media screen and (max-width:380px) {
.appWrap .btnBox a{font-size:14px;padding:14px 0;}
}







/*********** 입력폼 ***********/
.appBx input[type=text],
.appBx input[type=password],
.appBx input[type=file],
.appBx textarea,
.appBx select{padding:14px 20px;color:#000;border:solid 1px #ccc;border-radius:10px;font-size:16px;line-height:120%;}

.appBx input[type=text]{margin-right:10px;}
.appBx input[type=text]:last-child{margin-right:0;}

.appBx input[type=text]::-webkit-input-placeholder{color:#000 !important;}
.appBx input[type=text]::-moz-input-placeholder{color:#000 !important;}
.appBx input[type=text]::-ms-input-placeholder{color:#000 !important;}
.appBx input[type=password]::-webkit-input-placeholder{color:#000 !important;}
.appBx input[type=password]::-moz-input-placeholder{color:#000 !important;}
.appBx input[type=password]::-ms-input-placeholder{color:#000 !important;}

.appBx select{padding-right:60px;margin-right:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 8l8 8 8-8' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 20px center;background-size:10px 10px;}
.appBx select:last-child{margin-right:0;}
.appBx select::-ms-expand{display:none;}

.appBx textarea{width:100%;min-height:150px;}

@media screen and (max-width:1500px) {
.appBx input[type=text],
.appBx input[type=password],
.appBx textarea,
.appBx select{padding:12px 13px;font-size:15px;margin-right:8px;}
.appBx select{padding-right:55px;}
}
@media screen and (max-width:1280px) {
.appBx input[type=text],
.appBx input[type=password],
.appBx textarea,
.appBx select{padding:11px 11px;background-position:right 15px center;background-size:12px;margin-right:6px;}
.appBx select{padding-right:50px;}
}
@media screen and (max-width:767px) {
.appBx input[type=text],
.appBx input[type=password],
.appBx textarea,
.appBx select{font-size:14px;border-radius:5px;}
}
@media screen and (max-width:640px) {
.appBx input[type=text],
.appBx input[type=password],
.appBx textarea,
.appBx select{max-width:100% !important;}
}
@media screen and (max-width:400px) {
.appBx input[type=text],
.appBx input[type=password],
.appBx textarea,
.appBx select{padding:10px;font-size:13px;background-position:right 10px center;background-size:10px;margin-right:4px;}
.appBx select{padding-right:30px;}
}



/* 체크박스 or 라디오 */
.chk-input{width:1px;height:1px;padding:0;position:absolute;opacity:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap;display:inline-block;}
.chk-label{padding-left:26px;position:relative;display:flex;align-items:center;cursor:pointer;user-select:none;font-size:16px;color:#111;}
.chk-label::before{width:1.1rem;height:1.1rem;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:50%;box-sizing:border-box;border:solid 1px rgba(0,0,0,0.5);transition:all .18s ease;}
.chk-input:checked + .chk-label::before{background:#222;border-color:#222;transform:translateY(-50%) scale(1);}
.chk-label::after{width:1.6rem;height:1.6rem;content:"";position:absolute;left:-4px;top:50%;transform:translate(0, -50%) scale(0);display:block;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:60%;transition:transform .18s cubic-bezier(.2,.9,.3,1),opacity .12s linear;opacity:0;}
.chk-input:checked + .chk-label::after{opacity:1;transform:translate(0,-50%) scale(1);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.5 12.5l3 3 7-7' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");}

.radio-input{width:1px;height:1px;padding:0;position:absolute;opacity:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap;display:inline-block;}
.radio-label{padding-left:26px;position:relative;display:inline-flex;align-items:center;cursor:pointer;user-select:none;font-size:16px;color:#111;}
.radio-label::before{width:1rem;height:1rem;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:50%;box-sizing:border-box;border:solid 1px rgba(0,0,0,0.5);transition:all .18s ease;}
.radio-input:checked + .radio-label::before{background:#222;border-color:#222;transform:translateY(-50%) scale(1);}
.radio-label::after{width:1.6rem;height:1.6rem;content:"";position:absolute;left:-4px;top:50%;transform:translate(0, -50%) scale(0);display:block;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:60%;transition:transform .18s cubic-bezier(.2,.9,.3,1),opacity .12s linear;opacity:0;}
.radio-input:checked + .radio-label::after{opacity:1;transform:translate(0,-50%) scale(1);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.5 12.5l3 3 7-7' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");}

@media screen and (max-width:1500px) {
.chk-label,
.radio-label{font-size:15px;}
}
@media screen and (max-width:767px) {
.chk-label,
.radio-label{font-size:14px;}
}
@media screen and (max-width:640px) {
.chk-label{padding-left:24px;}
.chk-label::before{width:1rem;height:1rem;}
.chk-label::after{background-size:55%;}

.radio-label{padding-left:24px;}
.radio-label::before{width:1rem;height:1rem;}
.radio-label::after{background-size:55%;}
}
@media screen and (max-width:400px) {
.chk-label,
.radio-label{font-size:13px;}
}










/*********************
* 인터넷 / 소상공인 *
**********************/

/*********** list ***********/
.subList-listtype2 .item{padding:20px;border-radius:30px;border:solid 2px #e0e0e0;background:#fbfbfb;transition:all 0.2s ease;}
.subList-listtype2 .item:hover{border-width:2px;border-color:#ed1b23;transition:all 0.2s ease;}

.subList-listtype2 .item figure{width:100%;border:solid 1px #eee;background:#fff;border-radius:20px;overflow:hidden;position:relative;transition:all 0.2s ease;}
.subList-listtype2 .item:hover figure{background:#000;transition:all 0.2s ease;}
.subList-listtype2 .item figure img{width:100%;aspect-ratio:1 / 1;display:block;opacity:1;transition:all 0.2s ease;}
.subList-listtype2 .item:hover figure img{opacity:0.35;transition:all 0.2s ease;}

.subList-listtype2 .item .moreview{width:40px;aspect-ratio:1 / 1;line-height:100%;border-radius:50%;background:#ed1b23;color:#fff;font-size:30px;text-align:center;position:absolute;top:25%;left:50%;transform:translate(-50% , -50%);transition:all 0.2s ease;opacity:0;display:block;}
.subList-listtype2 .item:hover .moreview{top:50%;transition:all 0.2s ease;opacity:1;}

.subList-listtype2 .item .txtBx{padding:20px 5px 10px 5px;}
.subList-listtype2 .item .txtBx .tit{width:100%;padding:0 15px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
.subList-listtype2 .item .txtBx .storage{padding:5px 20px;background:#000;color:#fff;border-radius:50px;display:table;margin:0 auto;}
.subList-listtype2 .item .txtBx .price{width:100%;text-align:center;}

@media screen and (max-width:640px) {
.subList-listtype2 .item{padding:10px;border-radius:20px;}
.subList-listtype2 .item figure{border-radius:10px;}
.subList-listtype2 .item .txtBx{padding:18px 5px 8px 5px;}
.subList-listtype2 .item .txtBx .tit{font-size:14px !important;}
.subList-listtype2 .item .txtBx .storage{padding:4px 15px;font-size:12px !important;}
}
@media screen and (max-width:460px) {
.subList-listtype2 .item{border-radius:10px;}
.subList-listtype2 .item .txtBx .storage{padding:3px 13px;}
}
@media screen and (max-width:360px) {
.subList-listtype2.disG.col4{grid-template-columns:repeat(1, minmax(0, 1fr));}
}






/*********** view ***********/
.viewWp_vtype2 .phoneBx{width:40%;}
.viewWp_vtype2 .infocBx{width:60%;padding-left:60px;}

@media screen and (max-width:1500px){
.viewWp_vtype2 .infocBx{padding-left:50px;}
}
@media screen and (max-width:1280px){
.viewWp_vtype2 .infocBx{padding-left:40px;}
}
@media screen and (max-width:1100px){
.viewWp_vtype2 .infocBx{padding-left:30px;}
}
@media screen and (max-width:960px){
.viewWp_vtype2 .phoneBx{width:100%;margin-bottom:60px;}
.viewWp_vtype2 .infocBx{width:100%;padding-left:0;margin-bottom:40px;}
}
@media screen and (max-width:640px){
.viewWp_vtype2 .phoneBx{margin-bottom:50px;}
.viewWp_vtype2 .infocBx{margin-bottom:25px;}
}
@media screen and (max-width:560px){
.viewWp_vtype2 .phoneBx{margin-bottom:40px;}
.viewWp_vtype2 .infocBx{margin-bottom:5px;}
}
@media screen and (max-width:460px){
.viewWp_vtype2 .phoneBx{margin-bottom:30px;}
.viewWp_vtype2 .infocBx{margin-bottom:0;}
}




/* 유형 및 버튼 선택 */
.opbtBx a{padding:30px;background:#fff;border:solid 3px #ddd;color:#999;border-radius:10px;}
.opbtBx a:hover{border-color:#ed1b23;color:#ed1b23;}
.opbtBx a.on{background:#ed1b23;border-color:#ed1b23;color:#fff;}
.opbtBx a .ttBx{width:100%;padding-left:45px;position:relative;}
.opbtBx a .ttBx:after{width:20px;aspect-ratio:1 / 1;border:solid 1px #ddd;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;content:"";box-sizing:border-box;}
.opbtBx a:hover .ttBx:after{border-color:#ed1b23;}
.opbtBx a.on .ttBx:after{width:25px;border:solid 8px #fff;}
.opbtBx a .prBx{width:100%;padding-left:45px;}
.opbtBx a .prBx *{text-align:right;}
.opbtBx a .prBx .tit{}
.opbtBx a .prBx .price{}

@media screen and (max-width:1500px){
.opbtBx a{padding:20px;}
.opbtBx a .ttBx,
.opbtBx a .prBx{padding-left:40px;}
.opbtBx a:hover .ttBx:after,
.opbtBx a.on .ttBx:after{width:22px;border-width:7px;}
}
@media screen and (max-width:1280px){
.opbtBx a .ttBx,
.opbtBx a .prBx{padding-left:35px;}
}
@media screen and (max-width:960px){
.opbtBx.disG.col2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
.opbtBx a .ttBx,
.opbtBx a .prBx{padding-left:30px;}
.opbtBx a .ttBx:after{width:18px;}
.opbtBx a:hover .ttBx:after,
.opbtBx a.on .ttBx:after{width:20px;border-width:6px;}
}
@media screen and (max-width:560px){
.opbtBx a{padding:15px;}
.opbtBx a .ttBx,
.opbtBx a .prBx{padding-left:30px;}
.opbtBx a .ttBx:after{width:17px;}
.opbtBx a:hover .ttBx:after,
.opbtBx a.on .ttBx:after{width:17px;border-width:5px;}
}
@media screen and (max-width:460px){
.opbtBx.disG.col2{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;}
}



.infocBx .btnsBx a.btn_tel{background:#000;color:#fff;}
.infocBx .btnsBx a.btn_tel:hover{background:#333;}