﻿@charset "utf-8";
#wrap {width: 100%;position: relative;}
.rightbg {z-index: -1;position:absolute;left:50%;width:50%;height:217px;}
.header_shadow {position:absolute;left:0;right:0;height:190px;background:#fff;z-index:9999;}
.topBn .btnOpen {display:block;position:absolute;right:50%;top:50%;margin-top: -5px;margin-right: -550px;width:1100px;text-align:right;z-index:99999;}

.inner {clear:both; position: relative;width:1100px; margin:0 auto;}

/*header*/
#header {position:relative;width:100%;margin: 0 auto;border-bottom:1px solid #e5e5e5}
#header .top-banner {position: absolute;left:0;top:0;line-height: 50px;}
#header .top-search {width:310px;margin:0 auto;border-bottom:2px solid #759600;overflow: hidden;padding-top: 8px;margin-bottom: 12px;}
#header .top-search input {border:0;display: block;float:left;padding: 5px;width:280px;}
#header .top-search button {float:right;height:28px;}
#header .top-nav {position: absolute;right:0;top:0;text-align: right;line-height: 50px;}
#header .top-nav li {display: inline-block;}
#header .top-nav li a {font-size:13px;margin-left: 5px;}
#header .gnb-area {position: relative;left:0;top:5%;width:198px;min-height:540px;background-color: rgba(69, 76, 95, 0.5);/*background: #454c5f*/;z-index: 444;}
#header .gnb-area .logo {font-size:0}
#header .gnb-area .logo img {display: block;}
#header .gnb-area>ul>li {padding: 0 25px;cursor:pointer;position: relative;}
#header .gnb-area>ul>li>a {color:#fff;display: block;line-height: 26px;padding-right: 20px;background:url(../images/main/arr_cate.gif) no-repeat 100% 50%;position: relative;}
#header .gnb-area>ul>li>a:hover {text-decoration:underline;}
#header .gnb-area .all-category {background: #0c6e9e url(../images/main/ico_bars.gif) no-repeat 25px 50%;padding-left: 45px;margin-bottom: 10px;}
#header .gnb-area .all-category>a {background:url(../images/main/arr_cate_all.gif) no-repeat 100% 50%;line-height: 30px;}
#header .gnb-area>ul>li.has-sub:hover>a:after {content:"";position: absolute;right:-27px;top:50%;margin-top: -5px;border:5px solid transparent;border-right-color:#fff;z-index: 2;}
#header .gnb-area>ul>li.has-sub:hover>a:before {content:"";position: absolute;right:-27px;top:50%;margin-top: -6px;border:6px solid transparent;border-right-color:#454c5f;z-index: 2;}
#header .gnb-area>ul>li:hover .sub-category {display: block;}

#header .gnb-area .sub-category {display: none;position: absolute;left:100%;top:-179px;bottom:0;min-width:500px;height:540px;border:2px solid #454c5f;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden;}
#header .gnb-area .all-category .sub-category {width:902px;}
#header .gnb-area .sub-category dl {width:20%;float:left;height:248px;border:1px solid #ddd;border-left:0;margin-top: -1px;box-sizing:border-box;-webkit-box-sizing:border-box;}
#header .gnb-area .sub-category dt {background:#f0f0f0;height:40px;border-bottom:1px solid #ddd;line-height: 40px;padding: 0 20px;font-weight: bold;box-sizing:border-box;-webkit-box-sizing:border-box;}
#header .gnb-area .sub-category dd {padding: 18px 20px;height:206px;line-height: 1.5;box-sizing:border-box;-webkit-box-sizing:border-box;overflow-y: auto;}
#header .gnb-area .sub-category dd a {color:#666}
#header .gnb-area .sub-category .last {float:none;height:40px;clear:both;width:100%;top: -1px;position: relative;border-left:1px solid #ddd;}
#header .gnb-area .sub-category .last dt {width:20%;float:left;border-right:1px solid #ddd;}
#header .gnb-area .sub-category .last dd {margin-left: 20%;padding: 0 20px;height:auto;line-height: 40px;}
#header .gnb-area .sub-category .last dd li {display: inline-block;}
#header .gnb-area .sub-category .last dd li+li a {margin-left: 5px;padding-left: 9px;border-left:1px solid #ddd}
#header .gnb-area .sub-category .bn li {float:left;}

/* 전체 카테고리 표시용 따로 처리*/
#header .gnb-area .all-category .sub-category {display: none;position: absolute;left:100%;top:-139px;bottom:0;min-width:500px;height:579px;border:2px solid #454c5f;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden;}
#header .gnb-area .all-category .sub-category {width:902px;}
#header .gnb-area .all-category .sub-category dl {width:20%;float:left;height:269px;border:1px solid #ddd;border-left:0;margin-top: -1px;box-sizing:border-box;-webkit-box-sizing:border-box;}
#header .gnb-area .all-category .sub-category dt {background:#f0f0f0;height:40px;border-bottom:1px solid #ddd;line-height: 40px;padding: 0 20px;font-weight: bold;box-sizing:border-box;-webkit-box-sizing:border-box;}
#header .gnb-area .all-category .sub-category dd {padding: 11px 20px;height:auto;line-height: 1.5;box-sizing:border-box;-webkit-box-sizing:border-box;}
#header .gnb-area .all-category .sub-category dd a {color:#666}
#header .gnb-area .all-category .sub-category .last {float:none;height:40px;clear:both;width:100%;top: -1px;position: relative;border-left:1px solid #ddd;}

/* 배너없는 서브 카테고리 추가 */
#header .gnb-area .sub-category.list {width:180px;min-width:  inherit;height: auto;top: 0;bottom:  auto;}
#header .gnb-area .sub-category.list dl {width:100%;border:0;float:  none;position:  relative;height: auto;}
#header .gnb-area .sub-category.list dd {height:auto}

/* 서브용 gnb */
#header .gnb-area.in-sub {height:50px;min-height:inherit;position:  absolute;top: 0;left: 160px;width:  auto;}
#header .gnb-area.in-sub .all-category {background: url(../images/sub/all_category_txt.jpg) no-repeat 0 50%;height: 50px;width: 107px;padding: 0;}
#header .gnb-area.in-sub .all-category:hover {background: url(../images/sub/all_category_txt_on.jpg);}
#header .gnb-area.in-sub .all-category>a {display:none;}
#header .gnb-area.in-sub .all-category .sub-category {top:100%;left:0}


#header .localMenu {position:relative; height:30px; line-height:30px; background:#fff; border-bottom:1px solid #e6e6e6}
#header .localMenu .leftMenu {float: left}
#header .localMenu .leftMenu li {float: left; height:30px; list-style:none;}
#header .localMenu .leftMenu li a {font-size:11px;color:#777;border-right:1px solid #d9d9d9;padding-right: 10px;margin-right: 10px;}
#header .localMenu .leftMenu li:last-child a {border-right: 0;margin-right: 0;padding-right: 0;}
#header .localMenu .leftMenu li:last-child img {vertical-align: middle;}

#header .localMenu .rightMenu {float: right;margin-top:0px}
#header .localMenu .rightMenu li {float: left;padding-left: 18px;background: url(../images/common/bg_line.gif) 9px 48% no-repeat; list-style:none;}
#header .localMenu .rightMenu li:first-child {padding-left: 0;background: none}
#header .localMenu .rightMenu li a {font-size:11px; color:#777;}

#header .headerArea {width:1100px; margin:0 auto; position: relative;height:97px;text-align: center;}
#header .headerArea h1 {position: absolute;top:23px;left: 0;}
#header .headerArea .totalSearch {position: absolute; top:28px;left:50%;float:left; width:495px;overflow:hidden;margin-left: -202px;}
#header .headerArea .totalSearch input[type=text] {box-sizing:border-box;border:2px solid #4c3e35;height: 38px;width:380px;padding-right: 42px;margin-right: 5px;float:left; background:#fff; vertical-align: top;line-height: 38px; font-size:20px;}
#header .headerArea .totalSearch input[type=image] {position: absolute;left: 340px;top:2px;height:34px;overflow:hidden;}
#header .headerArea .totalSearch select {position:relative;top:10px;height:25px;float:left;background:url(../images/common/arr_select.png) no-repeat 100% 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:#eb0009;min-width:80px;padding-right:25px;}
#header .headerArea .totalSearch select::-ms-expand {display:none;}
#header .headerArea .totalSearch .keyword {text-align: center;max-width:380px;padding-top: 5px; padding-top:45px;}
#header .headerArea .totalSearch .keyword li {display:inline-block;}
#header .headerArea .totalSearch .keyword li a {color:#777}
#header .headerArea .totalSearch .keyword li+li a {padding-left: 5px;margin-left: 5px;border-left: 1px solid #ddd;}

#header .headerArea .rightBn {float:right; text-align:right;}
#header .headerArea .rightBn li {float:left; list-style:none; font-size:16px; font-weight:bold; color:#333; line-height:100px;}
#header .headerArea .rightBn li img {vertical-align:middle; margin-right:5px;}
/* #header .headerArea .rightBn li:after {content:"|"; color:#bbb; margin:0 10px; font-weight:normal;}
#header .headerArea .rightBn li:last-child:after {content:""; margin:0;} */

#header .headerArea .topBanner {position: absolute;top: 13px;right: 25px;width: 198px}
*+ html #header .headerArea .totalSearch input[type=text] {margin-top: -1px}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#header .headerArea .totalSearch input[type=image] {right: 330px}
}

/*gnb*/
/* #gnbArea {width:100%; height: 45px;background:#595858; border-bottom:3px solid #333232}
#gnb {width:1100px; margin: 0 auto; height: 45px;}
#gnb .topMenu li.menuOpen {padding-right:15px; text-align:left;}
#gnb .topMenu li.menuOpen span {position:absolute; width:25px; left:5px; margin-top:5px;}
#gnb .topMenu li {float: left; position:relative;}
#gnb .topMenu li a {display: block; padding: 0 20px;font-size: 14px;font-weight: bold;color: #fff; line-height: 45px}
#gnb .topMenu li:first-child {padding-left:23px}
#gnb .topMenu li ul {display:none;position:absolute;margin:0 0 0 -1px;padding:15px 0;width:200px;background:#fff;z-index:9999;border:1px #ff0000 solid;border-top:0px none;}
#gnb .topMenu li ul li {display:block;float:left;padding:5px 0 !important;width:100%;}
#gnb .topMenu li ul li a {display:block;height:15px;padding:0 10px 0 20px;font-size:12px;font-weight:normal;color:#777;line-height:15px;}
#gnb .topMenu li ul li a:hover {color:#444;}
#gnb .topMenu li ul li.title {float:none;margin:5px 0 0 0;border-bottom:1px #f6f6f6 solid;clear:both;}
#gnb .topMenu li ul li.title a {font-weight:bold;color:#444;}

#gnb .rightMneu {float:right;}
#gnb .rightMneu li {display:inline-block; font-weight:bold; line-height:45px;}
#gnb .rightMneu li:first-child:after {content:"|"; margin:0 10px; color:#333232}
#gnb .rightMneu li img {vertical-align:middle;}
#gnb .rightMneu li a { font-size:15px; color:#fdfbd7;} */

/*gnb index*/
#gnbArea.index {width:100%; height: 45px;background:url(../images/bg_gnb.png) repeat-x 50% 0;box-shadow:0 5px 5px rgba(0,0,0,0.3)}
#gnbArea.index #gnb {width:1100px; margin: 0 auto; height: 45px;}
#gnbArea.index #gnb .topMenu {font-size:0;width:auto;white-space:nowrap;}
#gnbArea.index #gnb .topMenu li.menuOpen {text-align: center;width:60px;}
#gnbArea.index #gnb .topMenu li.menuOpen a {color:#fff;font-size:0}
#gnbArea.index #gnb .topMenu li.menuOpen span {position:absolute;left: 0;margin-top:0;font-size:0}
#gnbArea.index #gnb .topMenu li {display:inline-block;font-size:15px; position:relative;}
/*#gnbArea.index #gnb .topMenu li:nth-child(5) {margin-left: 120px;}*/
#gnbArea.index #gnb .topMenu li a {display: block;letter-spacing:-0.6px;color:#fff;padding: 0 0 0 30px;font-size: 15px;font-weight: 700;line-height: 43px;}
#gnbArea.index #gnb .topMenu>li>a:hover{color:#f06421;}
#gnbArea.index #gnb .topMenu li:first-child {padding-left: 0;}
#gnbArea.index #gnb .topMenu li ul {display:none;position:absolute;margin:0 0 0 -1px;padding:15px 0;width:200px;background:#fff;z-index:9999;border:1px #ff0000 solid;border-top:0px none;/*box-shadow:3px 3px 3px #666;*/}
#gnbArea.index #gnb .topMenu li ul li {display:block;float:left;padding:5px 0 !important;width:100%;}
#gnbArea.index #gnb .topMenu li ul li a {display:block;height:15px;padding:0 10px 0 20px;font-size:12px;font-weight:normal;color:#777;line-height:15px;}
#gnbArea.index #gnb .topMenu li ul li a:hover {color:#444;}
#gnbArea.index #gnb .topMenu li ul li.title {float:none;margin:5px 0 0 0;border-bottom:1px #f6f6f6 solid;clear:both;}
#gnbArea.index #gnb .topMenu li ul li.title a {font-weight:bold;color:#444;}

#gnbArea.index #gnb .rightMneu {float:right;width:50%;}
#gnbArea.index #gnb .rightMneu li {display:inline-block; font-weight:bold; line-height:45px;vertical-align: top;}
#gnbArea.index #gnb .rightMneu li:first-child:after {content:"|"; margin:0 10px; color:#333232}
#gnbArea.index #gnb .rightMneu li img {vertical-align:middle;}
#gnbArea.index #gnb .rightMneu li a {font-size:15px;color: #096fe2;}

/*total menu*/
#totalMenu {display: none;position: absolute; top:170px; left:0;width:100%;/*height: 356px*/height: 504px;z-index: 99200;}
#totalMenu .tInner {width: 1098px;margin: 0 auto; border-bottom:#4c3e35 1px solid; overflow:hidden; background-color:#fff; border:1px solid #4c3e35;}
#totalMenu .depth2 {overflow:hidden;overflow-y: hidden;}
#totalMenu .depth2>li {float: left;width: 182px;/*height: 356px*/height: 504px;margin-left: -1px;position: relative; border-right:1px solid #E5E5E5;border-left:1px solid #E5E5E5}
#totalMenu .depth2>li>a {display:block;font-size: 13px;font-weight: bold;color: #202020;height: 39px;line-height: 39px;border-bottom:#dadada 1px solid;text-align: center;background: #f3f3f3}
#totalMenu .depth2 li p.mBanner {position: absolute;left: 15px;bottom: 20px;z-index: 300}
#totalMenu .depth3 {padding:22px 0 0 20px}
#totalMenu .depth3 dt {line-height: 20px;margin-top: 20px}
#totalMenu .depth3 dt:first-child {margin-top: 0}
#totalMenu .depth3 dd, #totalMenu .depth3 li {line-height: 20px}
#totalMenu .depth3 dt a {font-size: 12px;font-weight: bold;color: #202020;}

/*power search*/
#powerSearch {display: none;position: absolute;top:128px;left:50%;margin-left:-550px;width: 1100px;height:478px;background: #fff;z-index: 50; border:#4c3e35 solid 1px;}
#powerSearch .popInner {position: relative;}
#powerSearch .popHeader {height: 52px;border-bottom: #e1e1e1 1px solid;background: #fbfbfb}
#powerSearch .popHeader h1 {font-size: 19px;font-weight: bold;color: #202020;line-height: 52px;text-indent: 30px}
#powerSearch .popContent dl {padding:20px 0 0 28px;border-bottom: #e1e1e1 1px solid;border-right: #e1e1e1 1px solid}
#powerSearch .popContent dl dt {font-size: 14px;font-weight: bold;color: #232323;margin-bottom: 17px}
#powerSearch .popContent .brandSelect {height: 180px;border-right: 0 none}
#powerSearch .popContent .brandSelect dd {float: left;margin-left: 8px;text-align: left;}
/*powerSearch .popContent .brandSelect dd label {width: 52px;height: 52px;font-size: 0;line-height: 0;background: url(../images/common/bg_logo.gif) 0 0 no-repeat;}*/

#powerSearch .popContent .brandSelect dd label {width: 152px;height: 22px;}
#powerSearch .popContent .brandSelect dd input[type=checkbox] {margin-top:3px 5px}
#powerSearch .popContent .brandSelect dd.brand1 {margin-left:16px}
#powerSearch .popContent .brandSelect dd.brand2 label {background-position:-60px 0}
#powerSearch .popContent .brandSelect dd.brand3 label {background-position:-120px 0}
#powerSearch .popContent .brandSelect dd.brand4 label {background-position:-180px 0}
#powerSearch .popContent .brandSelect dd.brand5 label {background-position:-240px 0}
#powerSearch .popContent .brandSelect dd.brand6 label {background-position:-300px 0}
#powerSearch .popContent .brandSelect dd.brand7 label {background-position:-360px 0}
#powerSearch .popContent .brandSelect dd.brand8 label {background-position:-420px 0}
#powerSearch .popContent .brandSelect dd.brand9 label {background-position:-480px 0}
#powerSearch .popContent .brandSelect dd.brand10 label {background-position:-540px 0}
#powerSearch .popContent .brandSelect dd.brand11 label {background-position:-600px 0}
#powerSearch .popContent .brandSelect dd.brand12 label {background-position:-660px 0}
#powerSearch .popContent .brandSelect dd.brand13 label {background-position:-720px 0}
#powerSearch .popContent .brandSelect dd.brand14 label {background-position:-780px 0}
#powerSearch .popContent .brandSelect dd.brand15 label {background-position:-840px 0}
#powerSearch .popContent .brandSelect dd.brand16 label {background-position:-900px 0}
#powerSearch .popContent .brandSelect dd.brand17 label {background-position:-960px 0}
#powerSearch .popContent .category {float: left;width: 245px;height: 125px}
#powerSearch .popContent .category label {margin-left: 13px;width: 98px;line-height: 20px}
#powerSearch .popContent .category select {margin-right: 10px;width: 110px;line-height: 20px; border:#CCCCCC solid 1px; padding:5px;}
#powerSearch .popContent .priceScope {float: left;width: 247px;height: 125px;position: relative;}
#powerSearch .popContent .priceScope .priceTxt {position: absolute;top: 20px;right: 22px}
#powerSearch .popContent .priceScope .priceTxt input[type=text] {font-size: 12px;font-weight: bold;color: #e40425;border: 0 none;padding: 0;width: 140px;text-align: right}
#powerSearch .popContent .priceScope .priceSlider {position: relative;display: block;margin-top:35px;width: 214px;height: 4px;padding:0 0 7px 0;background: url(../images/common/bg_priceslider.gif) 0 0 no-repeat}
#powerSearch .popContent .priceScope .priceSlider .ui-widget-header {background: #e40425;position: absolute;top: 0;height: 4px;z-index: 1;display: block;border:0;}
#powerSearch .popContent .priceScope .priceSlider .ui-slider-handle {position: absolute;z-index: 2;width: 9px;height: 20px;top: -15px;margin-left: -4.3px;background: url(../images/common/icon_slider.png) 0 0 no-repeat;}
#powerSearch .popContent .priceScope .priceNum {position: relative;margin-top: 5px}
#powerSearch .popContent .priceScope .priceNum span {position:absolute;left: -2px;}
#powerSearch .popContent .priceScope .priceNum span.second {left: 44px}
#powerSearch .popContent .priceScope .priceNum span.third {left: 95px}
#powerSearch .popContent .priceScope .priceNum span.fourth {left: 148px}
#powerSearch .popContent .priceScope .priceNum span.fifth {left: 203px}
#powerSearch .popContent .colorSelect {float: left;width: 247px;height: 125px}
.color_check {position:absolute;left:-9999px;letter-spacing: -0.3px}
.color_check_label .ico_check {display:inline-block;width:16px;height:16px;margin-right:4px;margin-bottom:5px;background:url(../images/common/bg_checkbox.gif) no-repeat;overflow:hidden;font-size:0;line-height:0;vertical-align:middle;cursor: pointer;}
.check_on .ico_check {background-position:0 -40px}
.color_check_label .ico_check.c1 {background-position:-20px 0}
.check_on .ico_check.c1 {background-position:-20px -40px}
.color_check_label .ico_check.c2 {background-position:-40px 0}
.check_on .ico_check.c2 {background-position:-40px -40px}
.color_check_label .ico_check.c3 {background-position:-60px 0}
.check_on .ico_check.c3 {background-position:-60px -40px}
.color_check_label .ico_check.c4 {background-position:-80px 0}
.check_on .ico_check.c4 {background-position:-80px -40px}
.color_check_label .ico_check.c5 {background-position:-100px 0}
.check_on .ico_check.c5 {background-position:-100px -40px}
.color_check_label .ico_check.c6 {background-position:-120px 0}
.check_on .ico_check.c6 {background-position:-120px -40px}
.color_check_label .ico_check.c7 {background-position:-140px 0}
.check_on .ico_check.c7 {background-position:-140px -40px}
.color_check_label .ico_check.c8 {background-position:-160px 0}
.check_on .ico_check.c8 {background-position:-160px -40px}
.color_check_label .ico_check.c9 {background-position:-180px 0}
.check_on .ico_check.c9 {background-position:-180px -40px}
.color_check_label .ico_check.c10 {background-position:-200px 0}
.check_on .ico_check.c10 {background-position:-200px -40px}
.color_check_label .ico_check.c11 {background-position:0 -20px}
.check_on .ico_check.c11 {background-position:0 -60px}
.color_check_label .ico_check.c12 {background-position:-20px -20px}
.check_on .ico_check.c12 {background-position:-20px -60px}
.color_check_label .ico_check.c13 {background-position:-40px -20px}
.check_on .ico_check.c13 {background-position:-40px -60px}
.color_check_label .ico_check.c14 {background-position:-60px -20px}
.check_on .ico_check.c14 {background-position:-60px -60px}
.color_check_label .ico_check.c15 {background-position:-80px -20px}
.check_on .ico_check.c15 {background-position:-80px -60px}
.color_check_label .ico_check.c16 {background-position:-100px -20px}
.check_on .ico_check.c16 {background-position:-100px -60px}
.color_check_label .ico_check.c17 {background-position:-120px -20px}
.check_on .ico_check.c17 {background-position:-120px -60px}
#powerSearch .popContent .sizeSelect {float:right;width:246px;height:125px;border-right:0 none}
#powerSearch .popContent .sizeSelect label {width: 52px;line-height: 20px;}
#powerSearch .popContent .btnArea {padding-top: 20px;clear: both}
#powerSearch .popContent .btnArea .btnPack:first-child {margin-right: 3px}
#powerSearch .popContent .searchClose {position: absolute;top: 19px;right: 17px}
#powerSearch .popContent .searchClose a {display: block;height:11px;vertical-align:top;line-height: 12px;padding-right: 19px;background: url(../images/common/btn_close.gif) right 0 no-repeat;}
*+ html #powerSearch .popContent .btnArea {padding-top: 10px}

/*product list*/
.conBox {zoom:1;}
.conBox:after {clear: both;display: block;content: ''}
.conBox h3 { position:relative; padding-bottom:20px; font-size:18px; font-weight:bold; color:#202020}
.conBox h3 a{ position:absolute; right:0; top:20px; color:#999; font-size:11px; text-decoration:underline}
/*.productList dl {float: left;padding-top: 207px;position: relative;width: 152px;margin: 0 28px;padding-left: 0;}*/
.productList dl {float: left;padding-top: 207px;position: relative;width: 222px;margin: 0 23px;padding-left: 0;}
.productList dt {color: #202020;line-height: 20px;font-weight: bold; height:20px;}
.productList dd.imgArea {position: absolute;top: 15px}
.productList dd.imgArea>a {display: block;margin-bottom: 10px}
.productList dd.imgArea .snsGo {float: left;position: relative;width: 49px;height: 25px;background: url(../images/main/icon_sns.gif) 0 0 no-repeat;}
.productList dd.imgArea .snsGo a {display: block;float: left;width: 24.5px;height: 25px;font-size: 0;line-height: 0}
.productList dd.imgArea .amount {line-height: 27px;float: left;margin-left: 13px;font-size: 11px;font-weight: bold;color: #828282;}
.productList dd.imgArea .amount em {color: #ff7200}

.productList dd.imgArea .iconPack {display: none;position:absolute;top:118px;width:152px;left:0;height:36px;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#11000000', endColorstr='#11000000');}
.productList dd.imgArea .iconPack li {float:left;border-right:1px #999 solid;}
.productList dd.imgArea .iconPack li a {display:block;padding:5px 0 0 0;width:37px;height:31px;font-size:11px;color:#eee;line-height:14px;text-align:center;}
.productList dd.imgArea .iconPack li.fourth {border-right:0px none;}

.productList dd.imgArea:hover .iconPack {display: block}
.productList dd.issue {color: #e50426}
.productList dd.pName {line-height: 18px;max-height_bk: 18px; font-size:13px; color:#000000; height_:16px;  white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
.productList dd.pName a {font-size:13px;}
.productList dd.pName .brand {display:block;color:#aeaeae;font-size:12px;margin-bottom: 5px;}
.productList dd.price {font-weight: bold;color: #4c3e35;margin-top: 10px;font-size:14px;letter-spacing: -1px; white-space:nowrap;overflow:hidden;}
.productList dd.price span {font-weight: bold;color: #f06421;}
.productList dd.price s {font-size:11px;color:#bababa;font-weight: normal;margin-left: 5px;}
.productList dd.point {font-size:12px;margin-top: 20px;color:#9b7329}
.productList dd.point img {vertical-align: middle;margin-right: 5px;}
.productList dd.price.type2 {color: #202020}
.productList dd.proicon {position: absolute;top: 15px;right: 0;font-size: 0;line-height: 0;width: 42px;height: 43px;background: url(../images/main/icon_new.png) 0 0 no-repeat;}
.productList dd.proicon.persent {padding-top: 7px;line-height: 1.3em;top: 33px;right: 0;color: #fff;text-align:center;font-size: 11px;line-height: 1em;width: 42px;height: 35px;background: url(../images/main/icon_persent.png) 0 0 no-repeat;}
.productList dd.proicon.persent strong {font-size: 14px;color: #fff;line-height: 1.3em}
.productList dd.proicon.persent2 {padding-top: 12px;top: 0;left: 0;right:auto;color: #fff;text-align:center;line-height:1em;font-size: 12px;color: #fff;font-weight:bold;width: 42px;height: 28px;background: url(../images/section/icon_sale.png) 0 0 no-repeat;}
.productList dd.proicon.soldout {top: 33px;width: 41px;height: 41px;background: url(../images/main/icon_soldout.png) 0 0 no-repeat;}
.productList dd.proicon.soldout2 {top: 33px;left: 0;right: auto;width: 38px;height: 38px;background: url(../images/main/icon_soldout_03.png) 0 0 no-repeat;}
.productList dd.infoList {margin-top: 12px}
.productList dd.infoList li {float: left;height:15px;margin-right: 7px;padding-left: 22px;font-size: 11px;color: #a1a1a1;line-height: 17px;background: url(../images/section/icon_product.gif) 0 0 no-repeat;}
.productList dd.infoList li.save {background-position: -50px 0;line-height: 15px;}
.productList dd.infoList li.interest {background-position: -101px 0;padding-left: 18px}
.productList dd.infoList li span {vertical-align: top;display:inline-block;}
.productList dd.infoList li span img {display:block;}
.productList.type2 dl {padding: 10px 0 0 135px;clear: both;height: 100px;margin:18px 0;width: 135px}
.productList.type2 dd.imgArea {top:0;left: 22px}
.productList.type2 dd.proicon {top: 0;right: 142px}
.productList.type2 dd.proicon.persent {padding-top: 6px;top: 0;width: 48px;height: 25px;background: url(../images/main/icon_persent_02.png) 0 0 no-repeat;}
.productList.type2 dd.proicon.persent strong {font-size: 11px}
.productList.type2 dd.proicon.soldout {top: 0;width: 83px;height: 26px;background: url(../images/main/icon_soldout_02.png) 0 0 no-repeat;}
.productList.type3 dd.proicon.soldout {top: 120px;right:0;width: 40px;height: 40px;background: url(../images/section/icon_soldout.gif) 0 0 no-repeat;}
.productList.type4 dd.proicon.soldout {top: 68px;left:71px;width: 40px;height: 40px;background: url(../images/section/icon_soldout.gif) 0 0 no-repeat;}
.productList.type5 dl {padding: 0 0 0 114px;min-height: 107px;margin:0;width: auto}
.productList.type5 dd.imgArea {top:0;left:0;text-align: center;}
.productList.type5 dd.imgArea span {color: #808080}
.productList.type5 dd.imgArea a {border: #e8e8e8 1px solid;margin-bottom: 6px}
.productList.type5 dd.pName {max-width: 282px;width: auto}
.productList.type5 dd.pName.type3 {margin-top: 7px;color: #6e8bb8}
.productList.type5 dd.price.type3 {display: inline-block;float: left}
.productList.type5 dd.price.type3 span {font-weight: bold;color: #202020;margin-right: 5px}
.productList.type5 dd.infoList {margin-top: 8px;padding-left: 15px;display: inline-block}
.productList.type0 + .productList.type0 {margin-top:40px;}
.productList.type0 dl {float: left;position: relative;width: 290px; margin:0 18px 0 0; padding-top:0; height:400px;}
.productList.type0 dl.right {margin-right:0;}
.productList.type0 dd.imgArea {position:absolute; top:0; left:0;}
.productList.type0 dd.proName {padding:0; margin:0; font-size:14px;}
.productList.type0 dd.price {font-size:14px; color:#563b2c;}
.productList.type0 dd.infoList {margin-top:20px;}
.productList.type0 dt.brand {padding-top:300px; font-size:16px; color:#202020; margin-bottom:5px;}

.productList.typeq dl {float: left;padding-top: 225px;position: relative;width: 200px;margin: 10px;padding-left: 0;}

/*랭킹아이콘*/
.productList dd.proicon {position: absolute;top: 15px;right: 0;font-size: 0;line-height: 0;width: 42px;height: 43px;background: url(../images/main/icon_new.png) 0 0 no-repeat;}
.productList dd.proicon.icon_best1 {padding-top: 7px;line-height: 1.3em;top: 60px;left: 0;right:auto;color: #fff;text-align:center;font-size: 11px;line-height: 1em;width: 52px;height: 60px;background: none;}
.productList dd.proicon.icon_best {padding-top: 7px;line-height: 1.3em;top: 15px;left: 20px;right:auto;color: #fff;text-align:center;  font-size: 16px;line-height: 1em;padding-top:7px; width: 32px;height: 34px;background:url(../images/section/icon_rank.png) 0 0 no-repeat;}
.productList dd.proicon.icon_best strong {font-size: 18px;color: #fff;line-height: 1.3em}

/*footer*/
#footer {clear:both;/* text-align: center; */overflow: hidden;margin-top: 20px;/*padding-bottom: 100px;*/padding-bottom: 10px;}
#footer * {}
#footer .footerMenu {position: relative;width: 100%;height: 50px;line-height: 50px;border-top: 1px solid #333;border-bottom: 1px solid #e6e6e6;}
#footer .footerMenu .linkMenu {position:relative;width:1100px;margin:0 auto;/* text-align:Center; */}
#footer .footerMenu .icon1 {position: absolute;top:6px;right:50%; margin-right:-500px;}
#footer .footerMenu .linkMenu li {display:inline-block;  margin:0 5px;}
#footer .footerMenu .linkMenu li+li a {border-left:1px solid #ddd; padding-left:10px;}
#footer .footerMenu .linkMenu li a {color: #333;font-size:  13px;}
#footer .footerMenu .linkMenu li:first-child {background:none;margin-left: 0;}
#footer .footerMenu .linkMenu li:last-child a {position:absolute;right:0;border:0}
#footer .footerMenu .linkBtn {position: absolute;top: 20px;right: 10px;width: 67px;height: 19px;}
#footer .footerMenu .linkBtn a {display: block;float: left;width: 19px;height: 19px;margin-left: 5px;font-size: 0;line-height: 0}
#footer .footerMenu .linkBtn a:first-child {margin-left:0}
#footer .footer {width:1100px; margin:0 auto; position: relative;padding:25px 0;overflow: hidden;}
#footer .footer .logo {float:left; margin-right:40px}
/*
#footer .footer ul {margin-top:5px;}
#footer .footer ul li {display:inline-block;}
#footer .footer ul li:first-child:after {content:"|"; color:#ddd; margin:0 10px;}
#footer .footer ul li a {color:#767676;}
#footer .footer ul li:last-child a {color:#cb3400}
*/
#footer .footer .footLogo {width: 148px;float: left;margin-right: 45px;height: 100%}
#footer .footer address {line-height: 17px;color:#666;font-size: 12px;float:  left;}
#footer .footer address span{ color:#0c6e9e;font-weight:500}
#footer .footer .lgu{ position:absolute; right:0; top:30px;}
#footer .footer .escrow {position: absolute; top:30px; right:0}
#footer .footer .icon {position: absolute;top:60px;right:90px;}
#footer .footer .foot-cs-info {padding: 30px 0;}
#footer .footer .foot-cs-info li {color:#665144;font-size:14px;line-height: 24px;display:inline-block;vertical-align: top;padding: 0 30px;}
#footer .footer .foot-cs-info li+li {border-left:1px solid #eee;}
#footer .footer .foot-cs-info b {font-size:24px;line-height: 24px;vertical-align: top;font-weight: bold;margin-left: 10px;}
#footer .footer .foot-cs-info small {font-size:12px;display:block;}
#footer .footer .copyright {font-size:13px;}

/*quickMenu*/
#quickMenu {position: fixed;top: 0;right: -100px;bottom: 0;width: 100px;background: #202020;z-index:999999;overflow-y:auto;}
#quickMenu ul {margin-top: 45px;background:url(../images/ico_quick_nav.gif) no-repeat -5px 0}
#quickMenu li { display:block;}
#quickMenu li>a {display:block;color: #a9a9a9;}
#quickMenu li>a span{line-height:39px; padding-left: 35px; display:block; border-top: 1px solid rgba(256,256,256,0.1);}
#quickMenu li.lately { position:relative;}
#quickMenu li.lately>a {line-height:39px; padding-left: 35px; display:block; border-top: 1px solid rgba(256,256,256,0.1);}
#quickMenu  .lately-holder{position:relative;margin-top: 10px;padding:  20px 0;text-align:  center;}
#quickMenu li.lately a.up,
#quickMenu li.lately a.down {display:block;position:absolute;margin:0 0 0 18px;padding:0;width:62px;height:15px;font-size:10px;color: #fff;line-height:15px;text-align:center;background:#202020;}
#quickMenu li.lately a.up {top:0;}
#quickMenu li.lately a.down {bottom:0;}
#quickMenu li .latelyPro+.latelyPro {margin:5px 0 0 0;}
#quickMenu li .latelyPro a {border: #ccc 1px solid;display: inline-block;}
#quickMenu li .latelyPro img {display:block;}
.btnQuick {position: fixed;top: 364px;right: 0;z-index:999999;}
.btnQuick a {display: block;width: 12px;height: 30px;font-size: 0;line-height:0;background: #202020 url(../images/arr_quick_close.gif) center center no-repeat;}
.btnQuick a.close {background-image: url(../images/common/arrow_quick_open.gif)}

#leftBanner .quick-slider {width:85px;height:166px;position: relative;}
#leftBanner .quick-slider li+li {margin-top: 0;}
#leftBanner .quick-slider .flexslider .flex-direction-nav {display: block !important;position: absolute;bottom:-11px;text-align: center;width:100%;}
#leftBanner .quick-slider .flexslider .flex-direction-nav li {display: inline-block;}
#leftBanner .quick-slider .flexslider .flex-direction-nav li a {font-size:0;display: block;width:14px;height:14px;margin:0 2px;font-size:0;background-position:0 0;}
#leftBanner .quick-slider .flexslider .flex-direction-nav .flex-prev {background-image:url(../images/main/quick_prev.gif);}
#leftBanner .quick-slider .flexslider .flex-direction-nav .flex-next {background-image:url(../images/main/quick_next.gif);}

/*table*/
.rowTbl {width: 100%;word-break:break-all;position: relative;}
.rowTbl th {border:#dbdbdb 1px solid;background:#fbfbfb;font-weight: bold;color: #202020;line-height: 18px;padding: 14px 0 10px 18px;text-align: left;vertical-align: top}
.rowTbl th.type3 {font-weight: normal;color: #808080}
.rowTbl th.type3.btnWith {padding:8px 0 5px 18px; line-height:26px;}
.rowTbl td {border:#dbdbdb 1px solid;padding: 14px 18px 10px;color: #808080;line-height: 18px;word-break:keep-all !important;word-wrap:break-word !important;}
.rowTbl td.red {color: #e50426}
.rowTbl td.bold {color: #202020;font-weight: bold}
.rowTbl td.bold2 {color: #202020}
.rowTbl tbody td span.desc {margin-left: 10px}
.rowTbl tbody td div.desc {line-height: 20px;font-size: 12px;}
.rowTbl tbody td div.desc2 {margin-left: 20px;color: #869dc2}
.rowTbl tbody td .br {margin-top: 8px;position: relative;}
.rowTbl tbody td .br:first-child {margin-top: 0}
.rowTbl.type2 tbody th {border-top: 0 none;border-bottom: 0 none}
.rowTbl.type2 .btop {border-top:#dbdbdb 1px solid}
.rowTbl.type2 .bbottom {border-bottom:#dbdbdb 1px solid}
.rowTbl.type2 tbody td.likeTh {font-weight:bold; color:#202020; background:#fbfbfb; border:none;}
.rowTbl.type2 tbody td.likeTh.border {border-bottom:1px solid #dbdbdb;}
.rowTbl.type3 tbody th {padding-left:29px}
.rowTbl.type3 tbody th .essential {position: absolute;left: 18px}
.rowTbl.type4 tbody th, .rowTbl.type4 tbody td {padding: 8px 18px 6px;vertical-align: middle}
.rowTbl.type4 tbody th.type2, .rowTbl.type4 tbody td.type2 {padding: 11px 18px 11px}
.rowTbl tbody td.order {background: #fdfbf2;text-align: right;font-weight: bold;color: #e50426}
.rowTbl tbody td.order.type3 {font-size: 14px}
.rowTbl.type4 tbody td.labelType label {margin-bottom: 5px}
.colTbl {width: 100%;border-top:#dedede 1px solid;table-layout: fixed;word-break:break-all}
.colTbl thead th {border-bottom:#dedede 2px solid;background:#f6f6f6;color: #5d5d5d;padding: 13px 0;text-align:center}
.colTbl tbody td {border-bottom:#e9e9e9 1px solid;padding: 13px 0;color: #686868;text-align: center;line-height: 1.1em}
.colTbl tbody td a.pic {padding-left: 23px;background: url(../images/section/icon_pic.gif) 0 center no-repeat;}
.colTbl tbody td a.secret {display: inline-block;min-height: 15px;padding-left: 21px;background: url(../images/section/icon_secret.gif) 0 center no-repeat;}
.colTbl tbody td.satisf {text-align: left;padding-left: 45px;background: url(../images/section/icon_satis.gif) 20px 0 no-repeat;}
.colTbl tbody td.satisf.second {background-position:20px -40px}
.colTbl tbody td.satisf.third {background-position:20px -80px}
.colTbl tbody td.satisf.fourth {background-position:20px -120px}
.colTbl tbody td.satisf.fifth {background-position:20px -160px}
.colTbl tbody td.dark {color: #202020}
.colTbl tbody td.bold {color: #202020;font-weight: bold}
.colTbl tbody td.red {color: #e50426}
.colTbl tbody td.red2 {color: #e50426;font-weight: bold}
.colTbl tbody td .charge {min-width: 92px;color: #202020;font-weight: bold;text-align: right;margin-right: 78px}
.colTbl tbody td.oNum {line-height: 20px}
.colTbl tbody td.oBtn a {margin:3px 0;}
.colTbl tbody td.bg1 {padding: 7px 0 !important;background: #fbfbfb}
.colTbl tbody td.bg2 {background: #fbf8ef}
.colTbl tbody td.bg3 {background: #f1f5fb}
.colTbl tbody td p.dateP {font-weight:bold; color:#202020;}
.colTbl tbody td p.contP {line-height:18px;}
.colTbl tbody tr.relpyArea td {padding: 0}
.colTbl tbody tr.type2 td {border-width: 2px}
.colTbl.type2 thead th {color: #202020;font-weight: bold}
.colTbl.type2 tbody td {padding: 18px 0}
.colTbl.type2 thead th.pd, .colTbl.type2 tbody td.pd {padding-right: 78px}
.colTbl.type2 tfoot td {padding: 18px 78px 18px 20px;background: #f6f6f6;color: #202020;border-bottom:#dedede 2px solid;line-height: 1.2em;}
.colTbl.type2 tfoot td.type2 {padding-right:28px}
.colTbl.type3 {border-top:0 none}
.colTbl.type3 thead th {color: #202020;font-weight: bold;border-top:#b7b7b7 1px solid;padding: 0;height: 38px;vertical-align: middle;line-height: 1.1em}
.colTbl.type3 thead th.left {border-left:#b7b7b7 1px solid}
.colTbl.type3 thead th.right {border-right:#b7b7b7 1px solid}
.colTbl.type3 tbody tr:hover {background: #fefbf2}
.colTbl.type3 tbody td {padding: 13px 0;border-bottom: 0 none;border-top:#dedede 1px solid}
.colTbl.type3 tbody td:hover a {text-decoration:underline !important;color:#e50426}
.colTbl.type3 tbody tr:first-child td {border-top:0 none}
.colTbl.type4 thead th {color: #202020;font-weight: bold;padding: 0;height: 38px;vertical-align: middle;line-height: 1.1em}
.colTbl.type4 tbody td {padding: 10px 0}
.colTbl.type4 tbody tr.noticeTop td {font-weight: bold;background: #fefbf2}
.colTbl.type4 tbody td a.file {padding-right: 21px;background: url(../images/customer/icon_file.png) right 0 no-repeat;}
.colTbl.type4 tbody td span.new {margin-left: 5px;width: 12px;height: 12px;background: url(../images/customer/icon_new.gif) 0 0 no-repeat;}
.colTbl.type5 thead th {color: #202020;font-weight: bold;padding: 0;height: 38px;vertical-align: middle;line-height: 1.1em}
.colTbl.type5 tbody td {padding: 5px 0}
.dataTbl {width: 100%;word-break:break-all}
.dataTbl th {border:#ededed 1px solid;border-top-color:#adadad;border-bottom-color:#dbdbdb;background:#fbfbfb;font-weight: bold;color: #202020;padding: 12px 0 10px;text-align: center;vertical-align: middle}
.dataTbl td {border:#ededed 1px solid;border-bottom-color:#dbdbdb;padding: 18px 0 16px;text-align: center;font-size: 14px;font-weight: bold;color: #202020}
.dataTbl td strong.num {font-size: 24px}
.dataTbl td.top {border:#dfca7a 1px solid;background: #f8f4e4;font-size: 13px;color: #68614d}
.dataTbl td.top strong {color: #3c3728;margin-right: 5px}
.dataTbl td.top span {font-size: 12px;color: #9b9686}
.dataTbl th.bl {border-left-color:#adadad}
.dataTbl td.bl {border-left-color:#ccc}
.dataTbl th.br {border-right-color:#adadad}
.dataTbl td.br {border-right-color:#ccc}
.dataTbl td .ulList {margin-left: 18px}
.dataTbl tr.btN th, .dataTbl tr.btN td {border-top-color:transparent;}
.tTxt {font-size: 18px;color: #202020;margin:0 15px;vertical-align: top}
.tPrice {font-size: 18px;color: #e60021;font-weight: bold;vertical-align: top}
.essential {color: #e50426}
*+ html .rowTbl tbody td {padding-left: 10px;padding-right: 10px}
*+ html .rowTbl tfoot th, .rowTbl tfoot td {border-top: 0 none}
*+ html .dataTbl td {line-height: 1.2em}
*+ html .dataTbl td strong.num {line-height: 1.3em}
*+ html .tTxt {line-height: 1em}
*+ html .tPrice {line-height: 1em}

/*title area*/
.titleArea {/* border-bottom:#202020 2px solid; */position: relative;height: 30px}
.titleArea h3 {float:left;font-size: 16px;}
.titleArea h5 {float: left;padding-left: 8px;font-size: 13px;color: #202020;background: url(../images/section/bull_05.gif) 0 4px no-repeat;}
.titleArea h5.type2 {line-height: 31px;background-position: 0 14px}
.titleArea .joinType {margin-left:11px;top: -3px;height: 24px;padding:0 16px;font-size:12px;color: #fff;line-height: 24px;position: relative;background: url(../images/member/bg_round.gif) 0 0 no-repeat;}
.titleArea .joinType span {position: absolute;width: 16px;height: 24px;top: 0;right: 0;background: url(../images/member/bg_round.gif) right 0 no-repeat;}
.titleArea .subTxt {color: #808080;margin-left:18px;line-height: 18px;float: left}
.titleArea .infol {float:left}
.titleArea .infor {float:right}
.titleArea.type2 {border-bottom:0 none}
.titleArea.type3 {border-bottom:#cdcdcd 1px solid;height: 28px}
.titleArea.type4 {border-bottom-width:3px}

/*button*/
.btnPack {display: inline-block;min-width: 70px;padding:0 22px;height: 40px;font-size: 14px;color: #fff;font-weight: bold;text-align: center;line-height: 39px;background: #485861;}
.btnPack.small {min-width: 70px;padding:0 10px;height: 30px;font-size: 12px;line-height: 30px}
.btnPack.big {min-width: 107px;padding:0 10px;height: 50px;font-size: 16px;line-height: 50px}
button.btnPack {min-width: 120px}
button.btnPack.big {min-width: 200px}
.btnPack.gray {border:1px solid #b2945d;color:#b2945d;background:#fff;}
.btnPack.black {background-image: url(../images/common/bg_btn_04.gif)}
.btnPack.wgray {background: #fff;border:  1px solid #90adbd;color: #333;}
.btnPack.blue {background-image: url(../images/common/bg_btn_05.gif)}
.btnPack.brown {background:#90adbd}
.btnPack.dbrown {background:#4c3e35}
.pop .btnPack {min-width: 80px;padding: 0 16px;margin-left: 5px}
.pop .btnPack:first-child {margin-left: 0}
.pop a.btnPack {min-width: 48px}
.btnGroup {position: relative;display: inline-block; white-space:nowrap;padding:0 9px;height: 20px;font-weight: normal;font-size: 10px;color: #909090;line-height: 20px;text-align:center;background: url(../images/common/btn_group.gif) right 0 repeat-x;}
.btnGroup span {position:absolute;top:0;left:0;width: 4px;height: 20px;display: none;}
.btnGroup.black {color: #202020}
.btnGroup.red {height: 20px;padding:0 13px;color: #b49d73;line-height: 20px;border: 1px solid #b49d73;background:  #fff;border-radius: 3px;}
.btnGroup.red span {height: 23px;background-position:0 -22px;display:  none;}
.btnGroup.gray {height: 23px;padding:0 13px;color: #fff;line-height: 22px;background-position: right -48px}
.btnGroup.gray span {height: 23px;background-position:0 -48px}
.btnGroup.red2 {height: 20px;padding:0 13px;color: #fff;line-height: 20px;background-position: right -74px}
.btnGroup.red2 span {height: 20px;background-position:0 -74px}
.btnGroup.blue2 {height: 20px;padding:0 13px;color: #fff;line-height: 20px;background-position: right -501px}
.btnGroup.blue2 span {height: 20px;background-position:0 -501px}
.btnGroup.gray2 {height: 19px;padding:0 13px;color: #fff;line-height: 19px;background-position: right -96px}
.btnGroup.gray2 span {height: 19px;background-position:0 -96px}
.btnGroup.gray3 {height: 27px;padding:0 13px;color: #fff;line-height: 27px;font-size: 12px;font-weight: bold;background-position: right -117px}
.btnGroup.gray3 span {height: 27px;background-position:0 -117px}
.btnGroup.gold {height: 19px;padding:0 13px;color: #fff;line-height: 19px;background-position: right -177px}
.btnGroup.gold span {height: 19px;background-position:0 -177px}
.btnGroup.white {min-width:20px;height: 27px;padding:0 13px;font-size:12px;color: #4c3e35;line-height: 27px;background: none;border:  1px solid #4c3e35;border-radius: 3px;}
.btnGroup.white span {height: 27px;background-position:0 -146px;display:  none;}
.btnGroup.white_1 {min-width:20px;height: 27px;padding:0 5px;font-size:12px;color: #696969;line-height: 27px;background-position: right -146px}
.btnGroup.white_1 span {height: 27px;background-position:0 -146px}
.btnGroup.white3 {height: 24px;padding:0 10px;font-size:10px;color: #202020;line-height: 23px;background-position: right -351px}
.btnGroup.white3 span {height: 24px;background-position:0 -351px}
.btnGroup.white3_1 {height: 24px;padding:0 10px;font-size:10px;color: #202020;line-height: 23px;background-position: right -351px}
.btnGroup.white3_1 span {height: 24px;background-position:0 -351px}
.btnGroup.white3:hover {background-position: right -378px}
.btnGroup.white3:hover span {background-position:0 -378px}
.btnGroup.white4 {height: 24px;padding:0 10px;font-size:10px;color: #e50426;line-height: 23px;background-position: right -351px}
.btnGroup.white4 span {height: 24px;background-position:0 -351px}
.btnGroup.gray4 {height: 24px;padding:0 14px;font-size:10px;color: #808080;line-height: 23px;background: #fff;border:  1px solid #ddd;border-radius: 3px;}
.btnGroup.gray4 span {height: 24px;background-position:0 -378px}
.btnGroup.blue {min-width:107px;height: 27px;padding:0;font-size:12px;color: #13418f;line-height: 27px;background-position: right -199px}
.btnGroup.blue span {height: 27px;background-position:0 -199px}
.btnGroup.red3 {min-width:107px;height: 27px;padding:0;font-size:12px;color: #b49d73;line-height: 27px;border: 1px solid #b49d73;background:  none;border-radius: 3px;}
.btnGroup.red3 span {height: 27px;background-position:0 -228px}
.btnGroup.gray5 {padding:0 17px;height: 27px;font-size:12px;color: #fff;line-height: 27px;background-position: right -526px}
.btnGroup.gray5 span {height: 27px;background-position:0 -526px}
.btnGroup.white2 {padding:0 14px;height: 22px;font-size:10px;color: #b2945d;line-height: 23px;border: 1px solid #b2945d;background:  #fff;border-radius: 3px;}
.btnGroup.white2 span {height: 23px;background-position:0 -257px}
.btnGroup.red4 {height: 24px;padding:0 13px;font-size:10px;color: #fff;line-height: 24px;background-position: right -405px}
.btnGroup.red4 span {height: 24px;background-position:0 -405px}
.btnGroup.redB {padding:0 14px;height: 31px;min-width: 73px;font-size:13px;color: #fff;font-weight: bold;line-height: 31px;background: #4c3e35;}
.btnGroup.redB span {height: 31px;background-position:0 -316px;display:  none;}
.btnGroup.redBsmall {padding:0 14px;height: 31px;min-width: 30px;font-size:13px;color: #fff;font-weight: bold;line-height: 31px;background-position: right -316px}
.btnGroup.redBsmall span {height: 31px;background-position:0 -316px}
.btnGroup.red5 {height: 20px;padding:0 13px;color: #e60021;line-height: 20px; background:#fff; border:1px solid #e60021;}
.btnGroup.red5 span {height: 20px; background:none;}
.btnGroup.whiteB {padding:0 14px;height: 31px;min-width: 73px;font-size:13px;color: #b49d73;font-weight: bold;line-height: 31px;background: #fff;border:  1px solid #b49d73;}
.btnGroup.whiteB span {height: 31px;background-position:0 -283px}
.btnGroup.grayB {padding:0 14px;height: 31px;min-width: 73px;font-size:13px;color: #fff;font-weight: bold;line-height: 31px;background-position: right -432px}
.btnGroup.grayB span {height: 31px;background-position:0 -432px}
.btnGroup.wgrayB {padding:0 14px;height: 31px;min-width: 73px;font-size:13px;color: #828282;font-weight: bold;line-height: 31px;background-position: right -466px}
.btnGroup.wgrayB span {height: 31px;background-position:0 -466px}
.btnGroup.small {padding: 0 18px;height: 23px;min-width: 0;font-size: 12px;line-height: 23px;background-position: right -324px}
.btnGroup.small span {height: 23px;background-position: 0 -324px}
.btnGroup.graySbtn {padding:0 14px;height: 22px;min-width: 73px;font-size:12px;color: #808080;line-height: 22px;background-position: right -558px}
.btnGroup.graySbtn span {height: 22px;background-position:0 -558px}
.btnGroup.graySbtn2 {padding:0 14px;height: 23px;font-size:10px;color: #202020;line-height: 23px;background-position: right -583px}
.btnGroup.graySbtn2 span {height: 23px;background-position:0 -583px}
.btnEtc {display: inline-block;padding:0 6px;height: 18px;font-size: 10px;color: #fff;line-height: 18px;background: #b6b6b6;border: #a3a3a3 1px solid}
.btnBorder {font-size:10px; padding:5px 10px; border:1px solid #dbdbdb; background:#fff; color:#808080;}


.icon {position: relative;margin-left: 7px;width: 5px;height: 9px;background: url(../images/section/icon_arrow.png) 0 0 no-repeat;}
.icon.arrow {background-image: url(../images/section/icon_arrow2.png)}
.icon.cal {margin: 0 6px 0 0;position:relative;top:2px;width: 11px;height: 11px;background-image: url(../images/section/icon_calculator.gif)}
.icon.download {margin: 0 6px 0 0;position:relative;top:1px;width: 9px;height: 10px !important;background: url(../images/section/icon_down.png) 0 0 no-repeat !important}
.icon.toggle1 {margin: 0 6px 0 0;position:relative;top:-2px;width: 7px;height: 4px !important;background: url(../images/section/arrow_icon_up.gif) 0 0 no-repeat !important}
.icon.toggle1.down {background-image: url(../images/section/arrow_icon_down.gif) !important}
*+ html .icon {top: -7px}
*+ html .icon.cal {top: -1px}
*+ html .icon.download {top: -2px}
*+ html .icon.toggle1 {top: -5px}

/* select */
.select {display:inline-block; *display:inline; position:relative; background:#fff; line-height:normal; vertical-align:middle; *zoom:1;z-index: 40}
.select *{ margin:0; padding:0; font-size:12px;color:#808080;cursor:pointer}
.select .my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; border:1px solid #d2d2d2; background:transparent; color:#808080; text-align:left; line-height:19px; _line-height:normal;  }
.select .my_value.selected{ font-weight:bold}
.select.open .my_value,
.select .my_value.outLine{ border:1px solid #999}
.select button.my_value{ width:100%; height:22px; *padding-left:5px; text-indent:5px; *text-indent:0}
.select div.my_value{ height:19px; text-indent:8px}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:20px; border:1px solid #d2d2d2; border-left:1px solid #eaeaea; background:#f5f5f5}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff; font-size:0; line-height:0}
.select ul{ overflow:hidden; position:absolute; top:20px; left:0; width:100%; border:0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#fff; list-style:none; max-height:200px;overflow:auto;text-align: left;}
.select ul.a_list{ display:none}
.select.open ul.a_list{ display:block}
.select ul.i_list{ left:-2000%}
.select.open ul.i_list{ left:0}
.select li{ overflow:hidden; position:relative; height:18px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; white-space:nowrap}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px}
.select li label{ position:absolute; top:0; left:0; width:100%; height:18px; background:#fff; color:#808080; line-height:18px; text-indent:8px; *text-indent:6px}
.select li a{ display:block; height:18px; background:#fff; color:#808080; line-height:18px; text-indent:8px; *text-indent:6px; text-decoration:none}
.select li.hover *{ background:#eee}
.select_go{ overflow:visible; height:21px; width:28px; *margin:-1px 0 -1px 4px; padding:0; border:1px solid #d2d2d2; background:#eee;color:#808080; line-height:19px; _line-height:normal; vertical-align:middle; cursor:pointer}

/*paging*/
.paging {width: 100%;margin-top: 50px;text-align: center;}
.paging a {display:inline-block;width: 29px;height: 29px;color: #555;line-height: 30px;font-weight: bold}
.paging span.selected {width: 29px;height: 29px;color: #fff;line-height: 30px;font-weight: bold;background: #3b3b3b}
.paging a.prev {margin: 0 10px 0 5px}
.paging a.next {margin: 0 5px 0 10px}
.pop .paging {margin-top: 20px}
.paging2 {width: 100%;margin-top: 38px;text-align: center;}
.paging2 a {display:inline-block;width: 16px;height: 16px;color: #6c6c6c;line-height: 16px;font-size: 11px;margin-left: 3px;font-weight: bold}
.paging2 span.selected {width: 14px;height: 14px;color: #dd060e;line-height: 14px;border: #dd060e 1px solid;font-weight: bold}
.paging2 a.prev {line-height:13px;height: 12px;margin: 2px 7px 2px 0;padding: 0 7px 0 14px;width: auto;font-weight: normal;border-right:#e0e0e0 1px solid;background: url(../images/section/btn_prev5.gif) 6px center no-repeat;}
.paging2 a.prev2 {line-height:13px;height: 12px;margin:2px 0;padding: 0 7px 0 14px;width: auto;font-weight: normal;border-right:#e0e0e0 1px solid;background: url(../images/section/btn_prev4.gif) 0 center no-repeat;}
.paging2 a.next {line-height:13px;height: 12px;margin: 2px 0 2px 7px;padding: 0 14px 0 7px;width: auto;font-weight: normal;border-left:#e0e0e0 1px solid;background: url(../images/section/btn_next5.gif) 85% center no-repeat;}
.paging2 a.next2 {line-height:13px;height: 12px;margin: 2px 0;padding: 0 14px 0 7px;width: auto;font-weight: normal;border-left:#e0e0e0 1px solid;background: url(../images/section/btn_next4.gif) 100% center no-repeat;}

/*List*/
.dlList dt {font-weight: bold;color: #202020;margin-bottom: 10px;font-size: 12px}
.dlList dd {padding-left: 15px;line-height: 22px;color: #808080;background: url(../images/section/bull_02.gif) 5px 9px no-repeat;}
.dlList dd ul {margin-left: -15px}
.dlList dd li {padding-left: 15px;line-height: 22px;color: #808080;background: url(../images/section/bull_04.gif) 5px 9px no-repeat;}
.dlList.type2 dt {margin-bottom: 3px}
.dlList.type2 dd {background-image: url(../images/section/bull_03.gif)}
.ulList li {padding-left: 15px;line-height: 22px;font-weight: 500;background: url(../images/section/bull_02.gif) 5px 9px no-repeat;}
.ulList li strong {color: #202020}
.etcInfoUl {list-style-type: decimal;}
.etcInfoUl li{margin-left: 15px;line-height: 22px;color: #808080;}
.etcInfoUl li strong{ color:#202020}
.etcInfoUl li .txtRed{ color:#e50426}

/*layer popup*/
.lyPop {border: #d5d5d5 1px solid;border-bottom: #e9e9e9 2px solid;position: absolute;background: #fff;z-index: 200}
.lyPop .lyCon {border-bottom: #d5d5d5 1px solid}
.pop {position: fixed;top:50px;left: 50%;background: #fff;border: #2e353f 2px solid;z-index: 100000}
.pop .popHead {background: #fbfbfb;height: 37px;border-bottom: #d8d8d8 1px solid}
.pop .popHead h1 {line-height: 37px;color: #202020;font-size: 13px;font-weight: bold;text-indent: 24px;display: inline-block;float: left}
.pop .popHead span {float: left;margin-left:17px;color: #808080;line-height: 37px}
.pop .popCon {padding: 25px 30px 30px;zoom:1;}
.pop .popCon:after {clear: both;display: block;content: ''}
.pop .popCon .searchList {height:92px;overflow-y:auto;overflow-x:hidden;margin-top:-1px;border:#b7b7b7 1px solid;border-top:0 none}
.pop .popCon .searchList>span {margin: 40px auto 0;display:block;width:100%;text-align: center;}
.pop .btnClose {position: absolute;top: 14px;right: 26px}
.pop .btnClose a {display: block;height:11px;vertical-align:top;line-height: 12px;padding-right: 19px;background: url(../images/common/btn_close.gif) right 0 no-repeat;}
.pop .btnArea {margin-top: 20px}

.pop .imgFileArea{ height:200px; overflow-y:auto;}

.pop .cardInfo dt {font-size:12px !important; font-weight: bold;color: #e60021;line-height: 24px}
.pop .cardInfo dt.c2 {color: #1e5fce}
.pop .cardInfo dt.c3 {color: #d57300;}
.pop .cardInfo dt.c4 {color: #335476}
.pop .cardInfo dt.c5 {color: #26b1e5}
.pop .cardInfo dt.c6 {color: #e60021}
.pop .cardInfo dt.c7 {color: #9532c8}
.pop .cardInfo dt.c8 {color: #168dcb}
.pop .cardInfo dt.c9 {color: #356c9b}
.pop .cardInfo dd {color: #808080;line-height: 20px; font-size: 11px;}

#cardinstpopCoupon{ width:750px;}


/*slider*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;}

.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.isotope,
.isotope .isotope-item {-webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;}
.isotope {-webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;}


#btnTop{ position:fixed; bottom:0; z-index:10; left:50%; margin-left:560px;}


label span.satisf {display:inline-block; text-align: left;padding: 5px 0 0 45px;background: url(../images/section/icon_satis.gif) 20px -8px no-repeat; height: 25px;}
label span.satisf.second {background-position:20px -40px}
label span.satisf.third {background-position:20px -80px}
label span.satisf.fourth {background-position:20px -120px}
label span.satisf.fifth {background-position:20px -160px}

span.ownershop {/*position:absolute; top:0px; right:0px; */display:block; background:#1a64b6; line-height:20px; color:#fff; padding:0 5px; display:inline-block}



/* 180303 main */
.main-item {padding: 40px 0;}
.main-item, .main-item *, .main-item *:before, .main-item *:after {box-sizing: border-box}
.main-item h1 {font-size: 20px;font-weight: normal;color:#4c3e35;}
.main-item h1 b {font-size: 40px;font-weight: normal;vertical-align: -2px;}
.main-item ul {font-size: 0;}
.main-item .sbtn {margin-top: 20px;display:inline-block;}
.main-item li img {box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
.main-item.item1 {background: #4b3f35}
.main-item.item1 h1 {color: #f2e2d8}
.main-item.item2 {background: #856b53}
.main-item.item2 h1 {color: #fff}
.main-item.item2 ul {margin: 0 -10px}
.main-item.item2 li {width: 50%;padding:0 10px;}
.main-item.item3 {background: #af9a7d}
.main-item.item3 h1 {color: #fff}
.main-item.skyShop .sub-item p {padding: 15px;margin-top: 0;}
.main-item.skyShop {background: #dfd2c0}
.main-item.skyShop h1 {color: #4c3e35}
.sub-item {margin-top: 20px;margin-bottom: -20px;}
.sub-item li {display: inline-block;vertical-align: top;margin-bottom: 20px;background: #fff;color: #4c3e35;}
.sub-item li+li {margin-left: 20px;}
.sub-item.item-4 li {width:260px;min-height:350px;max-height:360px;}
.sub-item.item-4 li:nth-child(4n+1) {margin-left: 0;}
.sub-item.item-5 li {width:204px;min-height:300px;max-height:360px;}
.sub-item.item-5 li:nth-child(5n+1) {margin-left: 0;}
.sub-item p {display: block;font-size: 13px;line-height: 1.4;margin-top: 15px;}
.sub-item .thumb {position: relative;padding-top: 100%;display: block;}
.sub-item .thumb img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;box-shadow:none;}
.sub-item strong {font-weight: normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sub-item .price {font-weight: bold;font-size:14px;display:block;margin-top: 10px;}
.sub-item .price s {color:#adadad;font-size:12px;display:block;font-weight: normal;}
.sub-item .price small {color:#ee2f27}
.main-item.item4 li img, .main-item.item4 .sub-item li, .main-item.item5 li img, .main-item.item5 .sub-item li {background:#f1f1f1;box-shadow:none;}
.main-banner {margin-top: 30px;}
.main-banner .owl-nav [class*=owl-] {width: 30px;height: 60px;font-size: 0;background-repeat: no-repeat;background-position: 0;border-radius: 0;margin-top: -30px;}
.main-banner .owl-nav .owl-prev {background-image: url(../images/arr_bn_prev.png)}
.main-banner .owl-nav .owl-next {background-image: url(../images/arr_bn_next.png)}
.main-cs-center {background:#f6f6f6;height:345px;overflow:hidden;}
.main-cs-center .container {overflow:hidden;}
.main-cs-center, .main-cs-center *, .main-cs-center *:before, .main-cs-center *:after {box-sizing: border-box}
.main-cs-center h2 {font-size:17px;color:#4b3f35;font-weight: bold;letter-spacing:-1px;margin-bottom: 30px;}
.main-cs-center .notice {float:left;padding: 40px 0;border-right: 1px solid #e9e9e9;width:350px;position:relative;min-height:345px;}
.main-cs-center .notice .more {position:absolute;right:0;top:42px;font-size:11px;margin-right: 40px;}
.main-cs-center .notice ul {padding-right: 40px;}
.main-cs-center .notice li {margin-bottom: 15px;padding-right: 70px;position:relative;font-size:14px;}
.main-cs-center .notice li:last-child:not(:first-child) {margin-bottom: 0;}
.main-cs-center .notice li a {display:block;font-size:13px;}
.main-cs-center .notice li span {opacity:0.8;position:absolute;right:0;top:0;font-size:12px;}
.main-cs-center .mobile {padding: 40px 0;padding-left: 40px;float:left;width:300px;border-right: 1px solid #e9e9e9;}
.main-cs-center .mobile p {font-size:13px;line-height: 1.4;margin-bottom: 15px;margin-top: -10px;}
.main-cs-center .mobile .qr-code {line-height: 60px;margin-bottom: 25px;}
.main-cs-center .mobile .qr-code img {float:left;margin-right: 20px;}
.main-cs-center .mobile .call-center {margin:0 0 0 -40px;padding: 20px 40px 0 40px;border-top: 1px solid #e9e9e9;}
.main-cs-center .mobile .call-center b {color:#665144;font-size:29px}
.main-cs-center .mobile .call-center p {font-size:12px;margin-top: 5px;}
.main-cs-center .cs {border-left: 1px solid #e9e9e9;margin-left: -1px;float:left;padding: 40px 0 0 40px;width:450px;min-height:345px;}
.main-cs-center .cs ul {margin-top: -5px;}
.main-cs-center .cs li {display:inline-block;text-align: center;margin-left: 20px;margin-bottom: 20px;}
.main-cs-center .cs li a {color:#666}
.main-cs-center .cs li img {display:block;margin:0 auto;margin-bottom: 10px;}
.main-cs-center .cs li:nth-child(4n+1) {margin-left: 0;}
.main-theme-container {position:relative;}
/*.main-theme-container:after {content:"";display:block;height:1px;background:#e5e5e5;position:absolute;left:0;right:0;top:120px;}*/
.main-theme-container .bn-control {font-size:0;margin-bottom: 5px;text-align: right;}
.main-theme-container .bn-control a {margin-left: 5px;}
.theme-nav {text-align: center;position:relative;padding: 0 10px;margin-bottom: 20px;}
.theme-nav .theme-prev {position:absolute;left:5px;top:50%;margin-top: -5px;}
.theme-nav .theme-next {position:absolute;right:5px;top:50%;margin-top: -5px;}
.theme-nav ul {font-size:0;padding: 20px 0;}
.theme-nav li {font-size:12px;display:inline-block;margin:0 10px;}
.theme-nav li img {display:block;margin:0 auto;margin-bottom: 5px;}
.main-theme-banner {font-size:0;overflow:hidden;}
.main-theme-banner div {float:left;margin-bottom: 10px; }
.main-theme-banner div:nth-child(4), .main-theme-banner .container div:nth-child(5) {margin-left: 10px;}
.main-theme-banner div:nth-child(8), .main-theme-banner .container div:nth-child(9), .main-theme-banner .container div:nth-child(10) {margin-left: 10px;}
.main-theme-banner div:nth-child(12) {margin-left: 10px;}
.main-theme-banner div:nth-child(10) {float:right;}

/* 회원가입 */
.join-msg {text-align: center;padding: 50px 0;}
.join-msg strong {font-size:27px;color:#4c3e35;font-weight: 800;text-align: center;display:block;margin-bottom: 40px;}
.join-msg p {color:#333;line-height: 1.5;font-size:13px;}
.join-msg .btns {margin-top: 40px;}
.join-welcome {margin-top: 80px;margin-bottom: 40px;text-align: center;}
.join-welcome img {margin-bottom: 50px;display:block;}
.join-welcome strong {font-size:24px;color:#4c3e35;margin-bottom: 40px;}
.join-welcome p {font-size:13px;line-height: 1.6;margin-bottom: 50px;font-weight: 500;}
.join-welcome .btnPack {min-width:265px;height:50px;margin:0 10px}

/* SUB */
.sub-top-bg {background:url(../images/bg_sub_title.jpg) repeat-x 50% 0;margin-bottom: 40px;}
.sub-top-bg h3 {color:#4c3e35;font-size:44px;line-height: 120px;text-align: center;}
.sub-top-category {overflow:hidden;}
.sub-top-category .left-category-nav {float:left;width:160px;}
.sub-top-category .left-category-nav>strong {display:block;color:#222;font-size:20px;height:33px;border-bottom:2px solid #4c3e35;position:relative;}
.sub-top-category .left-category-nav dl {border:1px solid #ddd;padding: 20px 15px;margin-top: -1px;}
.sub-top-category .left-category-nav dt {margin-bottom: 17px;}
.sub-top-category .left-category-nav dt a {font-weight: bold;color:#222;font-size:13px;}
.sub-top-category .left-category-nav dd a {color:#808080;font-size: 13px;padding-left: 15px;background:url(../images/bul_prd_nav.gif) no-repeat 5px 50%;}
.sub-top-category .left-category-nav dd+dd {margin-top: 7px;}
.sub-top-category .right-best-prd {float:right;width:100%;position:relative; z-index:9999}
.sub-top-category .right-best-prd .location {height:24px;}
.subcateweeklytitleimg {background:url(../images/badge_best.png) no-repeat 0 0;}
/*.sub-top-category .right-best-prd:after {content:"";display:block;position:absolute;top:10px;left:-8px;background:url(../images/badge_best.png) no-repeat 0 0;width:143px;height:39px; z-index:9999}*/
.sub-top-category .best-product-list {overflow:hidden;border:1px solid #ddd;position:relative;padding-left: 350px;}
.sub-top-category .best-product-list:before {content:"";display:block;height:1px;background:#eee;position:absolute;top:50%;left:350px;right:0;z-index:1;}
.sub-top-category .best-product-list:after {content:"";display:block;width:1px;background:#eee;position:absolute;left:350px;top:0;bottom:0;z-index:1;}
.sub-top-category .best-product-list dl {padding:30px 0;padding-top: 138px;margin: 0 0 0 30px;width:140px;}
.sub-top-category .best-product-list dl dd.icon {position:absolute;left:0;top:15px;padding-top: 10px;text-align: center;background:url(../images/bg_badge_best.png) no-repeat 0 0;color:#fff;width:42px;height:38px;font-size:11px;margin-left: 0;}
.sub-top-category .best-product-list dl dd.icon b {font-size:18px;display:block;}
.sub-top-category .best-product-list dl.no1 {position:absolute;left:0;top:75px;width:290px;padding-top: 285px;}
.sub-top-category .best-product-list dl.no1 .imgArea {top:0}
.sub-top-category .best-product-list dl.no1 .imgArea img {width:280px;height:280px;}
.sub-top-category .best-product-list dl.no1 dd.icon {top: -20px;left:10px;padding-top: 15px;background:url(../images/bg_badge_best1.png) no-repeat 0 0;color:#fff;width:52px;height:45px;}
.sub-top-category .best-product-list dl.no1 dd.icon b {font-size:20px;;}
.sub-top-category .best-product-list dl dd.pName .brand {display:none;}
.sub-top-category .best-product-list dl.no1 dd.pName .brand {display:block;}

.mypoint-container input {height: 20px}
.mypoint-container h3 {font-size:16px;color:#4c3e35;margin:35px 0 15px}
.mypoint-container td select {border:1px solid #d2d2d2;height: 24px;font-size:12px;color:#808080}
.mypoint-container p.desc {margin-top: 15px;}
.mypoint-info {padding: 30px 0;line-height: 40px;background:#4c3e35;color:#f06421;font-size:18px;text-align: center;}
.mypoint-info img {vertical-align: middle;margin-right: 5px;}
.mypoint-info strong {font-size:36px;vertical-align: top;margin-left: 15px;}
.help-list {margin-top: 30px;line-height: 1.6;color:#707070}
.help-list .tit {font-weight: bold;color:#665144;font-size:14px;margin-bottom: 15px;display: block;}
.point-gift-action {position:relative;display:inline-block;}
.point-gift-action .receiver-list {display:none;position:absolute;left:5px;margin-top: 5px;width:560px;background:#fff;border:1px solid #222;}
.point-gift-action .receiver-list strong {display:block;font-size:18px;background:#2e2520;padding-left: 30px;position:relative;color:#fff;line-height: 50px;font-weight: normal;z-index: 9999992;}
.point-gift-action .receiver-list strong a {position:absolute;right:30px;top:50%;margin-top: -7px;line-height: 1;}
.point-gift-action .receiver-list thead th {border:0;height:40px;border-bottom: 1px solid #eee;}
.point-gift-action .receiver-list tbody td {border:0;border-top:1px solid #eee;padding: 0 !important;height:40px;}
.point-gift-action .receiver-list tbody td a {width:50px;min-width: inherit;;height:30px;line-height: 30px;font-weight: normal;}
.point-gift-action .receiver-list .in-scroll {height:205px;overflow-y:scroll;position:relative;background: #fff;  z-index: 9999992;}
#mask {background:rgba(0, 0, 0, 0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);position:fixed;width:100%;top:0;right:0;left:0;bottom:0;z-index:999991;}



/* 금액표시부분 */
.ddprice { font-weight: bold;font-size:14px;display:block;margin-top: 10px; height:30px; overflow:hidden}
.ddprice s {color:#adadad;font-size:12px;display:block;font-weight: normal;}
.ddprice small {color:#ee2f27}


.thumb img { border:1px solid #ececec}

/* 1:1문의 이미지 */
.inquiry_img{margin-top:20px;}
.inquiry_img_btn{width:100px;height:100px;
position:absolute; bottom:17px; right:222px;}