html{overflow-x: hidden;}

/*24.5.9 젊음*/

.flex{display: flex;}
.sb{justify-content: space-between;}
.fc{justify-content: center;}
.ac{align-items: center;}

.b{font-weight: 700;}
.blue{color: #3862F5;}
.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}

.rsbox{border-radius: 0.8em;}
.p16{padding: 1.1em;}
.p14{padding: 0.925em;}
.p10{padding: .66em;}
.p12{padding: .8em;}

.br12{border-radius: .8em;}

.inline{display: inline;}

.shadow{box-shadow: 0 0 9px rgba(0,0,0,.08);}

/* 말줄임표 */
.short{display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* bd적용 x (가로너비 full) */
.noboundary{margin-left: -1.067em ; margin-right: -1.067em;}

/* 더보기 btn */
.morebtn{text-align: center; margin-top: 1.06em;} 
.morebtn button{display: inline-block; padding: 1.06em 2em; border-radius: 2em; background-color: #3862F5; color: #fff; font-size: .85em; line-height: 1;}
.morebtn.mainmore button{padding-right: 3.2em; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/168366599311742.png) no-repeat right 18% top 48% #3862F5; background-size: .333em .6em;}



/* 브랜드 슬라이드 sm */
.smslide .swiper-slide{overflow: hidden; display: flex; flex-direction: column;}
.smslide .swiper-slide > div{line-height: 1;}
.smslide .swiper-slide em{position: relative; width:100%; padding-bottom: 81%;}
.smslide .swiper-slide em img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.smslide i{font-size: 0.8em; margin-bottom: 0.2em;}
.smslide .desctxt{font-size: 0.8em; color: #999;}




/*공통*/
.con_tit{display: flex; align-items: center;justify-content: space-between;margin-bottom: 0.8em; line-height: 1; font-size:1.2em; color: #212121; font-weight: 600;}
.con_tit button{padding: 0;}
.con_tit button img{width: 1.3em;}
.con_tit .bg_txt{font-size: 0.8em;text-align: center;width: 100%;background: rgba(237, 72, 72, 0.05);border:1px solid rgba(237, 72, 72, 0.5);border-radius: .4em;padding:.8em;;}

.bg-white{padding: 1.2em 0; margin-left: -1.2em; margin-right: -1.2em;}
.bg-gray2{padding: 1.2em 0; }


.list_number{color: #333;font-size: 0.9em;}
.list_number span{color: #3862F5;font-weight: 600;display: inline-block;}
.list_number strong{font-weight: 500;display: inline-block;}


.calculate .bd > div + div,
.inventory .bd > div + div{margin-top: 1.6em;}

.Container > div + div{margin-top:2.1333em;}

.bb{padding-bottom: 1.5em; border-bottom: .5em solid #EEF0F8;}
.brd_view > div > div:first-child{padding-top: 0; padding-bottom: 0;}
.brd_view > div > div{padding-top: 1.6em; padding-bottom: 1.6em;}
.brd_view > div > div.brdtop{padding-top: 1.3em;}


.calculate .modal-bd > div + div,
.inventory .modal-bd > div + div{margin-top: 0;}



.calculate .bd > div.bg-white + div {margin-top: 0;}


.panels i{width: 100%;display: block;}
.panels i img{width: 100%;}

.check_txt {font-size: 0.9em;color: #666;}
.check_txt .check-label{padding-left: 1.6em;} 
.check_txt .check-label .checkmark { top: 53%;width: 1.3em; height: 1.3em;}
.check_txt .check-label .checkmark::before {width: 0.6em; height: 0.6em;}

li > .bg_radius02,
li > .bg_radius{cursor: pointer;}
    /*검색*/
        /*셀렉트검색*/
.select_list{position: relative;width: 7em;}
.select_list p{display: flex;justify-content: space-between;border-bottom:1px solid #ddd;color: #666;width: 100%;align-items: center;}
.select_list p span{width: 0.6em;display: block;;}
.select_list p span img{width:100%;}
.select_list ul{position: absolute;left:0;top:2.5em;width: 100%;background: #fff;border:1px solid #eee;;padding:.6em .4em;color: #666;display: none;}


        /*체크박스검색*/
.search_check label + label{margin-left: .8em;}
.search_check form{margin-bottom: .6em;}

     /*배경있는셀렉 버튼 크기수정*/
.radigray .search_con button{width: 3.2em;}
.radigray .search_con input{width: calc(100% - 3.8em);}

     /*상세검색*/
.search_type01 button{display: flex;align-items: center;font-size: 0.95em;padding:.5em .6em}
.search_type01 button img{width: 1em;margin-left: .4em;}

.flex{display: flex;}
.flex_side{display: flex;align-items: center;    justify-content: space-between;}
.arr{width: .4em;display: block;;}
.arr02{width: .6em;display: flex;;}
.arr02 img,
.arr img{width: 100%;}

    /*페이지탭*/
.page_tab{display: table;background: #fff;border-bottom:1px solid #eee;    table-layout: fixed;width: 100%;position: fixed; width:100%; top:3.6em; left: 0; background: #fff;z-index: 9;;}
.page_tab li{    display: table-cell; text-align: center; cursor: pointer;}
.page_tab li p{width: 100%;    display: block;height: 100%;color: #666;}
.page_tab li.on p{color: #3862F5;position: relative;display: flex; justify-content: center;align-items: center;}
.page_tab li.on p::after{position: absolute;content:'';display: block;width: 100%;height: .2em;background: #3862F5;bottom:-.02em;left:50%;transform: translateX(-50%);}


.page_tab.type02{position: initial;margin-bottom: 1em;border:none; background: none;}
.page_tab.type02 li{  }
.page_tab.type02 li + li{padding-left: .3em;}
.page_tab.type02 li p{width: 100%;height: 100%;color: #666;border:1px solid #eee; display: flex; justify-content: center;align-items: center;border-radius: .4em; background-color: #fff;}
/* .page_tab.type02 li p{width: 100%;height: 100%; color: #777; display: flex; justify-content: center;align-items: center;border-radius: .4em; background-color: #f1f1f1;} */
/* .page_tab.type02 li.on p{background-color: rgba(74, 199, 241, 0.05); color:#3862F5; border:1px solid #3862F5} */
.page_tab.type02 li.on p{background-color: #3862F5; color:#fff; }
.page_tab.type02 li.on p::after{display: none;}



/*ul type*/
.list_type01 .bot, .list_type01 .top{display: flex; align-items: center;justify-content: space-between;}
.list_type01 .top .day{font-size: .85em;}
.list_type01 span{font-weight: 500; display: inline-block;}
.list_type01 strong{color: #777;display: inline-block;font-weight: 500;}
.list_type01  span + strong{margin-left: .4em;}
.list_type01 .deliver_state{}
.list_type01 .deliver_state span{display: none;font-size: .85em;border:1px solid #3862F5;color: #3862F5;padding:0.2em 0.6em;border-radius: 1em;}
.list_type01 .deliver_state span.on{display: block;}
.list_type01 em{font-size: 1.05em;margin: .2em 0 .3em;}
.list_type01 .delivername{color: #3862F5;}
.list_type01 .bot{justify-content: flex-start;font-size: 0.9em; }
.list_type01 .bot p + strong{margin-left: .4em;padding-left: .4em;;position: relative;}
.list_type01 .bot p + strong::before{content:'';display: block;width: .1em;height: 1em;background: #eee;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.list_type01 li{cursor: pointer;}


.list_type01 .deliver_state .return{color: #ED4848;border-color:#ED4848;}


/* .list_type02 li{padding:.6em 0;border-bottom:1px solid #eee;position: relative; padding: .8em; border-radius: .4em; border: 1px solid #eee;} */
.list_type02 li{position: relative; padding: .75em; border-radius: .6em; outline: 1px solid #eee; background-color: #fff;}
.list_type02 li + li{margin-top: .6em;}
.list_type02 li > div{display: flex;cursor: pointer;align-items: center;}
.list_type02 i{display: block;width: 5em;;height: 5em;border-radius: .4em; overflow: hidden;}
.list_type02 i img{width: 100%;height: 100%;}
.list_type02 .txtbox{padding-left: .7em;width: calc(100% - 5.1em);}
.list_type02 .top{display: flex;align-items: center;}
.list_type02 .top b{border:1px solid #3862F5; color: #3862F5; font-size: 0.85em;font-weight: 500;padding:.0em .4em;border-radius: .2em;}
.list_type02 .top b strong,
.list_type02 .top b span{font-weight: inherit;display: none;}
.list_type02 .top b.yes span{display: block;}
.list_type02 .top b.no {border-color: #ED4848;color: #ED4848;}
.list_type02 .top b.no strong{display: block;}
.list_type02 .top p {color: #666;margin-left: .6em;font-size: 0.9em;}
.list_type02 .top p span{display: inline-block;color: inherit;}
.list_type02 em{font-weight: 600;font-size: 1.05em;margin:0.3em 0 0.2em; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}

.invenlist_select .list_type02 em{font-weight: 600;font-size: 1em;margin:0.3em 0 0.2em; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.invenlist_select .list_type02 .check-label .checkmark{top: 0.3em;}
.invenlist_select .number_input p{display: flex; align-items: center; margin-top: 0.2em;}
.invenlist_select .number_input p input{width: 4em; border-color: #ddd; margin-right: 0.2em;}
.invenlist_select.select02 .list_type02 .invenlist_img02{width: 6em; height: 6em; }

.list_type02 .bot{display: flex; align-items: center;font-size: 0.78em;color: #888;}
.list_type02 .bot span+span{margin-left: .4em;padding-left: .4em;position: relative;;}
.list_type02 .bot span+span::before{content:'';display: block;width: .1em;height: .8em;position: absolute;left:0;top:50%;transform: translateY(-50%);background: #ddd;}
.list_type02 i.lack{position: relative;}
.list_type02 i.lack::before,
.list_type02 i.lack::after{content:'';display: block;width: 100%;height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: #000;opacity: 0.55;}
.list_type02 i.lack::before{content:'재고 부족';background: transparent;opacity: 1;color: #fff;font-size: 1em;z-index: 2;word-break: keep-all;text-align: center;line-height: 1.2;font-weight: 600;top:88%;width: 80%;}


.invenlist_select bg-gray .list_type02 .number_input{position: absolute; right:0;top:50%;transform: translateY(-50%);width: 3em;}
.invenlist_select bg-gray .list_type02 .number_input input{width: 100%;height: 2.2em;padding:.4em;text-align: center;font-weight: 600;font-size: 1.1em;}

.invenlist_select bg-gray .list_type02 .number_input p{font-size: 0.85em;}
.invenlist_select.release01 .list_type02 .txt {text-align: center;font-size: 0.8em;width: 5em;background: #f9f9f9;padding:.6em ;border-radius: .4em;display: block;}
.invenlist_select.release01 .list_type02 .txt span{display: block;font-weight: 600;font-size: 1.4em; line-height: 1; padding-top: 0.2em;}
.invenlist_select.release01 .list_type02 .txtbox {padding-left: 0em;padding-right: .6em;  width: calc(100% - 3.6em);}


.release01 .list_type02 .top b { border: 1px solid #ED4848; color: #fff;background: #ED4848;}
.store01 .list_type02 .top b { border: 1px solid #48B979; color: #fff;background: #48B979;}



.list_type02.select_type .check-label{width: calc(100% - 5em);padding-left: 0;}
.list_type02.select_type .txtbox{width: 100%;}
.list_type02.select_type .check-label .checkmark{left: auto;right:0;}



.view_list .list_type02{padding:.8em}
.view_list .list_type02 li{padding:0;border:none;}



.list_type03 li+li{margin-top: 1em;;}
.list_type03 .li_tit{margin-bottom: .6em;font-weight: 600;}
.list_type03 .li_tit p{font-weight: inherit;}
.list_type03 .li_tit p span{display: inline-block;color: #3862F5;position: relative; top:-2px;}
.list_type03 .li_tit p.txt{font-size: .9em;color: #888;font-weight: 400;word-break: keep-all;}
.list_type03 .li_pro .li_con{display: flex;align-items: center;}
.list_type03 .li_pro i{display: block;width:5em;;height:5em;border-radius: .6em;overflow: hidden;}
.list_type03 .li_pro i img{width: 100%;height: 100%;}
.list_type03 .li_pro .txtbox{padding-left: .6em;width: calc(100% - 5.6em);word-break: keep-all;}
.list_type03 .li_inven .li_con span{display: inline-block;}
.list_type03 .li_con span{color: inherit;}


.list_type03 .li_inven .select_list{width: 8em;}
.list_type03 .li_inven .select_list p{border:1px solid #eee;padding:.6em;background: #fff;border-radius: .4em;border-radius: .2em;}
.list_type03 .li_inven .number{width: calc(100% - 8.6em);display: flex;align-items: center;margin-left: .6em;color: #666;}
.list_type03 .li_inven .number input{width: 100%;margin-right: .6em;height: 100%;text-align: right;}

.list_type03 .total.on p::before{content:'24개의 주문이 업로드 되었습니다.';}

.list_type03 .add_but{display: flex;}
.list_type03 .add_but input{width: calc(100% - 6.6em);}
.list_type03 .add_but label,
.list_type03 .add_but button{width: 7em;margin-left: .6em;font-size: 0.9em;    border-radius: 0.3em;}


.list_type03 .preview-image{flex-direction: column-reverse;}
.list_type03 .preview-image .upload-name{display: none;}
.list_type03 .filebox .upload-thumb-wrap{margin-top: .6em;}
.list_type03 .filebox .upload-thumb-wrap img{width: 100%;}


.business_Registration i img{width: 100%;}
.business_Registration i{border:1px solid #eee;overflow: hidden;display: block;border-radius: .3em;padding:2px}




.list_type04{border-top:1px solid #eee;}
.list_type04 li{padding:.6em 0;border-bottom:1px solid #eee;}
.list_type04 .top span{display: inline-block;}
.list_type04 li > div{display: flex;align-items: center;}
.list_type04 .bot,
.list_type04 .top{color: #333;font-size: 0.95em; font-weight: 500;}
.list_type04 .top span + strong{margin-left: .4em;padding-left: .6em;position: relative;;}
.list_type04 .top span + strong::before{content:'';display: block;width: .1em;height: .8em;background: #bbb;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.list_type04 .top strong{font-weight: inherit;}
.list_type04 .center{justify-content: space-between;margin:.4em 0}
.list_type04 .center p{font-size: 0.8em;} 
.list_type04 .center p span{font-size: 1.8em;font-weight: bold;text-align: center;} 
.list_type04 .lose.proce {color: #ED4848;} 
.list_type04 .add.proce {color: #3862F5;} 
.list_type04 .bot{padding:.8em; border-radius: .2em;}


.con_sec + .con_sec{margin-top: 4em; }
.inven01 .list_type03 .li_con{background: #f9f9f9;padding:.9em 1.06em;color: #333;border-radius: .4em;} 


/* 메인 */

.mainheader .loginbtn{color:#3862F5; background-color: #fff;}
.mainheader.active .loginbtn{color: #3862F5; background-color: #DEE7FF;}

.header.mainheader .hbgbtn span{background-color: #fff;}
.header.mainheader.active .hbgbtn span{background-color: #333;}

/* 메인 상단 */
.review .swiper-slide{font-size: 0.9em;}
.review .swiper-slide i{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break:keep-all; line-height: 1.5em; height: 6em;}
.review .swiper-slide > div > div{color: #aaa; margin-top: .7em; padding-top: .7em; border-top: 1px solid #eee;}
p[id*="reviewdate"]{text-align: right; font-weight: 400;}

/* main 간편상담버튼 */
.goinqbn{padding-top: 1.7em;padding-bottom: 1.7em; background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/168365344191746.png) no-repeat right 6% top 65% #E7EEFF; background-size: 4.2em; cursor: pointer;}
.goinqbn p{color: #999; font-size: .8em; margin-bottom:  0.3em;}
.goinqbn i{color: #5270D8; font-weight: 700; font-size: 1.125em; position: relative; display: inline-block; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/168366636394056.png) no-repeat right center; background-size:  1.1em; padding-right: 1.5em;} 

/* 로그인 */
.fintid_img{width: 7em; text-align: center; }

/* 리뷰페이지 */
.reviewbox li{padding: 1em 0; border-top: .5em solid #f5f5f5;}
.reviewbox li:first-child{border-top: none;}
.reviewbox li div .rv_contxt{padding: 1em 0; }
.reviewbox li .rv_t i img{width: 2em;}
.reviewbox li .rv_t p{margin-left: .6em; font-size: 1em; color: #888;}
/* .reviewbox li .rv_t p span{display: inline-block; font-size: 1.25em; color: #555; } */
.reviewbox .rv_date{ font-size: .9em; color: #999; text-align: right; border-top: 1px solid #f0f0f0; padding-top: 1em;}



/* 브랜드 */
/* 배너슬라이드 */
.bn_brand {overflow: hidden; position: relative;}
.bn_brand .swiper-pagination-bullet{width: .5em; height: .5em; border-radius: 50%; background-color: #fff; margin: 0 .2em;}
.bn_brand .swiper-pagination{bottom: .5em;}
.bn_brand .swiper-button-prev:after, .bn_brand .swiper-button-next:after{color:#fff; font-size: 1.2em; font-weight: 900;}
.bn_brand .swiper-button-prev{left: .5em;}
.bn_brand .swiper-button-next{right: .5em;}

/* 전체 배너 슬라이드 */
.brandall{overflow: hidden; position: relative;}
.brandall .swiper-slide em{position: relative; width:100%; padding-bottom: 55%; overflow: hidden; border-radius: 10px;}
.brandall .swiper-slide em img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.brandall .swiper-slide > div .desctxt{overflow: hidden; text-overflow: ellipsis; color: #777; font-size: .8em; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all; height: 2.8em;}
.brandall .brandall-next::after,.brandall .brandall-prev::after{display: none;}
.brandall .brandall-next img, .brandall .brandall-prev img{width: 2em;}
.brandall .brandall-next{padding: .5em; position: absolute; top: 25%; z-index: 10; right: .3em;}
.brandall .brandall-prev{padding: .5em; position: absolute; top: 25%; z-index: 10; left: .3em;}



/* 브랜드 상세 */
.brdthumb{position: relative;}
.brdthumb em{position: relative; width:100%; padding-bottom: 70%;}
.brdthumb em img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.brdthumb .brandall-pagination{display: flex; justify-content: center; position: absolute;}
.brdthumb .brandall-pagination .swiper-pagination-bullet{width: .5em; height: .5em; border-radius: 50%; background-color: #fff; margin: 0 .2em; position: relative; z-index: 10; bottom: 0;}
.brdthumb .brandall-next::after,.brdthumb .brandall-prev::after{display: none;}
.brdthumb .brandall-next img, .brdthumb .brandall-prev img{width: 1.4em;}
.brdthumb .brandall-next{padding: .5em; position: absolute; top: 50%; z-index: 10; right: .6em; transform: translateY(-50%);}
.brdthumb .brandall-prev{padding: .5em; position: absolute; top: 50%; z-index: 10; left: .6em; transform: translateY(-50%);}

.brdcon_inner > div{margin-top: .7em; padding-top: .7em; border-top: 1px solid #eee;}
.brdcon_inner > div .r span{display: inline;}
.smtxt{font-size: .7em; color: #aaa; font-weight: 400; margin-left: .6em;}
.t777{color:#444;}
.nomb{margin-bottom: 0;}
.brdli{padding-top: 1.2em !important; padding-bottom: 1.2em !important; border-bottom: 1px solid #eee;}
.brdli:last-child{border-bottom: none;}
.more1, .more2, .more3{display: none; margin-top: 1.2em;}
.more2{padding: 1.1em; border-radius: .5em; background-color: #f8f8f8; gap: .5em .3em; flex-wrap: wrap;}
/* .more1, more3 */
 .interview_img{position: relative; width:100%; padding-bottom: 70%; margin-top: 1.2em;}
.more1 .interview_img:before{width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; background-color: rgba(0, 0, 0, .2); content: ''; z-index: 2;}
.interview_img img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.absoltxt{position: absolute; color: #fff; bottom: 1.2em; left: 1.2em; z-index: 3;}
.absoltxt p span{font-size: 0.6em; opacity: .8; line-height: 1.6; font-weight: 400;}
.absoltxt {font-size: 1.3em;}
.interview p{line-height: 1.6;}
.interview p.question{font-weight: 700; margin-bottom: .4em; font-size: 1.15em; margin-top: 1.6em; line-height: 1.4;}
.interview p.answer{font-weight: 400; color: #444; margin-bottom: .4em;}
/* more2 */
/* .more2 span{display: inline-block; color: #3862F5; border-radius: 3em; padding: .5em .9em; padding-left: 2.2em; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/168433412824046.png) no-repeat left .6em center #DEE7FF; background-size: 1.1em; line-height: 1; font-size: 0.9333em;} */



.header .main_nav.nobb{border-bottom: none;}
.locatab, .brdtab, .brdinput{display: none;}

.matchtit{margin-bottom: 1em;}
.matchtit p{font-size: .8em; margin-bottom: .5em;}
.matchtit h5{font-size: 1.2em; font-weight: 600;}
.bigthumb li{overflow: hidden; position: relative;}
.bigthumb li + li{margin-top: 1em;}
.bigthumb li em{display: block; position: relative; width:100%; padding-bottom: 55%;}
.bigthumb li em img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.bigthumb li > div i{font-weight: 600; font-size: 1em;}
.bigthumb li > div .desctxt{overflow: hidden; text-overflow: ellipsis; color: #777; font-size: .8em; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all; height: 2.8em; margin: 0.5em 0 0.7em;}
.bigthumb li:before{display: block; position: absolute; left: 1em; top: 1em; content: 'PICK 1'; color: #fff; font-size: 0.8em; background-color: #3862F5; border-radius: 2em; padding: 0.4em .7em; z-index: 5; line-height: 1;}
.bigthumb li:nth-child(2):before{content: 'PICK 2';}
.bigthumb li:nth-child(3):before{content: 'PICK 3';}

.minthumb li{width: calc((100% - 10px) / 2); overflow: hidden;}
.minthumb li em{display: block; position: relative; width:100%; padding-bottom: 80%;}
.minthumb li em img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.minthumb li > div i{font-weight: 600; font-size: 0.933333em;}
.minthumb li > div .desctxt{color: #777; font-size: .8em; line-height: 1.4; margin: .3em 0 .5em;}
.minthumb .inqbtn button{font-size: 0.8em; padding: 0.8em;}

.inqbtn button{width: 100%; font-size: 0.85em; padding: 1em 0; border-radius: 3em;}

/* 젊음 창업상담 */
/* .yniinq{background-color: #ebf1ff;} */
.yniinqtxt .mintit{display: inline-block; font-size: 1em; color: #777; margin-top: 1.7em; }
.yniinqtxt h6{text-align: left; font-size: 1.8em; font-weight: 500; margin: .5em 0 .8em; line-height: 1.3;}
.yniinqtxt p{font-size: 0.93333em;}
.absol{position: fixed; bottom: 6.8em; left: 50%; transform: translateX(-50%);}
/* .yniinq .floatbtn button{bottom: 1em;} */

.timeselect{display: none;}
.call, .meet, .online{display: none;}
.insert_txt{margin-top: .8em; padding: 1em; border-radius: .8em; background-color: #f0f5ff; color: #555; font-size: 0.9333em; }
.insert_txt p{word-break: keep-all; }
.yniinq .radio_style{display: block;}
.yniinq .radio_style span{width: 90%;}

/* .match_box{border: 1px solid #ddd;} */
.match_box em{width: 40%; padding-bottom: 40%; position: relative;} 
.match_box em img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.match_box div p{color: #777; font-size: 0.93333em;}
.match_box .txt{padding-left: .925em;}
.match_box div .pick{border-radius: 2em; background-color: #DEE7FF; color: #3862F5; display: inline-block; font-size: 0.8em; padding: .4em .8em; margin-bottom: .6em; line-height: 1;}
.match_box div .brdname{font-size: 1.1em; font-weight: 600; color: #212121; margin-bottom: 0.3em;}
.inqcomplete h6{margin: 1em 0 .8em; font-size: 1.4em; font-weight: 600;}




.report .top{display: flex;align-items: center;justify-content: space-between;}
.report .top p{display: flex;align-items: center;color: #3862F5;font-weight: bold;}
.report .top p span{font-weight: inherit;margin-left: .4em;}
.report .top img{width: 1.6em;}
.report .top button{color: #666;font-size: 1.3em;}
.report em{font-size: 1.2em;margin:0.4em 0;font-weight: 600;}


.page_but{display: flex;}
.page_but button + button{margin-left: .6em;}
.page_but button{width: 100%;;}
.page_but i{width: 3.4em;height: 3.4em;display: flex; justify-content: center; align-items: center;margin:0 auto;padding:.4em}
.page_but i img{width: 100%; height: 100%;display: block;;}
.page_but p{margin-top: .6em;font-weight: 600;color: #333;}




/*영역타입*/
.con_type01 p{color: #666;font-weight: 600;font-size: 0.95em;}
.con_type01 .number{display: flex; align-items: center;justify-content: space-between;}
.con_type01 .number p{color: #3862F5;font-weight: bold;display: flex;font-size: 1.3em;}
.con_type01 .number p span{font-weight: inherit;}
.con_type01 .number i{width: 0.4em;display: block;}
.con_type01 .number img{width: 100%;}


.con_type02 p{font-weight: 500;}
.con_type02 .top{display: flex; align-items: center;justify-content: space-between;}
.con_type02 .number p{color: #212121;font-weight: bold;display: flex; font-size: 1.25em; margin-top:.2em}
.con_type02 .number b {font-weight: 500;display: inline-block; margin-top: .2em;}
.con_type02 .number span{font-weight: inherit;display: inline-block;}
.con_type02 li > div{ background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/167934907289508.png) no-repeat #fff; background-size: 1.4em 1.4em; background-position: right 0.8em top 0.7em;}
.con_type02.nobg li > div{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/167935321039382.png);  background-size: 0.45em; background-position: right 0.9em top 1em;}



.con_type01 .bg_radius + .bg_radius{margin-top: 0;;}
.con_type01 .col-md-4 .bg_radius{padding:.9em;}

.con_type03 ul{display: flex; justify-content: space-between;}
.con_type03 ul li{width: 100%;}


/*주문수집*/
.order_status ul{display: flex;align-items: center;text-align: center;font-size: 0.75em;color: #888;margin-top: .6em;position: relative;}
.order_status ul::before{content:'';display: block;width: 80%;height: 0.2em;background: #f5f5f5;position: absolute;left:50%;top:36%;transform: translate(-50%,-50%);}
.order_status ul li{width: calc(100%  / 5);z-index: 5;}
.order_status i{width: 3.4em;height: 3.4em;display: flex;align-items: center;margin:0 auto;justify-content: center;background: #f5f5f5;border-radius: 4em;padding:.6em;margin-bottom: .4em;}
.order_status i img{width:100%;opacity: 0.8;}
.order_status ul li.on{color: #3862F5;}
.order_status ul li.on i{background: #3862F5;}
.order_status ul li.on i img{opacity: 1; filter: brightness(500%);}

.order_info ul{padding-top: 0.6em;}
.order_info li{display: flex;padding:.8em 0;font-size: 0.98em;align-items: center;}
.order_info li + li{border-top:1px solid #eee;}
.order_info ul p{width: 6.4em;color: #777;}
.order_info ul b{width: calc(100% - 6.4em);font-weight: 500;}

.register_list li + li{margin-top: 1.2em;}
.register_list em{display: flex;margin-bottom: .6em;font-weight: 600;}
.register_list em span{color: #3862F5;margin-left: .2em;position: relative;top:-.2em;font-weight: inherit;}

/* .order_info .bold, .order_status .bold{border-bottom: 1px solid #eee; padding-bottom: .8em; margin-bottom: .8em;} */


/* .return_view .order_status ul li.on i:after{width: 5em; height: 5em; background-color: #0979c9;} */

.return_view .order_status ul li{width: calc(100%  / 3);}
.return_view .order_status ul li.on{color: #ED4848;}
.return_view .order_status ul li.on i{background: #ED4848;}
.return_view .order_status ul::before{width: 74%;}

/*정산관리*/
.calculate .report .top p{color: #888;font-weight: 500;}
.calculate .report p span{margin-left: 0;}
.calculate .report .tit span{font-weight: inherit;display: inline-block;}
.calculate .report .tit{font-size: 1.5em;display: flex;align-items: center;justify-content: space-between;margin:.2em 0 .4em; border-bottom: 1px solid #eee; padding-bottom: 0.4em;}
.calculate .report .tit em{margin:0;font-weight: bolder;}
.calculate .report .tit button{width: .85em;}
.calculate .report .tit button img{width: 0.4em;}

.amount_used span{display: inline-block;}
.amount_used li{display: flex;align-items: center;color: #666;padding:.6em 0; border-bottom: 1px solid #eee;}
.amount_used li.total {color: #212121;font-size: 1.2em;font-weight: 600;}
.amount_used li.total span{font-weight: inherit;}

.amount_used li p,
.amount_used li b{width: 50%;font-weight: inherit;}
.amount_used li b{text-align: right;}

.calculate02 .small.flex{margin-left: auto;}

/* .tabview{display: none; }
#tab1:checked ~ #content1,
#tab2:checked ~ #content2{display: block;} */

.cal_month + div{margin-top: 1em !important; }
.cal_month h4{font-size: 1.2em; padding-bottom: 0.6em; font-weight: 500; text-align: center; }
.cal_month h5{font-size: 1em; padding-bottom: 0.4em; font-weight: 500;}
.cal_month h5 .cal_mon{margin-right: .2em;}
.cal_month > div{margin-bottom: 1.2em; padding-left: .6em; padding-right: .6em;}
.cal_month > div:last-child{margin-bottom: 0;}
.cal_month ul{height: 3.5em; }
.cal_month li{width: calc(100% / 7); text-align: center; font-size: 0.95em;}
.cal_month li .day{padding-bottom: 0.6em;}
.cal_month li .red{color: #ED4848;}
/* .cal_month li .green {color: #48B979;} */
.cal_month .data_update{ text-align: center; opacity: .5; font-size: 0.95em; padding: .5em 0;}
.cal_week ul{margin-top: .2em; color: #444;}
.cal_week li{width: calc(100%/7); text-align: center; font-size: 0.95em;}
.cal_week i img{width: 98%; margin: 0 auto;}
/* .cal_week > div{margin-top: 1em;} */

h4 em, .month em{display: inline-block;}


.tabs_tpye02 ul.tabs{width: 100%;background: #ededed;border:none;padding:0;border:none;border-radius: 0;margin-bottom: 1em;;} 
.tabs_tpye02 ul.tabs li + li{margin-left: .6em;}
.tabs_tpye02 ul.tabs li a{background: #F9F9F9;bordeR:1px solid #EEEEEE;color: #666666;padding:.8em;border-radius: .4em;overflow: hidden;}
.tabs_tpye02 ul.tabs li a.on {background: rgba(74, 199, 241, 0.05); ;bordeR:1px solid #3862F5;color: #3862F5;padding:.8em;border-radius:.4em;}








/*주문서업로드*/


.inven03_depth li{display: flex;justify-content: space-between; align-items: center;padding:1.4em 1.2em; padding-left: 5em; border-bottom:1px solid #eee; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/167985154414084.png) no-repeat #fff;background-position: left 1em top 50%;  background-size: 3.15em;}
.inven03_depth .left{font-size: .95em;color: #888;font-weight: 500;}
.inven03_depth .left p{font-weight: inherit;color: inherit;font-weight: 400;}
.inven03_depth .left .day{color: #212121; line-height: 1; font-weight: 600;margin-bottom: .5em;}
.inven03_depth .right button{padding:0.6em 1.2em 0.5em;font-size: 0.85em; border-radius: 1em;}
.inven03_depth .left p.txt{font-size: 0.9em; line-height: 1;}


/*재고관리*/
.inventory .search_con{position: relative;}
.inventory .search_con button{width: 2.4em; height: 2.4em; position: absolute; right: 0.45em; top: 50%; transform: translateY(-50%); border-radius: 50%; background-color: #3862F5;}
.inventory .search_con button img{width: 1.1em;}
.inventory .search_con input{width: 100%; transition: all 0.2s; border-radius: 2.5em; border-color: #ddd; background-color: #fff;}
.inventory .search_con input:focus{border: 1px solid #5eb4f1;}
.inventory .btn-secondary3{border-color: #a5cce9; background-color: #e8f6ff; color: #0979c9; border-radius: 1.6em; padding: .5em 1.2em; font-size: 0.8em;}
.inventory .list_type02 li:last-child{border-bottom: none;}

.inventory02 .inven03_depth em{color: #212121;}
.inventory02 .inven03_depth span{display: inline-block;}
.inventory02 .inven03_depth .tit{display: flex;align-items: center;margin-bottom: .2em;}
.inventory02 .inven03_depth .state{padding:.1em .6em; line-height: 1.6;font-size: 0.95em;margin-right: .6em;border-radius: .2em;}
.inventory02 .inven03_depth .state span{color: #fff;}
.inventory02 .inven03_depth .store .state{background: #48B979;}
.inventory02 .inven03_depth .store .state span::before{content:'입고';display: block;}
.inventory02 .inven03_depth .store .right{color: #48B979;}
.inventory02 .inven03_depth .store > .state{background: transparent;padding:0;color: #48B979;}
.inventory02 .inven03_depth .store > .state span{color: inherit;}
.inventory02 .inven03_depth .store .state.expected span::before{content:'입고예정';display: block;}


.inventory02 .inven03_depth .release .state{background: #ED4848;}
.inventory02 .inven03_depth .release .state span::before{content:'출고';display: block;}
.inventory02 .inven03_depth .release > .state{background: transparent;padding:0;color: #ED4848;}
.inventory02 .inven03_depth .release > .state span{color: inherit;}
.inventory02 .inven03_depth .release .state.expected span::before{content:'출고예정';display: block;}


 
/*정기결제관리*/

.payment_card{border-radius:.8em;}
.payment_card strong,
.payment_card span{display: inline-block;font-weight:inherit;font-size: inherit;}

.payment_card b{font-size: 0.75em;color: #6666;}


.payment_card .card_number em {margin-bottom: 1.5em;}
.payment_card .card_number em span{width: calc(100% / 4);font-size: 1.25em;}
.payment_card .card_info{display: flex;padding:0.8em 1.06em 1.06em;background: #f9f9f9;border-radius: .4em;}
.payment_card .card_info li{width: calc(100% / 3);}
.payment_card .card_info p{font-size:0.9em;margin-top: .2em;}



.regular_payment .bg_pint_sec_top{border-radius: .4em;border:1px solid #eee;padding:1.06em;background: #fff;}
.regular_payment .bg_pint_sec_top > p span{display: block;margin-top: 1em;opacity: 0.6;font-weight: 400;font-size: 0.9em;}
.regular_payment .bg_pint_sec_top .card_type{margin-top: .4em;}
.regular_payment .bg_pint_sec_top .card_type span{border:1px solid #ddd;color: #666;}
.card_setting.set_on{border: 1px solid #6cb6eb;}
.card_setting em{color: #3862F5;}
.card_setting p{font-size: 1.1em; margin-top: 0.4em;}
.card_setting p.no{margin-bottom: 0.4em;}


.regular_payment .card_type p span{color: #999;}
.regular_payment .btm li{padding:.6em 0}
.regular_payment .btm {}
.card_setting{cursor: pointer; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/167934907289508.png) no-repeat #fff; background-size: 1.4em 1.4em; background-position: right 0.8em top 50%;}


.pay_detail ul{display: none;}
.pay_detail button.on i{transform: rotate(180deg);}

.pay_detail{border-top:1px solid #eee;padding-top: 0.6em;margin-top: 1em;}
.pay_detail .inven03_depth li{padding:.6em 0;}
.pay_detail .inven03_depth li:last-child{border-bottom:none;padding-bottom: 0;}


.calculate02_list .check-label{padding-left: 0;}
.calculate02_list .check-label input:checked ~ .checkmark{border: none; background-color: #3862F5;}
.calculate02_list .check-label .checkmark{background: #e6e6e6; border: none; left: auto; right: 0;}
.calculate02_list .check-label input:checked ~ .checkmark::before{background: none ;background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/167940908482872.png) no-repeat 50% 45%; background-size: 90% ; width: .9em; height: .9em;}
.calculate02_list .check-label .checkmark::before{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/167940908482872.png) no-repeat 50% 45%; background-size: 90% ; width: .9em; height: .9em;}
.calculate02_list .list_type01 .check-label .label_tit{margin-bottom: 0.8em; font-size: 1.25em; font-weight: 600; padding-bottom: 0;}
.calculate02_list .check-label input:checked ~ .checkmark, .calculate02_list .check-label .checkmark{top: .9em; width: 1.8em; height: 1.8em;}

.calculate02_list .list_type01 {flex-direction: column;}
.calculate02_list .list_type01 p strong{width: 5.7em; color: #212121;}
.calculate02_list .list_type01 p{width: 100%;padding-bottom:.6em; margin:0; color: #555; align-items: center;}
.calculate02_list .list_type01 div.w100p div:last-child{border-top: 1px solid #eee;}
.calculate02_list .list_type01 div.w100p div:last-child p{padding-bottom: 0; padding-top: .6em;}


.prediction .page_tit{font-size: 1.4em;position: relative;z-index: 9;margin-bottom: .2em;font-weight: 500;}
.prediction .page_tit em,
.prediction .page_tit2 {z-index: 99;position: relative;}
.prediction .page_tit::before{content:'';display: block;width: 110%;height: 140%;position: absolute;background: #3862F5;border-radius: 50%;left:50%;transform: translate(-50%,0);bottom:-5em; z-index: -1;}
.prediction .page_tit span{display: inline-block;font-size: 1.6em;font-weight: 600;margin-right: .2em;}



.prediction .bd{z-index: 99;}
.prediction .con + .con{margin-top: 1em;}
.prediction .con li{display: flex;align-items: center;justify-content: space-between;padding:.6em 0;}
.prediction .con li:first-child{padding-top: 0;}
.prediction .con li:last-child{padding-bottom: 0;}
.prediction .con li + li{border-top:1px solid #eee;}
.prediction .con p{color: #888;font-size: 1em;}
.prediction .con em{color: #212121;font-size: 1.1em;font-weight: 600;}
.prediction .con img{width: 100%;}

.inventory03_writing .list_type02{border-top:1px solid #eee;}

/* 내정보 */


.mypage .top .left b{ font-size: 1.25em;}
.mypage .top .left .icon_wrap{width: 4em;position: relative; }
.mypage .top .left .icon_wrap i{width: 100%; height: 4em;  border-radius: 50%;border: none; display: flex; align-items: center; justify-content: center;  margin-right: 0.8em;overflow: hidden;}
.mypage .top .left .icon_wrap i >img{width: 100%;height: 100%;}
/* .mypage .icon_wrap button{position: absolute;background: #fff;bordeR:1px solid #eee;width: 2em;height: 2em;;border-radius: 4em;right:-.4em;bottom:0;}
.mypage .icon_wrap button img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 70%;height: 70%;display: block;} */
.mypage .top .flex_side{width: calc(100% - 4em);}
.mypage .top .txtbox i {font-size: 1em;}
.mypage .top .txtbox p {color: #3862F5;border:1px solid #3862F5;padding:.2em .8em;font-size: .85em;margin-top: .4em;;}
.mypage .top .txtbox p.email{color: #777;border:none; font-size: .9em; padding:0; border-radius: 2em;margin-top: .3em;;}
.mypage .top .txtbox p span{display: inline-block;font-size: inherit;}
.mypage .top .txtbox p span + span{position: relative;padding-left: .4em;margin-left: .4em;;}
.mypage .top .txtbox p span + span::before{content:'';display: block;width: .1em;height: .8em;position: absolute;left:0;top:45%;transform: translateY(-50%);background: #3862F5;opacity: 0.6;}
.mypage .top .left b img{display: block;width:100%;height: 100%;; margin-bottom: -0.2em;}
.mypage .top .right button{border: 1px solid #ddd; opacity: 0.7; font-size: 0.95em; border-radius: 55px; text-align: center; padding: 0.5em 0.8em;}

.mypage .top .no-shop{background-color: #EDF7FD; border: none; font-size: 0.8em; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/167940910184029.png) no-repeat  #EDF7FD;; background-position: top 50% right 1em; background-size: 1.5em}
.mypage .top .no-shop span{line-height: 1.4; color: #3862F5; font-size: 1.25em; font-weight: 600; }

.mypage .btm ul{display: flex; flex-wrap: wrap; gap: 0.66em;}
.mypage .btm ul + ul{margin-top: 1.6em;}
.mypage .btm ul li{width: calc((100% - 0.66em) / 2);}
.mypage .btm ul li i{display: block; position: relative; width:100%; padding-bottom: 65%; border-radius: .5em; overflow: hidden;}
.mypage .btm ul li i img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.mypage .btm ul li .txt{margin-top: .5em; }
.mypage .btm ul li .txt h6{font-size: 0.9333em; margin-bottom: .3em;}
.mypage .btm ul li .txt p{font-size: 0.8em; line-height: 1.4; color: #777;}
.mypage .btm ul li .txt p span{display: inline;}


/* 내 상담신청 정보 */
.my_consult .insert{margin-top: .8em;}
.consultinfo_box > div{margin-top: .7em; padding-top: .7em; border-top: 1px solid #eee;}
.consultinfo_box > div:first-child{margin-top: 0; padding-top: 0; border-top: none;}
.consultinfo_box > div .l{color: #777;}
.consultinfo_box > div .r span{display: inline;}
.consultinfo_box > div .bigtit{margin-bottom: 1.5em;}
.consultinfo_box > div .big{font-size: 1.1em;}
.consultinfo_box > div .btn-secondary{font-size: .8em; padding: .4em .8em; line-height: 1; border-radius: 1em;}
.consultinfo_box .probox{padding: 1em .6em;}
.consultinfo_box > div .process{width: 75%; margin: 0 auto;  position: relative;}
.consultinfo_box > div .process:before{content: ''; position: absolute; width: 90%; height: .13em; background-color: #eee; display: block; top: 32.5%; left: 50%; transform: translate(-50%, -50%);}
.consultinfo_box > div .process span{text-align: center; color: #888;  font-size: 0.9333em;}
.consultinfo_box > div .process span:before{display: flex; align-items: center; justify-content: center; width: 3.2em; height: 3.2em; background-color: #eee; border-radius: 50%;content: ''; position: relative; margin-bottom: 0.5em; }
.consultinfo_box > div .process span:nth-child(1):before{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/168425557522782.png) no-repeat center center #eee; background-size: 1.3em;}
.consultinfo_box > div .process span:nth-child(2):before{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/168425568027249.png) no-repeat center center #eee; background-size: 1.3em;}
.consultinfo_box > div .process span:nth-child(3):before{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/168425474682607.png) no-repeat center center #eee; background-size: 1.15em;}

.consultinfo_box > div .process span.on{color: #3862F5; font-weight: 600;}
.consultinfo_box > div .process span.on::before{background-color: #3862F5;}

/* 연관상담보기 */
.moreinqlist .consultinfo_box > div:first-child{padding-top: 0;}
.moreinqlist .consultinfo_box > div > div{margin-bottom: .3em;}
.moreinqlist .consultinfo_box > div > div:last-child{margin-bottom: 0;}

/* 공지사항 */
.notif .bg_radius02 {padding:1.2em; padding-left: 5em;}
.notif li{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/167984379877970.png) no-repeat #fff ; background-position: left 1em top 50%; background-size: 3em;}
.notif li > div{position: relative;}
.notif li.new > div:before{content: ''; display: block; position: absolute; width: .6em; height: .6em; border-radius: 50%; background-color: rgb(243, 101, 101); top: -.5em; right: -.5em;}
.notif li.alert{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/YOUANDI/167984379149897.png) no-repeat #fff; background-position: left 1em top 50%; background-size: 3em;}
.notif .list_type01 .bot{margin-top: 0.4em;}

/* 내정보 마이페이지 */
.pic_box{display: inline-block; position: relative; left: 50%; transform: translateX(-50%);}
.profile_pic{width: 8em; height: 8em; border-radius: 50%;}
.pic_btn{position: absolute; bottom: -0.5em; right: 0 !important; right: 7em; z-index: 3; }
.pic_btn img{width: 2.8em; height: 2.8em;  }

.sms_time2{top:68%;}