/*24.3.20 지어보아*/



/*공통*/
.con_tit{display: flex; align-items: center;justify-content: space-between;margin-bottom: .48em;font-size:1.128em}
.con_tit button{display: none;}
.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: #39C0AE;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;}

.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;align-items: center;}
.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: #39C0AE;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: #39C0AE;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:#39C0AE; border:1px solid #39C0AE} */
.page_tab.type02 li.on p{background-color: #39C0AE; 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 #39C0AE;color: #39C0AE;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: #39C0AE;}
.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 #39C0AE; color: #39C0AE; 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: #39C0AE;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: #39C0AE;} 
.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;} 


/* 메인 */
.header.mainheader .main_nav{background: transparent; border-bottom: 0; color: #fff; transition: all.2s;}
.header.mainheader .main_nav img{filter: brightness(100);}
.header.mainheader.active .main_nav{background-color: #fff; color: #212121; border-bottom: 1px solid #eee;}
.header.mainheader.active .main_nav img{filter: brightness(1);}

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


/* 하단메뉴 on */
.main .nav_btm{}
.calculate02_list ul li.selected{border-color: #0979c9;}

/*재고관리*/
.float_btn{position: fixed; bottom: 5.6em; right: 1.15em; z-index: 10;}
.float_btn button{width: 6em; height: 3.3em; background-color: #39C0AE; color: #fff; border-radius: 5em; font-size: 1em; box-shadow: 0 0 0 1px rgba(0,0,.15em,.15); }



.report .top{display: flex;align-items: center;justify-content: space-between;}
.report .top p{display: flex;align-items: center;color: #39C0AE;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: #39C0AE;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/ALTORAN/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/ALTORAN/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: #39C0AE;}
.order_status ul li.on i{background: #39C0AE;}
.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;}


/* .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 #39C0AE;color: #39C0AE;padding:.8em;border-radius:.4em;}

/* 메인, 정산관리 상단 박스 */
.main_box{color: #212121;  border-radius: 1.2em;}
.main_box .card_type{margin-top: 1.1em; padding-top: 1.1em; border-top: 1px solid #eee;}
.main_box .month{font-size: 1.4em; margin-bottom: 0.5em;}
.main_box .card_type p{color: #555; font-size: 1em;}
.main_box .card_type p + p{margin-top: 0.3em;}
.main_box .card_type p span{margin-right: 1em; color: #39C0AE; }
.main_box span{display: inline-block;font-weight: inherit;}
.main_box .total{align-items: center;}
.main_box .total .total_more_btn{padding: 5px 0 5px 30px;}
.main_box .total .total_more_btn img{width: 0.6em;}


.main .main_box .card_type {display: flex; justify-content: space-between; align-items: center;}
.setbtn button{width: 2.9em; height: 2.9em; border-radius: 50%; background-color: #fff; border:1px solid #eee;}
.setbtn button img{width: 1.2em; position: relative; top: .1em; left: .025em;}



/*주문서업로드*/


.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/ALTORAN/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: #39C0AE;}
.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: #39C0AE;}
.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/ALTORAN/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: #39C0AE;}
.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/ALTORAN/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/ALTORAN/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: #39C0AE;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{margin :0; margin-bottom: .7em; background-color: #fff; padding-top: 1.4em; padding-bottom: 1.4em;}
.mypage .profile{display: flex; justify-content: space-between; align-items: center;margin-bottom: 1em;}
.mypage .top .left{display: flex; align-items: center;}
.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{padding-left: 1em;}
.mypage .top .txtbox i {font-size: 1.15em;}
.mypage .top .txtbox p {color: #39C0AE;border:1px solid #39C0AE;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: #39C0AE;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: #edfbfd; border: none; font-size: 0.8em; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ALTORAN/167940910184029.png) no-repeat  #edfbfd;; background-position: top 50% right 1em; background-size: 1.5em}
.mypage .top .no-shop span{line-height: 1.4; padding-top: 3px; color: #39C0AE; font-size: 1.25em; font-weight: 600; }

.mypage .btm{border-top:none;}
.mypage .btm ul{border-bottom: none; background-color: #fff; padding: .8em 0; margin-bottom: 0; border-bottom: 1px solid #f3f3f3;}
/* .mypage .btm ul:first-child{border-top: 1px solid #eee;} */
.mypage .btm ul li{cursor: pointer;  padding:.7em  12px; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ALTORAN/167992964924606.png) no-repeat; background-size: 0.6em; background-position: top 50% right 1.2em;}
.mypage .btm ul li .con_wrap{display: flex; align-items: center;color: #333;}
.mypage .btm ul li .con_wrap p{font-weight: 500; font-size: 1.05em;}

.mypage .btm ul.logout li{background: none; }
.mypage .btm ul.logout li .con_wrap p{font-size: .9em;}
.mypage .btm ul .mp_tit{padding: .5em 1.1em 1.1em; font-size: 0.85em; color: #888; padding-left: 12px;}
/* .mypage .btm ul.myinfo .mp_tit{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ALTORAN/167940984039787.png) no-repeat 1.2em 27%;  background-size: 1.1em;}
.mypage .btm ul.myshop .mp_tit{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ALTORAN/167940984438072.png) no-repeat 1.3em 32% ;  background-size: .95em;}
.mypage .btm ul.myinvoice .mp_tit{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ALTORAN/167940986050771.png)  no-repeat 1.2em 26%;  background-size: 1.15em;}
.mypage .btm ul.mynotice .mp_tit{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ALTORAN/167941815161926.png) no-repeat 1.3em 28%;  background-size: .95em;} */


/* 공지사항 */
.notif .bg_radius02 {padding:1.2em; padding-left: 5em;}
.notif li{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ALTORAN/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/ALTORAN/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_time{position: absolute; right: 5em; top:57%; transform: translateY(-50%); color: #888;}
.sms_time2{top:68%;}