@charset "utf-8";

.shop-tit {
  font-size:15px;font-weight:500;color:#333;letter-spacing:-0.75px; padding-bottom:10px;
}

/*input 폼*/
.hnn-cform {
	display:inline-block;
	height:31px;
	line-height:31px;
	border:1px solid #dcdcdc;
	padding:0 5px;
}
.hnn-iform {display:inline-block;border:1px solid #dcdcdc;}
input.hnn-iform {line-height:31px;text-indent:5px;height:31px;}
select.hnn-iform {height:33px;}
textarea.hnn-iform {height:33px;height:95px;width:100%;box-sizing:border-box;}



/* 버튼 */
.hnn-abtn {
	display:inline-block;
	text-align:center;
	width:108px;
	color:#333;
	font-size:13px;
	letter-spacing:-0.1em;

	line-height:34px;
	font-weight:500;
	background:#fff;
	padding-bottom:2px;
	border:1px solid #333;
	cursor:pointer;
}
input.hnn-abtn {width: 110px; *height:38px;}
.hnn-abtn1 {border:1px solid #017cc1; background-color: #017cc1; color: #fff;}
.hnn-abtn2 {border:1px solid #017cc1; background-color: #fff; color: #017cc1;}
.hnn-abtn3 {border:1px solid #707070; background: #808080; color: #fff;}
.hnn-bbtn {
	display:inline-block;
	text-align:center;
	padding:0 15px;
	height:31px;
	line-height:30px;
	color:#fff;
	font-size:13px;
	letter-spacing:-0.075em;

	font-weight:500;
	background:#333;
	border:1px solid #333;
	cursor:pointer;
}

/* PAGING */
.hnn-paging {text-align:center; margin-top:55px; font-size: 0;}
.hnn-paging a {display:inline-block; line-height:0px;}
.hnn-paging .hnn-arrow-lef {display: inline-block; position: relative; left: 1px;}
.hnn-paging .hnn-arrow-rig {display: inline-block; border-left: 0;}
[class^='hnn-arrow-']{height:31px;width:31px;overflow:hidden; border: 1px solid #d8d8d8;vertical-align: middle;}
.hnn-paging .hnn-arrow img {display:block;}
/*.hnn-paging .hnn-arrow.active img,
.hnn-paging .hnn-arrow:hover img {margin-top:-22px;}*/
.hnn-paging .hnn-num {display: inline-block; height: 33px;}
.hnn-paging .hnn-num a {
  font-size:12px;
  color:#888;
  display: inline-block;
  width: 31px;
  height: 31px;
  line-height: 31px;
  border: 1px solid #d8d8d8;
  border-left: 0;
}
.hnn-paging .hnn-num a:first-child {border-left: 1px solid #d8d8d8;}
.hnn-paging .hnn-num a.active,
.hnn-paging .hnn-num a:hover {background-color: #666; color: #fff;}

/* SEARCH */
.hnn-search {text-align:right;padding-bottom:7px;  font-size: 0;}
.hnn-search .hnn-txt,
.hnn-search .hnn-btn,
.hnn-search select {display:inline-block;color:#777;}
.hnn-search select {border:1px solid #c1c1c1;height:33px; margin-right: 5px;}
.hnn-search .hnn-txt {border:1px solid #c1c1c1;height:32px;width:278px;text-indent:7px;}
.hnn-search .hnn-btn {width: 33px; height: 34px; border: 0;}

/* 리스트 테이블 */
.hnn-ltbl {width:100%;border-top:1px solid #231f20;}
.hnn-ltbl th,
.hnn-ltbl td {border-bottom:1px solid #e6e6e6;text-align:center;}
.hnn-ltbl th {background:#fafafa;height:40px;font-weight:600; color:#343434;}
.hnn-ltbl td {padding:15px 10px;}
.hnn-ltbl .hnn-subject {text-align:left;}
.hnn-ltbl .hnn-subject a {color:#343434;}
.hnn-ltbl .hnn-subject a:hover {color:#017cc1;}

.hnn-ltbl tbody td {border-bottom:1px solid #dcdcdc;text-align:center;padding:13px 10px 13px;}
.hnn-ltbl tbody .hnn-subject {
	text-align:left;
	letter-spacing:-0.05em;

	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/*게시판뷰 공통 테이블*/
.hnn-view {width:100%; position:relative;border-top:1px solid #e6e6e6; }
.hnn-view th {
	letter-spacing:-0.075em;
	color:#333;
	font-size:15px;
	padding:15px 0;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background:#f8f9f8;
	font-weight: normal;
}
.hnn-view td {font-size:15px;color:#666; border-bottom:1px solid #e6e6e6; text-indent:15px;}
.hnn-view-con {
	line-height:24px;
	font-size:15px;
	color:#888;
	padding:15px 15px 20px;
	letter-spacing:-0.05em;
	min-height:400px;
	border-bottom:1px solid #dcdcdc;
}
.hnn-view-con img {max-width:100%; }

/* 글쓰기 테이블 */
.hnn-wtbl {width:100%;border-top:1px solid #707070;}
.hnn-wtbl th,
.hnn-wtbl td {border-bottom:1px solid #e6e6e6;padding:10px 20px;min-height:33px;}
.hnn-wtbl th {
	text-align:left;
	background:#f7f7f7;
	color:#333;
	font-weight:normal;
	border-right:1px solid #e6e6e6;
	vertical-align:top;
	padding-top:16px;
	padding-bottom:0;
	padding-left:25px;
}
.hnn-wtbl th span {color:#ee3827;}
.hnn-wtbl td p {margin-top:7px;}
.hnn-wtbl td p:first-child {margin-top:0;}

/* 갤러리 리스트 */
.hnn-glist {font-size: 0;}
.hnn-glist li {margin-bottom: 40px; display: inline-block; vertical-align: top; margin-left: 76px;}
.hnn-glist li:nth-child(4n+1) {margin-left: 0;}
.hnn-glist li a {position: relative; display: block; width: 191px; height: 191px; border: 1px solid #e8e8e8;}
.hnn-glist li a:hover:after {
	content: ""; display: block; background: rgba(0,0,0,.6) url(../images/index-more.png) center no-repeat;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
.hnn-glist li span {margin-top: 30px; display: block; text-align: center; font-size: 15px;}

/* 소식지 테이블 */
.hnn-nlist {font-size: 0;}
.hnn-nlist li {margin-bottom: 40px; display: inline-block; vertical-align: top; margin-left: 76px;}
.hnn-nlist li:nth-child(4n+1) {margin-left: 0;}
.hnn-nlist li a {position: relative; display: block; width: 191px; height: 271px; border: 1px solid #e8e8e8;}
.hnn-nlist li a:hover:after {
	content: ""; display: block; background: rgba(0,0,0,.6) url(../images/index-more.png) center no-repeat;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
.hnn-nlist li span {margin-top: 30px; display: block; text-align: center; font-size: 15px;}



/*FAQ*/
.hnn-faqtab {margin-bottom:10px; margin-top: 40px;}
.hnn-faqtab:after {content:"";display:block;clear:both;height:0;}
.hnn-faqtab a {
	display:block;
	float:left;
	letter-spacing:-0.075em;
	color:#343434;
	border:1px solid #e2e2e2;
	/*border-bottom:none;*/
	margin-left:-1px;
	position:relative;
	height:37px;
	line-height:37px;
	z-index:0;
	width:135px;
	text-align:center;
	font-weight:500;
}
.hnn-faqtab a:first-child {margin-left:0;width:137px;}
.hnn-faqtab a:hover,
.hnn-faqtab a.active {background:#017cc1;color:#fff;border:1px solid #017cc1;/*border-bottom:none;*/z-index:1;}

.hnn-faq {border-top:1px solid #707070; position: relative; z-index: 0;}
.hnn-faq dl {position: relative; border-bottom:1px solid #e6e6e6; font-size: 15px; line-height: 25px;z-index: 10;}
.hnn-faq dl dt {position:relative; padding:13px 0 13px 40px; cursor:pointer;}
.hnn-faq dl dd {position:relative; padding:0px 0 13px 40px;}
.hnn-faq dl dt:after,
.hnn-faq dl dd:after {content:"";display:block;clear:both;height:0;}
.hnn-faq dl:first-child {border-top:1px solid #e6e6e6;}
.hnn-faq dl dt h6 {position:absolute; left:10px;top:0;height:100%;width:30px;text-align:center; color:#666; font-size: 16px;}
.hnn-faq dl dd h6 {position:absolute; left:10px;top:0;width:30px;text-align:center; color:#666; font-size: 16px;}
.hnn-faq dl h6:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.hnn-faq dl dt .hnn-txt {width:800px;float:left; color:#666;  line-height:20px;}
.hnn-faq dl dd {display:none;}
.hnn-faq dl:hover dt h6,
.hnn-faq dl.over dt h6,
.hnn-faq dl:hover dt .hnn-txt,
.hnn-faq dl.over dt .hnn-txt {color:#017cc1;}
.hnn-faq dl dd b, .hnn-faq dl dd strong {font-weight:500;}
.hnn-faq dl:hover dt h6,
.hnn-faq dl.over dt h6,
.hnn-faq dl:hover dt .hnn-txt,
.hnn-faq dl.over dt .hnn-txt {color:#017cc1;}
/*
.hnn-faq dl:after {
	content: ""; display: block; position: absolute;
	left: 95%; top: 20px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #0391d2;
	border-bottom: 6px solid transparent;
  z-index: 0;
}
.hnn-faq dl.over:after {
  top: 15px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #0391d2;
	border-top: 6px solid transparent;
}*/




/* ========================
*       회원가입단
* ========================*/
/* 회원가입 상단 */
.hnn-join-top {/*border:1px solid #dcdcdc;*/border-bottom:none;padding:15px 30px 15px 0;letter-spacing:-0.075em;position:relative;}
.hnn-join-top h3 {font-size:22px;font-weight:500;color:#333;}
.hnn-join-top p {font-size:13px;color:#666;padding-top:3px;}
.hnn-join-top span {position:absolute;bottom:10px;right:20px;display:block;letter-spacing:-0.075em;color:#777;}

.hnn-join-agree {border:1px solid #dcdcdc;border-top:3px solid #666;padding:30px;}
.hnn-agree-box {
	border:1px solid #dcdcdc;
	overflow-y:scroll;
	height:180px;
	padding:10px;
	letter-spacing:-0.075em;
	background:#fafafa;
	color:#888;
	line-height:20px;
}

#hnn-login .hnn-join-top {text-align:center;}
#hnn-login .hnn-join-top dl {color:#555;padding:20px 0 65px;}
#hnn-login .hnn-join-top dl dt {letter-spacing:-0.1em;font-size:33px;}
#hnn-login .hnn-join-top dl dd {letter-spacing:-0.075em;font-size:26px; margin-top: 10px;}
#hnn-login .hnn-join-top h4 {font-size: 60px; font-family: osb; letter-spacing: -0.02em; color: #017cc1;}

#hnn-login .hnn-bot.hnn-join-bot {
	background:#f4f4f4;
	padding:47px 50px 50px;
	letter-spacing:-0.075em;
	line-height:22px;
	position:relative;
}
#hnn-login .hnn-bot.hnn-join-bot a {position:absolute;top:50%;margin-top:-34px;right:50px;font-size:15px;font-weight:500;color:#333;font-weight:500;}


/* 로그인 */
#hnn-login {border:1px solid #dcdcdc;padding:60px 0 0; margin-top: 40px;}
#hnn-login .hnn-form {width:270px;padding-right:76px;margin:0 auto;padding-bottom:60px;position:relative;left:50px;}
#hnn-login .hnn-form dl {position:relative;}
#hnn-login .hnn-form dl:first-child {padding-bottom:10px;}
#hnn-login .hnn-form dt {
	position:absolute;
	top:2px;
	right:270px;
	width:90px;
	text-align:left;
	color:#333;
	font-size:15px;
	letter-spacing:-0.05em;

}
#hnn-login .hnn-form .hnn-logform {
	display:block;
	width:268px;
	height:24px;
	line-height:24px;
	font-size:16px;
	text-indent:10px;
	border:1px solid #dcdcdc;
}
#hnn-login .hnn-form input[type="submit"] {
	width:65px;
	height:62px;
	color:#fff;
	border:1px solid #017cc1;
	background:#017cc1;
	font-size:15px;
	font-weight:500;
	letter-spacing:-0.075em;

	position:absolute;
	display:block;
	top:0;
	right:0;
	cursor:pointer;
}
#hnn-login .hnn-form input[type="submit"]:hover {opacity: 0.9;}
#hnn-login .hnn-form p {padding-top:15px;}
#hnn-login .hnn-form p label {cursor:pointer;color:#555;letter-spacing:-0.075em;}
#hnn-login .hnn-form p label input {margin-right:5px;}
#hnn-login .hnn-bot {background:#f4f4f4 url(../images/log-line.gif) repeat-y 50% 0;border-top:3px solid #666;padding:40px 0;overflow:hidden;}
#hnn-login .hnn-bot dl {float:left;min-height:78px;padding-left:90px;letter-spacing:-0.075em;}
#hnn-login .hnn-bot dl dt {font-size:15px;font-weight:500;}
#hnn-login .hnn-bot dl dt a {color:#333;}
#hnn-login .hnn-bot dl dt a:hover {color:#017cc1;}
#hnn-login .hnn-bot dl dd {color:#888;padding-top:5px;}
#hnn-login .hnn-bot dl dd a {color:#888;}
#hnn-login .hnn-bot dl dd a:hover {color:#017cc1;}
#hnn-login .hnn-bot .hnn-bot1 {background:url(../images/ico-log2.gif) no-repeat;margin-left:50px;}
#hnn-login .hnn-bot .hnn-bot2 {background:url(../images/ico-log3.gif) no-repeat;margin-left:220px;}
#hnn-login .hnn-top {position:relative;width:290px;margin:0 auto;padding:0 0 40px 190px;}
#hnn-login .hnn-top dt {position:absolute;left:0;top:-35px;color:#222;font-size:70px;font-weight:200;letter-spacing:-0.05em;}
#hnn-login .hnn-top dd {letter-spacing:-0.075em;line-height:22px;}


/*비회원구매*/
#hnn-login2 {padding:20px 0; border-top:none; margin-top:20px;}
#hnn-login2 h2 {color:#333;}
#hnn-login2 p {color:#666;padding-top:3px;}
#hnn-login2 .hnn-bot {padding:20px;overflow:hidden; margin-top:10px; border:1px solid #dcdcdc;  position:relative; }
#hnn-login2 .hnn-bot label {color:#666;}
#hnn-login2 .hnn-form {width:270px;padding-right:76px;margin:0 auto;padding:30px 0;position:relative;left:50px;}
#hnn-login2 .hnn-form dl {position:relative;}
#hnn-login2 .hnn-form dl:first-child {padding-bottom:10px;}
#hnn-login2 .hnn-form dt {
	position:absolute;
	top:2px;
	right:310px;
	width:90px;
	text-align:left;
	color:#333;
	font-size:15px;
	letter-spacing:-0.05em;

}
#hnn-login2 .hnn-form dd {position:relative; left:-45px;}
#hnn-login2 .hnn-form p {padding-top:15px;}
#hnn-login2 .hnn-form p label {cursor:pointer;color:#555;font-size:13px;letter-spacing:-0.075em;}
#hnn-login2 .hnn-form p label input {margin-right:5px;}
#hnn-login2 .hnn-form input[type="submit"] {
	width:65px;
	height:62px;
	color:#fff;
	border:1px solid #387b44;
	background:#017cc1;
	font-size:15px;
	font-weight:500;
	letter-spacing:-0.075em;

	position:absolute;
	display:block;
	top:30px;
	right:-30px;
	cursor:pointer;
}
#hnn-login2 .hnn-form input[type="submit"]:hover {color:#017cc1; background:#fff; border:1px solid #017cc1;}

#hnn-login2 .hnn-form .hnn-logform {
	display:block;
	width:268px;
	height:24px;
	line-height:24px;
	font-size:16px;
	text-indent:10px;
	border:1px solid #dcdcdc;
}
#hnn-login2 .hnn-form input[type="submit"] {
	width:65px;
	height:62px;
	color:#fff;
	border:1px solid #387b44;
	background:#017cc1;
	font-size:15px;
	font-weight:500;
	letter-spacing:-0.075em;

	position:absolute;
	display:block;
	top:30px;
	right:-30px;
	cursor:pointer;
}


/* 아이디 비밀번호 찾기 */
html.hidden {overflow:hidden;}
#hnn-layer {position:fixed;width:100%;height:100%;overflow:auto;left:0;top:0;z-index:9999;background:url(../images/layer-bg.png);}
#hnn-layer .hnn-inner {width:616px;padding:7px 7px 20px;position:relative;top:5%;margin:0 auto;background:#454545 url(../images/layer-top.gif) repeat-x;}
#hnn-layer.hnn-findpass .hnn-inner {top:25%;}
#hnn-layer .hnn-close {position:absolute;display:block;top:0;right:-30px;}
#hnn-layer .hnn-con {padding:30px;background:#fff;}
#hnn-layer .hnn-con h4 {font-size:20px;color:#333;font-weight:500;letter-spacing:-0.075em;}
#hnn-layer .hnn-con dl {margin-top:30px;}
#hnn-layer .hnn-con dl dt {font-size:14px;color:#333;letter-spacing:-0.075em;padding-bottom:10px;}
#hnn-layer .hnn-con dl .hnn-fup {height:190px;border-bottom:1px solid #eaeaea;}
#hnn-layer .hnn-con dl dd textarea.hnn-iform {height:68px;}
#hnn-layer .hnn-bot {
	padding:20px 30px;
	color:#333;
	letter-spacing:-0.075em;

	background:#f7f7f7 url(../images/ico-tel.gif) no-repeat 552px 50%;
	border-top:1px solid #dcdcdc;
}

#hnn-layer {position:fixed;width:100%;height:100%;overflow:auto;left:0;top:0;z-index:9999;background:rgba(0,0,0,0.8);}
#hnn-layer .hnn-inner2 {width:740px; height:416px; position:relative;top:50%;margin:0 auto; margin-top:-200px; background:#454545 url(../images/layer-top.gif) repeat-x;}
#hnn-layer .hnn-inner2 .hnn-close {position:absolute;display:block;top:0;right:-30px;}



/* ========================
*       쇼핑몰 상세페이지단
* ========================*/
/* 제품 상단 */
.hnn-ptop {
 position: relative;
 height: 35px;
 margin-bottom: 15px;
}
.hnn-ptop p {color: #323232}
.hnn-ptop p span {color: #017cc1;}
.hnn-ptop select {color:#323232; border:1px solid #c1c1c1;height:35px; font-size: 14px; position: absolute; right: 0; top: 0;}

/* 제품 리스트 */
.hnn-plist li{margin-left: 37px; float: left; width: 250px; height: 390px;}
.hnn-plist li:nth-child(3n+1) {margin-left: 0;}
.hnn-plist li a {display: block; width: 250px; height: 250px;}
.hnn-plist .cash {margin-top: 10px;}
.hnn-plist .p-name {display: block; padding-top: 10px; font-size: 15px; color: #6a6969; line-height: 20px; word-break:keep-all;}
.hnn-plist .p-pri {display: inline-block; font-size: 16px; color: #000; text-decoration:line-through;}
.hnn-plist .p-dpri {margin-left: 10px; display: inline-block;font-size: 20px; color: #017cc1; font-weight: 500;}

/* 제품 상세 */
.hnn-pview {}
.hnn-pview:after {content:"";display:block;clear:both; height:0;}
.hnn-pview .hnn-img {width:336px; float:left;}
.hnn-pview .hnn-img > img {width: 366px; height: 366px;}
.hnn-pview .hnn-img .img-btn {margin-top: 55px; width: 366px;}
.hnn-pview .hnn-img .img-btn li {float: left; width: 122px; line-height: 15px; }
.hnn-pview .hnn-img .img-btn li.tal em {padding-right: 10px; }
.hnn-pview .hnn-img .img-btn li.tar em {padding-left: 10px; }
.hnn-pview .hnn-img .img-btn li.tac em {padding-right: 10px;}
/*---상품정보*/
.pview-info {width:442px; float:right;}
.pview-info dl.hnn-name dt {font-size:18px; color:#6a6969; margin-bottom:25px;}
.pview-info dl.hnn-name dd {margin-bottom:8px; color:#424242; padding-top: 5px;}
.pview-info dl.hnn-name dd strong {color: #888;width:90px; display:inline-block; font-weight: normal;}

/*---상품수량*/
.pview-info .amount {border: solid #e2e2e2; border-width: 1px 0; padding: 10px 0;}
.pview-info .amount .txt {height: 32px; line-height: 32px; color: #888;}
.pview-info .amount .volume {float: right;}
.pview-info .amount .volume li{float: left; border: 1px solid #e2e2e2; border-left: 0;}
.pview-info .amount .volume li:first-child{border-left: 1px solid #e2e2e2;}
.pview-info .amount .volume button,
.pview-info .amount .volume input {border: 0;height: 30px; background: #fff; height: 30px; text-align: center;}
.pview-info .amount .volume button {width: 29px; color: #414141; font-size: 16px; cursor: pointer;}
.pview-info .amount .volume input {width: 48px; }
/*--상품총가격*/
.pview-info .all-cash {margin-top: 25px; color: #000; font-size: 18px; height: 34px; line-height: 34px;}
.pview-info .all-cash span {float: right;vertical-align: bottom; }
.pview-info .all-cash span strong {color: #017cc1; font-weight: 500; font-size: 28px; letter-spacing: 0;}

/*--버튼*/
.pview-info .btn {margin-top:25px; height: 60px;}
.pview-info .btn:after {content: ""; display: block; clear: both;}
.pview-info .btn li {float: left;}
.pview-info .btn .hnn-formbtn {
	display:block;
	color:#fff;
	font-size:16px;
	border:none;
	text-align:center;
	cursor:pointer;
  color: #424242;
}
.pview-info .btn .hnn-formbtn1 {width: 176px; height: 60px;background-color: #017cc1; color: #fff;}
.pview-info .btn .hnn-formbtn2 {width: 132px; height: 60px; border: 1px solid #c6c6c6; border-left: 0; background: #fff; line-height: 60px;}
.pview-info .btn .hnn-formbtn2 em {display: inline-block; width: 22px; height: 22px; background: url(../images/shop/ico-cart.gif) 0 0 no-repeat;vertical-align: middle; margin-right: 5px; }
.pview-info .btn .hnn-formbtn3 {width: 132px; height: 58px; border: 1px solid #c6c6c6; border-left: 0; line-height: 58px;}
.pview-info .btn .hnn-formbtn3 em {display: inline-block; width: 22px; height: 20px; background: url(../images/shop/ico-wish.gif) 0 0 no-repeat;vertical-align: middle; margin-right: 5px; }

/*--sns*/
.pview-info .sns {margin-top: 15px;}
.pview-info .sns a {display: inline-block; width: 28px; height: 28px; background: url(../images/shop/ico-sns.gif) 0 0 no-repeat; border-radius: 50%;}
.pview-info .sns a.twitter {background-position: -30px 0;}
.pview-info .sns a.kakao {background-position: -60px 0;}


/*상세 탭메뉴*/
.hnn-ptit {font-size: 0;}
.hnn-pview-tab {position:relative; height: 38px;margin-top:50px;width:100%;margin-bottom:20px;}
.hnn-pview-tab:after {content: ""; display: block; width: 100%; height: 2px; background: #017cc1;
  position: absolute;bottom: -1px;left: 0;
}
.hnn-pview-tab ul {width: 100%; height: 38px; position: relative;}
.hnn-pview-tab ul { height:38px;clear:both;}
.hnn-pview-tab ul:after {content:""; height:0; clear:both;}
.hnn-pview-tab ul  li {
  position:relative;
  z-index:10;
  float:left;
  border:1px solid #dddddd;
  border-left:0;
  border-bottom:none;
  background-color:#f9f9f9;
  height:36px;
}
.hnn-pview-tab ul  li:first-child {border-left:1px solid #f0f0f0;}
.hnn-pview-tab ul  li a {display:block; width:160px;line-height: 38px; text-align:center; color: #424242;}
.hnn-pview-tab ul  li.active {height:36px; border: 2px solid #017cc1; border-bottom: 1px solid #fff;}
.hnn-pview-tab ul  li.active a { color:#464646;font-weight:500; background: #fff;}


/* 이용후기 */
.hnn-review .hnn-top {position:relative;padding-bottom:7px;}
.hnn-review .hnn-top:after {content:"";display:block;clear:both;height:0;}
.hnn-review h4 {font-size:15px;letter-spacing:-0.075em;color:#333;float:left;margin-top:15px;}
.hnn-review h4 span {font-weight:normal;letter-spacing:0;:0;}
.hnn-review .hnn-evt {position:absolute;left:170px;bottom:0;}

/* Q&A */
.hnn-qna .hnn-top {position:relative;padding-bottom:7px;}
.hnn-qna .hnn-top:after {content:"";display:block;clear:both;height:0;}
.hnn-qna h4 {font-size:15px;letter-spacing:-0.075em;color:#333;float:left;margin-top:15px;}
.hnn-qna h4 span {font-weight:normal;letter-spacing:0;:0;}
.hnn-qna .hnn-evt {position:absolute;left:170px;bottom:0;}

/*상세 게시판 공통 (이용후기 Q&A)*/
.hnn-retbl {width:100%;border-top:2px solid #333;}
.hnn-retbl th,
.hnn-retbl td {
	letter-spacing:-0.075em;
	font-weight:normal;
	font-size:13px;
	border-bottom:1px solid #ddd;
	padding:15px 10px;
	line-height:23px;
	text-align:center;
}
.hnn-retbl .hnn-num {font-family:os,sans-serif;}
.hnn-retbl .hnn-txt {text-align:left;}
.hnn-retbl .hnn-id {background:url(../images/retbl-bar.gif) no-repeat 0 50%;}
.hnn-retbl .hnn-re td {padding:0;border:none;}
.hnn-retbl .hnn-re.hidden {display:none;}
.hnn-retbl .hnn-re .hnn-re-txt {
	border-bottom:1px solid #ddd;
	padding:15px 10px 15px 10px;
	text-align:left;
	display:none;
	line-height:140%;
	letter-spacing:-0.075em;
	font-size:13px;
}
.hnn-retbl .hnn-re .hnn-re-txt .hnn-ad-txt {margin-top:20px; background:#eee; padding:15px;}
.hnn-retbl .hnn-re .hnn-re-txt .hnn-ad-txt span {display:block; font-weight:700; margin-bottom:10px;}













/* ========================
*       쇼핑몰 주문단
* ========================*/
/* 마이페이지 */
.hnn-mypage {border:1px solid #dcdcdc;border-top:3px solid #666;}
.hnn-mypage .hnn-top {background:#f7f7f7;border-bottom:1px solid #dcdcdc;padding:15px 25px 18px;}
.hnn-mypage .hnn-top h5 {font-size:16px;letter-spacing:-0.075em;color:#333;}
.hnn-mypage .hnn-top h5 em {font-weight:normal;letter-spacing:0;:0;}
.hnn-mypage .hnn-top ul {overflow:hidden;padding-top:10px;}
.hnn-mypage .hnn-top ul li {
	background:url(../images/shop/mypage-dot.gif) no-repeat 0 11px;
	font-size:13px;
	width:350px;
	padding:4px 0 4px 13px;
	float:left;
	letter-spacing:-0.05em;

}
.hnn-mypage .hnn-top ul li:nth-child(2n+1) {clear:both;}
.hnn-mypage .hnn-bot {padding:40px 0 45px;}
.hnn-mypage .hnn-bot ul {overflow:hidden;width:669px;margin:0 auto;}
.hnn-mypage .hnn-bot ul li {width:223px;float:left; background:url(../images/mypage-bar.gif) no-repeat 0 40px;}
.hnn-mypage .hnn-bot ul li:first-child {background:none;}
.hnn-mypage .hnn-bot ul li dl {padding-top:50px; padding-left:10px; font-size:14px;color:#222;}
.hnn-mypage .hnn-bot ul li dl dt {letter-spacing:-0.075em;}
.hnn-mypage .hnn-bot ul li dl dd {padding-top:5px;}
.hnn-mypage .hnn-bot ul li dl dd strong {color:#017cc1;}

/* 주문 네비게이션 */
.hnn-onavi {overflow:hidden;padding-bottom:30px; margin-top: 40px;}
.hnn-onavi dl {
	float:left;
	width:170px;
	height:70px;
	padding-top:28px;
	border:1px solid #ececec;
	background:#f7f7f7;
	text-align:center;
	margin-left:44px;
	position:relative;
}
.hnn-onavi dl:first-child {margin-left:0;}
.hnn-onavi dl:before {
	content:"";
	display:block;
	width:13px;
	height:23px;
	position:absolute;
	top:50%;
	margin-top:-11.5px;
	background:url(../images/shop/ico-navi-arrow.gif) no-repeat;
	left:-29px;
}
.hnn-onavi dl.active:before {left:-39px;}
.hnn-onavi dl:first-child:before {display:none;}
.hnn-onavi dl dt {font-family:os,sans-serif;font-size:15px;font-weight:500;}
.hnn-onavi dl dd {font-size:15px;letter-spacing:-0.075em;}
.hnn-onavi .active {width: 159px; background:#fff;border:8px solid #017cc1; height:63px;padding-top:21px;}


/* 장바구니 상단 */
.hnn-cart-top {
	background:url(../images/cart-top-bg.gif) repeat-x;
	border-top:1px solid #555;
	border-bottom:1px solid #e0e0e0;
	padding:30px 0 30px 170px;
	position:relative;
	letter-spacing:-0.075em;

}
.hnn-cart-top:before {
	content:"";
	display:block;
	width:72px;
	height:81px;
	position:absolute;
	background:url(../images/shop/ico-cart-check.png) no-repeat;
	left:55px;
	top:30px;
}
.hnn-cart-top dt {font-size:16px;color:#333;padding-bottom:10px; font-weight:500;}
.hnn-cart-top dd {color:#888;padding-top:5px; font-size:14px;text-indent: -10px; line-height: 18px;
padding-left: 10px;}


/* 장바구니 테이블 */
.hnn-carttbl {width:100%;}
.hnn-carttbl thead th {
	background:url(../images/shop/cart-tbl-bg.gif) repeat-x;
	padding:8px 0 10px;
	height:15px;
	border-top:1px solid #7a7a7a;
	border-bottom:1px solid #5c5c5c;
	letter-spacing:-0.075em;

	font-size:13px;
	color:#fff;
	font-weight:500;
	border-left:1px solid #676867;
}
.hnn-carttbl thead th:first-child {border-left:none;}
.hnn-carttbl tbody td {padding:20px 10px;text-align:center;border-bottom:1px solid #dcdcdc;font-size:14px; 	letter-spacing:-0.075em;
}
.hnn-carttbl.hnn-mypage-tbl tbody td {font-size:13px;}
.hnn-carttbl.hnn-mypage-tbl tbody td span {font-weight:500; font-size:14px; color:#333;}
.hnn-carttbl tbody .hnn-txt {text-align:left;}
.hnn-carttbl tbody .hnn-txt a {color:#333;}
.hnn-carttbl tbody .hnn-txt p {display:block;font-size:12.5px;color:#787878;}
.hnn-carttbl tbody a:hover {color:#017cc1;}
.hnn-carttbl tfoot td {border-bottom:1px solid #dcdcdc;background:#f7f7f7;padding:20px 0;}
.hnn-carttbl tfoot dl {position:relative;padding-left:95px;margin-top:3px;}
.hnn-carttbl tfoot dl:first-child {margin-top:0;}
.hnn-carttbl tfoot .hnn-cartl {padding-left:60px;}
.hnn-carttbl tfoot .hnn-cartr {padding-right:30px;}
.hnn-carttbl tfoot dt {
	position:absolute;
	width:80px;
	text-align:right;
	left:0;
	top:0;
	letter-spacing:-0.075em;

	font-size:15px;
}
.hnn-carttbl tfoot dd {font-size:15px;color:#333;text-align:right;}
.hnn-carttbl tfoot .hnn-cartl dl {width:90px;}
.hnn-carttbl tfoot .hnn-cartr dl {float:right;clear:both;}
.hnn-carttbl tfoot .hnn-cartr dd {text-align:right;}
.hnn-carttbl tfoot .hnn-cartr dt strong {color:#222;}
.hnn-carttbl tfoot .hnn-cartr dd strong {color:#017cc1;font-size:18px;}
.hnn-carttbl tfoot .hnn-cartr dd {min-width:95px;}
.hnn-carttbl p {font-size:11px;margin-top:5px;}


/* 장바구니 하단 설명 */
.hnn-cartbot {border:1px solid #dcdcdc;padding:25px 20px;position:relative;}
.hnn-cartbot .hnn-box {position:relative;padding-left:60px;margin-top:30px;}
.hnn-cartbot .hnn-box:first-child {margin-top:0;}
.hnn-cartbot .hnn-box span {display:block;position:absolute;top:0;left:0;}
.hnn-cartbot .hnn-box dl dt {font-size:15px;font-weight:500;letter-spacing:-0.075em;padding-bottom:5px;color:#333;}
.hnn-cartbot .hnn-box dl dd {letter-spacing:-0.075em;padding:1px 0;color:#888;}
.hnn-cartbot2 .hnn-box {padding-left:0;}
.hnn-cartbot2 .hnn-box span {top:3px;}
.hnn-cartbot2 .hnn-box dl dd {padding:2px 0 2px 15px;position:relative;line-height:150%;font-size:13px;}
.hnn-cartbot2 .hnn-box dl dd strong {color:#333;}

/* 적립금 쿠폰 */
.hnn-orst:after {content:"";display:block;clear:both;}
.hnn-orst .hnn-box {
	float:left;
	position:relative;
	width:362px;
	min-height:121px;
	padding:17px 20px;
	letter-spacing:-0.075em;

	border:1px solid #dcdcdc;
}
.hnn-orst .hnn-box h4 {font-size:15px;font-weight:500;letter-spacing:-0.075em;color:#333;padding-bottom:8px;}
.hnn-orst .hnn-box h4 img {margin-right:5px;}
.hnn-orst .hnn-box p {background:url(../images/ico-order-dot.gif) no-repeat 0 50%;padding:10px 0 0 8px;color:#888;}
.hnn-orst .hnn-box dl dt,
.hnn-orst .hnn-box dl dd {display:inline-block;*display:inline;font-size:14px;}
.hnn-orst .hnn-box dl dt {font-size:14px;color:#454545;letter-spacing:-0.075em;width:67px;}
.hnn-orst .hnn-box dl .hnn-pay {width:60px;padding-right:10px;text-align:right;}
.hnn-orst .hnn-box dl .hnn-pay strong {color:#017cc1;}
.hnn-orst .hnn-box2 {float:right;}


/* 주문 테이블 */
.hnn-otbl {width:100%;}
.hnn-otbl caption {border-bottom:2px solid #333 ;}
.hnn-otbl th,
.hnn-otbl td {padding:6px 10px;letter-spacing:-0.075em;vertical-align:top;border-bottom:1px solid #dcdcdc;}
.hnn-otbl th {text-align:left;font-weight:normal;color:#333;background:#f7f7f7;font-size:14px;padding:15px 10px 15px 20px; font-weight: 500;}
.hnn-otbl td {vertical-align:middle;letter-spacing:-0.05em; vertical-align:middle;}
.hnn-otbl td p {margin-top:7px;}
.hnn-otbl td p:first-child {margin-top:0;}
.hnn-otbl td label {cursor:pointer;margin-left:10px;}
.hnn-otbl td label:first-child {margin-left:0;}
.hnn-otbl th.hnn-requ {background:#f7f7f7 url(../images/ico-check2.png) no-repeat 135px 15px;}

/* 주문상세 테이블 */
.hnn-otbl1 {width:100%;}
.hnn-otbl1 caption {border-bottom:2px solid #333 ;}
.hnn-otbl1 th,
.hnn-otbl1 td {padding:15px 0;letter-spacing:-0.075em;vertical-align:top;border-bottom:1px solid #dcdcdc;}
.hnn-otbl1 th {font-weight:normal;color:#333;background:#f7f7f7;font-size:15px;}
.hnn-otbl1 td {vertical-align:middle;letter-spacing:-0.05em;font-size:14px;vertical-align:middle; text-align:center; line-height:18px;}
.hnn-otbl1 td p {margin-top:7px;}
.hnn-otbl1 td p:first-child {margin-top:0;}
.hnn-otbl1 td label {cursor:pointer;margin-left:10px;}
.hnn-otbl1 td label:first-child {margin-left:0;}

/* 결제수단 선택 */
.hnn-paysel {border:1px solid #dcdcdc;padding:25px;text-align:center;letter-spacing:-0.075em;color:#777;}
.hnn-paysel label {cursor:pointer;margin-left:50px;}
.hnn-paysel label img {margin-right:10px;}
.hnn-paysel label:first-child {margin-left:0;}


/* 주문완료 */
.hnn-orfin {border-top:1px solid #dcdcdc;padding:70px 0;overflow:hidden;}
/*.hnn-orfin dt {float:left;margin-left:255px;}*/
.hnn-orfin dd {/*float:left;*/margin:7px 0 0 0; text-align: center;}
.hnn-orfin dd {letter-spacing:-0.075em;}
.hnn-orfin dd h5 {font-size:21px;font-weight:normal;color:#222;}
.hnn-orfin dd p {font-size:15px;padding-top:10px; line-height: 20px;}

.hnn-orfbot {border:1px solid #dcdcdc;background:#fff;padding:30px 0 20px;text-align:center;}
.hnn-orfbot dl {padding-bottom:48px;}
.hnn-orfbot dt {letter-spacing:-0.1em;font-size:17px;color:#222;padding-bottom:10px;}
.hnn-orfbot dd {background:#fff;color:#017cc1;font-size:21px;width:250px; font-weight: 600; margin:0 auto;padding:5px 0 8px;}
.hnn-orfbot dd span {letter-spacing:-0.075em;}
.hnn-orfbot p {background:url(../images/shop/orfbot-line.gif) repeat-x;padding-top:17px;}
.hnn-orfbot p span:first-child {padding-right:40px;}

/*주문확인*/
#hnn-or-nom {font-size:14px; margin-bottom:10px; color:#333;}
#hnn-total {margin:10px 0; padding:10px;
	border:1px solid #dcdcdc; border-left:none; border-right:none;
	background:#f7f7f7;
	font-size:14px;}
#hnn-total:after {display:block;visibility:hidden;clear:both;content:""}
#hnn-total dt, #hnn-total dd {float:left;padding:12px 0; border-bottom:1px solid #e9e9e9}
#hnn-total dt {padding-left:2%;width:48%;font-weight:600}
#hnn-total dd {margin:0;padding-right:2%;width:48%;text-align:right; }
#hnn-total .hnn-point {background:#017cc1;color:#fff}
#hnn-total .hnn-point2 {border-bottom:0 !important;}
#hnn-more {margin:10px 0;text-align:right;}
#hnn-more dl {padding:15px;border:1px solid #dcdcdc;text-align:left;zoom:1; font-size:13px;}
#hnn-more dl:after {display:block;visibility:hidden;clear:both;content:''}
#hnn-more dl dt {clear:both;float:left;padding:8px 0;width:50px;font-weight:500; color:#017cc1; border-bottom:1px dashed #d7d7d7;width:4%;}
#hnn-more dl dd {float:left;margin:0; padding:8px 0; border-bottom:1px dashed #d7d7d7;width:96%;}
#hnn-more a, #hnn-more button {display:inline-block;padding:0 15px;height:31px; border:0;background:#4d4d4d;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle}
#hnn-more-explan {display:none}
.hnn-tot {margin:30px 0 30px;padding:10px;border:1px solid #dcdcdc;background:#f7f7f7;color:#333333; font-size:14px; border-left:none; border-right:none;}
.hnn-tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hnn-tot ul {margin:0;padding:0;list-style:none}
.hnn-tot li {padding:10px;border-bottom:1px solid #dcdcdc;zoom:1}
.hnn-tott li:after {display:block;visibility:hidden;clear:both;content:""}
.hnn-tot #alrdy {border-bottom:0 !important}
.hnn-tot strong {float:right; font-weight:500;}

/* 주문확인 테이블 */
.hnn-carttbl2 {width:100%;}
.hnn-carttbl2 thead th {
	background:#f7f7f7;
	padding:8px 0 10px;
	height:15px;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	letter-spacing:-0.075em;

	font-size:13px;
	color:#383838
	font-weight:500;
}
.hnn-carttb2l thead th:first-child {border-left:none;}
.hnn-carttbl2 tbody td { line-height:35px; text-align:center;border-bottom:1px solid #dcdcdc;font-size:14px; 	letter-spacing:-0.075em;
}
.hnn-carttbl2.hnn-mypage-tbl tbody td {font-size:13px;}
.hnn-carttbl2.hnn-mypage-tbl tbody td span {font-weight:500; font-size:14px; color:#333;}
.hnn-carttbl2 tbody .hnn-txt {text-align:left;}
.hnn-carttbl2 tbody .hnn-txt a {color:#333;}
.hnn-carttbl2 tbody .hnn-txt p {display:block;font-size:12.5px;color:#787878;}
.hnn-carttbl2 tbody a:hover {color:#017cc1;}
.hnn-carttbl2 tfoot td {border-bottom:1px solid #dcdcdc;background:#f7f7f7;padding:20px 0;}
.hnn-carttbl2 tfoot dl {position:relative;padding-left:95px;margin-top:3px;}
.hnn-carttbl2 tfoot dl:first-child {margin-top:0;}
.hnn-carttbl2 tfoot .hnn-cartl {padding-left:60px;}
.hnn-carttbl2 tfoot .hnn-cartr {padding-right:30px;}
.hnn-carttbl2 tfoot dt {
	position:absolute;
	width:80px;
	text-align:right;
	left:0;
	top:0;
	letter-spacing:-0.075em;

	font-size:15px;
}
.hnn-carttbl2 tfoot dd {font-size:15px;color:#333;text-align:right;}
.hnn-carttbl2 tfoot .hnn-cartl dl {width:90px;}
.hnn-carttbl2 tfoot .hnn-cartr dl {float:right;clear:both;}
.hnn-carttbl2 tfoot .hnn-cartr dd {text-align:right;}
.hnn-carttbl2 tfoot .hnn-cartr dt strong {color:#222;}
.hnn-carttbl2 tfoot .hnn-cartr dd strong {color:#017cc1;font-size:18px;vertical-align:top;}
.hnn-carttbl2 tfoot .hnn-cartr dd {min-width:95px;}
.hnn-carttbl2 p {font-size:11px;margin-top:5px;}

/* tab */
.board_tab_wrap { margin-bottom:15px; position:relative; }
.hnn_board_tab { font-size:0;  }
.hnn_board_tab li { padding:0 15px; position:relative; display:inline-block;  }
.hnn_board_tab li:first-child { padding-left:0;  }
.hnn_board_tab li a { display:block; height:35px; line-height:35px; border-radius:3px; padding:0 10px; color:#333; font-size:15px; letter-spacing:0;  }
.hnn_board_tab li.active a { background:#0391d2; color:#fff;  }
.hnn_board_tab li:before {content: "";  display: block;  width: 1px; height: 12px; background: #b5b4b4; position: absolute; left: 0; top: 50%; margin-top: -6px;  }
	.hnn_board_tab li:first-child:before{ display:none; }
/* //tab */