@charset "utf-8";
/* CSS Document */
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
*/
/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); font-family: nanumgothic, 'nanumgothic' ;}
html { width:100%; height:100%; }
body, code { min-width:320px; font-size:13px; line-height:1.2em; color:#1b1b1b; background:#fff; -webkit-text-size-adjust:none; }
code { background:none; display:block; }
ul li { list-style:none; }
ol { list-style-position:inside; }
img, fieldset{ border:none; }
img { vertical-align:middle; }
hr.layout { display:none; }
em, address { font-style:normal; }
ins { text-decoration:none; }
a { text-decoration:none; color:#000; }
a:active { text-decoration:none; }
table { width:100%; table-layout:fixed; border:0 none; border-spacing:0; }
table caption { display:none; }
th, td { border:0; line-height:18px; }
legend { height:0; width:0; display:block; text-indent:-9999em; }
label { cursor:pointer; }
button {border: none;}
/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0,0.3); }
html { width:100%; height:100%; }
body, code { min-width:320px; font-size:13px; line-height:1.2em; color:#1b1b1b; background:#fff; -webkit-text-size-adjust:none; }
code { background:none; display:block; }
ul li { list-style:none; }
ol { list-style-position:inside; }
img, fieldset{ border:none; }
img { vertical-align:middle; }
hr.layout { display:none; }
em, address { font-style:normal; }
ins { text-decoration:none; }
a { text-decoration:none; color:#000; }
a:active { text-decoration:none; }
table { width:100%; table-layout:fixed; border:0 none; border-spacing:0;}
table caption { display:none; }
th, td { border:0; line-height:18px; }
legend { height:0; width:0; display:block; text-indent:-9999em; }
label { cursor:pointer; }
.fltNone {float: none !important;}
.wthfull {width: 100% !important;}
.obld {  font-weight: bold;color:#ff6600}

 /* margin */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb90 { margin-bottom: 90px; }
.mb95 { margin-bottom: 95px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt95 { margin-top: 95px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }

.pd5 {padding:5px;}
.pd10 { padding: 10px; }
.pd20 { padding: 20px; }
.pd25 { padding: 25px; }
.pd30 { padding: 30px; }
.pd95 { padding: 95px; }

.pdl10 { padding-left: 10px; }
.pdl20 { padding-left: 20px; }
.pdl25 { padding-left: 25px; }
.pdl30 { padding-left: 30px; }
.pdl95 { padding-left: 95px; }

.rgt {text-align:right;padding-right:10px;}
.cnt { text-align:center;}
/* 아이폰 input 둥근 처리 */
textarea,
input[type="text"],
input[type="button"],
input[type="submit"]{
     -webkit-appearance: none;
     border-radius: 0;
}
select {border-radius: 0;}

.btn {cursor:pointer;}
/* 전체 스타일 */
#wrap {overflow: hidden; position: relative; min-height: 100%; width: 100%;}
#container {z-index: 100; position: relative; overflow: hidden; background-color: #ffffff;}

/* aside 메뉴 */
aside {z-index: 99;position: fixed; left: 0; top:0; bottom: 0;  min-width: 225px; width: 70%; font-size: 11px; background: #ffffff; display: none;}

	/* 상단메세제 */
.asideHeader {padding-bottom: 20px; overflow: hidden;}
.asideHeader p.mess {font-size: 0.8rem; font-weight: bold; font-family: dotum; padding: 15px 0 15px 0; background-color: #000000; color: #ffffff; text-align: center;}

/* 메뉴닫기 버튼 */
aside .closebtn {position: fixed; top: 0; left: 70%; margin: 0; z-index: 999 !important;}
aside .closebtn p {position: relative; width: 50px; height: 45px; text-align: center; background: #000 url("../images/btn_close.png") no-repeat center 0; background-size: 50px 50px;}
aside .closebtn p a {display: block; height: 45px;}
aside .closebtn p a span {display: block; position: absolute; bottom: -15px; text-align: center; color: #ffffff; width: 100%; font-family: Lato; }

	/* 검색바 */
.asideHeader .searchD {margin: 10px auto 10px auto; width: 220px; position: relative;}
.asideHeader .searchD .asideserch { height: 24px; border: 1px solid #d5d5d5; margin-right: 2px; width: 68%; font-size: 11px; color: #353535; padding-left: 30px;}
.asideHeader .searchD i {position: absolute; left: 5px; top: 5px; font-size: 15px; }
.asideHeader .searchD .search_btn {vertical-align: top;}

	/* 로그인 및 회원가입 */
.asideHeader .logoD {overflow: hidden; width: 88%; margin: 0 auto 15px auto;}
.asideHeader .logoD a {width: 48%; line-height: 35px; margin: 10px 0 0 0; display: block; color: #ffffff; background-color: #333333; float: left;   text-align: center; font-size: 12px;} 
.asideHeader .logoD a.btnSingin {background-color: #d3d3d3; float: right; color: #333333;}
.asideHeader .logoD a i {margin-left: 5px; font-size: 14px; vertical-align: middle;}

	/* 네개의 버튼 */
.asideHeader .boxbtn {float: left; width: 98%; margin: 0 1% 15px 1%;}
.asideHeader .boxbtn ul {overflow: hidden;}
.asideHeader .boxbtn ul li {width: 25%; float: left; text-align: center; box-sizing: border-box; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 10px 0;}
.asideHeader .boxbtn ul li:first-child {border-left: 1px solid #dddddd;}
.asideHeader .boxbtn ul li a span {display: block;}
.asideHeader .boxbtn ul li a span i {font-size: 18px;}
/*
.asideHeader .categoryD {float: left; width: 100%; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin: 0 0 1px 0;}
.asideHeader .categoryD ul.cateList > li {border-top: 1px solid #dddddd;}
.asideHeader .categoryD ul.cateList > li:first-child {border-top: none}
.asideHeader .categoryD ul.cateList > li > a {position: relative;  display: block; padding: 10px 0; margin: 0 0 0 15px; font-size: 12px;}

.asideHeader .categoryD ul.cateList > li > ul.sub_cate {border-top: 1px solid #dddddd; background: #f7f7f7;}
.asideHeader .categoryD ul.cateList > li > ul.sub_cate li {border-top: 1px solid #dddddd;}
.asideHeader .categoryD ul.cateList > li > ul.sub_cate li:first-child {border-top: none}
.asideHeader .categoryD ul.cateList > li > ul.sub_cate li a {position: relative;  display: block; padding: 10px 0 10px 10px; margin: 0 0 0 15px; font-size: 12px;}
*/
.asideHeader .cateList li a {font-weight: bold;}

.asideHeader .categoryD ul.cateList > li > a i {float: right; font-size: 15px; margin-right: 10px;}

.asideHeader .categoryD ul li ul.none {display: none;}

	/* 하단 메뉴 */
.asideHeader .boxbtn02 {clear: both; }
.asideHeader .boxbtn02 a {width: 33.3%; text-align: center; font-size: 12px; padding: 10px 0; border: 1px solid #dddddd; box-sizing: border-box; display: block; float: left; border-left: none;}  
.asideHeader .boxbtn02 a:first-child {border-left: 1px solid #dddddd;}


.bold {font-weight: bold;}

.sBtn01  {background: #fff;border: solid 1px #DAD9D9;color: #1E1E1E;font:11px Dotum; padding: 5px 5px 3px 5px;text-align: center;  text-decoration:none;letter-spacing:-1px;}
.sBtn02  {background: #f7f7f7;border: solid 1px #DAD9D9;color: #1E1E1E;font:11px Dotum; padding: 5px 5px 3px 5px;text-align: center;  text-decoration:none;letter-spacing:-1px;}
.sBtn03  {background: #000000; color: #ffffff;font:11px Dotum; padding: 5px 5px 3px 5px;text-align: center;  text-decoration:none;letter-spacing:-1px;}

.help_text01 {font:12px Dotum;}


/* 머리 부분 */
header .header {z-index: 300; position: relative; vertical-align:top;}

/* 탑 메시지 
header .header .tm {background-color: #ffffff; overflow: hidden; padding: 10px 0;}
header .header .tm p {float: left; font-size: 13px; color: #3f3f3f; font-weight: 600; padding-left: 10px;}
header .header .tm .tml {float: right; margin: 4px 20px 0 0;}
header .header .tm .tml a {float: left; width: 8px; height: 8px; background-color: #8b8b8b; margin: 0 2px;}
header .header .tm .tml a.active {background-color: #000000;}
header .header .tm .tml a span {text-indent: 100%; white-space: nowrap; overflow: hidden; width: 100%; height: 100%; display: inline-block; }
*/

/* 탑메뉴 부분 */

.top_gnb ul {overflow: hidden; border-bottom: 1px solid #c5c5c5;}
.top_gnb ul li {float: left; width: 25%; text-align: center; padding: 5px 0;}
.top_gnb ul li:first-child {border-left: 0;}
.top_gnb ul li a {color: #000000; font-size: 11px; font-weight: bold;}
.top_gnb ul li i {margin-right: 5px; font-size: 15px; vertical-align: middle;}

/* 검색창 */
header .header .bonsh {margin: 0 auto 0 auto; width: 250px;  position: relative; z-index: 10; }
header .header .bonsh .in_sr {position: absolute; top: 0; right: 0;}
header .header .bonsh input[type=text] { height: 26px; border: 1px solid #828282; margin-right: 2px; width: 170px; font-size: 11px; color: #353535; padding-left: 50px; outline: none;}
header .header .bonsh .search_btn {position: absolute; right: 188px; top: 1px;}
header .header .bonsh .sr_btn {padding: 6px 20px 7px 20px;; background: #000000; color: #ffffff; position: absolute; top: -1px; right: -20px;}


/* 로고 */
header .header .hzone {position: relative; z-index: 1; padding-top: 0;margin-top:5px;}
header .header .hzone .logo {text-align: center;}
header .header .hzone .logo a img {height: 37px;}

header .header .hzone .mbtn {position: absolute; width: 31px; height: 25px; top: 6px; left: 25px;}
header .header .hzone .mbtn a {display: inline-block; width: 100%; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url("../images/menu_btn.png") no-repeat;}

header .header .h_btn {overflow: hidden;}

header .header .hzone .serchbtn {margin-left: 5px; margin-top: 3px; float: left; display: none;}
header .header .hzone .serchbtn a {display: inline-block; width: 100%; height: 100%; overflow: hidden;}

header .header .hzone .cartbtn {float: right; margin-right: 5px; display: none;}

/* 대분류 메뉴 */
header .header .bigcate {padding: 0 0 0 0;}
header .header .bigcate ul {overflow: hidden;}
header .header .bigcate ul li {float: left; width: 25%; height:16px; text-align: center; padding: 8px 0;}
header .header .bigcate ul li:nth-child(3n+3) {border-right: 0;}
header .header .bigcate ul li a {color: #000000; font-weight: 600; font-size: 12px;}
header .header .bigcate ul li a.active {font-weight: bold; color: rgb(0,112,192);}

/* 중간 카테고리 */
#content {padding-bottom: 50px;}
#content .product_cont .productcate {overflow: hidden; padding: 0; margin: 8px 0;}
/* 서브페이지의 상품순 나열 여백 조정 */
#content .product_cont .productcate.subcss {overflow: hidden; padding: 10px 0; margin: 10px 0 0 0;}
#content .product_cont .productcate > ul {display: table; margin: 0 auto; clear: both;}
#content .product_cont .productcate > ul li {float: left; margin: 0 5px;  line-height: 18px;}
#content .product_cont .productcate > ul li a {font-size: 12px; font-weight: 600;}

#content .product_cont .productcate > ul li.active a {text-decoration: underline; color: #dd0505;}

/* 더보기 버튼 */
#content p.moreBtn {text-align: center; margin: 40px 0 20px 0; height: auto;}
#content p.moreBtn a {padding: 8px 25px; border: 1px solid #6f6f6f; font-size: 12px; font-weight: 600;}

/* 페이징 */
.pagingNum {height: 22px; line-height: 22px; overflow: hidden; display: table; margin:  10px auto 0 auto;}
.pagingNum a.firstArrow, .pagingNum a.lastArrow {border: 1px solid #e9e9e9; padding: 6px 9px; margin: 0 3px; cursor: pointer; font-size: 11px; float: left; display: block;}
.pagingNum ul.pagingList {float: left;}
.pagingNum ul li {float: left;}
.pagingNum ul li {border: 1px solid #e9e9e9; margin: 0 3px; }
.pagingNum ul li a {padding: 6px 9px; cursor: pointer; font-size: 11px; display: block;}
.pagingNum ul li a.active {background-color: #424242; color: #ffffff;}


/* 푸터 부분 */
#footer {clear: both;}

/* 푸터 공지사항 콜센터 */
#footer .fooTop {overflow: hidden;}
#footer .fooTop > div {padding: 0 8px;}

/* 공지사항 */
#footer .fooTop .notice {float: left; width: 45%;}
#footer .fooTop .notice h1 {font-size: 13px; margin-bottom: 15px; text-align: center; border-bottom: 2px solid #000000; padding-bottom: 5px;}
#footer .fooTop .notice ul li { line-height: 1.4;}
#footer .fooTop .notice ul li a {font-size: 12px; color: #9fa4a8;}

/* 콜센터 */
#footer .fooTop .callCenter {float: right; width: 45%;}
#footer .fooTop .callCenter h1 {font-size: 13px; margin-bottom: 15px; text-align: center; border-bottom: 2px solid #000000; padding-bottom: 5px;}
#footer .fooTop .callCenter ul {padding-left: 15px;}
#footer .fooTop .callCenter ul li {font-size: 12px; line-height: 1.4; color: #9fa4a8;}
#footer .fooTop .callCenter ul li.tell {font-size: 14px; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px;}

/* 푸터 메뉴 */
#footer .foognb {border-top: 1px solid #878787; border-bottom: 1px solid #878787; margin: 30px 0 10px 0; }
#footer .foognb ul {overflow: hidden; background: #404040;}
#footer .foognb ul li {float: left; width: 19%; text-align: center; border-left: 1px solid #828282; box-sizing: border-box;}
#footer .foognb ul li:first-child {border-left: 0;}
#footer .foognb ul li.wt22 {width: 21%;}
#footer .foognb ul li a {font-weight: bold; font-size: 10px; color: #ffffff; padding: 10px 0; display: block;}

/* 카피라이트 */
#footer .copy {background-color: #d9d9d9; padding-top: 30px;}
#footer .copy p {color: #878787; text-align: center; line-height: 18px; font-size: 11px; font-weight: bold;}
#footer .copy p a {color: #878787;}
#footer .kcpimg {margin-top: 10px; padding-bottom: 10px;}
#footer .kcpimg img {height: 45px;}
/* css 수정 2017-02-01 */
.sBtn03  {background: #aaaaaa; }

/* 배송 카테고리 추가 2017-04-28 */
.list_cagegory {border-bottom: 1px solid #2e2d2c; margin-bottom: 15px; }
.list_cagegory ul {overflow: hidden;}
.list_cagegory ul li {float: left; width: 25%; padding: 5px 0; text-align: center; border: 1px solid #dadada; border-left: none; border-bottom: none; box-sizing: border-box;font-size: 10px;}
.list_cagegory ul li a { font-size: 10px;}

.list_cagegory ul li:first-child {border-left: 1px solid #dadada;}
.list_cagegory ul li.active_on {background: #3F3F3F; border: none; height: 26px;font-size: 10px;}
.list_cagegory ul li.active_on a {color: #ffffff; font-weight: bold;font-size: 10px;}