@charset "utf-8";
/* CSS Document */
#wrap, .layout  {  max-width: 1240px;  width: 100%;  margin: 0 auto;  box-sizing: border-box;}

/********** 260203:상단전체변경(+검색탭추가) *************/

/* 메인 헤더 로고부분 */
#header {width: 100%; background: #fff; position: relative;}
.header_top {width: 1200px; margin: 0 auto; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; }
.logo {  display: flex; align-items: center;}

/* 1. 상단 빨간띠 수정 */
/* 260907-1 : 선택자를 .top_line -> #gdTopBar 로 한정.
     .top_line 은 layer.css 69~70행 '.layer_wrap .box .view > .btn.top_line'(레이어 팝업 버튼)에도 걸리는
     클래스라 height:40px / 빨간 배경이 그 버튼까지 잘못 먹고 있었다 -> id 한정으로 해소.
     문구는 span 이 아니라 .banner_item(a) 3개 (문구별 링크 분리, _header.html 260907-1/261006-1)
   261006-3 : 상단 고정(position:fixed) + 닫기(X) 방식 철회 -> 기존처럼 페이지 맨 위에 붙는 일반 블록으로 복귀.
     이에 따라 아래 항목을 모두 삭제했다(바가 더 이상 화면에 떠 있지 않으므로 전부 불필요).
       - html.gd_topbar_on 토글 / display:none 기본값
       - body { padding-top:40px }
       - .right_fixed_banner top:270px·z-index:190 보정 (260902-14 원래값 top:230px·z-index:9999 로 환원)
       - #scroll_left/#scroll_right .ban_fixed top:60px 보정 (원래값 top:20px 로 환원)
       - .top_bar_close 버튼 스타일 */
#gdTopBar { height: 40px; background: #bd0404; }
#gdTopBar .top_inner_layout { justify-content: center !important; }
#gdTopBar .banner_texts { position: relative; width: 100%; height: 40px; overflow: hidden; }
#gdTopBar .banner_texts .banner_item { position: absolute; top: 0; left: 0; width: 100%; height: 40px; line-height: 40px; text-align: center;  color: #fff; font-size: 15px; font-weight: 500; white-space: nowrap; text-decoration: none; /* 260828-4 : font-family(pretendard) 개별지정 제거 → reset.css 기준서체 상속 */
       transform: translateY(40px);  animation: textVerticalScroll 20s linear infinite;} /* 261006-1 : 문구 전환 주기 9s -> 15s (한 문구가 3초 -> 5초 머무름). 넘어가는 모션 자체는 0.45초로 동일 / 261013-1 : 문구 3개 -> 4개(택배마감 2줄)라 15s -> 20s, 한 문구 5초 유지 */
#gdTopBar .banner_texts .banner_item:hover { color: #fff; }
#gdTopBar .banner_texts .banner_item strong { font-weight: 700; color: #ffe36b; } /* 260907-1 : 강조 문구(혜택/남은시간) */
/* 261006-1 : 주기 15s 에 맞춰 시작 간격 3s -> 5s / 261013-1 : 4번째 문구 15s 추가 */
#gdTopBar .banner_texts .banner_item:nth-child(1) { animation-delay: 0s; }
#gdTopBar .banner_texts .banner_item:nth-child(2) { animation-delay: 5s; }
#gdTopBar .banner_texts .banner_item:nth-child(3) { animation-delay: 10s; }
#gdTopBar .banner_texts .banner_item:nth-child(4) { animation-delay: 15s; } /* 261013-1 */
/* 261006-1 : 전체 15s 기준으로 구간 환산. 3% = 0.45초(기존 9s 의 5% 와 같은 모션 속도), 33.33% = 5초 머무름
   261013-1 : 전체 20s 기준으로 재환산. 2.25% = 0.45초, 25% = 5초 머무름 */
@keyframes textVerticalScroll {
    0% { transform: translateY(40px); }
    2.25% { transform: translateY(0); }
    25% { transform: translateY(0); }
    27.25% { transform: translateY(-40px); }
    100% { transform: translateY(-40px); }
}

/* 2. 헤더 레이아웃 */
.header_right_group { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; width: auto; }
.header_util_menu { display: flex; align-items: center; justify-content: flex-end; }
.header_util_menu .top_menu_list { display: flex; align-items: center; margin: 0; padding: 0; list-style: none;}
.header_util_menu .top_menu_list li { position: relative; padding: 0 15px;}
.header_util_menu .top_menu_list li::after { content: '';  position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: #ddd; }
.header_util_menu .top_menu_list li:last-child::after { display: none;}
.header_util_menu .top_menu_list li a { font-family: 'S-CoreDream', 'Pretendard Variable', Pretendard, sans-serif; /* 260828-10 : S-CoreDream 복원(디자인 원안 유지). 서브셋 밖 문자는 Pretendard 로 폴백 */ color: #333 !important; font-size: 12px; text-decoration: none; display: flex; align-items: center; font-weight: 400;}
.header_util_menu .top_menu_list li a:hover { color: #e60012 !important;}
.header_util_menu .ico_black { margin-right: 4px; } 
.header_util_menu  .top_menu_list .point_color { color: #b45500 !important; }

/* 260522: 파트너스 라운지 제거 및 SNS 아이콘 추가 시작 */
.header_util_menu .top_menu_list li.sns_icon_list {display:flex; align-items:center; gap:6px; padding-left:15px; padding-right:0;}
.header_util_menu .top_menu_list li.sns_icon_list::after {display:none;}
.header_util_menu .top_menu_list li.sns_icon_list a {display:block; padding:0;}
.header_util_menu .top_menu_list li.sns_icon_list img {height:25px; margin:0; display:block;}
/* //260522: 파트너스 라운지 제거 및 SNS 아이콘 추가 끝 */

.btn_benefit_guide { font-family: 'S-CoreDream', 'Pretendard Variable', Pretendard, sans-serif; /* 260828-10 : S-CoreDream 복원(디자인 원안 유지). 서브셋 밖 문자는 Pretendard 로 폴백 */ display: inline-block; background: linear-gradient(90deg, #f04e50 0%, #e89218 100%); color: #fff !important; font-size: 14px;
    padding: 5px 16px; border-radius: 50px; text-decoration: none; line-height: 1.2; box-shadow: 1px 2px 4px rgba(0,0,0,0.1);  white-space: nowrap;    
    margin-right: 10px; vertical-align: middle; letter-spacing: -0.5px; }
.btn_benefit_guide::after { display: none;}

/* 우측 메뉴 (header_right) */
.top_line .top_inner_layout .header_right { margin: 0; padding: 0; }
.top_line .top_inner_layout .header_right .top_menu {display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: 0; }
.top_line .top_inner_layout .header_right .top_menu li { position: relative; padding: 0 12px; white-space: nowrap !important; }
.top_line .top_inner_layout .header_right .top_menu li::after {  content: '';  position: absolute;  right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: rgba(255, 255, 255, 0.4);}
.top_line .top_inner_layout .header_right .top_menu li:last-child::after { display: none;}
.top_line .top_inner_layout .header_right .top_menu li a { color: #fff !important; text-decoration: none; font-size: 13px; display: flex; align-items: center; letter-spacing: -0.5px; white-space: nowrap !important; }
.top_line .top_inner_layout .header_right .top_menu li img { margin-right:5px;}


/* 말풍선 (.pointbox) */
.top_line .top_inner_layout .header_right .top_menu .join_item { position: relative;}
.top_line .top_inner_layout .header_right .top_menu .pointbox { position: absolute; top: 30px; left: 50%; transform: translateX(-50%); background-color: #e60012; color: #fff; font-size: 12px; font-weight: 400; padding: 4px 8px;
   												 border-radius: 12px; white-space: nowrap; z-index: 150; box-shadow: 0 2px 5px rgba(0,0,0,0.2); animation: bounce 1s infinite alternate;}
.top_line .top_inner_layout .header_right .top_menu .pointbox::after { content: ''; position: absolute; top: -4px; left: 50%; margin-left: -4px; border-bottom: 5px solid #e60012; border-left: 4px solid transparent; border-right: 4px solid transparent;}
@keyframes bounce {
    from { margin-top: 0; }
    to { margin-top: 3px; }
}

/* 검색부분 : 260814-30 상단 검색영역 개편 - 회색 pill 2개 -> 흰 배경 라운드박스 4분할(품목코드 / 오차 / 규격 / 검은 검색버튼)
   260814-35 : 헤더 폭(1200px)의 50%를 넘지 않도록 축소 - 170+88+240+72+gap24 = 594px */
.header_top .header_input_search { display: flex; justify-content: flex-end; align-items: center; width: fit-content; max-width: 600px; gap: 8px; padding: 0; margin: 15px 0;}
.header_top .header_input_search .search_pill { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 8px; padding: 0 12px; height: 38px; display: flex; align-items: center; box-sizing: border-box;}
.header_top .header_input_search input::placeholder { color: #aaa; font-size: 14px; letter-spacing: -0.5px;}
.header_top .header_input_search .code_search_wrap { width: 170px;}
.header_top .header_input_search .code_search_wrap input { font-family: 'S-CoreDream', 'Pretendard Variable', Pretendard, sans-serif; /* 260828-10 : S-CoreDream 복원(디자인 원안 유지). 서브셋 밖 문자는 Pretendard 로 폴백 */ width: 100%; padding: 0 !important; text-indent: 0 !important; border: 0; background: transparent; font-size: 12px; color: #333; height: 44px; line-height: 44px;}
.header_top .header_input_search .btn_pill_search { display: flex; align-items: center; margin-left: auto; padding: 0 0 0 6px;}
.header_top .header_input_search .btn_pill_search img { display: block; width: 20px; height: 20px;}
.header_top .header_input_search .sel_search_wrap { padding: 0 6px;}
.header_top .header_input_search .select_wrap { position: relative;}
.header_top .header_input_search .select_wrap::after { display: none;}
.header_top .header_input_search .size_search_wrap { flex-grow: 1; width: 240px; max-width: 240px; padding: 0 8px;}
.header_top .header_input_search .size_search_wrap .input_group { display: flex; align-items: center; justify-content: center; width: 100%;}
.header_top .header_input_search .size_search_wrap input { width: 60px; padding: 0; border: 0; background: transparent; font-size: 14px; color: #333; text-align: center; height: 44px; line-height: 44px;}
.header_top .header_input_search .x_mark { margin: 0 4px; font-size: 13px; color: #ccc;}
.header_top .header_input_search .btn_search_submit { display: flex; align-items: center; justify-content: center; min-width: 52px; height: 38px; padding: 0 18px; border-radius: 8px; background: #e10505; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: -0.5px; box-sizing: border-box;}
.header_top .header_input_search .btn_search_submit:hover { background: #c40404; color: #fff;}/* 260814-47 : 입력박스/버튼 곡선 8 (리스트 검색바와 동일 기준) / 260814-48 : 검색 버튼 포인트 빨강 #e10505. 높이·폭 등 직접 조정하신 값은 유지 */

/* Chosen 플러그인 : 260814-30 오차 select 가 독립 라운드박스(.sel_search_wrap) 안으로 들어가면서 자체 테두리 제거 */
#headerSearchBoxSize_chosen {width: 76px !important; vertical-align: middle;}
#headerSearchBoxSize_chosen .chosen-single { background: transparent !important; border: 0 !important; border-radius: 0 !important; height: 44px !important;
    line-height: 44px !important; box-shadow: none !important; padding-left: 2px !important; text-align: center !important; color: #333; box-sizing: border-box;}
#headerSearchBoxSize_chosen .chosen-single span { font-size: 14px; margin-right: 12px;}
#headerSearchBoxSize_chosen .chosen-single div { width: 20px;}
#headerSearchBoxSize_chosen .chosen-single div b { background-position: 3 8px !important; opacity: 0.5;}
#headerSearchBoxSize_chosen.chosen-with-drop .chosen-single { border-bottom: 0 !important; border-radius: 0 !important; z-index: 1020; background: transparent !important;}
#headerSearchBoxSize_chosen .chosen-drop { top: 48px !important; border: 1px solid #e5e5e5 !important; border-radius: 8px !important; box-shadow: 0 10px 15px rgba(0,0,0,0.05) !important;
    background: #fff !important; padding: 5px 0 !important; min-width: 76px !important; width: 100% !important; overflow: hidden !important;}
#headerSearchBoxSize_chosen .chosen-search { display: none !important;}
#headerSearchBoxSize_chosen .chosen-results { max-height: none !important; margin: 0 !important; padding: 0 !important;}
#headerSearchBoxSize_chosen .chosen-results li { padding: 5px 0 !important; text-align: center !important; white-space: nowrap !important;font-size: 14px !important;color: #666;line-height: 15px !important;}
#headerSearchBoxSize_chosen .chosen-results li.highlighted { background-color: #f5f5f5 !important; background-image: none !important; color: #222 !important;font-weight: bold;}
#headerSearchBoxSize_chosen .chosen-results li.result-selected { color: #222 !important; font-weight: bold !important;}

/********** 260203:상단전체변경(+검색탭추가) *************/

/* join 캡션 */
.top_member_box > li .accent span,
.top_member_box > li .accent strong{display:inline-block; min-width:40px; height:16px; color:#ffffff; font-size:11px; letter-spacing:-1px; line-height:16px;
	background:url("../../img/common/bg/bg_accent.png") no-repeat;}
.top_member_box > li .accent{display:block; overflow:hidden; position:absolute; left:50%; top:19px; width:160px; height:23px; padding:6px 0 0 0; margin-left:-80px; text-align:center; z-index:40;
	background:url("../../img/common/bg/bg_accent.png") no-repeat -68px -44px;}
.top_member_box > li .accent span{padding-right:4px; background-position:right 0;}
.top_member_box > li .accent strong{padding-left:3px; background-position:0 0;}

.top_util p {font-size:13px; line-height:45px; color:#000;}

/* 마이페이지 레이어 */
.top_mypage_cont{display:inline-block; /* width:78px; */}
.top_mypage_cont .top_mypage_tit{display:block; /* background:url("../../img/etc/select_arrow_down_11x7.png") no-repeat 50px center; */}
.top_mypage_cont .top_mypage_tit a{display:inline-block; /*padding:4px 21px 4px 14px;*/}
.top_mypage_cont .top_mypage_tit.active{display:block; margin-top:-3px; border:1px solid #999999; background:url("../../img/etc/select_arrow_up_11x7.png") no-repeat 50px center;}
.top_mypage_cont .top_mypage_tit.active a{padding:6px 0 6px 9px;}
.top_mypage_cont ul{display:block; position:absolute; top:19px; left:5; width:76px; padding:3px 0 3px 0; border:1px solid #999999; background:#ffffff; z-index:40;}
.top_mypage_cont li{}
.top_mypage_cont li a{display:block; padding:6px 5px 7px 10px;}
.top_mypage_cont li a:hover{color:#ffffff; text-decoration:none; background:#ab3e55;}
.top_mypage_cont + .txt_bar{margin:0;}

/* ------------- 상단 검색 ------------- */
#header .header_search{}
#header .header_search_cont{min-height:unset;}
#header .header_search_cont:after{display:block; clear:both; content:"";}
/* 검색창 */
#header .top_search{position:absolute; top:25px; right:0; float:right; border:1px solid #cccccc; background:#ffffff; z-index:110;}
#header .top_search legend{display:none;}
#header .top_search .top_search_cont{}
#header .top_search .top_text_cont{width:333px; background:#ffffff;}
#header .top_search .top_text_cont input{border:none 0; vertical-align:top;}
#header .top_search .top_text_cont input::-webkit-input-placeholder {}
#header .top_search .top_text_cont input::-moz-placeholder {}
#header .top_search .top_text_cont input:-ms-input-placeholder {line-height:10px;}
#header .top_search .top_text_cont .top_srarch_text{width:100%; height:33px; padding:5px 45px 5px 15px; box-sizing:border-box;}
#header .top_search .top_text_cont .btn_top_srarch{position:absolute; top:0px; right:0px;border-left:1px solid #ececec;}
#header .top_search .search_cont{display:block; margin:0; font-size:0; border-top:1px solid #cccccc; background:#ffffff;}
/* 최근검색어 + 추천 상품이 있을 때 */
.recom_box + .recent_box{width:180px; min-height:218px; border-right:1px solid #ececec;}
.recom_box + .recent_box li a{width:55%;}
/* 최근 검색어 */
.recent_box{display:inline-block; float:left; width:333px; min-height:65px; font-size:12px; text-align:center; border-right:none 0; vertical-align:top;}
.recent_box dl{padding:10px 15px 10px 15px; text-align:left;}
.recent_box dt{font-size:13px; font-weight:bold;}
.recent_box dd{padding:5px 0 0 0;}
.recent_box ul{margin-top:-5px;}
.recent_box li{overflow:hidden;}
.recent_box li a{display:block; overflow:hidden; float:left; width:67%; padding:2px 0 1px 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;}
.recent_box li span{display:inline-block; float:right; padding:3px 0 0 0; color:#999999; font-size:10px;}
.btn_top_search_del{display:inline-block;width:14px; height:14px;}/* 삭제 */
/* 추천상품 */
.recom_box{display:inline-block; float:right; width:138px; min-height:218px; margin:10px 0 0 -1px; padding:0 0 20px 15px; font-size:12px; border-left:1px solid #ececec;}
.recom_box dl{}
.recom_box dt{width:122px; padding:0 0 10px 0; font-size:13px; font-weight:bold; text-align:center;}
.recom_box dd{}
.recom_box .recom_photo{display:table-cell; position:relative; width:120px; height:120px; border:1px solid #ececec; vertical-align:middle; text-align:center;}
.recom_box .recom_photo img{max-width:120px;}
.recom_box .recom_tit{display:block; width:120px; padding:10px 0 0 0;}
/* 추천상품만 있을 때 */
.recom_box_only{min-height:218px; margin: 10px auto 0 auto; padding:0 0 20px 0; font-size:12px; text-align:center;}
.recom_box_only dl{}
.recom_box_only dt{padding:0 0 10px 0; font-size:13px; font-weight:bold; text-align:center;}
.recom_box_only dd{}
.recom_box_only .recom_photo{display:table-cell; position:relative; width:120px; height:120px; border:1px solid #ececec; vertical-align:middle;}
.recom_box_only .recom_photo img{max-width:120px;}
.recom_box_only .recom_tit{display:block; width:120px; padding:10px 0 0 0;}
.recom_box_only .recom_item_cont {width:160px; margin:0 auto; text-align:left;}
/* 추천상품 내용 */
.recom_info_cont{display:table-cell; vertical-align:middle;}
.recom_tit_box{padding:5px 0 0 0;}
.recom_tit_box .item_brand{display:block; color:#444444;}
.recom_tit_box .item_name{display:block; letter-spacing:-1px;}
.recom_tit_box .item_name_explain{display:block; overflow:hidden; height:14px; padding:2px 10px 0 0px; color:#a8a8a8; line-height:1.2;}
.recom_icon_box{margin:-5px 0 0 0; padding:10px 0 0 0;}
.recom_icon_box img{display:inline-block; padding:5px 0 0 0;}
.recom_money_box{padding:10px 0 0 0; line-height:1;}
.recom_money_box del{display:block; color:#ffb200;}
.recom_money_box .item_price{display:block; padding:7px 0 5px 0; font-size:14px;}
.recom_money_box .item_sale{display:block; font-size:14px; color:#282828;}
.recom_money_box .item_mileage{display:block; padding:5px 0 5px 0; line-height:1.5;}
.recom_money_box .item_mileage img{vertical-align:middle;}
.recom_number_box{padding:10px 0 0 0; font-size:11px; color:#a8a8a8;}
.recom_number_box .num_mileage{display:block;}
.recom_number_box .num_code{display:block;}
/* 추천상품 soldout */
.recom_photo .item_soldout_bg{display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center;
	background-color:#ffffff;filter:alpha(opacity=60);background-color:rgba(255, 255, 255, 0.6);background-repeat: no-repeat;background-position: center center;font-size:0;}
.recom_box .item_soldout_bg img{position:relative; vertical-align:middle;}
.recom_box.item_soldout .recom_photo .item_soldout_bg{display:block;}
.recom_box.item_soldout .recom_photo .item_soldout_bg:after { content: ""; display: inline-block; width: 1px; height: 100%; margin-right: 0; vertical-align: middle;}

/* 상품 대표 색상 */
.js_recom_box .color{margin:5px 0 7px !important; padding:0 !important; overflow:hidden !important;}
.js_recom_box .color > div{width:12px !important; height:12px !important; text-indent:-9999px !important; border:#dfdfdf 1px solid !important; float:left !important; margin:5px 5px 0 0 !important;}

/* 전체삭제, 닫기 버튼 */
.seach_top_all{ overflow:hidden; width:100%; height:30px; background:#f5f5f5; clear:both;}
.seach_top_all .btn_top_search_all_del{float:left; padding:0 15px 0 15px; color:#999999; font-size:11px; line-height:30px;}
.seach_top_all .btn_top_search_close{float:right; padding:0 15px 0 15px; color:#999999; font-size:11px; line-height:30px;}
.seach_top_all strong{font-weight:normal;}

/* ------------- 상단 GNB 영역 ------------- */
#header .header_gnb{}
/* gnb */
#header .gnb{position:relative; font-size:0;overflow: visible;}
#header .gnb hr { display: block; width: 100%; height: 1px; margin: 0; border: none; background-color: #ccc; box-shadow: -1240px 0 0 #ccc, 1240px 0 0 #ccc, -2480px 0 0 #ccc, 2480px 0 0 #ccc;}
#header .gnb .gnb_all{display:inline-block; vertical-align:top; text-align:left;}
#header .gnb .gnb_all a{font-size:12px;}
#header .gnb .gnb_all strong{display:none;}

/* 전체 메뉴 */
#header .gnb_allmenu_wrap{display:inline-block;}
#header .gnb_allmenu{position:absolute; top:50px; left:0; width:100%; font-size:12px; z-index:100; background:#ffffff; border:1px solid #3e3d3c;}
#header .gnb_allmenu_box{overflow-y:auto; height:400px; padding:10px 20px;}
#header .gnb_allmenu_box .gnb_scroll_box{overflow-y:scroll; height:350px;}

/* 전체 메뉴 버튼 */
.btn_all_menu_open{position:absolute;}
.btn_all_menu_close{position:absolute; top:-50px; left:-1px; width:50px; height:50px; background:#3e3d3c url('../../img/common/btn/btn_allmenu_close.png') no-repeat 0 0; cursor:pointer; text-indent:-9999px; font-size:0;}

/* 전체 메뉴 내용 */
.gnb_allmenu_box ul{font-size:0; width:100%; margin:0;}
.gnb_allmenu_box ul li{display:inline-block; margin:25px 0 0 0; text-align:center; line-height:1; vertical-align:top;}
.gnb_allmenu_box ul li a{display:block; padding:8px 0 7px 0; font-size:16px; font-weight:bold; text-align:left; word-break:break-all;}
.gnb_allmenu_box ul li a > img{max-width:180px;}


.gnb_allmenu_box .all_menu_cont{padding:0 20px 0 20px;}
.gnb_allmenu_box .all_depth1,
.gnb_allmenu_box .all_depth2,
.gnb_allmenu_box .all_depth3{margin:0;}
.gnb_allmenu_box .all_depth1 a,
.gnb_allmenu_box .all_depth2 a,
.gnb_allmenu_box .all_depth3 a{font-weight:normal;}
.gnb_allmenu_box .all_depth1 li,
.gnb_allmenu_box .all_depth2 li,
.gnb_allmenu_box .all_depth3 li{display:block; margin:0; padding:0;}
.gnb_allmenu_box .all_depth1{border-top:1px solid #ececec;}
.gnb_allmenu_box .all_depth1 li a{color:#666666; font-size:14px; text-align:left;}
.gnb_allmenu_box .all_depth1 li a:hover{text-decoration:underline;}
.gnb_allmenu_box .all_depth2{}
.gnb_allmenu_box .all_depth2 li a{font-size:12px;}
.gnb_allmenu_box .all_depth3{}
.gnb_allmenu_box .all_depth3 li{padding-left:10px;}
.gnb_allmenu_box .all_depth3 li a{color:#888888; font-size:12px;}

/* gnb 양쪽 버튼 */
#header .gnb_left{display:inline-block; margin:0 0 0 48px; font-size:0; vertical-align:top;}
#header .gnb_left a{display:inline-block; width:49px; height:49px; background:url('../../img/common/btn/btn_arrow_left_over.png') no-repeat center;}
#header .gnb_left a.active{background:url('../../img/common/btn/btn_arrow_left.png') no-repeat center;}
#header .gnb_menu_box{display:inline-block; vertical-align:top; margin:0 0 0 50px; width:100%; }
#header .gnb_right{position:absolute; top:0px; right:317px;}
#header .gnb_right a{display:inline-block; width:49px; height:49px; text-indent:-9999em; background:url('../../img/common/btn/btn_arrow_right_over.png') no-repeat center;}
#header .gnb_right a.active{background:url('../../img/common/btn/btn_arrow_right.png') no-repeat center;}

/* 뎁스메뉴 보더 */
#header .gnb_menu_box{/*width:1040px; width:735px; border:1px solid #333;*/ width:1240px;}
#header .gnb_menu_box ul{border:1px solid #cacaca;}

/* 상단메뉴 최상위 */
#header .gnb .depth0{font-size:0; vertical-align:top; border:none; overflow:hidden; height:49px; font-weight:400;} /* 260828-4 : font-family(notokr) 개별지정 제거 → reset.css 기준서체 상속 */
#header .gnb .depth0 > li{position:relative; display:inline-block; vertical-align:top;}
#header .gnb .depth0 > li > a{display:inline-block; padding:0 25px; font-size:16px; text-align:center; line-height:50px; font-weight:500;}
#header .gnb .depth0 > li > a.active {color: #e31414; }
#header .gnb .depth0 > li > a > img{max-height:50px; vertical-align:middle;}
#header .gnb .gnb_menu0{}

/* 상단메뉴 1뎁스 */
#header .gnb .depth1 > li{}
#header .gnb .depth1 > li > a{display:block; /*width:100%;*/ padding:5px 10px 7px 19px; font-size:12px;}
#header .gnb .depth1 > li > a:hover{background:#e10505; color:#ffffff;}
#header .gnb .depth1 > li > a.active{background:#e10505; color:#ffffff;}
/* 상단메뉴 2,3,4 뎁스 CSS */
#header .gnb .depth1 li{position:relative;}
#header .gnb .depth1 li a{display:block; /*width:100%;*/ padding:10px 10px 10px 19px; font-size:14px;}
#header .gnb .depth1 li a:hover{background:#e10505; color:#ffffff;}
#header .gnb .depth1 li a.active{background:#e10505; color:#ffffff;}
/* 상단 메뉴 뎁스 위치 */
#header .gnb .depth1{display:none; position:absolute; top:50px; left:0; width:160px; background:#ffffff; z-index:100;}
#header .gnb .depth2{display:none; position:absolute; top:-1px; left:160px; width:160px; background:#ffffff;}
#header .gnb .depth3{display:none; position:absolute; top:-1px; left:160px; width:160px; background:#ffffff;}
#header .gnb .depth4{display:none; position:absolute; top:-1px; left:160px; width:160px; background:#ffffff;}
/* 공지사항 롤링 */
.notice_rolling{/* overflow:hidden; position:absolute !important; top:10px; right:0px; width:325px; height:29px; */}
.notice_rolling ul{float:left; width:100%; height:29px; font-size:12px;}
.notice_rolling ul li{}
.notice_rolling ul li a{overflow:hidden; display:block; padding:7px 5px 7px 5px; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; line-height:1;color:#fff;font-size:15px;}
.notice_rolling ul li a:after {content:''; clear:both; display: block;}
/* .notice_rolling ul li a:hover{text-decoration:underline; color:#ab3e55;} */
.notice_rolling .btn_notice_rolling{float:right; padding:5px 0 0 0; display:none;}
.notice_rolling .btn_notice_rolling a{display:inline-block; margin-left:-1px;}

/* ------------- 컨텐츠 시작 ------------- */
#container{margin-top:-1px;}
#contents{min-height:400px; padding:30px 0 80px 0;}
#contents:after{display:block; clear:both; content:"";}
/* ------------- 페이지 위치 ------------- */
.location_wrap{position:relative; width:100%; border-bottom:1px solid #ededed; /*background:#f9f9f9;*/ margin:0 0 45px 0;}
.location_wrap .location_cont{width:1240px; margin:5px auto 0;}
.location_wrap .location_cont:after{display:block; clear:both; content:"";}
.location_wrap .location_cont span.arrow {display: inline-block; margin:0 15px;}
.location_cont em{display:block; float:left; padding:13px 0 5px 0; color:#777777; font-size:13px;}
.location_cont .local_home{color:#777777;}
.location_cont .local_home:hover{text-decoration:underline;}

/* ------------- 250509:페이지 위치 추가 ------------- */
.location_txt{margin:-25px 0 7px 0;margin-top:0; border-bottom:none 0;}
.location_txt .location_cont{width:1240px; margin-top:5px auto 0;}
.location_txt .location_cont:after{display:block; clear:both; content:"";}
.location_txt .location_cont span.arrow {display: inline-block; margin:0 15px;}
.location_txt .location_select{display:inline-block; position:relative; margin:10px 0 0 0; background:#ffffff; z-index:50;}
.location_txt .location_select span{display:inline-block; padding:3px 3px 3px 0; font-size:14px; color:#222222;}


/* 페이지 셀렉트 레이어 */
.sub_content .location_wrap{margin:-25px 0 7px 0;margin-top:0; border-bottom:none 0;}
.location_cont em + .location_select{margin-left:5px;}
.location_select{display:inline-block; position:relative; margin:7px 0 0 0; background:#ffffff; z-index:50;}
.location_select .location_tit{background:url("../../img/new/ico/ico_drop_down.png") no-repeat 99% center;}
.location_select .location_tit.actvie{background:url("../../img/etc/select_arrow_up_11x7.png") no-repeat right center;}
.location_select .location_tit span{display:inline-block; font-size:14px; color:#222222;}
.location_select .location_tit a{display:block; padding:3px 29px 3px 0; font-size:11px;}
.location_select ul{display:block; position:absolute; top:27px; left:0px; width:100%; min-width:100px; margin-left:-1px; padding:6px 0 6px 0; font-size:0; border:1px solid #999999; background:#ffffff;}
.location_select ul li{/*padding:4px 0 4px 9px;*/}
.location_select ul li a{display:block; padding:4px 5px 5px 10px; font-size:13px;}
.location_select ul li a span{display:inline-block;}
.location_select ul li a:hover{color:#ffffff; text-decoration:none; background:#e10505;}


/* ------------- 서브 컨텐츠 시작 ------------- */
.sub_content{/* padding:45px 0 0 0; */}
.sub_content:after{display:block; clear:both; content:"";}
/* ------------- 서브 사이드 영역 ------------- */
.sub_content .side_cont{float:left; width:200px;}
/* 서브 사이드 메뉴 */
.side_cont .sub_menu_box{min-height:250px; padding:40px 20px 50px 20px; background:#f9f9f9;}
.side_cont .sub_menu_box h2{text-align:center; margin-bottom:30px; font-size:30px; font-weight:500; color:#222;}
.body-service.body-index.pc .side_cont .sub_menu_box h2 {font-size:38px;text-align:center;margin:0 0 10px;}
.side_cont .sub_menu_box .sub_menu{margin:7px 0 0 0;}
.side_cont .sub_menu_box .sub_menu:after {content:''; clear:both; display:block;}
.side_cont .sub_menu_box .sub_menu li{width:25%; float:left;}
.side_cont .sub_menu_box .sub_menu a{display:block; font-size:17px;text-align:center; color:#777;border-bottom: 1px solid #dddddd;height: 55px; line-height: 55px; box-sizing: border-box;}
/* .side_cont .sub_menu_box .sub_menu a:hover,
.side_cont .sub_menu_box .sub_menu .active{font-weight:bold; background:#f8f8f8; color:#ab3e55;} */
.side_cont .sub_menu_box .sub_menu .active {border-bottom:2px solid #e10505; color:#222; font-weight:500;}
.side_cont .sub_menu_box .sub_menu .sub_depth1{margin:0 0 15px 0;}
.side_cont .sub_menu_box .sub_menu .sub_depth1 li{}
.side_cont .sub_menu_box .sub_menu .sub_depth1 a{padding:0 0 0 10px; font-size:12px;}
/*.sub_menu_box{display:block; padding:10px 0 45px 0; vertical-align:top;}*/

/* 게시판상단메뉴 */
.board_menu_box .sub_menu {display: flex; width: 100%; margin: 20px 0 30px; padding: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; box-sizing: border-box;}
.board_menu_box .sub_menu li { flex: 1; text-align: center; list-style: none; margin: 0; padding: 15px 0; border-left: 1px solid #e6e6e6; border-right: none;
  border-top: none; border-bottom: none; box-sizing: border-box;}
.board_menu_box .sub_menu li:first-child { border-left: 1px solid #e6e6e6;}
.board_menu_box .sub_menu li:last-child {  border-right: 1px solid #e6e6e6;}
.board_menu_box .sub_menu li a { font-size: 17px; color: #222; text-decoration: none; display: block;}
.board_menu_box .sub_menu li.active { border: 1px solid #ed1c24; margin: -1px 0; position: relative; z-index: 1;}
.board_menu_box .sub_menu li.active + li { border-left-color: transparent;}
.board_menu_box .sub_menu li.active a { color: #ed1c24;}

/* 서브 뎁스메뉴 보더 */
.sub_menu_box.layer_type ul > li > ul {padding:10px 0 10px 0; border:1px solid #cacaca;}
/* 서브메뉴 최상위(0뎁스) */
.sub_menu_box .sub_depth0{padding:0; font-size:0; vertical-align:top; border:none;}
.sub_menu_box .sub_depth0 > li{position:relative; display:block; vertical-align:top;}
.sub_menu_box .sub_depth0 > li > a{display:block; padding:0 10px 10px 20px; font-size:14px; font-weight:bold; text-align:left;}
.sub_menu_box .sub_depth0 > li > a.active{
	background:url('../../img/common/btn/btn_gnb_list_over.png') no-repeat right center;
	background-color:#f8f8f8;}
/* 서브메뉴 1뎁스 */
.sub_menu_box .sub_depth1 > li{}
.sub_menu_box .sub_depth1 > li > a{display:block; padding:5px 10px 7px 19px; font-size:12px;}
/* .sub_menu_box .sub_depth1 > li > a:hover{background:#ab3e55;} */
.sub_menu_box .sub_depth1 > li > a.active{}
/* 서브메뉴 2,3,4 뎁스 CSS */
.sub_menu_box .sub_depth1 li{position:relative;}
.sub_menu_box .sub_depth1 li a{display:block; padding:5px 10px 7px 19px; font-size:12px;}
/* .sub_menu_box .sub_depth1 li a:hover{background:#ab3e55;} */
.sub_menu_box .sub_depth1 li a.active{color:#e10505;}
/* 서브 레이어 타입 */
.sub_menu_box.layer_type a:hover,
.sub_menu_box.layer_type a.active{color:#ffffff;}
.sub_menu_box.layer_type .sub_menu0 > li > a{padding:10px 10px 10px 20px;}
.sub_menu_box.layer_type .sub_menu0 > li > a:hover,
.sub_menu_box.layer_type .sub_menu0 > li > a.active{color:#333333;}
.sub_menu_box.layer_type .sub_menu0 > li > a img{max-width:100%;}
.sub_menu_box.layer_type .sub_depth1{display:none; position:absolute; top:0px; left:200px; min-width:160px; background:#ffffff; z-index:100;}
.sub_menu_box.layer_type .sub_depth2{display:none; position:absolute; top:-11px; left:160px; min-width:160px; background:#ffffff;}
.sub_menu_box.layer_type .sub_depth3{display:none; position:absolute; top:-11px; left:160px; min-width:160px; background:#ffffff;}
.sub_menu_box.layer_type .sub_depth4{display:none; position:absolute; top:-11px; left:160px; min-width:160px; background:#ffffff;}
/* 서브 트리형 타입 */
.sub_menu_box.tree_type ul{border:none 0;}
.sub_menu_box.tree_type ul li a:hover{background:none 0; color:#333333; font-weight:bold;}
.sub_menu_box.tree_type .sub_depth1{display:block; position:static; padding:0 0 0 15px;}
.sub_menu_box.tree_type .sub_depth2{display:block; position:static; padding:0 0 0 10px;}
.sub_menu_box.tree_type .sub_depth3{display:block; position:static; padding:0 0 0 10px;}
.sub_menu_box.tree_type .sub_depth4{display:block; position:static; padding:0 0 0 10px;}
.side_cont .sub_menu_box.tree_type .sub_menu a{display:block; padding:0; font-size:14px;}
.side_cont .sub_menu_box.tree_type .sub_menu a:hover,
.side_cont .sub_menu_box.tree_type .sub_menu .active{font-weight:normal; background:none 0;}
/* 그룹(구분) 카테고리 */
.group_tit{display:block; padding:0; margin:0 20px; font-size:14px;}
/* 서브사이드  마이페이지 */
.side_cont .sub_menu_box .sub_menu_mypage{}
.side_cont .sub_menu_box .sub_menu_mypage > li{padding:8px 0 15px 0;  /* background:url('../../img/common/lnb_tit.png') no-repeat top left; */}
.side_cont .sub_menu_box .sub_menu_mypage > li:first-child{/* margin:30px 0 0 0; */ padding-top:0;}
.side_cont .sub_menu_box .sub_menu_mypage > li > span.tit {font-size:18px; font-weight:500; color:#000; border-bottom:1px solid #444; display:block; padding:10px 0;}
.side_cont .sub_menu_box .sub_menu_mypage a{display:block; padding:7px 0 6px 0; font-size:14px;}
/* .side_cont .sub_menu_box .sub_menu_mypage a:hover,
.side_cont .sub_menu_box .sub_menu_mypage .active{font-weight:bold; background:#f8f8f8; color:#ab3e55;} */
.side_cont .sub_menu_box .sub_menu_mypage .sub_depth1{margin:5px 0 25px 0;}
.side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 li{padding:1px 0 0 0; font-weight:normal;}
.side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 a{font-size:15px; color:#575757; }
/* 서브 사이드 정보 */
.side_cont .info_box{padding:0 0 0 10px;}
.side_cont .info_box dl{margin:30px 0 0 0;}
.side_cont .info_box dl:first-child{margin:0 0 0 0;}
.side_cont .info_box dt{padding:8px 0 10px 0; font-size:14px; font-weight:bold; background:url('../../img/common/lnb_tit.png') no-repeat top left;}
.side_cont .info_box dd{}
.side_cont .info_box .info_num{font-size:14px; color:#ab3e55;}
.side_cont .info_box .info_mail_link{display:block; padding:0 0 3px 0;}
.side_cont .info_box .info_mail_link:hover{text-decoration:underline;}
/* 서브 사이드 검색 페이지 */
.sub_search_box dl{margin:40px 0 0 0;}
.sub_search_box dl:first-child{margin:0;}
.sub_search_box dl dt{padding: 5px 0 10px 0; font-size: 14px; font-weight: bold; background: url(../../img/common/lnb_tit.png) no-repeat top left}
.sub_search_box dl dd .select_box{display:inline-block; padding-right:5px; margin:0 0 5px 0;}
.sub_search_box dl dd select{width:198px;}
.sub_search_box .chosen-container{width:198px;}
.sub_search_box .benefit_box{margin:12px 0 0 0;}
.sub_search_box .benefit_box span{display:inline-block; width:48%; padding:0 0 9px 0;}
.sub_search_box .benefit_box span input{display:none;}
.sub_search_box .benefit_box span label{display:inline-block; font-size:12px; padding-left:22px; cursor:pointer; background:url('../../img/icon/goods_icon/icon_check_off.png') no-repeat left center;}
.sub_search_box .benefit_box span label:hover{background:url('../../img/icon/goods_icon/icon_check_hover.png') no-repeat left center;}
.sub_search_box .benefit_box span label.on{background:url('../../img/icon/goods_icon/icon_check_active.png') no-repeat left center;}
.sub_search_box .color_box{padding:0 0 10px 0;}
.sub_search_box .color_box span{display:inline-block; padding-right:2px;}
.sub_search_box .color_box span input{display:none;}
.sub_search_box .color_box span label{display:inline-block; width:20px; height:20px; font-size:0; padding:0; cursor:pointer;}
.sub_search_box .color_box span .active{background-image:url('../../img/icon/goods_icon/icon_color_chk_on.png') !important;}
.sub_search_box .price_box{margin:12px 0 0 0; display:inline-block;}
.sub_search_box .price_box input{height:24px; width: 175px; margin: 0 0 10px 0; border:1px solid #ccc; line-height:24px;}
.sub_search_box .price_box span{display:inline-block; padding:0 5px; font-size:12px; vertical-align:top; line-height:22px;}
.sub_search_box .quick_btn{padding:40px 0; text-align:center;}
.sub_search_box .quick_btn input{display:inline-block; padding:10px 87px; border:1px solid #979797; background:#979797; color:#fff; cursor:pointer;}
.sub_search_box .quick_btn input:hover{background:#626262; border:1px solid #626262;}
label.check-s.color-white{border: #dfdfdf 1px solid;}
.sub_search_box .color_box span label.check-s.color-white.active{background-image:url('../../img/icon/goods_icon/icon_color_chk_on_white.png') !important}
/* 서브메뉴 컨텐츠 내용 시작 */
.sub_content .content{width:100%; min-height:500px; padding:0;}
/* 서브 메뉴가 왼쪽일때 */
#contents .sub_content > .side_cont + .content{float:left; width:960px; padding:0 0 0 40px;}
/* 서브 메뉴가 오른쪽일때 */
#contents .sub_content > .content + .side_cont{padding:0 0 0 40px;}
#contents .sub_content > .content + .side_cont .sub_menu_box.layer_type .sub_depth1{right:200px;}
#contents .sub_content > .content + .side_cont .sub_menu_box.layer_type .sub_depth2{right:160px;}
#contents .sub_content > .content + .side_cont .sub_menu_box.layer_type .sub_depth3{right:160px;}
#contents .sub_content > .content + .side_cont .sub_menu_box.layer_type .sub_depth4{right:160px;}
/* 전체 100% 컨텐츠 영역 */
.content_box{float:left; width:100%;}

/* ------------- 하단 디자인 ------------- */
/* 컨텐츠 하단 */
.content_info_wrap{border-bottom:1px solid #e3e3e3;}
.content_info{overflow:hidden; padding:50px 0 40px 0;}
.content_info h3{padding:0 0 5px 0;color:#222222; font-size:14px;}
/* cs center */
.content_info .cs_center{float:left; width:31%;}
.content_info .cs_center strong{display:block; padding:0 0 7px 0; color:#ab3e55; font-size:18px;}
.content_info .cs_center p{color:#777777;}
/* bank info */
.content_info .bank_info{float:left; width:31%; padding:0 40px;}
.content_info .bank_info strong{display:block; padding:0 0 7px 0; color:#ab3e55; font-size:18px;}
.content_info .bank_info em{font-weight:bold;}
/* notice */
.content_info .notice_list{float:left; width:31%;}
.content_info .notice_list h3 > a{color:#222222;}
.content_info .notice_list h3 > a:hover{text-decoration:none;}
.content_info .notice_list ul{padding:0 0 0 0;}
.content_info .notice_list li{padding:2px 0 1px 0;}
.content_info .notice_list a{display:inline-block; overflow:hidden; width:95%; color:#717171; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;}
.content_info .notice_list a:hover{text-decoration:underline;}
.content_info .notice_list span{display:inline-block;}

/* 풋터 */
#footer_wrap{position:relative; border-top:1px solid #dddddd;}
#footer{overflow:hidden; padding:0}
#footer_wrap > .bar_ban {display:table; width:100%;}
#footer_wrap > .bar_ban .notice_roll, #footer_wrap > .bar_ban .account {display:table-cell; vertical-align:middle;}

/* 250519:배경색적용 소스추가 */
#footer_wrap > .bar_ban .account01 {display:table-cell; vertical-align:middle;}
/* 250519 :배경색적용 소스추가 */

/* 250519 :메인 하단 정보소스추가*/
.main_info01 {position:relative;  background-color:#f0f0f0; }
.main_info01:after {content:''; clear:both; display:block;}
.main_info01 .footer_inforall {width:1200px; margin:0 auto; padding:20px;  background-color:#f0f0f0; } 
.main_info01 .footer_inforall:after {content:''; clear:both; display:block;}
.main_info01 .footer_inforall h2 {font-size:18px; font-weight:bold; color:#222; margin:0 0 15px 0; text-align:center;}

/* 고객센터 */
.main_info01 .footer_inforall .inforall_cs {float:left; width:20%; border-right:1px solid #dfdfdf; height:130px; padding:5px 20px;  margin-left:10px;}
.main_info01 .footer_inforall .inforall_cs h2 {font-size:20px; font-weight:bold; color:#222; margin:0 0 10px 0; text-align:center;}
.main_info01 .footer_inforall .inforall_cs p {font-size: 14px; color: #222;height: 25px;}
.main_info01 .footer_inforall .inforall_cs ul li p span.phoneno {font-family : "roboto" !important; font-size: 22px; font-weight:bold; color: #222;}
.main_info01 .footer_inforall .inforall_cs ul li p span.bold {font-size: 14px; font-weight:bold; color: #222; margin-right:10px;}
/* 배송안내 */ 
.main_info01 .footer_inforall .inforall_delivery {float:left; width:20%; border-right:1px solid #dfdfdf; height:130px; padding:5px 10px;  margin-left:10px;}
.main_info01 .footer_inforall .inforall_delivery h2 {font-size:20px; font-weight:bold; color:#222; margin:0 0 10px 0; text-align:center;}
.main_info01 .footer_inforall .inforall_delivery p {font-size: 14px; color: #222; height:25px;}
.main_info01 .footer_inforall .inforall_delivery p span.bold {font-size: 14px; font-weight:bold; color: #222; margin-right:20px;}
/* 공지사항 */
.main_info01 .footer_inforall .inforall_notice {!important;width:20%; height:130px; float:left; border-right:1px solid #dfdfdf; padding:5px 10px; margin-left:10px; font-size:14px; color#222;}
.main_info01 .footer_inforall .inforall_notice h2 {font-size:20px; font-weight:bold; color:#222; margin:0 20px 10px 0; text-align:center;}
.main_info01 .footer_inforall .inforall_notice p {font-size: 14px; color: #222;}
.main_info01 .footer_inforall .inforall_notice ul {height:100px; margin-left:10px;}
.main_info01 .footer_inforall .inforall_notice ul li  {height:25px; }
.main_info01 .footer_inforall .inforall_notice ul li a {font-size:14px; color:#222; text-align:left; height:20px;}
.main_info01 .footer_inforall .inforall_notice ul li ul li {list-style-type:disc;}
/* 계좌안내 */
.main_info01 .footer_inforall .inforall_bank {float:left; width:20%; height:130px; padding:5px 20px; margin-left:10px;}
.main_info01 .footer_inforall .inforall_bank h2 {font-size:20px; font-weight:bold; color:#222; margin:0 20px 10px 0; text-align:center;}
.main_info01 .footer_inforall .inforall_bank p {font-size: 14px; color: #222; margin:5px 0; }
.main_info01 .footer_inforall .inforall_bank ul li p span.bankno { !important; font-family : "roboto";  font-size: 20px; font-weight:bold; color: #222;}

/* 풋터 메뉴01 */
.foot_list01 {background-color:#e31414; border-bottom:1px solid #fff; line-height:1;}
.foot_list01 ul{overflow:hidden; width:1240px; margin:0 auto;text-align:center;}
.foot_list01 ul li{display:inline-block; padding:20px 0;}
.foot_list01 ul li a{padding:0 25px 0 25px; color:#fff; border-left:1px solid #fff; font-size:15px;}
.foot_list01 ul li:first-child a{border-left:0 none;}
/* //250422:메인 하단 정보소스추가*/

/* 풋터 메뉴 */
.foot_list{border-bottom:1px solid #dddddd; line-height:1;}
.foot_list ul{overflow:hidden; width:1240px; margin:0 auto;text-align:center;}
.foot_list ul li{display:inline-block; padding:20px 0;}
.foot_list ul li a{padding:0 25px 0 25px; color:#666; border-left:1px solid #cccccc; font-size:14px;}
.foot_list ul li:first-child a{border-left:0 none;}

/* 회사 정보 */
.foot_cont {display: flex; overflow: hidden;  align-items: center;justify-content: center; width:1240px; margin:20px auto;text-align:center;}
.foot_cont dl{display:inline-block;}
.foot_cont .foot_logo{width:200px; margin-right: 20px}
.foot_cont .foot_info{}
.foot_cont .foot_info address strong, .foot_cont .foot_info address span {float:left;font-size: 13px; color: #666;}
.foot_cont .foot_info_list{overflow:hidden; width:100%; font-size:12px; color:#666;margin-right:15px;}
.foot_cont .foot_info_list dl{float:left; margin-left:10px;}
.foot_cont .foot_info_list dt{float:left;}
.foot_cont .foot_info_list dd{float:left; padding:0 5px 0 3px;}
.foot_cont .copyright{float:left; width:100%; color:#666; font-size:13px;}

.f_banner {overflow:hidden; width:100%; margin:0 auto;text-align:center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}

/* 사용자정보확인 */
.btn_licensee_info{color:#000000; font-size:12px; border-bottom:1px solid #333333;}
.btn_email:hover{text-decoration:underline;}

/* 공정거래 위원회 */
.foot_certify {overflow:hidden; padding:5px 0 15px 0; text-align:right;}
.foot_certify span{display:inline-block; padding:0 10px 0 10px;}
.foot_certify span:first-child{padding:0 10px 0 0}


/* ------------- 스크롤 배너 ------------- */
.scroll_wrap{position:absolute; top:339px; right:0; left:0;/* width:1200px; */ z-index:100;}
/* 스크롤이동 고정 위치 */
#scroll_left.ban_fixed{position:fixed; top:20px; left:0;/* left:50%; margin-left:-705px; */}
#scroll_right.ban_fixed{position:fixed; top:20px; right:15px;}
/* 스크롤배너(왼쪽) */
#scroll_left{position:absolute; top:0px; left:0; width:100px;/*left:-105px; width:70px; */}
/* 스크롤배너(오른쪽) */
#scroll_right{position:absolute; top:0px; right:15px; width:130px;}
#scroll_right .right_banner img{margin:0 0 15px 0;}
.scroll_right_cont{float:left; min-width:130px; background-color:#fff;box-sizing:border-box; border:1px solid #e6e6e6;border-radius:14px;box-shadow:5px 0 5px rgba(0, 0, 0, .2);}
.scroll_right_cont h4{padding:18px 0 0; color:#222; text-align:center; font-size:16px; font-weight:500;}
.scroll_right_cont ul{padding:15px 18px 0;}
.scroll_right_cont li{position:relative; width:74px; height:74px; margin:0 auto 12px; padding:0 0 0 0; border:1px solid #ececec; background:#ffffff; text-align:right;}
.scroll_right_cont .photo{display:inline-block; position:relative; width:74px; height:74px; z-index:20; text-align:center;
background:url('/data/commonimg/ico_noimg_300.gif')  no-repeat center 1px;
background-size:74px 74px;}
.scroll_right_cont .photo img{width:100%; height:100%; /*margin:1px 1px 0 0;*/}
/* 최근본 상품 내용 */
.scroll_right_cont .src_box{position:absolute; top:-1px; right:-1px; width:191px; height:69px; padding:5px 0 0 7px; border:1px solid #999999; background:#ffffff; text-align:left; z-index:10;}
.scroll_right_cont .src_box em{display:block; overflow:hidden; width:115px; height:43px; color:#939393; word-break:break-all;}
.scroll_right_cont .src_box strong{display:block; color:#e10505;}
.scroll_right_cont .src_box strong b{font-weight:normal;}
/* 최근본 상품 삭제 버튼 */
.scroll_right_cont .btn_scroll_list_del{position:absolute; top:0px; right:0px; width:15px; height:15px; z-index:30;}
/* 상품리스트 오버 시 제어 */
.scroll_right_cont li .src_box,
.scroll_right_cont li .btn_scroll_list_del{display:none;}
.scroll_right_cont li:hover .src_box,
.scroll_right_cont li:hover .btn_scroll_list_del{display:block;}
/* 상품리스트 페이징 */
.scroll_right_cont .scr_paging{margin:0 auto; font-size:14px; text-align:center;}
.scroll_right_cont .scr_paging span{padding:0 2px 0 2px;}
.scroll_right_cont .scr_paging strong{padding:0 2px 0 2px; color:#888;}
/* 추가개발 : 위로가기 버튼 위치 화면 아래로 변경 */

#scroll_right .btn_scroll_top{display:block; padding:0; clear:both; text-align:center; position:fixed; bottom:30px; right:15px;}
/* 260902-13 : TOP 버튼 단순화 - 흰 바탕 회색 테두리 원형 + ▲TOP 텍스트 (이미지 제거) */
#scroll_right .btn_scroll_top a{display:flex; flex-direction:column; align-items:center; justify-content:center; width:48px; height:48px; border:1px solid #ccc; border-radius:50%; background:#fff; color:#666; font-size:10px; font-weight:600; line-height:1; text-decoration:none; box-shadow:0 2px 6px rgba(0,0,0,.08);}
#scroll_right .btn_scroll_top a .arrow{font-size:9px; margin-bottom:3px; color:#888;}
#scroll_right .btn_scroll_top a:hover{border-color:#999; color:#222;}
#scroll_right .btn_scroll_talk{display:block; padding:10px 0 0 0; clear:both; text-align:center; position:fixed; bottom:30px; right:75px;}
.scroll_right_bot {background-color:#062451;margin-top:13px;text-align:center; padding:18px 0;border-radius:0 0 14px 14px;}
.scroll_right_bot > a {display: block;}
.scroll_right_bot img, .scroll_right_bot span {vertical-align:middle;}
.scroll_right_bot span {color:#fff; font-size:14px;}
.scroll_right_bot img {margin:0 9px 0 0;}

/* -------------  퀵검색 ------------- */
#quick_search{position:fixed; width:100%; top:0; margin:0; padding:0; background:#ffffff; z-index:200;}
#quick_search p{padding:10px;}
.quick_search_cont{position:relative; margin:0 auto;}
/* 버튼 제어 */
#quick_search .quick_search_cont .btn_quick_search_open{display:block;}
#quick_search .quick_search_cont .btn_quick_search_close{display:none;}
#quick_search .quick_search_cont.on .btn_quick_search_open{display:none;}
#quick_search .quick_search_cont.on .btn_quick_search_close{display:block;}
/* 기본 퀵검색 */
.quick_search_cont_box{}
.quick_search_cont_box h2{padding:20px 0 10px 25px; border-bottom:1px solid #cccccc; font-size:20px; background:url('../../img/icon/goods_icon/icon_search.png') no-repeat left 26px;}
.quick_search_cont_box dl{font-size:0;}
.quick_search_cont_box dl.first{padding-top:5px;}
.quick_search_cont_box dl dt{width:18%; display:inline-block; padding:10px 0; font-size:12px; text-align:left; font-weight:bold; vertical-align:top; word-break: break-all;}
.quick_search_cont_box dl dd{display:inline-block; width:82%; padding:10px 0; border-bottom:1px solid #cccccc;}
/* 카테고리 */
.quick_search_cont_box dl dd .select_box{display:inline-block; padding-right:5px;}
.quick_search_cont_box dl dd select{width:180px;}
/* 가격 */
.quick_search_cont_box dl dd .price_box{display:inline-block;}
.quick_search_cont_box dl dd .price_box input{height:24px; border:1px solid #cccccc; line-height:24px;}
.quick_search_cont_box dl dd .price_box span{display:inline-block; padding:0 5px; font-size:12px; vertical-align:middle;}
/* 색상 */
.quick_search_cont_box dl dd .color_box{}
.quick_search_cont_box dl dd .color_box span{display:inline-block; padding:2px 2px 1px 0; position:relative;}
.quick_search_cont_box dl dd .color_box span input{position:absolute; top:3px; left:1px; width:0; z-index:-1;}
.quick_search_cont_box dl dd .color_box span label{display:inline-block; width:20px; height:20px; font-size:0; padding:0; cursor:pointer;}
.quick_search_cont_box dl dd .color_box span .active{background-image:url('../../img/icon/goods_icon/icon_color_chk_on.png') !important;}
.quick_search_cont_box dl dd .search_box input{width:50%; height:24px; border:1px solid #cccccc; line-height:24px;}
input#quickSearchColorFFFFFF+label{border:#dfdfdf 1px solid; background-color:#fff;}
input#quickSearchColorFFFFFF+label.active{background-image:url('../../img/icon/goods_icon/icon_color_chk_on_white.png') !important}
/* 혜택/조건,아이콘 */
.quick_search_cont_box dl dd .benefit_box span{display:inline-block; padding:3px 15px 3px 0; position:relative;}
.quick_search_cont_box dl dd .benefit_box span input{position:absolute; top:5px; left:1px; width:0; z-index:-1;}
.quick_search_cont_box dl dd .benefit_box span label{display:inline-block; font-size:12px; padding-left:22px; cursor:pointer;
	background:url('../../img/icon/goods_icon/icon_check_off.png') no-repeat left center;}
.quick_search_cont_box dl dd .benefit_box span label:hover{background:url('../../img/icon/goods_icon/icon_check_hover.png') no-repeat left center;}
.quick_search_cont_box dl dd .benefit_box span label.on{background:url('../../img/icon/goods_icon/icon_check_active.png') no-repeat left center;}
.quick_search_cont_box .quick_btn{padding:20px 0; text-align:center;}
.quick_search_cont_box .quick_btn input{display:inline-block; padding:10px 30px; border:1px solid #ab3e55; background:#ab3e55; color:#ffffff; cursor:pointer; font-weight:bold;}
.quick_search_cont_box .quick_btn input:hover{background:#9b344a; border:1px solid #9b344a;}

/* 위치 TOP */
#quick_search.q_top{top:-10000px; left:0; width:100%; margin:0 auto; border-bottom:2px solid #ab3e55;}
#quick_search.q_top .quick_search_cont{width:1000px; margin:0 auto;}
/* 위치 TOP 버튼 */
#quick_search.q_top .btn_quick_search_open,
#quick_search.q_top .btn_quick_search_close{position:absolute; bottom:-22px; left:50%; width:100px; height:20px; margin-left:-60px; padding:0 10px; text-align:center;}
#quick_search.q_top .btn_quick_search_open{background:url('../../img/common/btn/btn_quick_search_top_open.png') no-repeat center center;}
#quick_search.q_top .btn_quick_search_close{background:url('../../img/common/btn/btn_quick_search_top_close.png') no-repeat center center;}
/* 위치 LEFT */
#quick_search.q_left{left:-10000px; width:400px; height:100% !important;  padding:20px; border-right:2px solid #323234;}
#quick_search.q_left .quick_search_cont_box dl dd .select_box{display:block; padding:0 5px 5px 0;}
#quick_search.q_left .quick_search_cont_box dl dd select{width:100%;}
#quick_search.q_left .quick_search_cont_box dl dd .price_box{display:inline-block; padding-bottom:5px;}
/* 위치 LEFT 버튼 */
#quick_search.q_left .btn_quick_search_open,
#quick_search.q_left .btn_quick_search_close{position:absolute; top:45%; right:-44px; width:22px; height:80px; margin-top:40px; padding:10px 0; text-align:center; color:#ffffff; background:#323234;}
#quick_search.q_left .btn_quick_search_open{background:url('../../img/common/btn/btn_quick_search_left_open.png') no-repeat center center;}
#quick_search.q_left .btn_quick_search_close{background:url('../../img/common/btn/btn_quick_search_left_close.png') no-repeat center center;}
/* 위치 RIGHT */
#quick_search.q_right{right:-10000px; width:400px; height:100% !important; padding:20px; border-left:2px solid #323234;}
#quick_search.q_right .quick_search_cont_box dl dd .select_box{display:block; padding:0 5px 5px 0;}
#quick_search.q_right .quick_search_cont_box dl dd select{width:100%;}
#quick_search.q_right .quick_search_cont_box dl dd .price_box{display:inline-block; padding-bottom:5px;}
/* 위치 RIGHT 버튼 */
#quick_search.q_right .btn_quick_search_open,
#quick_search.q_right .btn_quick_search_close{position:absolute; top:45%; left:-44px; width:22px; height:80px; margin-top:40px; padding:10px 0px; text-align:center; color:#ffffff; background:#323234;}
#quick_search.q_right .btn_quick_search_open{background:url('../../img/common/btn/btn_quick_search_right_open.png') no-repeat center center;}
#quick_search.q_right .btn_quick_search_close{background:url('../../img/common/btn/btn_quick_search_right_close.png') no-repeat center center;}

/* ------------- 쇼핑 카트 탭 ------------- */
#shop_cart_wrap{position:fixed; width:100%; left:0; bottom:0; margin:0; padding:0px 0; background:#ffffff; z-index:200;}
#shop_cart_wrap .btn_shop_cart_box{position:absolute; top:0px; left:50%; width:1200px; margin-left:-600px;}
#shop_cart_wrap .btn_shop_cart_box .btn_shop_cart_open{position:absolute; top:2px; right:0;}
#shop_cart_wrap .btn_shop_cart_box .btn_shop_cart_close{display:none; position:absolute; top:2px; right:0;}
#shop_cart_wrap .btn_shop_cart_box .on{display:block;}
#shop_cart_wrap .cart_tab_wrap{position:relative; height:39px; border-top:2px solid #333333; background:#f2f2f2;}
#shop_cart_wrap .cart_tab_list{width:1200px; margin:0 auto; font-size:14px;}
#shop_cart_wrap .btn_shop_buy{display:block; width:200px; height:45px; background:#ab3e55; font-weight:bold; font-size:14px; color:#ffffff; text-align:center;}
#shop_cart_wrap .btn_shop_buy:hover{background:#9b344a;}

.cart_tab_list .on{border-top:2px solid #ab3e55; font-weight:bold; padding-top:0; }
.cart_tab_list ul{margin:-2px 0 0 0;}
.cart_tab_list ul li{float:left; height:39px; padding:2px 24px 0 24px; background:url(../../img/icon/shop_cart/bg_cart_bar.png) no-repeat 0 12px;}
.cart_tab_list ul li:first-child{padding-left:14px; background:none;}
.cart_tab_list ul li a{vertical-align:-9px;}
.cart_tab_list ul img{vertical-align:-1px;}
.cart_tab_list ul span{padding:0 0 0 10px;}
.cart_tab_list .cart_tab_option{float:right; padding:0 34px 0 0; margin-top:2px; background-image:none;}
.cart_tab_list .cart_tab_option.on{margin-top:2px; border:none;}
.cart_tab_list .cart_tab_option a{display:block; padding:10px 55px; background:#6a6a6a; color:#ffffff; text-align:center; font-weight:bold; line-height:19px;}
.cart_tab_list .cart_tab_option span{padding:0;}
.shop_cart_cont{display:none; height:280px;}
.shop_cart_cont .cart_tab_box{display:none;}
.shop_cart_cont .cart_tab_box.on{display:block;}
.cart_tab_box{position:relative; width:1200px; height:280px; margin:0 auto;}

/* 찜 리스트 + 장바구니 상품가격 영역 */
.cart_total_box{float:right; position:relative; width:201px; height:250px; margin:20px 0 0 0;}
.cart_total_box dl{overflow:hidden; padding:0 0 7px 0;}
.cart_total_box dl dt{float:left; color:#777777;}
.cart_total_box dl dd{float:right; font-weight:bold; color:#444444}
.cart_total_box .total_price_sec{ padding:17px 0 0 0; border-top:1px solid #dadada; font-size:13px;}
.cart_total_box .total_price_sec dt{font-weight:bold; color:#555555;}
.cart_total_box .total_price_sec strong{color:#ab3e55;}
.cart_total_box .btn_shop_buy{margin:0;}
.cart_total_box .option_txt{color:#acacac; font-size:11px;}

/* 오늘 본 상품 탭 */
.cart_tab_box .shop_view_tab{overflow:hidden; position:relative; width:100%; height:280px;}
.shop_view_tab .shop_view_list{margin:42px 0 28px 0px;}
.shop_view_list .view_tab_cont{width:135px;}
.shop_view_tab .slick_prev,
.shop_view_tab .slick_next{position:absolute; top:100px; z-index:200;}
.shop_view_tab .slick_next{right:0;}

/* .chart_view_horizontal .slick-prev{background:url("../../img/icon/shop_cart/btn_slide_prev.png") no-repeat left top; display:block; position:absolute; top:100px; left:0; width:15px; height:30px; font-size:0; line-height:0; z-index:10;}
.chart_view_horizontal .slick-next{background:url("../../img/icon/shop_cart/btn_slide_next.png") no-repeat left top; display:block; position:absolute; top:100px; right:0; width:15px; height:30px; font-size:0; line-height:0; z-index:10;} */

.shop_view_tab ul{overflow:hidden; width:1100px;}
.shop_view_tab ul li{float:left; padding:0 25px;}
.shop_view_tab .prdt_photo_box{position:relative; overflow:hidden; border:1px solid #ebebeb;}
.shop_view_tab .prdt_photo_box a > img{width:135px; height:120px;}
.shop_view_tab .prdt_photo_box .btn_del{display:block; position:absolute; top:0; right:0;}
.shop_view_tab .prdt_tit{display:block; padding:11px 0 3px 0; font-size:12px; color:#4b4b4b;}
.shop_view_tab .prdt_price{color:#838383; font-size:11px;font-weight:bold;}
.shop_view_tab .prdt_price strong{font-size:18px; color:#000;}
.cart_coupon strong{color:#ff4c2e;}
.cart_coupon span img{vertical-align:-2px;}

/* 찜리스트 탭 */
.cart_tab_box .shop_zzim_tab{height:280px;}
.zzim_table_box{float:left; width:940px; height:249px; margin:20px 0 0 0; overflow:auto; border-bottom:1px solid #dbdbdb;}
.zzim_table_box table{width:100%;}
.zzim_table_box table th{height:40px; background:#f9f9f9; color:#777777; border-top:1px solid #717171; border-bottom:1px solid #dbdbdb;}
.zzim_table_box table td{padding:12px 0; border-bottom:1px solid #dbdbdb; text-align:center;}
.zzim_table_box table .cart_prdt_name{text-align:left;}
.zzim_table_box .cart_tit_box{line-height:22px;}
.zzim_table_box .cart_tit_box .prdt_name{display:block; word-break: break-all;}
.zzim_table_box .cart_btn_box{position:relative;}
.zzim_table_box .caution_msg1 {min-height:17px; margin:15px 0 0; padding: 0 0 0 19px; background:#fff url('../../img/icon/caution-1.png') no-repeat left 2px; color:#3e3d3c; line-height:20px; }
.zzim_table_box .cart_chk_none {display:block; padding:5px 0 5px 19px; color:#ab3e55; background: url('../../img/icon/etc/icon_warning.png') no-repeat left 8px;}
.zzim_table_box .nomal_layer {position:absolute; top:-50px; left:80px; z-index:10;  background:#ffffff; }
.zzim_total_box{float:right; width:201px; margin:20px 0 0 0;}
.zzim_total_box dl{overflow:hidden; padding:0 0 11px 0;}
.zzim_total_box dl dt{float:left; color:#777777;}
.zzim_total_box dl dd{float:right; font-weight:bold; color:#444444}
.zzim_total_box .total_price_sec{ padding:17px 0 0 0; border-top:1px solid #dadada; font-size:13px;}
.zzim_total_box .total_price_sec dt{font-weight:bold; color:#555555;}
.zzim_total_box .total_price_sec strong{color:#ffb648;}
.zzim_total_box .btn_shop_buy{margin:55px 0 0 0;}

/* 장바구니 탭 */
.cart_tab_box .shop_cart_tab{height:280px;}
.cart_table_box{float:left; width:940px; height:249px; margin:20px 0 0 0; overflow:auto; border-bottom:1px solid #dbdbdb;}
.cart_table_box table{width:100%;}
.cart_table_box table th{height:40px; background:#f9f9f9; color:#777777; border-top:1px solid #717171; border-bottom:1px solid #dbdbdb;}
.cart_table_box table td{padding:12px 0; border-bottom:1px solid #dbdbdb; text-align:center;}
.cart_table_box table .cart_prdt_name{text-align:left;}
.cart_table_box .cart_tit_box{line-height:22px; }
.cart_table_box .cart_tit_box .prdt_name{display:block; word-break: break-all;}
.cart_table_box .cart_btn_box{position:relative;}
.cart_table_box .caution_msg1 {min-height:17px; margin:15px 0 0; padding: 0 0 0 19px; background:#fff url('../../img/icon/caution-1.png') no-repeat left 2px; color:#3e3d3c; line-height:20px; }
.cart_table_box .cart_chk_none {padding:5px 0 5px 19px; color:#ab3e55; background: url('../../img/icon/etc/icon_warning.png') no-repeat left 8px;}
.cart_table_box .nomal_layer {position:absolute; top:-50px; left:80px; z-index:10;  background:#ffffff; }

/* 옵션선택 탭 */
.shop_cart_cont .shop_option_tab{height:280px;}
.shop_cart_cont .shop_option_tab:after{display:block; clear:both; content:"";}
.shop_option_cont{float:left; width:940px; word-break: break-all;}
.shop_option_cont .shop_option_tit{width:100%; padding:20px 0 12px 0; border-bottom:1px solid #717171;}
.shop_option_cont .shop_option_tit .shop_item_tit{display:block; padding:0 0 7px 0; font-size:14px;}
.shop_option_cont .shop_option_tit .shop_item_money{}
.shop_option_cont .shop_option_tit .shop_item_delivery{color:#717171;}
.shop_option_cont .shop_option_tit select{margin:-6px 0 0 10px}
/* 옵션 선택 리스트 */
.option_table_box .option_list{}
.option_table_box .option_list:after{display:block; clear:both; content:"";}
.option_table_box .option_list dl{float:left; width:100%;}
.option_table_box .option_list dl:last-child{padding:0 0 3px 0; border-bottom:1px solid #dbdbdb;}
.option_table_box .option_list dt{float:left; width:155px; padding:10px 0 10px 10px;}
.option_table_box .option_list dd{float:left; width:565px;}
.option_table_box .option_list .text_type dt{color:#a9a9a9;}
.option_table_box .option_list .option_msg{padding:0 0 0 5px; color:#a9a9a9; font-size:11px;}
.option_table_box{width:100%; height:180px; padding:10px 0 0 0; overflow:auto;}
.option_table_box table{width:100%;}

/* 옵션 선택 상품가격 영역 */
.option_table_box .cart_tit_box{float:left; padding:0 5px 0 0; line-height:22px;}
.option_table_box .cart_tit_box .cart_tit{display:block;}
.option_total_box{float:right; position:relative; width:201px; height:250px; margin:20px 0 0 0;}
.option_total_box dl{overflow:hidden; padding:0 0 7px 0;}
.option_total_box dl dt{float:left; color:#777777;}
.option_total_box dl dd{float:right; font-weight:bold; color:#444444}
.option_total_box .total_price_sec{ padding:17px 0 0 0; border-top:1px solid #dadada; font-size:13px;}
.option_total_box .total_price_sec dt{font-weight:bold; color:#555555;}
.option_total_box .total_price_sec strong{color:#9b344a;}
.option_total_box .btn_shop_buy{margin:8px 0 0 0;}
.option_total_box .btn_shop_cart{display:block; width:200px; height:43px; margin:0; border:1px solid #cccccc; background:#ffffff; font-weight:bold; font-size:14px; color:#3e3d3c; text-align:center;}
.option_total_box .btn_shop_cart:hover{border:1px solid #bbbbbb; color:#333333;}
.option_total_box .btn_shop_soldout{display:block; width:201px; height:45px; margin:8px 0 0 0; background:#ab3e55; font-weight:bold; font-size:14px; color:#ffffff; text-align:center;}
/* 수량 선택 */
.goods_qty{display:inline-block; vertical-align:middle; width:100%; text-align:center;}
.goods_qty > span {vertical-align:middle;}
.goods_qty .text{padding:0 5px; width:43px; outline:none; height:33px; border:1px solid #ccc; color:#3f3f3f; font-size:12px; line-height:31px; text-align:center; border:0;display: inline-block;font-family : "roboto" !important;}
.goods_qty span{display: inline-block;}
.goods_qty span .up{background:url('../../img/new/ico/btn_count_up.png') no-repeat center center;}
.goods_qty span .down{background:url('../../img/new/ico/btn_count_down.png') no-repeat center center;}
.goods_qty span button{display:block; width:13px; height:13px; text-indent:-9999px;}
.cart_chk span{display:inline-block;}
.cart_chk span input{display:none;}
.cart_chk span label{font-size:12px; padding-left:17px; cursor:pointer; background:url('../../img/icon/goods_icon/icon_check_off.png') no-repeat left center;}
.cart_chk span label:hover{background:url('../../img/icon/goods_icon/icon_check_hover.png') no-repeat left center;}
.cart_chk span label.on{background:url('../../img/icon/goods_icon/icon_check_active.png') no-repeat left center;}
/* 옵션 추가 내용 */
.text_type_cont{display:block; padding:6px 0 0 0; color:#a9a9a9; font-size:11px; line-height:1;}
/* 상품가격의 버튼 위치 */
.btn_cart_box{position:absolute; bottom:0px; right:0px;}


/* ------------- 공통 - 상품 상세 옵션 선택 + 옵션 선택 레이어 + 쇼핑카트 탭 옵션선택 ------------- */

/* 쇼핑카트 탭 옵션선택 셋팅 */
.option_table_box .item_choice_list table{background:#ffffff;}
.option_table_box .item_choice_divide .item_choice_tit span{width:570px;}
.option_table_box .item_choice_divide .item_choice_photo + span{width:500px;}
/* 옵션 선택 레이어 셋팅 */
.option_list.item_choice_list table{width:99%;}
.option_list .item_choice_divide .item_choice_tit span{width:350px;}
.option_list .item_choice_divide .item_choice_photo + span{width:300px;}
/* 상세 상품 선택 셋팅 */
.item_detail_list + .item_choice_list table{width:100%; border-bottom:1px solid #e6e6e6; border-top:1px solid #222;}
.item_detail_list + .item_choice_list table td .cart_tit span {font-size:15px; font-weight:500; color:#222222;}
.item_detail_list + .item_choice_list table td .cart_tit span .btn_alert_login {width:70px; height:36px; line-height:36px; text-align:center; color:#fff; border-radius:30px; background-color:#e10505; font-size:13px;margin-left:10px;}
.item_detail_list + .item_choice_list table td .cart_tit span .btn_alert_login img {display:none;}

/* 상품 선택 내용*/
.item_choice_list{margin:-2px 0 0 0; word-break:break-all;}
.item_choice_list:after{display:block; clear:both; content:"";}
.item_choice_list table{width:100%; background:#fafafa;}
.item_choice_list table td{padding:12px 0 ; border-top:1px solid #dbdbdb; text-align:center;}
.item_choice_list table colgroup+tbody tr td{border:none;}
.item_choice_list .count{display:table-cell; vertical-align:middle; padding:0; border:1px solid #ccc; background-color:#fff; width:110px; height:42px;}
.item_choice_list .item_choice_price{font-size:15px;}
.item_choice_list .item_choice_price strong { text-align: right; color:#444; font-family : "roboto" !important;}
.item_choice_list .item_choice_tit{display:inline; padding:0 0 5px 21px; vertical-align:middle;}
.item_choice_list .cart_prdt_name{text-align:left; }
.item_choice_list .cart_prdt_name .cart_tit_box .cart_tit span, .item_choice_list .cart_prdt_name .cart_tit_box .cart_tit .cart_btn_box img {vertical-align:middle;}
.item_choice_list .cart_prdt_name .cart_tit_box .cart_tit span, .item_choice_list .cart_prdt_name .cart_tit_box .cart_tit  {color="#000";}
.item_choice_list .cart_prdt_name .cart_tit_box .cart_tit .cart_btn_box img {margin-left:5px;}
.item_choice_list .item_choice_divide td{border-top:1px dotted #dbdbdb;}
/* 상품 세부 내용 */
.item_choice_divide{padding:10px 20px 10px 20px;}
.item_choice_divide .item_choice_tit{background:url("../../img/icon/goods_icon/icon_divide.png") no-repeat 0 8px; vertical-align:top;}
.item_choice_divide .item_choice_photo{}
.item_choice_divide .item_choice_photo img{width:31px; height:31px; border:1px solid #cccccc;}
.item_choice_divide .item_choice_tit span{display:inline-block; width:290px; vertical-align:sub; color:#333333;}
.item_choice_divide .item_choice_photo + span{width:250px; padding:0 0 0 5px;}

/* 꾸미기 영역 */
.addition_zone {padding:0 0 20px 0; }
.addition_zone img {border-radius:20px; }
/* 상품 나오는 영역 */
.goods_item_view{}
/* 추천 상품 나오는 영역 */
.best_item_view{margin:0 0 40px 0;}
.best_item_view .best_item_view_tit{padding:0 0 10px 0; font-size:16px;}

/* 페이코서치 자동완성 */
.autocomplete-area-detail { margin:5px 0 !important; padding:0 !important; position:absolute !important; top:24px; left:0; width:228px !important; z-index:21; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.autocomplete-close-btn { color: #999999; font-size: 11px; padding: 0 15px 0 15px; bottom:7px !important; }
.autocomplete-close .autocomplete-close-btn.detail { top: 7px !important; }
div[class^="autocomplete-area"] .autocomplete-close { height:30px !important; background:#f5f5f5 !important; border:none !important; }
div[class^="autocomplete-area"] ul.auto-area { border:none !important; border-top:1px solid #cccccc !important; }
div[class^="autocomplete-area"] ul.auto-area li { position:relative; width:100%; height:20px; padding: 2px 15px 2px 15px !important; }
div[class^="autocomplete-area"] ul.auto-area li:first-child { padding-top: 10px !important; }
div[class^="autocomplete-area"] ul.auto-area li:last-child { padding-bottom: 10px !important; }
.search_again_box .keyword-div { position:relative; display:inline-block; }

/* 마이페이지 최근 본 상품 이미지 */
.mypage_main .item_photo_box a > img{width:210px; height:210px;}

/* 일반 레이어팝업 (구매 이용 조건안내) */
.pick_add_info .caution_msg1 {min-height:17px; margin:15px 0 0; padding: 0 0 0 19px; background:#fff url('../../img/icon/caution-1.png') no-repeat left 2px; color:#3e3d3c; line-height:20px; }
.nomal_layer {position:absolute; top:0px; left:70px; z-index:10;  background:#ffffff; }
.nomal_layer .wrap {position:relative; border:1px solid #555555; }
.nomal_layer .wrap > strong {display:block; height:27px; padding:13px 0 0 17px; background:#f4f4f4; color:#222222; }
.nomal_layer .wrap .list {overflow-x:hidden; overflow-y:auto; min-height:50px; max-height:210px;}
.nomal_layer .wrap .list table {width:250px;}
.nomal_layer .wrap .list table tr td.strong { font-weight:bold; text-align: left; border-left: none;}
.nomal_layer .wrap .list table th {padding: 0 5px 0 3px ; border-bottom: 1px solid #e8e8e8; color: #444; font-size: 11px; text-align:left; }
.nomal_layer .wrap .list table td {padding: 8px 0 8px 18px !important; color: #666; font-size: 11px; border-bottom: 1px solid #e8e8e8; height:15px !important; }
.nomal_layer .wrap .close {display:block; position:absolute; top:11px; right:12px; width:18px; height:18px; text-indent:-9999px; background: url('../../img/btn/layer-close.png') no-repeat left top;}
.normal_btn {display:inline-block; width:auto; padding:0 10px !important; border:1px solid #dbdbdb; color:#6c6c6c; text-align:center; vertical-align:top; box-sizing:border-box; cursor:pointer;}
.normal_btn img {margin:0 0 0 5px; vertical-align:middle;}

/*오른쪽 고정배너 추가 : 260430 */
/* 260820-1 : 배너별 개별 fixed/top 지정을 폐기하고 래퍼 하나로 세로 자동정렬 (중복 규칙 정리) */
/* 260902-14 : fixed → absolute (페이지 상단 230px 위치에 고정, 스크롤 시 페이지와 함께 이동). outline/scroll/scroll_banner_right.html 이 body 직속으로 옮겨 문서 기준으로 잡힘 */
.right_fixed_banner {position: absolute; top: 230px; left: 56%; margin-left: 530px; z-index: 9999; width: 150px; display: flex; flex-direction: column; gap: 10px;}

/* ==========================================================
   추가: 우측 모아배송 고정 배너 
   ========================================================== */
/* 기존 입고알림 배너 스타일 (layout.css 참고) */
/* 260820-1 : 중복 .right_bell_banner 규칙 삭제 (아래 260518 규칙 한 곳으로 통합) */

/* 모아배송 우측 고정 배너 스타일 */
.right_moa_banner { font-family: 'S-CoreDream', 'Pretendard Variable', Pretendard, sans-serif; /* 260828-10 : S-CoreDream 복원(디자인 원안 유지). 서브셋 밖 문자는 Pretendard 로 폴백 */ /* 260820-1 : position:fixed/top/left/margin-left 제거 -> .right_fixed_banner 래퍼가 위치 담당 */ position: static; width: 100%; height: auto; /* 세로 사이즈 고정 해제 (내용에 따라 자동 늘어남) */ background-color: #ffffff; border: 1px solid #bc0505; border-radius: 8px; padding: 0 10px 10px; /* 내부 요소가 잘 맞도록 하단 여백 미세조정 */ box-sizing: border-box; }
.right_moa_banner * { box-sizing: border-box; margin: 0; padding: 0; line-height: 1.2; }

/* 상단 모아배송 태그 */
.right_moa_banner .moa_badge { background-color: #d50000; color: #ffffff; display: flex; align-items: center; justify-content: center; padding: 8px 0; border-radius: 0 0 10px 10px; /* 아래쪽 모서리만 둥글게 */ width: 110px; /* 탭 형태의 너비 지정 */ margin: 0 auto 10px; /* 가운데 정렬 및 하단 여백 축소 */ font-size: 15px; font-weight: 500; letter-spacing: -0.5px; }
.right_moa_banner .moa_badge img { height: 16px; margin-left: 6px; }

/* 타이틀 영역 */
.right_moa_banner .moa_header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; position: relative; padding-left: 4px; }
.right_moa_banner .moa_title { font-size: 13px; color: #333; letter-spacing: -0.5px; line-height: 1.4; }
.right_moa_banner .moa_title .red-text { color: #d1180b; font-weight: 600; font-size: 17px; }
.right_moa_banner .moa_title .black-text { color: #111; font-weight: 600; font-size: 17px; }
.right_moa_banner .moa_map_icon { width: 52px; /* 하단이 잘리지 않도록 크기 축소 */ position: absolute; right: -5px; top: -3px; }

/* 지역 선택 셀렉트 박스 형태 */
.right_moa_banner .moa_select_box { position: relative; /* 추가: select 박스 겹치기 위함 */ display: flex; align-items: center; justify-content: space-between; border: 1px solid #d0d0d0; border-radius: 4px; padding: 8px 6px; /* 텍스트 길이를 고려해 좌우 여백 살짝 축소 */ margin-bottom: 10px; cursor: pointer; background-color: #fff; }
.right_moa_banner .moa_select_box img.marker { width: 12px; flex-shrink: 0; }
.right_moa_banner .moa_select_box .text { font-size: 12px; color: #444; flex-grow: 1; text-align: center; letter-spacing: -0.5px; line-height: 1.1; padding: 0 4px; white-space: nowrap; /* 줄바꿈 방지 추가 */ overflow: hidden; /* 길어질 경우 숨김 처리 */ text-overflow: ellipsis; /* 말줄임표 처리 */ }
.right_moa_banner .moa_select_box img.arrow { width: 12px; flex-shrink: 0; }

/* 투명한 실제 select 박스 */
.right_moa_banner .moa_real_select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; appearance: none; -webkit-appearance: none; }

/* 상세 정보 박스 */
.right_moa_banner .moa_info_box { background-color: #f6f6f6; border: 1px solid #e5e5e5; border-radius: 6px; padding: 8px 8px; /* 추가 줄바꿈을 위해 상하 패딩 살짝 축소 */ }
.right_moa_banner .moa_info_box .info_title_wrap { text-align: center; margin-bottom: 8px; }
.right_moa_banner .moa_info_box .info_title { font-size: 14px; color: #666; letter-spacing: -0.5px; line-height: 1.2; }
.right_moa_banner .moa_info_box .info_title strong { color: #111; font-size: 16px; font-weight: 500; }
.right_moa_banner .moa_info_box .info_title_sub { font-size: 12px; color: #2a2727; margin-top: 3px; letter-spacing: -0.5px; font-weight: normal; display: none; /* 기본 숨김 */ }
.right_moa_banner .moa_info_box .info_row { display: flex; align-items: center; justify-content: center; margin-bottom: 4px; }

/* 박스 아이콘 컨테이너 - 기존의 테두리 및 배경 제거 */
.right_moa_banner .moa_info_box .info_row .box-icon-wrap { display: flex; align-items: center; justify-content: center; margin-right: 4px; }

/* 박스 아이콘 사이즈를 지정한 크기로 고정 */
.right_moa_banner .moa_info_box .info_row .box-icon-wrap img { width: 27px; height: 28px; }
.right_moa_banner .moa_info_box .info_row .count { font-size: 20px; font-weight: 800; margin-right: 4px; font-family: Tahoma, sans-serif; line-height: 1; }
.right_moa_banner .moa_info_box .info_row .count.red { color: #d1180b; }
.right_moa_banner .moa_info_box .info_row .count.blue { color: #1b64b1; }
.right_moa_banner .moa_info_box .info_row .unit { font-size: 12px; color: #111; font-weight: 600; letter-spacing: -0.5px; }
.right_moa_banner .moa_info_box .info_desc { text-align: center; font-size: 12px; color: #777; letter-spacing: -0.5px; }
.right_moa_banner .moa_info_box .divider { border: 0; border-top: 1px solid #c9c9c9; margin: 6px 6px; }

/* 260518 오른쪽 입고알림 배너 스타일 변경 */
/* 260820-1 : position:fixed/top/left/margin-left 제거 -> .right_fixed_banner 래퍼가 위치 담당 */
.right_bell_banner { position: static; width: 100%; }
.bell_banner_inner { background: #fff; border: 1px solid #d0d0d0; border-radius: 8px; overflow: hidden; } /* 260828-4 : font-family(Pretendard) 개별지정 제거 → reset.css 기준서체 상속 */
.bell_top { position: relative; padding: 15px 12px 12px; box-sizing: border-box; background: url('/data/250801/etc/bell_banner_icon_03.png') no-repeat right -5px bottom 5px / 75px auto; }
.bell_txt_wrap { position: relative; z-index: 2; }
.bell_txt_wrap span { display: block; line-height: 1.15; }
.bell_txt1 { font-size: 11.5px; color: #333; letter-spacing: -0.5px; margin-bottom: 2px; }
.bell_txt2 { font-size: 14px; color: #333; margin-top: 1px; letter-spacing: -0.5px; }
.bell_txt2 strong { font-size: 18px; color: #000; font-weight: 700; letter-spacing: -1px; }
.bell_txt3 { font-size: 15px; color: #d60000; margin-top: 1px; font-weight: 500; letter-spacing: -1px; }
.bell_txt4 { font-size: 12px; color: #333; margin-top: 2px; letter-spacing: -0.5px; }
.bell_icon_box { display: none !important; }
.bell_line { height: 1px; background: #e6e6e6; width: 126px; margin: 0 auto; }
.bell_mid { display: flex; align-items: center; justify-content: flex-end; padding: 12px 8px 12px 20px; box-sizing: border-box; background: url('/data/250801/etc/bell_banner_icon_02.png') no-repeat left 6px center / 48px auto; }
.bell_icon_phone { display: none !important; }
.bell_txt_wrap2 { width: 100%; text-align: right; }
.bell_txt_wrap2 span { display: block; line-height: 1.1; text-align: right; white-space: nowrap; }
.bell_txt5 { font-size: 12px; color: #333; font-weight: 400; letter-spacing: -0.5px; }
.bell_txt5 strong { font-size: 14px; color: #000; font-weight: 500; letter-spacing: -0.5px; }
.bell_txt5_sub { font-size: 12px; color: #333; font-weight: 400; letter-spacing: -0.5px; margin-left: 1px; }
.bell_txt6 { font-size: 12px; color: #333; margin-top: 3px; letter-spacing: -0.5px; }
.bell_txt6 strong { font-size: 17px; color: #d60000; font-weight: 700; letter-spacing: -1px; }
.bell_txt7 { font-size: 13px; color: #333; margin-top: 3px; letter-spacing: -0.8px; white-space: nowrap; }
.blink_text strong { animation: blinkColor 1s infinite; }
@keyframes blinkColor { 0%, 100% { color: #111; } 50% { color: #d60000; } }
.bell_bot { background: #d60000; color: #fff; display: flex; align-items: center; justify-content: center; height: 32px; font-size: 13px; font-weight: 400; letter-spacing: -0.5px; }
.bell_icon_clock { width: 16px; height: 16px; margin-right: 4px; }

/* 260820-1 : 무료샘플신청 우측 고정배너 S (260820-4 : 시안 이미지에서 색상/크기 실측 반영 - 카드 150x169 기준) */
.right_sample_banner { width: 100%; /* 260820-18 : sample_bg.png 를 카드 전체 배경으로(텍스트/버튼이 위에 얹힘), 시안 실측 테두리 #b5c3a4 */ background: #faf8f3 url('/data/250801/etc/sample_bg.png') no-repeat center / cover; border: 1px solid #b5c3a4; border-radius: 12px; padding: 10px 9px 9px; box-sizing: border-box; text-align: center; } /* 260828-4 : font-family(Pretendard) 개별지정 제거 → reset.css 기준서체 상속 */
.right_sample_banner * { box-sizing: border-box; }
.right_sample_banner .sample_head { padding: 0; background: none; border: 0; }
.right_sample_banner .sample_tit { display: block; font-size: 24px; font-weight: 700; color: #000; letter-spacing: -1.5px; line-height: 1.15; }
/* 260820-3 : '무료' 부분만 시안 초록색 #345111 (버튼 배경과 동일색) */
.right_sample_banner .sample_tit .free { color: #345111; }
.right_sample_banner .sample_sub { display: block; margin-top: 4px; font-size: 12px; font-weight: 500; color: #000; letter-spacing: -0.5px; line-height: 1.2; white-space: nowrap; }
.right_sample_banner .sample_img { /* 260820-18 : 배경 이미지가 보이는 공간(스페이서) */ height: 78px; padding: 0; }
.right_sample_banner .sample_btn { /* 260820-19 : 버튼만 이전 형태로 복귀 - 초록 배경 + 흰 글씨 알약형 */ display: block; margin: 0; padding: 8px 0; border: 0; border-radius: 999px; background: #345111; color: #fff; font-size: 15px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.2; text-decoration: none; }
.right_sample_banner .sample_btn:hover { background: #2a410e; color: #fff; text-decoration: none; }
.right_sample_banner .sample_btn .arrow { margin-left: 3px; font-weight: 400; }
/* 260820-1 : 무료샘플신청 우측 고정배너 E */

/* 260820-6 : 무료샘플신청 레이어 팝업 S (시안 실측: 강조주황 #f26c4c, 뱃지 #f9eee4, 버튼 #8c7765, 베이지 #fcf4ec) */
.sample_pop_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10500; /* 260820-8 : 작은 화면에서 래퍼가 스크롤 담당 */ overflow-y: auto; -webkit-overflow-scrolling: touch; }
.sample_pop_wrap * { box-sizing: border-box; }
.sample_pop_dim { /* 260820-8 : 래퍼 스크롤시에도 화면 전체 덮도록 fixed */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.55); }
.sample_pop { /* 260820-8 : transform 중앙배치+내부스크롤 폰기 -> 래퍼 스크롤 방식(작은 모니터에서도 안 잘림) */ position: relative; /* 260820-9 : 안내 2열 배치로 가로 680px 확장 */ width: 680px; max-width: calc(100% - 30px); margin: 3vh auto; background: #fff; border-radius: 20px; padding: 30px 28px 26px; } /* 260828-4 : font-family(Pretendard) 개별지정 제거 → reset.css 기준서체 상속 */
.sample_pop .sp_close { position: absolute; top: 14px; right: 16px; width: 34px; height: 34px; border: 0; background: none; font-size: 28px; line-height: 1; color: #222; cursor: pointer; z-index: 2; }
/* 상단 헤더 */
.sample_pop .sp_head { /* 260820-9 : 우상단 이미지 제거로 우측 여백 축소 */ position: relative; padding: 4px 4px 16px; border-bottom: 1px dashed #e2ddd7; }
.sample_pop .sp_badge { display: inline-flex; align-items: center; gap: 6px; background: #f9eee4; color: #333; border-radius: 999px; padding: 7px 14px; font-size: 12.5px; font-weight: 600; letter-spacing: -0.5px; }
.sample_pop .sp_badge img { width: 16px; height: 16px; }
.sample_pop .sp_tit { margin: 14px 0 0; font-size: 34px; font-weight: 800; color: #141414; letter-spacing: -2px; line-height: 1.15; }
.sample_pop .sp_tit .free { color: #f26c4c; }
.sample_pop .sp_sub { margin: 10px 0 0; font-size: 14px; color: #4a4a4a; letter-spacing: -0.5px; }
/* 260820-9 : 우상단 이미지(.sp_main_img/.sp_hand) 규칙 삭제 */
/* 안내 4줄 */
.sample_pop .sp_info { /* 260820-10 : 문구를 한 줄씩 보여주기 위해 1열 복귀(가로 680px 유지) */ margin: 16px 0 0; border: 1px solid #f0ece7; border-radius: 16px; padding: 4px 18px; }
.sample_pop .sp_info_row { display: flex; align-items: center; gap: 14px; padding: 14px 0; }
/* 260820-10 : 1열 복귀로 행 사이 점선 */
.sample_pop .sp_info_row + .sp_info_row { border-top: 1px dashed #e9e4de; }
.sample_pop .sp_icon { /* 260820-10 : 아이콘 이미지에 원형배경 포함되어 CSS 원형/배경 제거 */ flex: 0 0 52px; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; }
.sample_pop .sp_icon img { width: 52px; height: 52px; object-fit: contain; }
.sample_pop .sp_info_txt strong { font-size: 16px; font-weight: 700; color: #141414; letter-spacing: -0.7px; }
.sample_pop .sp_info_txt strong em { color: #f05939; font-style: normal; font-weight: 800; }
.sample_pop .sp_info_txt strong .nor { font-weight: 500; color: #333; }
.sample_pop .sp_info_txt p { margin: 5px 0 0; font-size: 13px; color: #888; letter-spacing: -0.5px; line-height: 1.45; }
/* 입력 영역 */
.sample_pop .sp_form { position: relative; margin: 16px 0 0; background: #fcf4ec; border-radius: 16px; padding: 18px 18px 16px; }
.sample_pop .sp_form_tit { margin: 0 0 12px; color: #966b45; font-size: 15px; font-weight: 700; letter-spacing: -0.7px; font-style: italic; }
.sample_pop .sp_select_box { position: relative; }
.sample_pop .sp_select_btn { display: flex; align-items: center; width: 100%; border: 1px solid #e8ddd2; border-radius: 10px; background: #fff; padding: 11px 14px; font-size: 13.5px; font-weight: 600; color: #333; cursor: pointer; letter-spacing: -0.5px; }
.sample_pop .sp_select_btn .sp_max { margin-left: 5px; font-weight: 400; color: #999; font-size: 12px; }
.sample_pop .sp_select_btn .sp_arr { margin-left: auto; color: #b09a83; }
.sample_pop .sp_select_list { display: none; /* 260820-8 : absolute 드롭다운이 팝업 하단에서 잘려서 in-flow 로 변경(아래 내용을 밀어냄) */ position: static; width: 100%; max-height: 240px; overflow-y: auto; margin: 4px 0 0; padding: 4px 0; list-style: none; background: #fff; border: 1px solid #e8ddd2; border-radius: 10px; box-sizing: border-box; }
.sample_pop .sp_select_list li label { display: flex; align-items: center; gap: 8px; padding: 8px 14px; font-size: 13px; color: #333; cursor: pointer; letter-spacing: -0.5px; }
.sample_pop .sp_select_list li label:hover { background: #faf3ec; }
/* 260820-10 : 목록 하단 '선택 완료' 버튼 */
.sample_pop .sp_select_list li.sp_done { position: sticky; bottom: -4px; background: #fff; padding: 6px 10px 8px; border-top: 1px solid #f0ece7; }
.sample_pop .sp_select_list li.sp_done button { display: block; width: 100%; padding: 8px 0; border: 0; border-radius: 8px; background: #8c7765; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: -0.5px; cursor: pointer; }
.sample_pop .sp_select_list li.sp_done button:hover { background: #7a6656; }
/* 260820-7 : 샘플 목록 검색창 */
.sample_pop .sp_select_list li.sp_search { position: sticky; top: -4px; background: #fff; padding: 6px 10px 8px; border-bottom: 1px solid #f0ece7; z-index: 2; }
.sample_pop .sp_select_list li.sp_search input { width: 100%; border: 1px solid #e8ddd2; border-radius: 8px; padding: 7px 10px; font-size: 13px; box-sizing: border-box; }
/* 260820-8 : 레이어 내 간단 로그인 */
.sample_pop .sp_login_box { margin: 12px 0 0; padding: 14px; background: #fff; border: 1px solid #e8ddd2; border-radius: 12px; }
.sample_pop .sp_login_box .sp_login_tit { margin: 0 0 10px; font-size: 13px; font-weight: 700; color: #333; letter-spacing: -0.5px; }
.sample_pop .sp_login_box input { width: 100%; border: 1px solid #e0d8cd; border-radius: 8px; padding: 10px 12px; font-size: 13px; box-sizing: border-box; margin-bottom: 6px; }
.sample_pop .sp_login_box .sp_login_btn { display: block; width: 100%; padding: 10px 0; border: 0; border-radius: 8px; background: #f26c4c; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: -0.5px; cursor: pointer; }
.sample_pop .sp_login_box .sp_login_btn:hover { background: #dd5a3c; }
.sample_pop .sp_login_links { margin-top: 8px; text-align: center; }
.sample_pop .sp_login_links a { font-size: 12px; color: #966b45; margin: 0 6px; text-decoration: underline; }
/* 260820-21 : 레이어 내 네이버/카카오 간편로그인 버튼 */
.sample_pop .sp_sns_login { margin-top: 8px; }
.sample_pop .sp_sns_login .sp_sns_btn { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
.sample_pop .sp_sns_login .sp_sns_btn + .sp_sns_btn { margin-top: 6px; }
.sample_pop .sp_sns_login .sp_sns_btn img { width: 100%; max-width: 306px; height: auto; display: block; margin: 0 auto; }
.sample_pop .sp_chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; }
.sample_pop .sp_chips:empty { margin: 0; }
.sample_pop .sp_chip { display: inline-flex; align-items: center; gap: 4px; background: #fff; border: 1px solid #f26c4c; color: #f26c4c; border-radius: 999px; padding: 4px 8px 4px 12px; font-size: 12px; font-weight: 600; letter-spacing: -0.5px; }
.sample_pop .sp_chip button { border: 0; background: none; color: #f26c4c; font-size: 15px; line-height: 1; cursor: pointer; padding: 0 2px; }
.sample_pop .sp_textarea_wrap { position: relative; margin: 10px 0 0; }
.sample_pop .sp_textarea_wrap textarea { width: 100%; min-height: 92px; border: 1px solid #e8ddd2; border-radius: 12px; background: #fff; padding: 12px 14px 26px; font-size: 13px; color: #333; letter-spacing: -0.5px; resize: none; font-family: inherit; }
.sample_pop .sp_count { position: absolute; bottom: 10px; right: 14px; font-size: 11.5px; color: #aaa; }
.sample_pop .sp_addr_notice { margin: 8px 0 0; font-size: 12px; color: #966b45; letter-spacing: -0.5px; }
.sample_pop .sp_submit { display: block; width: 100%; margin: 12px 0 0; padding: 13px 0; border: 0; border-radius: 10px; background: #8c7765; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: -0.7px; text-align: center; cursor: pointer; text-decoration: none; }
.sample_pop .sp_submit:hover { background: #7a6656; color: #fff; text-decoration: none; }
.sample_pop .sp_deco { position: absolute; right: 20px; bottom: 14px; width: 90px; pointer-events: none; }
/* 260820-6 : 무료샘플신청 레이어 팝업 E */

/* 260518: 장바구니 뱃지(수량) 스타일 추가 */
.header_util_menu .top_menu_list li a .cart_cnt {  display: inline-block;  background-color: #e60012; color: #fff;  font-size: 11px; font-weight: 500; border-radius: 10px; min-width: 16px; height: 16px;
    line-height: 16px;  text-align: center; padding: 0 4px; margin-left: 4px; box-sizing: border-box; vertical-align: 1px;}
/* //260518: 장바구니 뱃지(수량) 스타일 추가 */