@charset 'utf-8';
@import url('default.css');

/* 메인카테고리보기 */
/* 카테고리 전체보기 */
.topmenucategory {text-align:left; vertical-align:top; padding:0px; margin:0px;}
.topmenucategory dl {padding: 0; margin-top:18px; font-size:8pt;}
.topmenucategory dt {padding: 0; margin: 12px 0 2px 14px; font-weight:bold; line-height:20px; font-size:9pt;  }
.topmenucategory dd {padding: 0; margin: 0 0 0 19px;  line-height:14px;font-size:9pt; }
.topmenucategory dt a { color:#1a7e40; font-size:9pt; }
.topmenucategory dd a { color:#7c7c7c; font-size:8pt; }
.topmenucategory dt a:hover { color:#fb4444; text-decoration:underline;font-size:9pt;}
.topmenucategory a:hover { color:#fb4444; text-decoration:underline;font-size:8pt;}
.topmenucategory dt a:visited {color:#1a7e40;font-size:9pt;}
.topmenucategory a:visited { color:none; font-size:9pt;}
.topmenucategory dt a:active{ color:#1a7e40;font-size:9pt;}
.topmenucategory a:active { color:#7c7c7c; font-size:8pt;}
.topmenucategory dt a:link { color:#1a7e40;font-size:9pt;}
.topmenucategory a:link { color:#7c7c7c; font-size:8pt;}

/**************************************************
** LAYOUT / TEMPLATE **
**************************************************/
#wrapper {width:960px; margin:0px auto; position:relative; z-index:0; }
#wrapper:after {content:' '; display:block; clear:both; height:0; visibility:hidden;}

/* 상단 내용 */
#header {width:96px; height:0px;border:0px; margin:0px auto;}
#header .utility {height:25px; border-bottom:1px solid #e0e0e0; background:#f3f3f3;}
#header .utility:after {content:' '; display:block; clear:both; height:0; visibility:hidden;}
#header .utility ul {float:right; margin-right:2px; padding-top:6px; *padding-top:5px;}
#header .utility ul li {float:left; font-size:11px;}
#header .utility ul li a {display:inline-block; padding:0 7px;}
#header h1 {float:left; padding:37px 0px 31px;}
#header .banner {float:right; height:88px;}
#header .searchWrap {width:296px; margin:0px auto;}
#header .searchWrap .keyword {height:19px; padding:20px 0px 0px 3px;}
#header .searchWrap .keyword a {display:inline-block; padding:0px 11px 0px 7px; font-size:11px; color:#888;}
#header .searchWrap .searchForm {padding:5px; border:3px solid #ffcf00; background:#fff;}
#header .searchWrap .searchForm input.search {float:left; width:250px; height:15px; line-height:15px; color:#333; border:0; background:#fff;}
#header .searchWrap .searchForm a {float:right;}

/* 컨텐츠내용 */
#container {width:960px; min-height:363px; padding-bottom:20px; padding-left:0;}

/* 최근본상품 */
#quick {position:absolute; top:114px; right:-110px; padding:6px 6px 0px 7px; border:1px solid #e0e0e0; background:#f3f3f3;}
#quick p {height:30px;}
#quick ul {width:80px;}
#quick ul:after {content:' '; display:block; clear:both; height:0; visibility:hidden;}
#quick ul li {margin-top:2px; font-size:0; line-height:0;}
#quick ul li a {display:block; border:1px solid #e0e0e0;}
#quick ul li.arrow {height:25px;}
#quick ul li.arrow a.down {float:left; border:0;}
#quick ul li.arrow a.up {float:right; border:0;}
#quick .btnGo {width:80px;}
#quick .btnGo a {display:block; height:29px; border-top:1px solid #e0e0e0;}

/* 하단 내용 */
#footerWrap {margin-top:30px;}
#footerWrap #footerMenu {height:121px; border-bottom:1px solid #e4e1de; background:#776c61;}
#footerWrap #footerMenu .inside {width:960px; margin:0px auto;}
#footerWrap #footerMenu .info {height:121px; background:url('/data/common/bg_footer.gif') no-repeat 120px top;}
#footerWrap #footerMenu .info p {float:left; width:120px; padding:42px 0px 44px; text-align:center;}
#footerWrap #footerMenu .info ul {float:left; margin:20px 0px;}
#footerWrap #footerMenu .info li {float:left; width:184px; height:81px; border-left:1px solid #978f87; overflow:hidden;}
#footerWrap #footerMenu .info li.first {width:80px; border-left:0;}
#footerWrap #footerMenu .info li.link {width:79px;}
#footerWrap #footerMenu .info li.link a {height:81px; overflow:hidden;}
#footerWrap #footerMenu .info li.link a img {margin-top:0px;}
#footerWrap #footerMenu .info li.link a:hover img {margin-top:-81px;}
#footerWrap #footerMenu .info li.link a.on img {margin-top:-81px;}
#footerWrap #footer {width:960px; height:65px; margin:0px auto; padding:28px 0px 26px;}
#footerWrap #footer .logo {float:left; width:234px; padding:12px 0px 24px; text-align:center;}
#footerWrap #footer .menu {float:left; height:65px; padding-left:20px; border-left:1px solid #e0e0e0;}
#footerWrap #footer .menu ul {height:22px;}
#footerWrap #footer .menu ul:after {content:' '; display:block; clear:both; height:0; visibility:hidden;}
#footerWrap #footer .menu ul li {float:left; padding:0px 14px 0px 11px; background:url('/data/common/bullet.gif') no-repeat left -168px;}
#footerWrap #footer .menu ul li.first {padding-left:0px; background:none;}




/**************************************************
** COMMON **
**************************************************/
/* Blind */
.blind {overflow:hidden; position:absolute; width:0px; height:0px; font-size:0px; line-height:0px; visibility:hidden;}

/* tab */
.tab {height:36px;}
.tab li {float:left; height:36px; margin-left:1px;}
.tab li.first {margin-left:0px;}
.tab li a {display:block; height:36px; overflow:hidden;}
.tab li a img {margin-top:0px;}
.tab li a:hover img {margin-top:-36px;}
.tab li a.on img {margin-top:-36px;}
.tab li a.on:hover img {margin-top:-36px;}

/* 비규칙목록*/
ul.desc {}
ul.desc li {list-style-type:desc;}

/* 규칙목록 */
ol.decimal {margin-top:4px; margin-left:25px;}
ol.decimal li {list-style-type:decimal; margin-bottom:3px; font-size:12px; line-height:18px; color:#666;}

ol.none {margin:0px;}
ol.none li {list-style-type:none; margin-bottom:8px; font-size:12px; line-height:18px; color:#666;}
ol.none li ol.decimal {margin-top:3px; margin-left:40px;}
ol.none li ol.decimal li {list-style-type:decimal; margin-bottom:0px;}

/* 들여쓰기 */
span.indent10 {display:block; text-indent:10px;}
span.indent20 {display:block; text-indent:20px;}
span.indent30 {display:block; text-indent:30px;}
span.indent96 {display:inline-block; text-indent:96px;}
div.indent0 {padding-left:0px;}
div.indent10 {padding-left:10px;}
div.indent15 {padding-left:15px;}
div.indent20 {padding-left:20px;}
div.indent30 {padding-left:30px;}

/* 문단 여백 */
.mt0 {margin-top:0;}
.mt10 {margin-top:10px;}
.mt16 {margin-top:16px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

/* 포인트칼라 */
.b {font-weight:bold;}
.total_b {color:#fb8e1a; font-weight:bold;}
/*.emp1 {color:#fb8e1a;}*/
.emp1 {color:#333;}
.emp1_b {color:#fb8e1a; font-weight:bold;}

/*quick 메뉴*/
#right_quick {position:fixed; top: 111px; left:50%; margin-left:486px; z-index:10; display:block; width:95px; background-color:#f3f3f3; text-align:center;}
#quick_srolling {position: relative;overflow:hidden;height:238px;width:78px;border:#e0e2ef 1px solid;text-align:center;margin-left:8px;}

/* noto sans kr 폰트정의 */
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}   


/*************************************************
** 입점업체 정보 팝업 **
**************************************************/
#pop_biz_partner {font-size:14px;color:red;cursor:pointer;  }
#pop_biz_blind {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); top:0; left:0; font-size:0; line-height:0;z-index:990;display:none;}
#pop_biz_table {position:fixed; width:800px;height:600px; border-top:5px solid #e4702a; background:#fff; top:50%; left:50%; box-sizing:border-box; transform:translate(-50%,-50%); padding:25px 25px 35px;z-index:999;display:none;
                -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; }
#pop_biz_title { height:40px; border-bottom:1px solid #ddd; font-size:24px; line-height:30px; font-weight:bold; letter-spacing:-0.05em; color:#000000;       }

#pop_biz_close {width:20px; height:20px; position:absolute; right:25px; top:30px; font-size:0; line-height:0; display:block;}
#pop_biz_close:before {content:""; display:block; position:absolute; width:25px; height:1px; background:#000; transform:rotate(-45deg); top:50%; left:-2px;}
#pop_biz_close:after  {content:""; display:block; position:absolute; width:25px; height:1px; background:#000; transform:rotate(45deg); top:50%; left:-2px;}

#pop_biz_list  {max-height:500px; overflow-y:auto;}
#pop_biz_list table {border-top:3px solid #000; border-collapse:collapse; width:100%; }
#pop_biz_list table tbody tr td {border-bottom:1px solid #ddd; text-align:center; padding:10px; font-size:12px; letter-spacing:-0.025em; color:#333; line-height:15px; font-weight:normal;}