/*
copyright(c) 상상너머·원데이넷 all rights reserved.
허용된 라이센스이외 무단도용재배포를 금합니다.
*/

@charset "utf-8";

/* 상품아이콘 노출추가
.upper_icon { position:absolute; top:0; left:0; float:left; z-index:2}
.upper_icon img {height:20px;}
.category_best .upper_icon {left:12px; top:12px; width:106px;}
.item_list .item_box .upper_icon {left:10px; top:10px; width:106px;}
*/


/* 2016-10-25 상단 스와이프메뉴 스크립트적용전 두줄로 나타나 깜빡이는것처럼 보이는 현상 수정 SSJ */
/* .main_event_ctg {overflow:hidden} */

/* 2016-10-25 좌측슬라이드메뉴 SSJ */
/*.slide_wrap .mine .if_level1 { color:#7f7f7f; background:#fff; border:1px solid #909090; border-radius:20px; }*/
.slide_wrap .mine .if_level2 { color:#ff8a00; background:#fff; border:1px solid #ff8a00; border-radius:20px; } /* 회원등급 추가 */
.slide_wrap .mine .if_level3 { color:#0058b4; background:#fff; border:1px solid #0058b4; border-radius:20px; }/* 회원등급 추가 */
.slide_wrap .mine .if_level4 { color:#ff365c; background:#fff; border:1px solid #ff365c; border-radius:20px; }/* 회원등급 추가 */
.slide_wrap .mine .if_level5 { color:#86ae00; background:#fff; border:1px solid #86ae00; border-radius:20px; }/* 회원등급 추가 */

.slide_wrap { width:110%; } /* 슬라이드메뉴 나타날때 스크롤바 감춤 */
.slide_wrap .slide_inner {height:auto;padding-bottom:10px;} /* 좌측슬라이드메뉴 배경색나타나도록 */

/* 2016-10-24 주문확인페이지 사은품 수정 SSJ */
.yb_gift_item.mypage {margin-top:10px; margin-bottom:10px;}
.yb_gift_item.mypage .gift_box .name {margin-top:5px; }

/*2016-10-28 상단 카테고리 네비 수정 SSJ */
.sub_location.if_open_depth2 .depth2_box {display:none;}


/* 2016-10-31 mypage, service, board 페이지에서 간혹 깨지는 현상 수정 SSJ */
.common_page {clear:both;}


/* 2016-10-31 ::: 재입고신청 ::: JJC */
.cm_ly_pop_tp .top_txt strong {font-size:15px;}


/* 2016-11-03 사은품 추가 CSS SSJ */
.yb_gift_item {margin: 15px 10px 0 10px;}
.yb_gift_item ul {border-top:1px solid #ddd;}
.yb_gift_item .selectable {font-size:13px; color:#ff0000; padding:0 15px; font-weight:600; margin-bottom:5px;}




/* html 팝업창 추가 */

.shop_popup_box .html {background:#fff; padding:10px;}
.shop_popup_box .html img {max-width:100%}
.shop_popup_box .html .btn_area {margin:10px -10px -10px -10px;}



/* 2016-11-16 포인트몰 추가로 상품상세 버튼영역수정 SSJ */
.view_btn.if_point {padding-right:0px;}
.view_btn.if_point li {width: 100%;}

/* 2016-11-15 주문작성시 전액적립금결제 아이콘2 추가 */
.cm_order_form .payway .use_pointonly {background:transparent url('../images/cm_images/shop_pay_point.png') center 20px no-repeat; background-size:25px;}



/* 슬라이드 닫기 영역 */
.close_slide {background:transparent; position: fixed;right:-320px;width:100%;height:100%;top:0px;z-index:10000;}

/* 2016-12-13 주문서 셀렉트박스 추가 SSJ */
.cm_order_form .select_design {padding:0 10px; height:34px; line-height:33px; width:100%; border:1px solid #ccc;}


/* 2019-10-11 SSJ :: 가입연령관련 문구추가 */
.common_page .auth_tip {overflow:hidden; margin-top:20px; text-align:center;}
.common_page .auth_tip .tx {color:#ff0000; letter-spacing:-0.5px; line-height:16px; min-height:18px; word-wrap:break-word; word-break:keep-all; background-size:26px; text-align:left}




/* 마이 > 나의 배송지 추가 :: 2023-01-12 KHY ----------------------------------------------------------- */
.my_address {padding: 20px; box-sizing: border-box;}
.my_address .adr_wrap {padding: 0;}

/* 배송지 입력하기 버튼 */
.my_address .adr_input {width: 100%; text-align: center;}
.my_address .adr_input .btn {display: block; width: 100%; font-size: 13px; color: #333; padding: 13px 0; border: 1px solid #333; box-sizing: border-box; letter-spacing:-1px;}
.my_address .adr_input .tx1 {font-weight:600;}
.my_address .adr_input .tx2 {display:none;}

/* 우편번호 검색 */
.my_address .zip_code {width: 100%; position: relative;}
.my_address .adr_form .zip_code .input {font-size: 13px; color: #333; width: 100%; height: 40px; border: 1px solid #333; box-sizing: border-box; padding: 10px 110px 10px 10px;}
.my_address .zip_code .search_btn {position: absolute; top: 0; right: 0; width: 100px; height: 40px; text-align: center; line-height: 40px; font-size: 12px; color: #fff; background: #222;}

/* 배송지 입력폼 */
.my_address .adr_form {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; display: none; align-items: center; justify-content: center; flex-direction: row;}
.my_address .adr_form {padding: 0 15px; box-sizing: border-box}
.my_address .adr_form .hd_box {display: block; width: 100%; margin-bottom: 20px; box-sizing: border-box; text-align: center; position: relative;}
.my_address .adr_form .hd_box .tit {font-size: 15px; color: #000; font-weight: 600;}
.my_address .adr_form .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, 0.3);}
.my_address .adr_form .box {background: #fff; padding: 15px; box-sizing: border-box; position: relative; z-index: 100; width: 100%; max-width: 400px;}
.my_address .adr_form .input_box {margin-top: 12px;}
.my_address .adr_form .tit {font-size: 12px; color: #222; line-height: 1; margin-top: 5px;}
.my_address .adr_form .input {width: 100%; font-size: 12px; color: #333; height: 40px;}
.my_address .adr_form .input {border: 1px solid #ddd; box-sizing: border-box; padding: 10px 20px 10px 10px; background: #fff;}
.my_address .adr_form .input:focus {border-color: #999;}
.my_address .adr_form .input::-webkit-input-placeholder {color:#aaa !important}
.my_address .adr_form .input:-ms-input-placeholder {color:#aaa !important}
.my_address .adr_form .input:-moz-placeholder {color:#aaa !important}
.my_address .adr_form dt {margin-bottom: 3px;}
.my_address .adr_form dd+ dd {margin-top: 5px;}
.my_address .confirm_btn {margin-top: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px;}
.my_address .confirm_btn .btn {flex: 1; height: 45px; background: #3b7d23; font-size: 13px; color: #fff; font-weight: 600;}
.my_address .confirm_btn .btn {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.my_address .confirm_btn .btn_cancel {background: #ddd; color: #222;}

/* 배송지 목록(있을때) */
.my_address .adr_list {}
.my_address .adr_list li {display: block; width: 100%; list-style: none; padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.my_address .adr_list .li_box {position: relative;}
.my_address .adr_list .link_box {position: absolute; right: 0; top: -5px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 5px;}
.my_address .adr_list .link_box .btn {padding: 5px 10px; border-radius: 3px; box-sizing: border-box; font-size: 11px; border: 1px solid #ccc; color: #000; letter-spacing:-1px;}
.my_address .adr_list .link_box .btn_default {background: #fff; border-color: #333; color: #333;}
.my_address .adr_list .link_box .btn_default .tx_cancel {display: none;}
.my_address .adr_list .link_box .btn_default.hit .tx_add {display: none;}
.my_address .adr_list .link_box .btn_default.hit {background: #eee; border-color: #ccc; color: #000;}
.my_address .adr_list .link_box .btn_default.hit .tx_cancel {display: block;}
.my_address .adr_list .txt_box .btn {position:absolute; right:0; top:35px; color:#999; font-size:13px; border-bottom:1px solid #ddd;}
.my_address .adr_list .default_tx {color: #2da800 ; line-height: 1; margin-bottom: 10px; display: none; font-weight:600;}
.my_address .adr_list .if_default .default_tx {display: inline-block;}
.my_address .adr_list .name {color: #000; line-height: 1; margin-bottom: 5px; font-weight: 600;}
.my_address .adr_list .adr_txt {color: #000; line-height: 1.3; margin-top: 10px;}
.my_address .adr_list .adr_txt.old {color: #999; margin-top: 3px;}
.my_address .adr_list .phone {color: #000; line-height: 1; margin-top: 10px;}

/* 배송지 목록(없을때) */
.my_address .adr_no {width: 100%; text-align: center; font-size: 13px; color: #999; padding: 60px 0; box-sizing: border-box; line-height: 1.4;}
.my_address .adr_no span {display: block;}

.my_address.if_open_addr .adr_form {display:flex;}
.my_address.if_open_addr .adr_input .btn {border-color:#ddd; background:#f5f5f5;}


.lineup-zipcode {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; margin-bottom:5px; gap:5px}
.lineup-zipcode .input_design {margin:0px !important; width:100px;}
.lineup-zipcode .button_pack {margin:0px !important;}
.lineup-zipcode .button_pack a {height:40px;}