@charset "utf-8";
/*───────────────────────────────────────────────────────────

	 리스트 타입 및 옵션

───────────────────────────────────────────────────────────*/
@import url("../goods/goods.css");


/*** 쇼핑몰 메인본문 | main/index.php ***/
 
#header_wrap header {position:absolute; background:none; z-index:310;}
#header_wrap header.on {background:#8eb111; opacity:0.9;}
#header_wrap header.on .header_box .cart_count {background:#333333;}
#header_wrap header .header_box .h_logo a {font-size:0; line-height:0; background:none;}
#header_wrap header .header_box .h_logo img {width:100%; visibility:visible;}
/* 좌측 메뉴 */
#header_wrap header .header_box .side_menu span {display:inline-block; width:20px; height:14px; font-size:0; background:url('../../img/icon/icon_menu.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 검색 */
#header_wrap header .header_box .top_search span {display:inline-block; width:15.5px; height:15px;  font-size:0; background:url('../../img/icon/icon_search.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 마이페이지 */
#header_wrap header .header_box .mypage span {display:inline-block; width:18px; height:19px; font-size:0; background:url('../../img/icon/icon_mypage.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 장바구니 */
#header_wrap header .header_box .cart span {display:inline-block; width:18px; height:19px;  font-size:0; background:url('../../img/icon/icon_cart.png') no-repeat center; background-size:100%; vertical-align:top;}
#header_wrap header .header_box .cart_count {position:absolute; top:8px; right:0; display:block; padding:3px 6px 1px 6px; line-height:15px; border-radius:100%; color:#fff; background:#8eb111;  vertical-align:middle; font-size:12px;}

.main {background:#ffffff;}
.main .main_top_menu_box {position:absolute; top:50px; left:0; width:96%; margin:0 15px;  z-index:300;}
.main .main_top_menu {display:table; width:96%; border-bottom:1px solid #ffffff;}
.main .main_top_menu li {display:table-cell; width:25%; text-align:center;}
.main .main_top_menu li a {display:block; padding:13px 0 13px 0; font-size:15px; color:#ffffff; font-weight:normal;}
.main .main_notice {display:table; width:100%; margin:0 auto; padding:15px 0 15px 15px; box-sizing:border-box;}
.main .main_notice .tit {display:table-cell; width:70px; font-size:13px; font-weight:bold; color:#282828; text-align:left;}
.main .main_notice ul {display:table-cell;}
.main .main_notice ul li {overflow:hidden; width:94%; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; letter-spacing:-1px;}
.main .main_notice ul li a {display:block; width:100%; color:#5d5d5d;}
.main .main_notice ul li a em {float:right; font-style:normal; font-size:11px; color:#999999; letter-spacing:0px;}
/* 메인배너 */
.main .main_banner_box {margin:12px 0 10px 0;}
.main .main_banner_box img {width:100%; font-size:0;}
.main .main_banner_box1 {}
.main .main_banner_box1 img {width:100%;}
.main .main_banner_box1 li {display:table-cell; width:50%; font-size:0; text-align:center; vertical-align:top;}
.main .main_banner_box1 li a {}
.main .main_banner_box1 li a img {width:100%; font-size:0;}
.main .main_banner_box2 {padding:10px 0; font-size:0;}
.main .main_banner_box2 img {width:100%; font-size:0;}
.main .main_special_banner {padding:0 15px 0 15px; margin:30px 0 0 0;}
.main .main_special_banner img {width:100%;}
.main .main_special_banner .special_banner_list {overflow:hidden; width:100%;}
.main .main_special_banner .special_banner_list li {float:left; display:inline-block; width:50%; padding:15px 10px 0 10px; box-sizing:border-box;}
.main .main_banner_box3 {margin:35px 0 24px 0;}
.main .main_banner_box3 img {width:100%;}

/* 이벤트 최근게시물 */
.main .main_event {}
.main .main_event ul {}
.main .main_event ul li {position:relative; padding:7px 0;}
.main .main_event ul li .img_box {font-size:0;}
.main .main_event ul li .img_box img {width:100%;}
.main .main_event ul li .event_info_box {/*position:absolute; bottom:7px; left:0;*/ width:100%; }
.main .main_event ul li .event_info_box dl {padding:20px; background:rgba(255,255,255,0.8); box-sizing:border-box;}
.main .main_event ul li .event_info_box dl dt {}
.main .main_event ul li .event_info_box dl dt a {display:block; font-size:17px; color:#222222; font-weight:bold;}
.main .main_event ul li .event_info_box dl dd {font-size:15px; color:#ab295d; font-weight:bold;}

/* 하단 정보 BOX */
.main .main_info_box {padding:15px 10px 15px 10px;}
.main .main_info_box .main_info {display:table; width:100%; margin:0 auto; padding:12px 0 12px 0; text-align:center;}
.main .main_info_box .main_info dl {display:table-cell; width:50%; text-align:left; vertical-align:top;}
.main .main_info_box .main_info dl dt {font-size:13px; margin:0 5px; font-weight:bold; border-bottom:1px solid #999;}
.main .main_info_box .main_info dl dd {font-size:11px; padding-left:5px;}

/* CS CENTER */
.main .main_info dl dd p.phone {padding:5px 0;}
.main .main_info dl dd p.phone a {font-size:22px; color:#8eb111; font-weight:bold;}
.main .main_info dl dd p.business_hours {font-size:11px; color:#666;}

/* BANK INFO */
.main .main_info dl dd .account_holder {padding:11px 0; font-size:14px;}
.main .main_info dl dd ul.main_bank {display:table-cell;}
.main .main_info dl dd ul.main_bank li { vertical-align:middle;}
.main .main_info dl dd ul.main_bank li span {font-weight:bold;}

/* 메인 탭진열 */
.best_prd .best_prd_banner {display:block; padding:0 10px;}
.best_prd .best_prd_banner img {width:100%;}
.best_prd1 {margin:42px 0 35px 0;/*  padding:30px 0 60px 0; background: url('../../img/etc/main_banner_bg.jpg') no-repeat 0 0; background-size:100% 100%; */}
.best_prd1 ._goods_display_main {padding: 30px 0 15px 0; background:#f9f9f9 url('../../img/etc/main_banner_bg.jpg') no-repeat 0 0; background-size:100%;}