/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@700&display=swap');

#preview_wrap {display:none;}
.minSizeWrap {position:relative; width:1200px; margin:0 auto; word-break: keep-all; font-family: 'Nanum Gothic', sans-serif;}
#hdWrap {position:relative; /*height: 238px;*/}

/* 공지사항 */ 
#hdWrap .hd_notice {position:relative;min-width:1200px;background-color:#113e00;height: 40px; text-align:center;}
#hdWrap .hd_notice a {line-height: 40px;font-size: 16px;color: #fff; text-decoration: none;}


/* 최상단 메뉴 */ 
#hdWrap .hd_menu {height: 37px;}
#hdWrap .hd_menu .hdBar {float:left;overflow:hidden;width:1px;height: 10px;background-color: #ddd;text-indent:-9999px;vertical-align:top;margin: 3px 10px 0;}
#hdWrap .hd_menu a {display: inline-block;}
#hdWrap .hd_menu li { position:relative; float:left; padding:10px 0;}
#hdWrap .hd_menu .hd_menu_l {float:left;}
#hdWrap .hd_menu .hd_menu_r {float:right;}
#hdWrap .hd_menu .hd_menu_r li.btn_topbasket span.user_basket_quantity {background-color:#000; border-radius:50%; color: #fff;display: inline-block;width: 18px; height: 18px; text-align: center;font-size: 8pt; font-weight:bold; padding:0; margin:0 auto; vertical-align:middle;}
#hdWrap .hd_menu .hd_menu_r li .hd-link_sub {position: absolute;top: 30px;left:11px;width: 85px;background-color: #fff;border: 1px solid #4c4c4c;z-index: 1001;padding:5px 0;display:none;}
#hdWrap .hd_menu .hd_menu_r li .hd-link_sub a {display:block; font-size:11px; line-height:20px; padding: 0 8px; text-decoration: none;}
#hdWrap .hd_menu .hd_menu_r li .hd-link_sub a:hover {display:block; background-color: #f8f8f8; text-decoration: none;}

/* 로고 영역 */ 
#hdWrap .hd_logo_wrap {overflow: hidden; height:109px; margin-bottom:5px;}
#hdWrap .hd_logo_wrap .row-top-ban3 h1 {margin-top: 25px;text-align: center;}

/* 박스3개 - 왼쪽롤링, 로고, 오른쪽검색박스 */
#hdWrap .hd_logo_wrap .row-top-ban3:after {content: ""; display: table; clear: both;}
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-01 {float:left; width: 17%; padding: 30px 0 0 0; height: auto; line-height:100%; margin:0 auto;}
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-01 .bx-controls-direction {width:20px; float:right; margin-top:-45px;}
/* hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-01 .bx-prev {top: 14px;}
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-01 .bx-next {top: 32px;}
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-01 .bx-prev,
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-01 .bx-next {right: 0;background:#fff; border: 1px solid #ddd; padding:0 1px 0 2px; height: 14px;}
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-01 .bx-prev:hover,
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-01 .bx-next:hover {border: 1px solid #aaa; text-decoration: none;}
*/
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-02 {float: left; width: 52%; padding: 0; height: auto; line-height:100%; margin:0 auto;}
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-03 {float: right; width: 30%; padding: 0; height: auto; line-height:100%; margin:0 auto;}            

/* 검색창 */ 
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-03 .hd_search {position: relative; width:320px; right: 0; top: 50px; margin:0 auto; padding: 10px 15px 10px 13px; border-radius:20px; border: 1px solid #f4760a;}
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-03 .hd_search input {width: 90%; color:#000; font-size:14px; background: #fff; border:none;}
#hdWrap .hd_logo_wrap .row-top-ban3 .column-top-ban3-03 .hd_search i {position:absolute; right: 10px; top: 4px; color: #fff; border-radius:50%; background-color:#f4760a; width: 30px; height: 30px; text-align: center;line-height:30px; font-size: 20px;}



/* GNB */ 
#hdWrap .hd_gnb_wrap {border-top: 1px solid #eee;border-bottom: 1px solid #bbb;background-color: #fff;width: 100%;position: relative;z-index: 1000;}
#hdWrap .hd_gnb_wrap.act {position: fixed; top:0; left:0; right:0;}
#hdWrap .hd_gnb .cateWrap {margin: 0 0 0 125px;position: relative;text-align: center;}
#hdWrap .hd_gnb .cateWrap:after {content:"";display:block;clear:both;}

/* 주메뉴 */
#hdWrap .hd_gnb .cateWrap .tmenu {position: relative;display: inline-block;height: 50px;line-height: 50px; padding:0 5px; text-align: center;}
#hdWrap .hd_gnb .cateWrap a.tmenu {font-size:15px; text-decoration: none !important;}

/* 전체카테고리 */
#hdWrap .hd_gnb .cateWrap .tmenu a:hover {border-bottom: 1px solid #333; text-decoration: none;}
#hdWrap .hd_gnb .btn_cate_all {text-align: center;height: 52px;line-height: 50px; width: 130px; background:#f4760a; position: absolute;top: -1px; font-family: 'Nanum Gothic', sans-serif;}
#hdWrap .hd_gnb .btn_cate_all a {color:#fff; font-size:14px; text-decoration: none;}
#hdWrap .hd_gnb .btn_cate_all a i {font-size: 14px;vertical-align: text-bottom;margin-right: 4px;}

/* 카테고리 전체보기 */ 
#hdWrap .hd_gnb_ca {position: absolute;top: 0;left: 0;display:none;width: 1198px;}
#hdWrap .hd_gnb_ca .cm_nav .cm_nav_cate {margin-bottom:0;}
#hdWrap .hd_gnb_ca .hd_gnb_caTop {background-color: #fff;height: 51px;line-height: 50px;border-width: 1px 1px 0;border-style:solid;border-color: #113e00;width: 188px;text-align: center;margin-top: -1px;z-index: 102;position: relative;}
#hdWrap .hd_gnb_ca .hd_gnb_caTop a { color:#113e00; font-size:16px; text-decoration: none;}
#hdWrap .hd_gnb_ca .hd_gnb_caTop a i {font-size: 20px;vertical-align: text-bottom;margin-right: 4px;}
#hdWrap .hd_gnb_ca .cm_nav .cm_nav_cate .cm_nav_cate_lst {border:1px solid #909090; border-top:0px none;}
#hdWrap .hd_gnb_ca .hd_gnb_caWrap {border:1px solid #113e00;background:#fff;z-index: 101;position: absolute;top: 50px;width: 1198px;overflow: hidden;left: 0;padding: 10px 0;}
#hdWrap .hd_gnb_ca .hd_gnb_caWrap .allMenuInner {padding: 20px 0 0 34px;overflow:hidden;}
#hdWrap .hd_gnb_ca .hd_gnb_caWrap .allMenuInner .allMenuList { *zoom:1;}
#hdWrap .hd_gnb_ca .hd_gnb_caWrap .allMenuInner .allMenuList:after { display:block; clear:both; content:'' }
#hdWrap .hd_gnb_ca .hd_gnb_caWrap .allMenuInner .allMenuList dl {padding: 0 34px 30px 0;float:left;width: 160px;}
#hdWrap .hd_gnb_ca .hd_gnb_caWrap .allMenuInner dl dt {border-bottom: 1px solid #ddd;margin-bottom: 4px;}
#hdWrap .hd_gnb_ca .hd_gnb_caWrap .allMenuInner dl dt a {padding-left:5px;font-size:14px;height:30px;line-height:30px;}
#hdWrap .hd_gnb_ca .hd_gnb_caWrap .allMenuInner dl dd a {display: block;padding: 4px 0 4px 5px;color: #777;}
#hdWrap .hd_gnb_ca .hd_gnb_caWrap .allMenuInner dl dd a:hover {background:#eaeaea; color:#111; text-decoration: none;}
#hdWrap .hd_gnb_ca .hd_gnb_caWrap .allMenuInner .boardList {padding-left:5px;height:44px;border-top: 1px solid #ddd;}
#hdWrap .hd_gnb_ca .hd_gnb_caWrap .allMenuInner .boardList a {display:inline-block;margin-right:35px;height:44px;line-height:44px;}



/* scroll 영역 */
.asideMenu{position:fixed; /*position: absolute;left: 50%;*/ top: 260px; right:0; z-index:999;border: 1px solid #ddd;background-color:#fff;margin-left: 640px;width: 70px;height: 310px;overflow: hidden;}
.asideMenu.act{position: fixed; top: 70px; }
.asideMenu .utilMenu .list{border-bottom:1px solid #eee;}
.asideMenu .utilMenu .link{display:block;text-align:center;font-size:12px;padding:10px 0 6px;position: relative;}
.asideMenu .utilMenu i {color:#383838;font-size: 20px;display:block;}
.asideMenu .utilMenu span.user_basket_quantity {background-color:#113e00;border-radius:50%;color: #fff;display: inline-block;width: 14px;text-align: center;height: 14px;font-size: 10px;position: absolute;right: 20px;top: 6px;line-height: 14px;}
.asideMenu .topBtn {width: 100%;height: 26px;background-color: #113e00;color:#fff;text-align:center;line-height: 26px;display: block;padding-left: 5px;position: absolute;bottom: 0;}

/* 최근 본 상품 */
#todayWrap .title {text-align:center;display:block;padding: 8px 0;}
#today .todaySlideArea {text-align: center;overflow:hidden;width:100%;height: 148px;position: relative;}
#today .todaySlideArea p {color:#999;margin-top: 50px;}
#today .todaySlideArea img {width: 56px;height: 56px;}
#today .todaySlideArea .bx-controls-direction {position: absolute;bottom: 10px;left: 0;right: 0;}
#today .todaySlideArea .bx-prev,
#today .todaySlideArea .bx-next {background:#fff;border: 1px solid #ddd;width: 22px;height: 14px;display: inline-block;margin: 0 1px;}
#today .todaySlideArea .bx-prev:hover,
#today .todaySlideArea .bx-next:hover {border: 1px solid #aaa; text-decoration: none;}


/* 상단 왼쪽 제품문의, 상품후기, 질문과답변 롤링배너 2023-0708 추가 */

.amazon_scroller {padding: 0px; margin: 0 0 0 -20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -khtml-border-radius: 10px;}
.amazon_scroller .amazon_scroller_nav {position: absolute;}
.amazon_scroller .amazon_scroller_nav li {cursor: pointer; position: absolute;}
.amazon_scroller .amazon_scroller_mask {position: absolute; margin-left: 30px; margin-right: 20px; overflow: hidden;}
.amazon_scroller ul {padding: 0px; margin: 0px; float: left;}
.amazon_scroller ul li {padding: 0px; margin: 0px; margin-left: 5px; margin-right: 5px; list-style: none; float: left; text-align: center; display:inline;}
.amazon_scroller ul li a {text-decoration: none;}
.amazon_scroller ul li a amazon_scroller_title {overflow:hidden;}
.amazon_scroller ul li a:hover {text-decoration: underline;}
.amazon_scroller ul li a img {border: none;}


/* 오른쪽 사이드 메뉴 스크롤 관련 - 떠다니는 메뉴 (Floating Menu) */

#floatdiv {position:fixed; _position:absolute; _z-index:-1; width:170px; overflow:hidden; right:-1px; /*top:214px;*/ top:59px; background-color: transparent; margin:0 0 50px 0; padding:20px; height:100%; z-index:9000; word-break: keep-all; font-family: 'Nanum Gothic', sans-serif;}	
.slide-div {position: absolute; right: 0px; top: 10px; width: 160px; height: auto; background: #fff; border:1px solid #ccc;}

/* 가운데 컨텐츠부분 */
.slide-div-inner {width:90%; margin:10px auto; padding:0; text-align:center; border:none;}
.flex-container {display: flex; padding: 0; margin:0;}
.flex-container.center {justify-content: center; padding:15px 10px 0 10px; background-color:#efefef;}

/* 회원가입시 쿠폰관련 */
.flex-container.center2 {justify-content: center; padding:15px 10px 0 10px; background-color:#efefef; margin-bottom:20px;}
.flex-item-whoBox {width:100%; justify-content: center; padding:0 10px 15px 10px; background-color:#efefef; font-size:11px; color:#444; font-weight:bold; line-height:160%;}
.txt-orange-bold {color:#ef8701;}

/* 메뉴 박스 10개 */
.flex-container.centerBox {justify-content: center; padding:0; margin-bottom:3px;}
.flex-item-twoBox {height: auto; margin:0; text-align: center;} 
.color-gray-box {width:100%; border:1px solid #ccc; padding:5px 0; margin:0 3px; color:#444; font-size:8pt; letter-spacing:-1px;}

/* 오늘본상품 */
.flex-container.todayViewBox {justify-content: center; padding:10px 15px 0 0; margin-top:20px;}
.flex-item-view {width: 100%; height: auto; margin: 5px; text-align: left;}
.flex-item-view img {margin-bottom:5px;}

/* 고객센터 */
.flex-container.customerBox {justify-content: center; padding:15px 15px 0 0;}
.flex-item-customer {width: 100%; height: auto; margin: 5px; text-align: left;}

/* 무통장계좌번호 */
.flex-container.bankInfoBox {justify-content: center; padding:15px 15px 0 0;}
.flex-item-bankInfo {width: 100%; height: auto; margin: 5px; text-align: left;} 

/* sns 박스 4개 */
.flex-container.bottomBox {justify-content: center; padding:15px 15px 0 15px;}
.flex-item {width: 23%; height: auto; margin: 5px; text-align: center;}   
.color-white-bg {background-color: #fff;}

/* 공통타이틀 */
.txt-tit-com-bold {color:#000; font-size:12pt; font-weight:bold; letter-spacing:-1px; text-align:left; margin-bottom:10px;}
.txt-tit-2com-bold {color:#222;font-size:12pt;  font-weight:bold; letter-spacing:-1px; text-align:left; margin:10px 0;}
.txt-tit-3com-normal {color:#666; font-size:9pt; font-weight:400; letter-spacing:-1px; text-align:left; line-height:140%;}

/* 메뉴 열기, 닫기 관련 */
.button-div {position: absolute; right: 160px; top: 150px; width: 40px; height: 70px; background: #b20f00; color:#fff; font-size:12px; font-weight:bold; cursor:pointer; margin: 10px auto; padding:10px 0; writing-mode: vertical-rl; border-radius: 10px 0 0 10px;}
.button-open {width: 20px; height: 60px; border:none; border-radius: 10px 0 0 10px; padding: 6px 10px 6px 10px;}
.button-close {width: 20px; height: 60px; border:none; border-radius: 10px 0 0 10px; padding: 6px 15px 6px 5px;}
/* BASIC css end */