@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
	margin:0;
	padding:0;
	box-sizing:border-box;
}

/* 테이블설정 */
table, th, td{
	margin:0;
}

caption{display:none}

/* 목록 */
ol, ul,li { list-style:none;padding:0;margin:0 }

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; }


/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite, th {
	font-weight:normal;
	font-style:normal;
}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* body 스타일 */
body,td,div {
	color:#000000;
	font-size:12px;
	font-family:'Noto Sans KR', sans-serif;
}

img {vertical-align: middle;}

/* 링크 */
a, a:link {color:#4e4e4e;text-decoration:none;}
a:visited {color:#4e4e4e;text-decoration:none;}
a:hover {color:#31456f;text-decoration:none;}
a:focus {color:#4e4e4e;text-decoration:underline;}
a:active {color:#4e4e4e;text-decoration:none;}

/* 이미지, 폼관련 요소 */
label, select, input, textarea,span {
	vertical-align:middle;
}

select {
	padding:7px;
	font-size:14px;
	border:1px solid #9b9b9b
}

.memu{color:#000000;font-size:9pt; font-family:굴림,tahoma;line-height:140%}
A.menu:link {color:#000000; text-decoration:none;}
A.menu:visited {color:#000000; text-decoration:none;}
A.menu:hover {color:#FF0000; text-decoration:none;}


.input_{border:1px solid #D8D8D8; background-color:#F5F5F5;padding:8px;}


/* 시중가,판매가,포인트,상품명,간략설명*/
.goodsName{padding-bottom:10px;font-weight:400}
.goodsMarketPrice{display:block;color:#787878}
.goodsPrice{font-size:1.2em;font-family:tahoma;font-weight:bolder;color:red;}
.goodsPoint{color:#3f7d9e}
.goodsAdvance{color:#9c9c9c;font-size:0.9em;padding-bottom:8px}

.goodsNumberIcon{position:relative;left:0px;top:0px;}
.goodsNumberIcon img{display:block;position:absolute;z-index:1; left:0px; top:0px;}

/* 카테고리 네비게이션 */
.category_m{letter-spacing: 0px;}

/* 필수입력마크 */
.p{color:red;font-weight:bolder;padding-right:6px}

/* 약관 */
.member_agree h1{margin-bottom:5px}
.member_agree h2{margin-bottom:5px;font-size:16px}
.member_agree ol{margin-bottom:15px;padding-left:20px}
.member_agree p{margin-bottom:15px;padding-left:20px}

/* 상품목록 카테고리 상단버튼 */
.bt_category_top{display:block;padding:14px;color:#333333;text-decoration:none;}
a.bt_category_top:hover{font-weight:bolder;text-decoration:none;background-color:#fff8dd}

/* 상품구매 가격내역 정보 */
.userinfo_priceinfo{border-top:2px solid #3a3a3a;border-bottom:2px solid #3a3a3a;margin-top:10px;margin-bottom:10px}
.userinfo_priceinfo td,.userinfo_priceinfo th{padding:12px;border-right:1px solid #dddddd;width:25%}
.userinfo_priceinfo th{background-color:#ebebeb;font-weight:bolder}
.userinfo_priceinfo td{text-align:center;font-family:tahoma;font-size:22px;font-weight:bolder;position:relative;padding:30px;}
.userinfo_priceinfo_end{border-right:0;color:#db0000}
.userinfo_priceinfo td div{position:absolute; z-index:1;right:-13px;top:32px;}

.userinfo_priceinfo2{border-bottom:1px solid #dddddd;padding-bottom:10px;margin-bottom:10px}
.userinfo_priceinfo2 span{display:inline-block;width:120px;}
.total_price_show{color:red;font-weight:bolder;font-family:tahoma;font-size:20px}

/* 장바구니 수량 */
.cartnum_box{border-collapse:collapse;background-color:#ffffff}
.cartnum_box td{border:1px solid #dddddd;padding:0;}
.cartnum_box td input{border:0;text-align:center}

/* 장바구니스탭 */
.cart_step_number{border-radius:100px;border:1px solid #d2d2d2;background-color:#f2f2f2;color:#7d7d7d;font-size:20px;text-align:center;width:60px;height:60px;line-height:60px;padding:0}
.cart_step_number_over{border-radius:100px;border:1px solid #242424;background-color:#242424;color:#ffffff;font-size:20px;text-align:center;width:60px;height:60px;line-height:60px;padding:0}
.cart_step_number_line{height:1px;border-top:1px solid #d2d2d2}
.cart_step_space{width:30px}
.cart_step_text{padding-top:10px;text-align:center}

/* 네비게이션 디자인 */
.navi_design{background-color:#F5F5F5;border:1px solid #dddddd;text-align:left;height:50px;line-height:50px;}
.navi_design ul{float:left;padding-left:10px}
.navi_design ul li{float:left;padding:0 20px;background:url(../image/A_icon_7.gif);background-repeat:no-repeat;background-Position:100% 50%;}
.navi_design ul li:last-child{background:url();}
.subtitle{padding:20px 0;font-weight:bolder;}
.subtitle_line{border-bottom:1px solid #dddddd}

.input_ess{background:url(../../../image/input_ess.gif);background-repeat:no-repeat;background-Position:0% 0%;}
.formtitle{padding:10px 0 10px 25px;margin-top:20px;font-weight:normal;text-align:left;font-size:1.2em;background:url(../../../image/icon_point.gif);background-repeat:no-repeat;background-Position:0px 50%;}

/* 관리자전용알림 */
.adminmess{background-color:#edefd6;border:1px solid #ccd189;padding:15px;text-align:center;color:#8c9339;display:block}


/* 곰돌이님이 추가한 디자인 */
/* 헤드부분 */
header #hd-wrap {width: 1024px; margin: 10px auto 16px; overflow: hidden;}
#hd-wrap #toplogo-wrap {width: 180px; float: left;}
#toplogo {padding-top: 15px;}
#hd-wrap #topmenu-wrap {width: 844px; float: right;}
#topmenu-wrap #topmenu {overflow: hidden;}
#topmenu ul {overflow: hidden; float: right;}
#topmenu ul li {float: left; padding: 5px;}
#topmenu ul li a {font-size: 12px; color: #959595; font-weight: bold;}
#hd-wrap #topmenu-wrap #basicmenu {width: 600px; float: left;margin-top: 21px;}
#hd-wrap #topmenu-wrap #basicmenu ul {padding-left: 15px; overflow: hidden;}
#basicmenu ul li {float: left; padding: 5px 15px;}
#basicmenu ul li a {color: #606060; font-weight: 900; font-size: 15px;}
#hd-wrap #topmenu-wrap #topsearch {width: 240px; float: right; border: 2px solid #a74fc8; border-radius: 10px; margin-top: 25px;}
#topsearch form {padding-left: 15px;}
#topsearch form input[type="image"]  {vertical-align: top; margin-top: 4px;}

/* 네비게이션 영역 */
#navigation {border-top: 1px solid #cbcbcb; border-bottom: 2px solid #532b63; height: 42px; background: url('../image/top_bg.png');}
#navi-wrap {width: 1024px; margin: 0 auto; overflow: hidden;}
#navi-wrap #category-tit-img {width: 180px; float: left;}
#navi-wrap #category-tit-img img {border: 0; vertical-align: top;}

.notice_wrap {width: 840px; float: left;}
.search_rank {overflow: hidden;}
.search_rank li{float: left; padding-bottom: 3px;}
.search_rank li a{display: block; padding: 4px 6px; font-size:12px;}

/* 메인배너 영역 */
#main-banner-wrap {background-color: #020305; height: 440px;}
#main-banner-wrap #main-banner {width: 1024px; margin: 0 auto; position: relative;}
#category-wrap {width: 180px; float: left; position: absolute; left: 0; top: 0;}
#category-wrap #caetgory-container {background-color: #532b62; color: #fff; font-weight: bold;}
#category-wrap #customer-wrap {width: 180px; min-height: 144px; float: left; background: url('../image/customer_bg.gif');}

/* 서버페이지 영역 */
#sub-tit-wrap {background-color: #020305; height: 170px; margin-bottom: 24px;overflow:inherit;}
#sub-tit-wrap #sub-tit {width: 1024px; margin: 0 auto; position: relative;}
#sub-tit-wrap > #sub-tit > h4 {margin-left: 180px; min-height: 169px;}
#sub-page-wrap {width: 815px; float: right;}

#customer-wrap dl {margin-top: 10px;margin-left: 20px;}
#customer-wrap dl dt {line-height: 16px;}
#customer-wrap dl dt span {color: #a193a8; font-size: 11px; font-weight: bold;}
#customer-wrap dl dd {padding-top: 5px;}
#customer-wrap dl dd#cs-text1 span {color: #edc1f1; font-size: 20px; line-height: 20px;}
#customer-wrap dl dd#cs-text2 {line-height: 15px;}
#customer-wrap dl dd#cs-text2 a {font-size: 10px; color: #c2b9c6; line-height: 16px;}
#customer-wrap dl dd#cs-text2 a:visited {color:#c2b9c6;}
#customer-wrap dl dd#cs-text2 a:hover {color:#c2b9c6;}
#customer-wrap dl dd#cs-text2 a img {vertical-align: middle;}
#customer-wrap dl dd#cs-text3 span {font-size: 11px; color: #c2b9c6; line-height: 14px;display: inline-block}

#bank-banner {margin-top: 10px;}
#bank-banner dl dd {text-align: center;}
#bank-banner dl dd a {overflow: hidden}

#best-item {margin-top: 10px; border-bottom: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-top: 2px solid #c34ece;}
#best-item dl dt {padding-top: 3px;}
#best-item dl dd {padding: 15px 5px}

/* 메인 스크롤링 */
.main_bxslider {background-color: #020305; width: 815px; margin-left: 180px; position: absolute; right: 29px; top: 0;}
.main_bxslider .bx-controls-auto {display: none;}
.main_bxslider .bx-wrapper .bx-pager.bx-default-pager {bottom: 25px}
.main_bxslider .bx-wrapper .bx-pager.bx-default-pager a {font-size: 0; width: 11px; height: 11px; text-indent: 0; background-color: #fff; margin: 0; border-radius: 11px; margin: 0 3px;}
.main_bxslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_bxslider .bx-wrapper .bx-pager.bx-default-pager a.active {background-color: #912b45; text-decoration: none;}
.main_bxslider .bx-controls-direction .bx-prev {left: 50px;}
.main_bxslider .bx-controls-direction .bx-next {right: 50px;}

/* 서버페이지 영역 */
#sub-page-wrap {width: 844px; right: 0; min-height: 695px;padding-left:5px; padding-top:5px; margin-bottom: 24px;}

/* 카테고리 링크 배너 영역 */
#category-link-banner {margin-top: 24px; overflow: hidden}
#category-link-banner #cate-banner {width: 1024px; margin: 0 auto;}
#category-link-banner #cate-banner dl dd {margin-left: 8px; float: left;}
#category-link-banner #cate-banner dl dd:first-child {margin-left: 0;}

/* 베스트 상품 영역 */
#best-product-wrap {margin-top: 24px; overflow: hidden;}
#best-product-wrap #best-product {width: 1024px; margin: 0 auto;}
#best-product-wrap #best-product dl dt {text-align: left;}
#best-product-wrap #best-product dl dd {overflow: hidden; margin-top: 10px;}

/* 초이스 상품 영역 */
#choice-product-wrap {margin-top: 24px; overflow: hidden; background: url('../image/choice_product_bg.jpg'); background-color:#4a4c52; background-repeat:no-repeat;background-position:50% 0;}
#choice-product-wrap #choice-product {width: 1024px; margin: 0 auto;}
#choice-product-wrap #choice-product dl {margin-top: 186px;}
#choice-product-wrap #choice-product dl dd {padding-bottom: 30px; overflow: hidden;}
.choice-list li {float: left; width: 20%; margin-top: 6px;}

/* 상품영역 공통스타일 */
.newGoods li {float: left; width: 16.66%; text-align: center; padding: 5px;}

/* 가방 상품 영역 */
#bag-product-wrap {margin-top: 24px; overflow: hidden;}
#bag-product-wrap #bag-product {width: 1024px; margin: 0 auto;}
#bag-product-wrap #bag-product dl dt {text-align: left;}
#bag-product-wrap #bag-product dl dd {padding-top: 8px;}

/* 지갑 상품 영역 */
#wallet-product-wrap {margin-top: 24px; overflow: hidden;}
#wallet-product-wrap #wallet-product {width: 1024px; margin: 0 auto;}
#wallet-product-wrap #wallet-product dl dt {text-align: left;}
#wallet-product-wrap #wallet-product dl dd {padding-top: 8px;}

/* 벨트 신발 상품 영역 */
#belt-shoes-product-wrap {margin-top: 24px; overflow: hidden;}
#belt-shoes-product-wrap #belt-shoes-product {width: 1024px; margin: 0 auto;}
#belt-shoes-product-wrap #belt-shoes-product dl dt {text-align: left;}
#belt-shoes-product-wrap #belt-shoes-product dl dd {padding-top: 8px;}

/* 시계 상품 영역 */
#watch-product-wrap {margin-top: 24px; overflow: hidden;}
#watch-product-wrap #watch-product {width: 1024px; margin: 0 auto;}
#watch-product-wrap #watch-product dl dt {text-align: left;}
#watch-product-wrap #watch-product dl dd {padding-top: 8px;}

/* 바툼리뷰 영역 */
#bottom-review-wrap {margin: 24px 0; overflow: hidden;}
#bottom-review-wrap #bt-review {width: 1024px; margin: 0 auto; border:2px solid #dedede; overflow: hidden;}
#review > dl > dd {margin-top: 25px;}
.review-list li {margin-top: 15px;}
#bottom-review-wrap #bt-review img {vertical-align: top;}
#bottom-review-wrap #bt-review #review {width: 290px; min-height: 372px; border-right: 1px solid #dedede; padding: 21px 26px 0 23px; float: left;}
#bottom-review-wrap #bt-review #review-right-wrap {overflow: hidden;}
#review-right-wrap #md-choice-wrap {width: 730px; float: right; overflow: hidden;}
#review-right-wrap #md-choice-wrap #md-choice {width: 459px; min-height: 243px; border-right: 1px solid #dedede; background-color: #f4f4f4;}
#md-choice dl dt {margin:21px 0 25px 25px; position: relative;}
#md-choice dl dt ul#md-btn {position: absolute; width: 36px; height: 17px; right: 25px; top: 0;}
#md-choice dl dt ul#md-btn li {float: left;}
#md-choice dl dt ul#md-btn li a img {vertical-align: top;}
#md-choice dl dd {margin-left: 25px; width: 408px; height: 155px;}
#md-choice-wrap > dl > dd:first-child {float: left; overflow: hidden;}
#quick-banner-set {width: 271px; float: right;}
#quick-banner-set dl dd {border-top: 1px solid #dedede;}
#quick-banner-set dl dd:first-child {border-top: 0;}
#review-right-wrap #bank-banner-wrap {width: 730px; float: right; overflow: hidden; border-top: 1px solid #dedede;}
#bank-banner-wrap > dl > dd {float: left;}
#bank-banner-wrap #bank-info {width: 600px;}
#bank-banner-wrap #delivery-banner {width: 130px; float: right;}

/* 바툼 메뉴 */
#bottom-menu-wrap {height: 46px; background-color: #e0e0e0; clear: both;}
#bottom-menu-wrap #bottom-menu {width: 1024px; margin: auto;}
#bottom-menu-wrap #bottom-menu a {line-height: 14px; height: 14px; display: block; float: left; margin-top: 16px; font-size: 12px; font-weight: bold; color: #606060;}
#bottom-menu-wrap #bottom-btn {float: right; margin-right: 29px; margin-top: 12px;}
#bottom-menu-wrap #bottom-btn li {float: left;}
#bottom-menu-wrap #bottom-btn li a {margin: 0; padding: 0;}

/* 후드 영역 */
footer {background-color: #2b2b2b; overflow: hidden;}
footer #ft-wrap {width: 1024px; margin: 0 auto; color: #b4b4b4; overflow: hidden;}
footer #ft-wrap ul {padding: 0; overflow: hidden;}
footer #ft-wrap #ft-left {list-style: none; float: left;width: 782px; padding-top: 35px;}
footer #ft-wrap #ft-right {list-style: none; float: right; width: 240px;}
#ft-right #bottom-right-wrap {border-left: 1px solid #424242; min-height: 280px; padding-left: 50px; margin-top: 35px;}
#ft-right #bottom-right-wrap #bankaddress {width: 160px; height: 21px; line-height: 21px; border: 1px solid #707070; font-size: 12px; padding: 0 0 2px 5px;}
#ft-right #bottom-right-wrap h4 {margin-top: 20px;}
#ft-left #quick-ul {padding: 0; overflow: hidden;}
#quick-ul .qk-wrap {list-style: none; width: 16.6%; float: left;}
#quick-ul .qk-wrap h2 {color: #fff; font-size: 12px; line-height: 20px; margin-bottom: 10px;}
#quick-ul .qk-wrap p {margin: 0;}
#quick-ul .qk-wrap p a {color: #b4b4b4; font-size: 12px; line-height: 20px;}
#ft-left #copyright-ul {margin: 40px 0 30px; padding: 0; font-size: 12px; line-height: 20px;}