@charset "utf-8";
@import url(/include/css/jquery.mCustomScrollbar.css);
@import url(/include/css/swiper.min.css);

/*공통 css*/
.tab_cont_wrap {margin-top: 0 !important;}
.h100 {height: 100%;}
.pb65 {padding-bottom: 65px !important;}
.mb0 {margin-bottom: 0 !important;}
.delivery_info > h2.red {color: #f35d5c !important;}	
.delivery_info > h2.blue {color: #1a8aef !important;}	
.delivery_info > h2.yellow {color: #af7d35 !important;}	

/*fix-최상단*/
.content_header {z-index: 9999;position: relative;display: flex;justify-content: center;align-items: center; width: 100%;height: 60px;text-align: center; background: #fff; border-bottom: 1px solid #eee;box-sizing: border-box;}
.content_header h1 {font-size: 16px;font-weight: bold;color: #242552;}
.content_header button.prev {position: absolute;top: 20px;left: 15px; width: 18px; height: 15px;background: url(https://bm.publog.co.kr/include/img/login/btn_prev.png?t=1) no-repeat;background-size: cover;}
.content_header a {width: 25px; position: absolute;top: 17px;}
.content_header a img {width: 100%;}
.content_header a.help {right: 50px;}
.content_header a.set {right: 15px;}

/*페이징*/
.paginate {padding: 20px 0px;    display: flex;   align-items: center;    justify-content: center;}
.paginate img {    padding: 0px 5px 0px;}
.paginate strong {    padding: 0px 10px; font-weight: bold;}
/*----------------주문배송----------------*/

/*탭*/
.order_month2 .select-box {display: flex;justify-content: space-between;align-items: center;height: 55px;padding: 0 20px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box; background: #fff;}
.order_month2 .select-box select {width: 100%;}
.order_month2 .select-box span.arrow {width: 9px;height: 5px;background: url(/login/new/img/sel_arrow@2x.png?t=1) no-repeat;background-size: cover;}
			
/*탭 - 상품 */
.order_month2 .cont_box {background-color: #f5f5f5;}
.order_month2 .cont_box .wrap_bg {width: 100%; height: 100%; background-color: #f5f5f5;}
.order_month2 .sub_wrap_bg {padding: 25px 20px; background-color: #fff; margin-top: 12px;}
			
.order_month2 .cont_box > .last {border-bottom: 0 !important;}
.order_month2 .sub_wrap_bg .thumb_txt {margin: 8px 0 0 20px; line-height: 23px;}
.order_month2 .sub_wrap_bg .thumb_txt h2 {font-weight: bold; font-size: 14px; color: #434343;}
.order_month2 .sub_wrap_bg .thumb_txt h3 {font-size: 14px; font-weight: bold; color: #434343; margin-top: 12px;}
.order_month2 .sub_wrap_bg .thumb_txt p {color: #777; margin-bottom: 8px;}
.order_month2 .sub_wrap_bg .thumb_img {position: relative; width: 100px; height: 100px; padding: 15px; display: flex; justify-content: center; align-items: center !important; background: #f8f9fa; box-sizing: border-box;border-radius: 5px;}
.order_month2 .sub_wrap_bg .thumb_img img {width: 200px;}
			
.order_month2 .sub_wrap_bg article.date {margin-bottom: 15px;}	
.order_month2 .sub_wrap_bg article.date h3 {font-size: 15px;color: #434343;font-weight: bold;}	
.order_month2 .sub_wrap_bg article.date h4 {display: flex;justify-content: space-between;align-items: center;}	
.order_month2 .sub_wrap_bg article.date span {font-size: 12px;color: #858585 !important;}
.order_month2 .sub_wrap_bg article.date h3 span.save_date {    position: absolute;    right: 20px;    border: 1px solid;    padding: 2px 5px;    border-radius: 12px;}	

.order_month2 .sub_wrap_bg article.product > a {padding-bottom: 8px; display: flex;}
.order_month2 .sub_wrap_bg article.product h3 span {border: 1.3px solid #c7c7c7;border-radius: 2px;padding: 3px 5px;font-size: 11px;color: #a5a5a5 !important;margin-left: 6px;font-weight: 100;}

/*배송안내*/
.order_month2 .sub_wrap_bg .delivery_info {display: flex;justify-content: space-between; border: 1px solid #e0e0e0; border-radius: 5px; margin-bottom: 15px;
	padding: 12px 15px;position: relative;}
.order_month2 .sub_wrap_bg .delivery_info h2 {font-size: 14px; color: #2a2a2a; font-weight: bold;}	
.order_month2 .sub_wrap_bg .delivery_info h2 span {color: #909090; font-weight: 100;margin-left: 10px; font-size: 13px;}	
.order_month2 .sub_wrap_bg .delivery_info button {font-size: 13px; color: #000; font-weight: bold; margin-right: 15px; position: static;}	
.order_month2 .sub_wrap_bg .delivery_info button::after {content:""; position: absolute; top: 3px; right: 1px; width: 30px; height: 45px; background: url(https://and100.publog.co.kr/img/payment/arrow@2x.png?t=1) center no-repeat; background-size: 40%; transform: rotate(270deg);}	
		
/*탭 - 주문상품없음*/
.order_month2 .cont_box section.order_nothing {display: flex;justify-content: center;align-items: center; background: #fff;position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);}
.order_month2 .cont_box section.order_nothing div > img {width: 70px;margin: 0 auto 25px auto; opacity: 0.2;}
.order_month2 .cont_box section.order_nothing div > p {font-size: 16px; color: #b5b5b5;}


/*----------------주문배송 (변경 전)----------------*/

/*탭*/
.order_month .tab_default ul.tab_btn_wrap > li {border: none; border-bottom: 1px solid #eee !important; width: 25% !important; height: 50px !important;}
.order_month .tab_default ul.tab_btn_wrap > li span {font-size: 14px;}
.order_month .tab_default ul.tab_btn_wrap > li.active {border: 0 !important; border-bottom: 2px solid #242552 !important;}
.order_month .tab_default ul.tab_btn_wrap > li.active span {color: #242552;}

/*탭 - 상품 */
.order_month .sub_wrap_bg {display: flex; align-items: center; margin: 0 5%; padding: 5% 0; border-bottom: 1px solid #e5e5e5 !important;}
.order_month .cont_box > .last {border-bottom: 0 !important;}
.order_month .sub_wrap_bg .thumb_txt {margin-left: 6%; line-height: 23px;}
.order_month .sub_wrap_bg .thumb_txt h2 {font-weight: bold; font-size: 14px;}
.order_month .sub_wrap_bg .thumb_txt h3 {color: #a7a7a7;}
.order_month .sub_wrap_bg .thumb_txt p {color: #777; margin-bottom: 8px;}
.order_month .sub_wrap_bg .thumb_img {position: relative; width: 42%; height: 150px; padding: 15px; display: flex; justify-content: center; align-items: center !important; background: #f8f9fa; box-sizing: border-box;}
.order_month .sub_wrap_bg .thumb_img img {width: 200px;}

/*탭 - 주문상품없음*/
.order_month .tab_default .cont_box section.order_nothing {height: 73%;display: flex;justify-content: center;align-items: center;}
.order_month .tab_default .cont_box section.order_nothing div > img {width: 70px;margin: 0 auto 25px auto; opacity: 0.2;}
.order_month .tab_default .cont_box section.order_nothing div > p {font-size: 16px; color: #b5b5b5;}


/*----------------주문배송 상세내역----------------*/

.order_info2 .btn_info button.cancle_btn {background-color: #222450 !important;}
.order_info2 .caution_info {padding: 70px 20px 60px !important;}
/*배송상태*/
.order_info2 .content_ul {padding: 0 !important;}	
.order_info2 .content_ul li {padding: 22px 20px !important; box-sizing: border-box; border-bottom: 10px solid #f5f5f5 !important;}
.order_info2 .content_ul li .delivery_info {display: flex;justify-content: space-between; border: 1px solid #e0e0e0; border-radius: 5px; margin-bottom: 15px;
	padding: 12px 15px;position: relative;}
.order_info2 .content_ul li .delivery_info h2 {font-size: 14px; color: #2a2a2a; font-weight: bold;}	
.order_info2 .content_ul li .delivery_info h2 span {color: #909090; font-weight: 100;margin-left: 10px; font-size: 13px;}	
.order_info2 .content_ul li .delivery_info button {font-size: 13px; color: #000; font-weight: bold; margin-right: 15px;}	
.order_info2 .content_ul li .delivery_info button::after {content:""; position: absolute; top: 1px; right: 1px; width: 30px; height: 45px; background: url(https://and100.publog.co.kr/img/payment/arrow@2x.png?t=1) center no-repeat; background-size: 40%; transform: rotate(270deg);}	

.order_info2 .content_ul li .num2 {padding-bottom: 10px;}
.order_info2 .content_ul li .num2 .tit_box h4 {margin-top: 5px;}
.order_info2 .content_ul li .num2 .tit_box h5 div span {margin-left: 1px;}
.order_info2 .content_ul li .num2 .tit_box h5 div {width: auto !important; padding: 0 6px !important;}
.order_info2 .content_ul li .num2 .thumb {padding: 15px !important;}
/*토글(드롭다운) - 배송정보 */
.order_info2 .credit_info > h3 {position: relative;}
.order_info2 .credit_info .tb_default4 tr.plus_btn2 td {display: flex; align-items: center;}
.order_info2 .credit_info .tb_default4 tr.plus_btn2 td button {background-color: #222450; color: #fff;padding: 5px 10px;font-size: 11px; margin: 3px 10px;}
.order_info2 .menu_ul {padding: 0 !important;}
.order_info2 .menu_ul li > h2 {font-size: 16px;color: #1a1a1a;font-weight: bold;}
.order_info2 .menu_ul li > h2 > button {background-color: #a9a9a9;color: #fff;padding: 5px 10px;font-size: 11px;font-weight: 100; margin-left: 10px;}
.order_info2 .menu_ul .menu_depth1 {padding: 0 !important;}
.order_info2 .menu_ul .menu_depth1 > h2 span {font-weight: 100;margin-left: 5px;}
.order_info2 .menu_ul .menu_depth1 .menu_depth2 {margin-bottom: 40px;}
.order_info2 .menu_ul .menu_depth1 .menu_depth2 button {background-color: #a9a9a9;color: #fff;padding: 12px;font-size: 13px;font-weight: 100; width: 100%;box-sizing: border-box; margin-top: 20px;}
.order_info2 .menu_ul .menu_depth1:before, .order_info2 .menu_ul .menu_depth1:after {top: 16px; right: 0px; width: 30px;height: 30px;background: url(https://www.publog.co.kr/include/img/arrow_down.png) center no-repeat; opacity: 0.5;}
.order_info2 .menu_ul .menu_depth1.complete:after {width: 15px; height: 28px; top: 18px; right: 7px; opacity: 1; background: url(https://www.publog.co.kr/sub_review/img/new/arrow.png) center no-repeat;}
/*최종금액*/
.order_info2 table.mini_credit {background-color: #fff !important; border-top: 1px solid #dbdbdb; margin-top: 70px;}
.order_info2 table.mini_credit .sale td {font-weight: 100 !important; color: #a7a7a7 !important;}
.order_info2 table.mini_credit .sale1 {border: 0; padding: 15px 20px 5px;}
.order_info2 table.mini_credit .sale2 {border: 0; padding: 5px 20px;}
.order_info2 table.mini_credit .sale2 th {margin-right: 80px;}
.order_info2 table.mini_credit .sale3 {border: 0; padding: 5px 20px 15px;}
.order_info2 table.mini_credit .sale3 th {margin-right: 78px;}
.order_info2 table.mini_credit tr.total {background-color: #f7f7f7;}


/*----------------주문배송 상세내역 (변경 전) ----------------*/

/*주문번호*/
.order_info .point_wrap {height: auto !important; display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border: 0 !important;}
.order_info .point_wrap > dl dt {font-size: 15px; font-weight: normal !important; color: #666 !important;}
.order_info .point_wrap > dl dd {font-size: 15px; margin-left: 15px !important;}
.order_info .point_wrap button {padding: 6px 10px;background: #fff; border: 1px solid #ebebeb;}
/*리스트*/
.order_info .content_ul {padding: 0 20px;}
.order_info .content_ul li {position: relative;width: 100%;border-bottom: 1px solid #e5e5e5;}
.order_info .content_ul li.last {border: 0 !important;}
.order_info .content_ul li .num2 {position: relative; display: flex; width: 100%; height: auto !important; align-items: center; }
.order_info .content_ul li .num2 .tit_box {position: relative; width: 60%; height: auto !important; margin-left: 20px; text-align: left;}
.order_info .content_ul li .num2 .tit_box h4 {font-size: 15px; color: #434343; font-weight: bold;}
.order_info .content_ul li .num2 .tit_box h5 {font-size: 16px; color: #434343; display: flex; align-items: center; margin-top: 10px;}
.order_info .content_ul li .num2 .tit_box h5 em {font-weight: bold; color: #434343;}
.order_info .content_ul li .num2 .tit_box h5 div {width:48px; height: 22px; text-align: center; font-size: 11px; color: #858585 !important; border: 1px solid #a1a1a1; margin-left: 9px;}
.order_info .content_ul li .num2 .tit_box span {text-align: right; padding-top: 10px;}
.order_info .content_ul li .num2 .tit_box p {color: #a7a7a7; margin-top: 4px; text-align: left;}
.order_info .content_ul li .num2 .tit_box button {width: 52px; height: 22px; text-align: center; font-size: 11px; color: #ffffff !important; margin-left: 8px; background: #242552; border: 1px solid #242552;}
.order_info .content_ul li .num2 .thumb {    display: flex;
    width: 100px;
    height: 100px;
    background-color: #f8f9fa;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0 !important;
    align-items: center;
    justify-content: center;}
.order_info .content_ul li .num2 > button {position: absolute; top: 68px;left: 68px;width: 30px; height: 30px;background: #fff url(https://bm.publog.co.kr/include/img/my/ico_search.png?t=1) center no-repeat; background-size: 12px;border: 1px solid #e5e5e5;}

/*상품금액*/
.order_info table.mini_credit {background: #f9f9f9; font-size: 13px;}
.order_info table.mini_credit tr {border-bottom: 1px dashed #c0c0c0; padding: 15px 20px; display: flex; justify-content: space-between;}
.order_info table.mini_credit tr th {font-weight: 500;}
.order_info table.mini_credit tr td {font-weight: bold;}
.order_info table.mini_credit tr.total {border-bottom: 1px solid #dbdbdb;}
.order_info table.mini_credit tr.total th {font-weight: bold;font-size: 15px;}
.order_info table.mini_credit tr.total td {color: #f93c3c !important; font-size: 16px;}


/*상품목록 - 실시간 배송*/
.shop_bsk .content_ul li .num2_sub2 {height: 35px !important; padding: 0px 0 0 35px; display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;}
.shop_bsk .content_ul li .num2_sub2 span {    letter-spacing: 1px;   padding-left: 10px;}



/* 장바구니 툴팁 레이어 */
.shop_bsk .basket_notice_btn {width:18px; margin-left:5px; vertical-align: middle; transition: 0.3s; opacity: 0.4;   display: inline-block; }
.shop_bsk .basket_notice_layer {display:none;}
.shop_bsk .basket_notice_btn:hover + .basket_notice_layer {margin-top: 10px; margin-left:auto; color: #fff; border-radius: 20px; background-color: #222350; z-index: 9; display: block; position: absolute; width: auto; padding: 7px 15px; box-sizing: border-box; white-space: nowrap; margin-top: 10px; }

.shop_bsk .delivery_notice_btn .delivery_flex {display: flex;   align-items: center;}





/*배송정보*/
.order_info .credit_info {padding: 50px 20px 0;}
.order_info .credit_info > p {padding: 20px 0;text-align: center;font-size: 13px;line-height: 25px;background: #f7f7f7;margin: 30px 0 20px;}
.order_info .credit_info h3 {margin-bottom: 17px;font-size: 16px;color: #1a1a1a;font-weight: bold;}
.order_info .credit_info .tb_default4 th, .credit_info .tb_default4 td {padding: 12px; font-size: 12px;}
.order_info .credit_info .tb_default4 tr.plus_btn td {display: flex; align-items: center;}
.order_info .credit_info .tb_default4 tr.plus_btn td button {background-color: #a9a9a9; color: #fff; padding: 5px 10px; font-size: 11px; margin: 3px 10px;}
/*유의사항*/
.order_info .caution_info {padding: 60px 20px; text-align: center;}
.order_info .caution_info h3 {color: #242552; font-weight: bold; font-size: 18px;}
.order_info .caution_info p {margin-top: 15px; line-height: 25px;}

.order_month2 .sub_wrap_bg .thumb_txt p {color: #a7a7a7;}

/* 241101 수정 */
/*주문상세 내역 버튼*/
.order_info .content_ul li .num2 .sub_my_pdf  {padding: 0 !important}                             
.order_info .content_ul li .num2 .sub_my_pdf .Notify  {padding: 10px 0 !important}
.order_info .content_ul li .num2 .sub_my_pdf button { font-weight: normal;  font-size: 11px !important;  width: 30%!important; height: 20px!important; margin-left:0 !important; padding: 0!important}
.order_info .content_ul li .num2 .sub_my_pdf button:nth-child(3n) { margin-right:0px}

.order_info .content_ul li .num2 .sub_my_pdf button.btn_squares { color: #666 !important;  border: 1px solid #bbb;  background:#fff !important; margin-right:0px !important; }
.order_info .content_ul li .num2 .sub_my_pdf .bold {font-weight: bold; }
.order_info .content_ul li .num2 .sub_my_pdf .bold button { float: left; margin-top: 10px;} 
/* // 241101 수정 */



/*----------------배송정보 수정----------------*/

.order_delivery {padding: 20px;}
.order_delivery .tb_tax td .size1 {width: 100% !important;}
.order_delivery .tb_tax td .size4 {width: 60% !important; margin-right: 2%;}
.order_delivery .tb_tax td.wrap_3 {display: flex;}
.order_delivery .tb_tax td.wrap_3 span {margin: 5px;}
.order_delivery .tb_tax td button.btn_post {width: 36% !important; margin-left: 0 !important;}
.order_delivery .tb_tax td input::placeholder {color: #a7a7a7;}
.order_delivery .btn_fixed {margin-top: 30px; text-align: center;}
.order_delivery .btn_fixed button {width: 100%; height: 50px; font-size: 16px;}


/*----------------입금자명 변경----------------*/

.order_namechange {width: 80%; height: 280px; background-color: #fff; position: absolute;top: 48%; left: 50%; transform: translate(-50%,-50%); padding: 0; text-align: center;}
.order_namechange div {position: relative;}
.order_namechange h2 {background-color: #222450; color: white; padding: 20px;}
.order_namechange p {margin: 12px 20px 28px; color: #f93c3c !important; font-size: 12px;}
.order_namechange form table {margin: 0 auto; margin-top: 30px;}
.order_namechange form table .input_box {height: 50px; width: 245px; padding: 0 15px;border: 1px solid #d4d4d4; box-sizing: border-box;text-align: center; font-size: 15px;}
.order_namechange .btn_fixed button {width: 45%;height: 45px;font-size: 16px;color: #fff;background: #a9a9a9;}
/*팝업 닫기 버튼*/
.order_namechange .order_pop_close {position: absolute;top: 4.7%; right: 3%; z-index: 999;}
.order_namechange .order_pop_close img {width: 38px; height: 38px;}


/*----------------다중배송지 선택----------------*/

/*배송지 헤더*/
.multi_delivery .point_wrap h3 {font-size: 15px;font-weight: normal; color: #666;}
.multi_delivery .point_wrap h3 span {margin: 0 3px;font-weight: bold;color: #ff4040;font-size: 16px;}

/*상품*/
.multi_delivery {height: 90%;}
.multi_delivery .content_ul > li {padding: 18px 0 !important;}
.multi_delivery .content_ul > li:last-child {border-bottom: 0 !important;}
.multi_delivery .content_ul .num2 {padding: 0 !important; justify-content: space-between;}
.multi_delivery .content_ul .num2 .tit_box {margin-left: 0 !important; display: flex; flex-direction: column; justify-content: center;}
.multi_delivery .content_ul .num2 .tit_box p.phone_num {color: #c2c2c2;}
.multi_delivery .content_ul .num2 .btn_box {display: flex;flex-direction: column;justify-content: center;}
.multi_delivery .content_ul .num2 .btn_box button {display: block; width: 60px; height: 28px; text-align: center;font-size: 11px;color: #8b8b8b; background: #fff;
	border: 1px solid #b4b4b4; border-radius: 3px;}
.multi_delivery .content_ul .num2 .btn_box button:nth-child(2) {color: #ff4040; border: 1px solid #ff4040; margin-top: 8px}



/*전체선택*/
.multi_delivery .all_chk > h3 {display: flex; color: #a7a7a7; font-size: 14px;}
.multi_delivery .all_chk {border-top: 1px dashed #e3e3e3 !important; padding: 15px 20px !important;}



/*체크박스*/
.multi_delivery .content_ul .num2 .check_wrap input {display:none;}
.multi_delivery .content_ul .num2 .check_wrap label {display: block; padding: 32px 0;} /* 체크 범위 */
.multi_delivery .content_ul .num2 .check_wrap input + label:before {content:""; display:inline-block; width:20px; height:20px; border-radius: 50px; background: #d7d7d7 url(/number/img/btn_check.png?t=1) center no-repeat; background-size: 10px;} /* label:before에 체크하기 전 상태 */
.multi_delivery .content_ul .num2 .check_wrap input:checked + label:before {content:""; background: #222450 url(/number/img/btn_check.png?t=1) center no-repeat; background-size: 10px;} /* label:before에 체크 된 상태 */ 

/*상품 없음*/
.multi_delivery .order_nothing {height: 73%;display: flex;justify-content: center;align-items: center;}
.multi_delivery .order_nothing p {font-size: 16px;color: #b5b5b5;text-align: center;}

/*버튼*/
.btn_info {padding: 0 20px;}
.btn_info button {width: 100%; height: 60px; font-size: 15px;}
.btn_info button.delivery_btn {background-color: #242552; color: #fff; z-index: 9999;}
.btn_info button.cancle_btn {background-color: #a9a9a9; color: #fff; margin: 10px 0 20px;}

/*버튼 고정*/
.btn_fix {position: fixed; bottom: 0; padding: 0 !important; width: 100% !important;box-sizing: border-box;}
.btn_off {background-color: #c4c4c4 !important;}


/*----------------다중배송 조회----------------*/

.multi_list .sub_wrap_bg {padding: 20px !important;}
.multi_list .sub_wrap_bg .thumb_txt {margin: 0 !important; display: flex; flex-direction: column; justify-content: center;}
.multi_list .sub_wrap_bg .thumb_txt {margin: 0 !important; display: flex; flex-direction: column; justify-content: center;}
.multi_list .sub_wrap_bg .product a > h2 {display: flex; align-items: center; justify-content: center; width: 90px; font-weight: bold; color: #000;}
.multi_list .sub_wrap_bg .thumb_txt p {margin-bottom: 0 !important;}
.multi_list .sub_wrap_bg .thumb_img {width: 80px !important;height: 80px !important;}


/*---------------- 퍼블로그 결제 ----------------*/

.mb40 {margin-bottom: 40px !important;}
.payment_content .tab_cont_wrap .cont_box:first-child {display: none;}
.payment_content .tab_cont_wrap .cont_box:last-child {display: block;}
.payment_content .tab_default .tab_cont_wrap .cont_box form .checkbox {margin: 25px 0;}

.payment_content .form_box form .checkbox label {font-size: 12px;color: #666; padding-left: 32px !important; color: #adadad !important;}
.payment_content .form_box form	.checkbox label::before, .checkbox label::after {top: 1px !important;}
.payment_content .form_box .input_wrap .form_address a {position: absolute;top: 50px;right: 0;}

/*배송정보 - 접었다 펴기*/			
.payment_list .form_box .inbox button.arrow {opacity:0.3; position:absolute; top: 2px; right: -7px; width:28px; height:15px; background: url('/img/payment/arrow@2x.png?t=1') center no-repeat; background-size:45%; transition: .5s}
.payment_list .form_box.active .inbox button.arrow {opacity:1 !important; transform: rotate(180deg); transition: .5s !important;}
.payment_list > li.active article > .form_box, .payment_list > li.active article > .form_box.active > .form_box {display:block;}

/*배송정보 - 내용*/
.payment_list .inbox {position: relative;}
.payment_list .form_tel select {padding: 0px 5px 0 10px !important;}

/*상품*/
.payment_content .multi_dlv {background-color: #f7f7f7;padding: 15px;border-radius: 7px;margin-top: 15px;border: 0 !important;}
.payment_content .multi_dlv .inbox p {display: inline-block;font-size: 12px;line-height: 18px;margin-top: 7px; color: #999;}
.payment_content .multi_dlv .inbox p.sub {font-weight: bold !important; color: #000 !important; margin-top: 0 !important;}
.payment_content .multi_dlv .form_box {border-top: 1px solid #e5e5e5; padding-top: 0 !important;} 

.payment_content .multi_dlv .form_goods {width: 100%; padding: 20px 0 40px !important; box-sizing: border-box;} 
.payment_content .multi_dlv .form_goods .num2 {position: relative;display: flex; width: 100%; padding-bottom: 20px;} 
.payment_content .multi_dlv .form_goods .num2 .thumb {width: 100px;height: 100px;padding: 15px;background: #fff;box-sizing: border-box;display: flex;justify-content: center;align-items: center;} 
.payment_content .multi_dlv .form_goods .num2 .thumb img {width: 100%;} 
.payment_content .multi_dlv .form_goods .num2 .tit_box {display: flex;flex-direction: column;justify-content: center;position: relative;width: 60%;height: auto !important;margin-left: 20px;text-align: left;} 
.payment_content .multi_dlv .form_goods .num2 .tit_box h4 {font-size: 15px;color: #434343;font-weight: bold;} 
.payment_content .multi_dlv .form_goods .num2 .tit_box h5 {font-size: 12px;margin-top: 3px;}
.payment_content .multi_dlv .form_goods .num2 .tit_box h5 span {display: inline !important;font-size: 13px; color: #ff4040;font-weight: bold;margin-left: 3px;}
.payment_content .multi_dlv .form_goods .num2 .tit_box p {color: #a7a7a7;margin-top: 2px;font-size: 13px;} 

.payment_content .multi_dlv .form_goods .quantity_box_35 {width: 100%;height: 35px;position: relative;float: left;border: 1px solid #d5d5d5;box-sizing: border-box;}
.payment_content .multi_dlv .form_goods .quantity_box_35::after {content: "";display: table;clear: both;}
.payment_content .multi_dlv .form_goods .quantity_box_35 button.down {position: absolute;top: 0;left: 0;width: 33px;height: 33px;background: url(https://bm.publog.co.kr/include/img/order/quantity_down.png) no-repeat;background-size: 33px;}
.payment_content .multi_dlv .form_goods .quantity_box_35 button.up {position: absolute;top: -2px;right: 0;float: left;width: 35px;height: 38px;background: url(https://bm.publog.co.kr/include/img/order/quantity_up.png) no-repeat;background-size: 38px;}
.payment_content .multi_dlv .form_goods .quantity_box_35 input {float: left;width: 100%; height: 33px;padding: 0;font-size: 14px;color: #000; text-align: center;border: none; background-color: #f7f7f7;}

/*버튼 및 안내*/
.payment_list .multi_dlv_select {display: flex; align-items: center; margin-top: 15px;border-top: 1px dashed #e5e5e5;padding-top: 17px;}
.payment_list .multi_dlv_select label.tit {font-size: 12px;color: #1a1a1a;}
.payment_list .multi_dlv_select label.tit > div {display: flex; align-items: center;}
.payment_list .multi_dlv_select label.tit > div p {font-size: 13px;font-weight: bold;margin: 0 0 0 8px !important;}
.payment_list .multi_dlv_select > .form_group {margin: 0 5px 0 15px !important;}
.payment_list .multi_dlv_select > .form_group select {width: 100px; height: 35px;border: 1px solid #e5e5e5;}
.payment_list .multi_dlv_select > button {width: 60px; height: 35px; font-size: 12px; text-align: center; color: #fff; background: #222450 !important; box-sizing: border-box;}

.tooltip {position: relative;}
.tooltip_btn {opacity: 0.4; width: 18px; height: 18px;}
.tooltip_text {visibility: hidden; z-index: 999; width: 220px; position: absolute; top: 40px; left: 0; padding: 20px; background: #2a2a2a; box-sizing: border-box; border-radius: 5px;}
.tooltip_text li {margin-bottom: 15px;}
.tooltip_text li:last-child {margin-bottom: 0;}
.tooltip_text li h3 {font-size: 14px; color: #fff; float: none !important; margin-bottom: 5px;}
.tooltip_text li h4 {font-size: 11px; color: #ffcc45; line-height: 17px;}
.tooltip_text li p {font-size: 11px; color: #fff; line-height: 17px;}
.tooltip:hover .tooltip_text {visibility: visible;} /*.tooltip_btn:hover은 안된다. 왜지?*/


/*---------------- 장바구니 ----------------*/

.shop_bsk main {padding-bottom: 115px; background: none; height: auto;}
.shop_bsk .content_ul {padding: 0 !important;}
.shop_bsk .content_ul li {padding: 15px !important;; box-sizing: border-box; border-bottom: 10px solid #f5f5f5 !important;     display: flex;  align-items: stretch;   flex-direction: column;}

.shop_bsk .content_ul li .num2 {justify-content: flex-start; padding-bottom: 20px !important; border-bottom: 1px solid #e5e5e5;}
.shop_bsk .content_ul li .num2 article.thumb {margin-left: 5px !important; }
.shop_bsk .content_ul li .num2 article.thumb img {height:auto !important ;     width: auto !important;}
.shop_bsk .content_ul li .num2 article.tit_box {margin-left: 20px !important;}
.shop_bsk .content_ul li .num2 .thumb {position: relative;width: 100px;height: 100px; padding: 5px; display: flex;justify-content: center;align-items: center !important; background: #f8f9fa; box-sizing: border-box;}
.shop_bsk .content_ul li .num2 .tit_box h4 {font-size: 14px !important;}
.shop_bsk .content_ul li .num2 article.storage_period {position: absolute; right: 0px;}
.shop_bsk .content_ul li .num2 .tit_box .add_filename {padding: 3%; margin: 10px 0; background-color: #f3f3f3;} /*첨부파일 명*/


/*체크박스 - 전체선택*/
.shop_bsk .point_wrap h3, .all_chk .point_wrap h3 {display: flex;}
.shop_bsk .check_wrap, .all_chk .check_wrap {margin-right: 10px;}
.shop_bsk .check_wrap input,.all_chk .check_wrap input  {display:none;}
.shop_bsk .check_wrap input + label:before, .all_chk .check_wrap input + label:before {content:""; display:inline-block; width:20px; height:20px; border-radius: 50px; background: #d7d7d7 url(/number/img/btn_check.png?t=1) center no-repeat; background-size: 10px;} /* label:before에 체크하기 전 상태 */
.shop_bsk .check_wrap input:checked + label:before, .all_chk .check_wrap input:checked + label:before {content:""; background: #222450 url(/number/img/btn_check.png?t=1) center no-repeat; background-size: 10px;} /* label:before에 체크 된 상태 */ 

/*상품목록 - 버튼*/
.shop_bsk .content_ul li .num2_sub {display: flex;justify-content: space-between;height: 35px !important; padding: 15px 0 0 35px;}
.shop_bsk .content_ul li .num2_sub .btn_box {display: flex !important; width: 50%;}
.shop_bsk .content_ul li .num2_sub .btn_box button {width: 50%;}
.shop_bsk .content_ul li .num2_sub .btn_box button:first-child {color: #8b8b8b; background: #fff; border: 1px solid #b4b4b4;}
.shop_bsk .content_ul li .num2_sub .btn_box button:last-child {color: #fff; background-color: #242552; margin-left: 5px;}

/*상품목록 - 수량*/
.shop_bsk .content_ul li .num2_sub .quantity_box_35 {width: 96px;height: 35px;position: relative;float: left;border: 1px solid #b4b4b4;box-sizing: border-box;}
.shop_bsk .content_ul li .num2_sub .quantity_box_35::after {content: "";display: table;clear: both;}
.shop_bsk .content_ul li .num2_sub .quantity_box_35 button {opacity: 0.6;}
.shop_bsk .content_ul li .num2_sub .quantity_box_35 button.down {position: absolute;top: 0;left: 0;width: 33px;height: 33px;background: url(https://bm.publog.co.kr/include/img/order/quantity_down.png) no-repeat;background-size: 33px;}
.shop_bsk .content_ul li .num2_sub .quantity_box_35 button.up {position: absolute;top: -2px;right: 0;float: left;width: 35px;height: 38px;background: url(https://bm.publog.co.kr/include/img/order/quantity_up.png) no-repeat;background-size: 38px;}
.shop_bsk .content_ul li .num2_sub .quantity_box_35 input {float: left;width: 100%; height: 33px;padding: 0;font-size: 14px;color: #8b8b8b; text-align: center;border: none;}

/*상품금액*/
.shop_bsk table.mini_credit {background: #f5f5f5; font-size: 13px;}
.shop_bsk table.mini_credit tr {border-bottom: 1px dashed #c0c0c0; padding: 12px 20px; display: flex; justify-content: space-between;}
.shop_bsk table.mini_credit tr th {font-weight: 500;}
.shop_bsk table.mini_credit tr td {font-weight: bold;}
.shop_bsk table.mini_credit tr.total {border-bottom: 0; border-top: 1px solid #dbdbdb; background-color: #fff !important;padding: 15px 20px !important;}	
.shop_bsk table.mini_credit tr.total td {font-size: 17px !important;}

/*다중배송, 견적서 발급*/
.shop_bsk .delivery_choice {padding: 20px !important;}
.shop_bsk .delivery_choice .menu_ul {padding: 0 !important;}
.shop_bsk .delivery_choice .menu_ul .menu_depth1 {border-bottom: 0 !important; padding: 0 !important;}
.shop_bsk .delivery_choice .menu_ul li {margin-bottom: 15px;}
.shop_bsk .delivery_choice .menu_ul li > h2 {color: #8b8b8b;background: #fff;border: 1px solid #b4b4b4;text-align: center; transition: 0.3s; padding: 10px 0 !important; font-size: 13px;}
.shop_bsk .delivery_choice .menu_ul .complete > h2 {color: #fff;background-color: #242552;border: 1px solid #242552; transition: 0.3s;}
.shop_bsk .delivery_choice .menu_ul .menu_depth1.complete:after, .delivery_choice .menu_ul .menu_depth1:before, .delivery_choice .menu_ul .menu_depth1:after  {display: none !important;}
.shop_bsk .delivery_choice .menu_ul li > article {background: #f7f7f7;padding: 20px;}
.shop_bsk .delivery_choice .menu_ul li > article > h3 {margin-bottom: 0 !important;}
.shop_bsk .delivery_choice .menu_ul li > article > p {text-align: left;}
.shop_bsk .delivery_choice .menu_ul li > article > p.explain {color: #a5a5a5;}
.shop_bsk .delivery_choice .menu_ul li > article > button {margin: 20px 0 10px;padding: 10px 20px;background: #e5e5e5;border: 1px solid #ddd;width: 100%;box-sizing: border-box;}
.shop_bsk .delivery_choice .menu_ul li > article > div {display: flex;}
.shop_bsk .delivery_choice .menu_ul li > article > div .check_wrap {margin: 1px 5px 0 15px !important;}
.shop_bsk .delivery_choice .menu_ul li:last-child > article > button {margin: 0 !important;}
.shop_bsk .delivery_choice .menu_ul li .tit_box button {padding: 17px 15px; width: 100%; box-sizing: border-box;}
.shop_bsk .delivery_choice .menu_ul li:first-child .tit_box button {background-color: #dfdfdf; color: #000;}
.shop_bsk .delivery_choice .menu_ul li:last-child .tit_box button {color: #8b8b8b;background: #fff;border: 1px solid #b4b4b4;}

.shop_bsk .delivery_choice .menu_ul li .form_group {margin: 20px 0 10px !important;}
.shop_bsk .delivery_choice .menu_ul li .form_group input {width: 100% !important; height: 50px !important; padding: 0 20px 0 !important; background-color: #fff; font-size: 13px; text-align: left !important;}
.shop_bsk .delivery_choice .menu_ul li .form_group input::placeholder {font-size: 13px; color: #a5a5a5;}


.shop_bsk main > div .tit_box {padding: 12px 20px;display: flex;justify-content: space-between; position: relative;}
.shop_bsk main > div .tit_box h3 {color: #8b8b8b;}

                
.shop_bsk main > div .footer_noti {padding: 5%}              
.shop_bsk main > div .footer_noti h2 {font-weight: 700; padding-bottom: 1%}
.shop_bsk main > div .footer_noti ul li {list-style: disc; position: relative; left: 4%;}
                              

/*배송정보 - 접었다 펴기 - 화살표*/	
.shop_bsk main > div .tit_box button.arrow {opacity: 0.4; position: absolute; top: 2px; left: 160px; width: 30px; height: 45px;background: url(/img/payment/arrow@2x.png?t=1) center no-repeat; background-size: 40%;transition: .5s;} /*기본 화살표*/
.shop_bsk main > div.active .tit_box button.arrow {opacity:1 !important; transform: rotate(180deg); transition: .5s !important;} /*회전 화살표*/
/*배송정보 - 접었다 펴기*/	
.shop_bsk main > div .delivery_choice, .shop_bsk main > div .delivery_choice ul li .menu_depth2 {display:none;} /*숨기는 부분*/
.shop_bsk main > div.active .delivery_choice, .shop_bsk main > div.active .delivery_choice ul li.complete .menu_depth2 {display:block !important;} /*active시 활성화*/

/*---------------- 견적서 ----------------*/

.estimate {text-align: center; margin: 0 auto; padding: 15px;}
.estimate > div {width: 100%; box-sizing: border-box; margin-bottom: 20px;}
.estimate > div img {width: 100%;}
.estimate button {width: 46%; padding: 10px; font-size: 14px; color: #fff; background-color: #242552; border-radius: 2px; box-sizing: border-box;}			
.estimate button:first-of-type {margin-right: 5px;}		


/*퍼블코드 공유 아이콘*/

/*.sub_wrap {padding-top: 60px;}*/

.content_header a.share {      margin-right: 20px;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #f3f3f3;
    border-radius: 50px;
    padding: 2px 5px 2px 10px;
    background: #f3f3f3;
    display: flex;
    top: 12px;
    width: 80px;
    right: 0;
    position: absolute;
    align-items: center;
}

.content_header a.share img {width: 25% !important;}

/* 장바구니 퍼블코드 */
.codetxt {    text-align: right; }    

.share h1 {  padding: 25px 30px;  font-size: 25px;  color: #fff;  background: #222450;}
.share h3 {font-weight: bold; text-align: left;}
.share section { padding: 0px 10px 0px 10px;}
.share .ul_default {padding: 0px;}
.share .ul_default li {background: none;}   
.share li {list-style: disc}
.share .share_notice_num li {list-style: none !important;}    
.share .share_notice_num img {position: absolute; top: 110px; right: -45px;}
.share .share_notice_num button {    font-size: 17px;  margin: 20px 0;  color: #fff;  background-color: #222450;  width: 100%;  height: 50px;}
.share form input{  border: 1px;  font-size: 15px;  margin: 20px 0 0;  color: #333;  background-color: #f3f3f3;  width: 100%;  height: 50px;     text-align: center; font-weight: bold;}
.share .pop_close {    right: 0;  position: absolute;  top: 1%;}
.share .pop_close span img { width: 70%;}


.share_code li .num2 { justify-content: flex-start; padding-bottom: 0px !important;  border-bottom: 0px solid #e5e5e5; }            
.share_code li .num2_sub  {    justify-content: flex-end;}
.share_code .share_code_noti {background-color: #f3f3f3;     padding: 3% 5%;}


/* 장바구니 퍼블코드 팝업 */
.share_code .pop_my_publog {max-height: 97% !important; background-color: #fff !important; padding: 30px 30px; bottom: 0 !important;}
.share_code .pop_my_publog header {position: relative; display: flex; margin-bottom: 30px;}
.share_code .pop_my_publog header h2 {font-size: 16px; font-weight: bold; color: #000;}
.share_code .pop_my_publog header button.logout {width: 52px; height: 22px; text-align: center; font-size: 11px; color: #a5a5a5; border: 1px solid #c5c5c5; margin-left: 13px;}
.share_code .pop_my_publog header button.close {right: -10px !important; z-index: 9999;}

.share_code .pop_my_publog .scroll_wrap {height: 100%; overflow: auto;}
.share_code .pop_my_publog .scroll_wrap nav .l_new {color: #ff4040 !important; border: 1px solid #ff4040 !important;display: inline-block;width: 17px;height: 16px; margin: -2px 0 0 4px; font-size: 10px !important;font-weight: 500;line-height: 15px;text-align: center;box-sizing: border-box;vertical-align: middle;border-radius: 3px;}
.share_code .pop_my_publog .scroll_wrap nav ul {margin-top: 15px;   display: flex; justify-content: space-between; ;}
.share_code .pop_my_publog .scroll_wrap nav ul li {margin-bottom: 25px; margin: 0% 3%; text-align: center;}
.share_code .pop_my_publog .scroll_wrap nav ul li:first-child {margin-left: 0%;}
.share_code .pop_my_publog .scroll_wrap nav ul li:last-child {margin-right: 0%;}    
.share_code .pop_my_publog .scroll_wrap nav ul li img {margin-bottom:10%;}

.share_code .content_ul li .num2_sub {    width: 100%; display: flex; justify-content:flex-end; height: 35px !important; padding: 0px;}
.share_code .content_ul li .num2 {margin-bottom: 20px;}

.lookup {   color: #898989 !important;  display: inline-block;  padding: 3px 11px;  background-color: #ededed;} /*조회버튼/*

/* 퍼블코드 v3 */
.share_v3 h2 { padding: 30px 0; font-weight: 400; font-size: 18px; color: #333; text-align: center;}	
.share_v3 .tab_cont_wrap .cont_box h3 { padding: 30px 0 0; font-weight: 400; font-size: 14px; color: #333; text-align: center;}		
.share_v3 .tab_cont_wrap .cont_box h3 span a {text-decoration: underline; font-size: 12px; margin-left: 5px;}		
.share_v3 .notice h3 {text-align: left !important; font-weight: 600 !important;}
.share_v3 ul .form_box {padding: 20px 30px;}
.share_v3 .publogcode_tit {color: #333;    font-weight: bold;    position: relative;    padding: 20px 30px;    border-bottom: 1px solid #dbdbdb; }
.share_v3 .share_notice_num button {margin-top: -10px;}
.share_v3 form input {font-size: 12px;}

.share_v3 .event_ban {  position: relative;  width: 100%;  overflow: hidden;}
.share_v3 .event_ban img {  display: block;  width: 100%;  height: auto; }
.share_v3 .event_ban .ban_text {     width: 100%;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-44%, -50%);    text-align: left;    color: #333;}
.share_v3 .event_ban .ban_text P { font-weight: bold;    font-size: 17px;    padding-bottom: 10px; text-align: left;}
.share_v3 .event_ban .ban_text span { color: #676767 }
.share_v3 .event_ban .ban_text span.link_btn { color: #676767; font-size: 10px; }
.share_v3 .tab_default ul.tab_btn_wrap > li {border: 0px;     border-bottom: 1px solid #000;}
.share_v3 .form_box {border-top: 0px;}
/* 타이틀 기본 스타일 + 화살표 자리 */
.share_v3 .publogcode_list .publogcode_tit{  position: relative;  padding-right: 24px;  cursor: pointer;  overflow: visible;}

/* 닫힘 상태: ▶ (우측 화살표) */
.share_v3 .publogcode_list .publogcode_tit::after{
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%) rotate(0deg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform .25s ease;
  pointer-events: none;
  /* 회색 라인 아이콘 (SVG data URI) */
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path d='M8 5l8 7-8 7' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
  </svg>");
}

/* 열린 상태: ▼처럼 보이게 90도 회전 */
.share_v3 .publogcode_list li.active > .publogcode_tit::after{  transform: translateY(-50%) rotate(90deg);}

/* 기본은 닫힘으로 시작 */
.share_v3 .publogcode_list li > .form_box{  display: none;}
.share_v3 .multiline-placeholder::placeholder {white-space: pre-line; /* 줄바꿈 허용 */}
/* 퍼블코드 v3 -여기까지- */


/*공유 팝업창*/
.basket_share_pop {  overflow:scroll; }
.basket_share_pop section    {  overflow:scroll;  height: 100%; margin-top: 70px;     padding: 0 20px; }
.basket_share_pop h1 {    padding: 15px 30px !important;  font-size: 20px !important;  color: #fff;  background: #222450;    width: 100%; position: fixed; z-index: 9999;}
.basket_share_pop .pop_close span img { position: relative;  width: 45%;  right: -30px;}
.basket_share_pop h3 {font-size: 18px !important;}

.basket_share_pop .ul_default li {    font-size: 15px; margin-bottom: 5px;  line-height: 30px;}
.number_layer .layer_content.opp_pop button.b-close {    position: fixed;    top: 136px !important;    right: 20px !important;    width: 50px !important;    height: 50px !important;
    background: url(https://and100.publog.co.kr/img/contents/btn_close_white.png) no-repeat !important;    background-size: 40px !important;}

/*---------------- 견적서 ----------------*/

.estimate {text-align: center; margin: 0 auto; padding: 15px;}
.estimate > div {width: 100%; box-sizing: border-box; margin-bottom: 20px;}
.estimate > div img {width: 100%;}
.estimate button {width: 46%; padding: 10px; font-size: 14px; color: #fff; background-color: #242552; border-radius: 2px; box-sizing: border-box;}			
.estimate button:first-of-type {margin-right: 5px;}		


/*모달 240729*/
.modal_Basic {width: 80%; height: auto; background-color: #fff; position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); padding: 0; text-align: center;}
.modal_Basic .modal_header { z-index: 9; position: relative; top: 0; left: 0; width: 100%; height: 55px; padding-top: 15px; text-align: center; background: #fff; border-bottom: 1px solid #eee; box-sizing: border-box;}
.modal_Basic .modal_header h1 { font-size: 17px; font-weight: bold; color: #000;}
.modal_Basic .modal_header button.close { position: absolute; top: 19px; right: 15px; width: 15px; height: 15px; background: url(/login/new/img/btn_close.png?t=1) no-repeat; background-size: cover;}	

.modal_Basic .content_wrap .txt {padding: 20px 0; font-size: 14px; }
.modal_Basic .content_wrap {padding: 15px}		
.modal_Basic .content_wrap .contents {height: 194px; border-radius: 5px; margin-bottom: 5px; box-sizing: border-box; padding: 24px 20px; background-color: #f1f1f1}	
.modal_Basic .content_wrap .contents .contents_txt {text-align: left; font-size: 12px; overflow: scroll; height: 145px;}
.modal_Basic .content_wrap .contents .img img { max-width: 100%; border-radius: 5px;}
		
.modal_Basic .content_wrap .radiobox {padding: 15px;}
.modal_Basic .content_wrap .radiobox label {text-align: left; margin-right: 0px; padding: 10px 10px 10px 0px; display: block; font-size: 14px;}
.modal_Basic .content_wrap .radiobox label::before,
.modal_Basic .content_wrap .radiobox label::after {position: absolute; top: auto; right: 0; left: auto; display: block; width:20px; height:20px; border-radius: 100px; transition: .3s}	


/*장바구니 태그 - 연휴*/
.holiday_tag {font-size: 12px;    padding: 3px 5px !important;    border: 1px solid #ea0000;    border-radius: 50px;    color: #ea0000; margin-left: 3px;}