@charset "utf-8";
/* 2016-01-06*/
@import url('style.css');

body {background-color:#fefefe;}
#Wrap {position:relative;overflow:hidden;min-width:1000px;height:100%;margin:0 auto;}
#Container {position:relative;width:100%;margin:0 auto;background-color:#fff;}
#Header {position:relative;width:100%;}
#Naivgation {position:relative;width:100%;}
#Footer {position:relative;width:100%;overflow:hidden;margin-top:30px;}
.inner {position:relative;width:1100px;margin:0 auto;}
.inner:before, .inner:after {content: ".";display: block;clear: both;visibility: hidden;height: 0;}
.contents {position:relative;width:1100px;margin:0 auto;overflow:hidden;}
.contents:after {content: ".";display: block;clear: both;visibility: hidden;height: 0;}
.contents h3 {text-align:center;}
.contents .path_view h3 {text-align:left;}
.contents h3 span {display:inline-block;margin:10px 0;padding:0 23px 10px;border-bottom:3px solid #d70300;text-align:center;font-size:22px;color:#333;letter-spacing:2px;text-transform:uppercase;}

/* Header */
.top_wrap {position:relative;width:100%;min-height:30px;overflow:hidden;background-color:#ba1d3a;border-bottom:1px solid #ccc;}
.top_menu {width:1100px;margin:0 auto;}
.top_menu .user_sta {float:left;padding:6px 0 0 6px;color:#fff;}
.top_menu .lnb {float:right;margin-top:6px;}
.top_menu .lnb ul li {float:left;padding:0px 8px;border-right:1px solid #fff;}
.top_menu .lnb ul li:last-child {border-right:0;}
.top_menu .lnb ul li a {display:block;color:#fff;}
.top_area {position:relative;width:1100px;height:110px;margin:0 auto;padding:20px 0}
.top_area:after {content: ".";display: block;clear: both;visibility: hidden;height: 0;}

.top_area .logo { float:left; width:265px; height:75px; display:table; text-align:center; margin-right:55px; } 
.top_area h1 { display:table-cell; vertical-align:middle; }

.top_area h1 a {display:block;}
.top_area .search_wrap {position:relative;left:8px;}
.top_area .search {width:500px;height:32px;border:3px solid #d70300;}
.top_area .search .search_bar {width:429px;height:18px;margin:5px 0 6px 10px;padding:0;color:#000;}
.top_area .search .search_btn {width:52px;height:29px;cursor:pointer;text-indent:-9999px;z-index:1000;background:url('../img/bg/search_btn.png') 15px 0 no-repeat #d70300}
.top_area .search .search_auto {display:none;position:relative;width:440px;padding:5px;border:1px solid #d70300;background-color:#fff;z-index:2222;}
.top_area .search .search_auto ul li {padding:3px;cursor:pointer;}
.top_area .search .search_auto ul li a {display:block;padding:5px 2px;font-weight:600;}
.top_area .search .search_auto ul li a:hover {-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background-color:#f1f1f1;}
.top_area .search_inf {margin-top:15px;}
.top_area .search_inf input[type=text] {width:90px;margin:0 4px; padding:3px 5px;border:1px solid #aaa;text-align:center;}
.top_area .top_banner {position:absolute;right:15px;top:10px;}
.top_area .top_banner a {display:block;}


/* Footer */
.footer_top {position:relative;width:100%;overflow:hidden;background-color:#ededed;}
.footer_top ul {width:1100px;margin:0 auto;height:32px;}
.footer_top ul li {float:left;margin-top:8px;padding:0 15px;border-right:1px solid #ccc;}
.footer_top ul li:last-child {border-right:0;}
.footer_top ul li a {display:block; }
.footer_top ul li a:hover {font-weight:600;}
.footer_mid {width:100%;position:relative;overflow:hidden;border-bottom:1px solid #d70300;}
.footer_mid h3 {margin-bottom:5px;font-size:16px;color:#D70300;font-weight:600;text-transform:uppercase;}
.footer_mid:after {content: ".";display: block;clear: both;visibility: hidden;height: 0;}
.notice, .banking, .cs_center, .quick_menu {float:left;min-height:230px;}
.notice {width:300px;padding:20px;border-left:1px solid #dedede;border-right:1px solid #dedede;}
.notice .notice_show {padding:5px;}
.notice .notice_show p {margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.banking {width:250px;padding:20px;border-right:1px solid #dedede;}
.banking .banking_info {padding:5px;padding-top:10px;}
.banking .banking_info p {margin-bottom:3px;}
.banking .banking_info .name {font-weight:600;}
.cs_center {width:275px;padding:20px;border-right:1px solid #dedede;}
.cs_center .cs_wrap {padding:5px;padding-top:10px;}
.cs_center .cs_wrap p {margin-bottom:6px;}
.quick_menu {width:275px;padding:20px;border-right:1px solid #dedede;}
.quick_menu ul {margin-top:20px;}
.quick_menu ul li {float:left;width:33%;text-align:center;}
.quick_menu ul li .l1 {float:left; width:50%; text-align:center; margin-top:50px; margin-left:25px;}
.quick_menu ul li .circle {display:inline-block;width:50px;height:50px;border-radius:25px;background-color:#d70300;}
.quick_menu ul li p {margin-top:10px;font-weight:600;font-size:14px;}
.quick_menu ul li .cart {background:url('../img/bg/bg_cart.png') 50% 50% no-repeat #d70300;}
.quick_menu ul li .mypage {background:url('../img/bg/bg_mypage.png') 50% 50% no-repeat #d70300;}
.quick_menu ul li .cs {background:url('../img/bg/bg_cs.png') 50% 50% no-repeat #d70300;}
.quick_menu ul li .kakao {background:url('../img/bg/bg_kakao.png') 50% 50% no-repeat; border-radius:0px; background-size: 100%; width:25px; height:25px;}
.quick_menu ul li .kakaostory {background:url('../img/bg/bg_kakaostory.png') 50% 50% no-repeat; border-radius:0px; background-size: 100%; width:25px; height:25px;}
.quick_menu ul li .youtube {background:url('../img/bg/bg_youtube.png') 50% 50% no-repeat #d70300; border-radius:0px; background-size: 100%; width:25px; height:25px;}
.quick_menu ul li .youtube2 {background:url('../img/bg/bg_youtube2.png') 50% 50% no-repeat #d70300; border-radius:0px; background-size: 100%; width:25px; height:25px;}
.quick_menu ul li .facebook {background:url('../img/bg/bg_facebook.png') 50% 50% no-repeat; border-radius:0px; background-size: 100%; width:25px; height:25px;}
.quick_menu ul li .naverblog {background:url('../img/bg/bg_naverblog.png') 50% 50% no-repeat; border-radius:0px; background-size: 100%; width:25px; height:25px;}
.footer_bottom {padding:20px;}
.footer_bottom h2 {float:left;}
.footer_bottom .footer_info {float:left;margin-left:40px;}

/* 카테고리 */
.category_wrap {position:relative;width:100%;border-top:1px solid #dadada;border-bottom:1px solid #dadada}
.category_wrap .inner {position:relative;width:1100px;margin:0 auto;}
.category_menu {
  position: relative;
  /* height: 44px;   */
  /* width: auto;   */
}
.category_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.category_menu > ul {
  position: relative;
  display: block;  
  width: 100%;
  z-index: 500;
}
.category_menu:after, .category_menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.category_menu.align-right > ul > li {
  float: right;
}
.category_menu.align-center ul {
  text-align: center;
}
.category_menu.align-center ul ul {
  text-align: left;
}
.category_menu > ul > li {
  display: inline-block;
  width: 105px;  
  position: relative;
  margin: 0;
  padding: 0;
  }
.category_menu > ul > #menu-button {
  display: none;
}
.category_menu ul li a {
  display: block;  
  text-decoration: none;
}
.category_menu > ul > li > a {
  font-size: 12px;
  font-weight: 500;
  padding:5px;
  color: #000;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  letter-spacing:-1px;
}

.category_menu > ul > li > a span {
	display:block;
	padding-top:5px;
	text-align:center;
	width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.category_menu > ul > li:hover > a {
  color: #000;
}

.category_menu > ul > li:hover::after {
  border-top-color: #ffffff;
}
.category_menu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
  border:1px solid #d70300
}
.category_menu ul ul ul {
  top: 37px;
  /* padding-left: 5px; */
}
.category_menu ul ul li {
  position: relative;
}
.category_menu > ul > li:hover > ul {
  left: auto;
  /* top: 44px; */
  top: 102px;
  opacity: 1;
}
.category_menu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}

.category_menu ul ul li:hover > ul {
  left: 150px;
  top: 0;
  opacity: 1;
}

/* 해상도 변화시 2뎁스 위치 조정 */
@media all and (min-width: 1024px) and (max-width: 1280px) {.category_menu ul ul.ul_small li:hover > ul {
  left: -153px;
  top: 0;
  opacity: 1;
}}


.category_menu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
.category_menu ul ul li a {
  min-width: 150px;
  /* border-bottom: 1px solid #eeeeee; */
  padding: 5px;
  font-size: 13px;
  color: #000;
  background-color: #fff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
.category_menu.align-right ul ul li a {
  text-align: right;
}
.category_menu ul ul li:hover > a {
  background: #f2f2f2;
  color: #000;
}
.category_menu ul ul li:last-child > a, .category_menu ul ul li.last > a {
  border-bottom: 0;
}
.category_menu > ul > li > ul::after {
  content: '';
  border: 8px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #d70300;
  position: absolute;
  top: -16px;
  left: 50px;
}

.category_menu > ul > li > ul > li >ul::after {
  content: '';
  border: 7px solid transparent;
  width: 0;
  height: 0;
  border-right-color: #d70300;
  position: absolute;
  top: 5px;
  left: -13px;
}

@media all and (min-width: 1024px) and (max-width: 1281px) {.category_menu > ul > li > ul.ul_small > li >ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-left-color: #d70300;
  position: absolute;
  top: 5px;
  left: 151px;
}}

.category_menu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
.category_menu ul ul li.sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
.category_menu.align-right ul ul li.sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
.category_menu ul ul li.sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.category_menu.align-right ul ul li.sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/* 우측 배너 */
.right_fix {
    position: fixed;
    top: 0;
    right: 0;
    width: 120px;
    padding: 0 15px;
    height: 100%;
    background: #fff;
    z-index: 80;
    border-left: 1px solid #eaeaea;
	z-index:99999
}
@media all and (min-width: 1024px) and (max-width: 1280px) {.right_fix {right:-120px;}}
.right_fix h2 {margin:10px 0;padding-bottom:5px;font-size:1.2em;font-weight:600;text-align:center;text-transform:uppercase;border-bottom:1px solid #aaa;}
.right_fix h2.h2_quick {margin-top:80px;color:#d70300;}
.right_fix h2.h2_view {font-size:1.1em;}
.right_fix ul li {text-align:center;}
.right_fix ul li a {display:block;text-decoration:none;padding:5px 0;}
.right_fix ul.q_menu li:nth-child(2) {background-color:#eee;}
.right_fix ul.q_menu li:nth-child(4) {background-color:#eee;}
.right_fix .view_box ul {min-height:245px;}
.right_fix .view_box li {margin:3px 0;}
.right_fix .view_box img {max-width:80px;border:1px solid #eee;}
.right_fix .quick_close {position:absolute;top:200px;left:-20px;}


/* 페이징 공통 */
.paging {padding:15px 0;text-align:center;}
.paging a {position:relative;display:inline-block;padding:2px 5px;line-height:normal;color:#333;font-family:Tahoma;font-size:12px;}
.paging strong {position:relative;display:inline-block;padding:2px 5px;line-height:normal;font-family:Tahoma;font-size:12px;color:#ff3636;border:1px solid #e1e1e1;}
.paging a.prevEnd, .paging a.nextEnd, .paging a.prev, .paging a.next {white-space:nowrap;text-decoration:none;border:1px solid #e1e1e1;}
.paging a.prevEnd {padding-left:14px;background:url('../img/bg/prevEnd.png') 6px center no-repeat;}
.paging a.nextEnd {padding-right:14px;background:url('../img/bg/nextEnd.png') 60px center no-repeat;}

/* 큰버튼 */
.btn_area {margin:20px 0;text-align:center;clear:both;}
.btn_area a {display:inline-block;margin:0 5px;padding:10px 17px;color:#333;text-align:center;border:1px solid #aaa;text-decoration:none;text-transform:uppercase;}
.btn_area a:hover {color:#fff;background-color:#d70300;border:1px solid #d70300;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.cartorder { padding:3px 17px !important; vertical-align:bottom; }
.cart_info { clear:both; float:left; font-size:13px; padding:20px 0 20px 30px; }
.cart_info span { font-size:13px; color:#0089c8; }

/* 버튼 */
.btn_a {display: inline-block;padding: 3px 5px;text-align: center;background-color: #fff;border: 1px solid #ddd;text-decoration: none;color: #222;cursor: pointer; margin-bottom: 15px; width: 70px;}

/* hover시 큰이미지 */
#preview {display:none;position:absolute;border:1xp solid #d70300;background-color:#d70300;padding:2px;color:#fff;z-index:99999;}

/* 화물착불 이미지 */
.arrival_detail {display:inline-block;margin-right:10px;padding-left:28px;background:url('/img/bg_img/bg_truck.png') 1px no-repeat;}
.arrival_detail span {font-size:15px;font-weight:600;color:#003dcd;}
/* 반품불가 */
.return_wrap  {display:inline-block;margin-right:10px;padding-left:28px;background:url('/img/bg_img/bg_return.png') 1px no-repeat;}
.return_wrap span {font-size:15px;font-weight:600;color:#c53939;}