#hnn-wrap {width:100%; min-width: 1100px;}
.hnn-inner {width:1100px; margin:0 auto; position:relative;}

#hnn-header {width:100%; height:44px; border-top: 3px solid #d92027; border-bottom: 1px solid #e5e5e5; }
#hnn-tnb {position:absolute; height:44px;top:0; right:0; letter-spacing:-0.05em;}
#hnn-tnb li {float:left; line-height:44px; margin-left:10px;}
#hnn-tnb li a {display:block; width:100%; height:100%; color:#9a9999; font-size:12px;}
#hnn-tnb li a img {position:relative; top:-2px; margin-right:5px;}


#hnn-gnb {position: relative; height: 86px;}
#hnn-gnb:after {content: ""; display: block; clear: both;}

#hnn-logo {float: left;}
#hnn-logo img {position: relative; top: 23px; left: 0;}

#hnn-gnb .hnn-gnb {float: right;}
#hnn-gnb .hnn-gnb:after {content:"";display:block;clear:both; height:0;}
#hnn-gnb .hnn-gnb > li {float:left;position:relative;}
#hnn-gnb .hnn-gnb > li:first-child {border-left:none;}
#hnn-gnb .hnn-gnb > li > a {
	color:#000;
	font-size:17px;
	padding:0 28px;
	line-height:85px;
	font-weight: 500;
	z-index:10;
	display:block;
	letter-spacing:-0.05em;
	cursor:pointer;
}
#hnn-gnb .hnn-gnb > li:hover > a,
#hnn-gnb .hnn-gnb > li.active > a {color:#d92027;}
#hnn-gnb .hnn-gnb > li:hover > a:after {content: "";display: block; position: absolute; top: -4px; left: 50%; margin-left: -4px; width: 8px; height: 8px; background: url(../images/gnb-on.gif) 0 0 no-repeat;}
#hnn-gnb .hnn-gnb li div {
	display:none;
	background:#fff;
	width:150px;
	position:absolute;
	top:85px;
	left: 50%; margin-left: -75px;
	letter-spacing:-0.075em;
	z-index:9999;
	padding-top: 2px;
}
#hnn-gnb .hnn-gnb li li:first-child:after {content: ""; display: block; width: 100%; height: 3px; position: absolute; top: 1px; left: 0; background: #d92027;}


#hnn-gnb .hnn-gnb li div ul {text-indent:30px; border:1px solid #f4f2f8; border-bottom:0;}
#hnn-gnb .hnn-gnb li ul li {border-bottom:1px solid #f4f2f8;}
#hnn-gnb .hnn-gnb li ul li a {display:block;font-size:14px;color:#6d6d6d;padding:12px 0;transition:0.2s; background:#fff;}
#hnn-gnb .hnn-gnb li ul li.active a,
#hnn-gnb .hnn-gnb li ul li a:hover {background:#f2efef; color: #d92027;}




#hnn-vis {position:relative;width:100%;z-index:0;height:701px;border-top: 1px solid #e5e5e5;}
#hnn-vis .hnn-vis {width:100%;height:701px;overflow:hidden;}
#hnn-vis .hnn-vis img {position:relative;display:block;left:50%;margin-left:-1000px;}


/*#hnn-vis .bx-controls-direction a {position:absolute; z-index:100;display:block;width:64px;height:64px;text-indent:-9999px;}
#hnn-vis .bx-controls-direction .bx-prev {background:url(../images/vis-arrow.png) no-repeat 0 0; top:250px; left:50%; margin-left:-632px;}
#hnn-vis .bx-controls-direction .bx-next {background:url(../images/vis-arrow.png) no-repeat -64px 0; top:250px; right:50%; margin-right:-632px;}*/

#hnn-vis .bx-pager {position:absolute;z-index:100;bottom:40px;left:50%;margin-left:-100px;width:200px;text-align:center;}
#hnn-vis .bx-pager .bx-pager-item {display:inline;}
#hnn-vis .bx-pager .bx-pager-item a {
	display:inline-block;
	margin:0 3px;
	width:16px;
	height:16px;
	background:url(../images/sp.png) -16px 0;
	text-indent:18px;
	overflow:hidden;
	border-radius:50%;
}
#hnn-vis .bx-pager .bx-pager-item a.active {background:url(../images/sp.png) 0 0;}





/*============================
/*컨텐츠
=============================*/
.sp {display: block; background: url(../images/sp.png) no-repeat; }
#hnn-element {position: relative; top: -55px;}




/*============================
/*FOOTER
=============================*/

#hnn-foot {width:100%; border-top: 1px solid #d8d8d8;  padding:40px 0 80px;}
.foot-logo {position: absolute; left: 0; top: 8px; width: 141px; height: 27px; background: url(../images/foot-logo.gif) 0 0 no-repeat;}
.foot-info {position: absolute; top: 0; left: 160px; color:#a6a5a5; font-size:14px; letter-spacing:-0.03em; line-height:22px;}
.foot-info em {display:inline-block; /*width:1px; height:13px; background:#999998;*/ font-size:0; margin:0 8px; position:relative; top:2px;}
.foot-cs {position: absolute; right: 0; top: 0;width: 191px; height: 31px; background: url(../images/foot-cs.gif) 0 0 no-repeat;}




/* ========================
*       회원가입단
* ========================*/
.shop-tit {
  font-size:15px;font-weight:bold;color:#333;letter-spacing:-0.75px; padding-bottom:10px;
}
.cheack-txt {font-size: 13px; color: 333px; text-align: right; margin-top: 5px;}



/* 회원가입 상단 */
.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:26px;font-weight:bold;color:#333;}
.hnn-join-top p {font-size:14px;color:#666;padding-top:8px;}
.hnn-join-top span {position:absolute;bottom:10px;right:20px;display:block;letter-spacing:-0.075em;color:#777;}
.hnn-join-top em {color: #ff0000;}
.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;
	font-size:14px;
	color:#888;
}

#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.075em;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: #d8202d;}

#hnn-login .hnn-bot.hnn-join-bot {
	background:#f4f4f4;
	padding:47px 50px 50px;
	letter-spacing:-0.075em;
	font-size:15px;
	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:600;color:#333;font-weight:bold;}


/* 로그인 */
#hnn-login {border:1px solid #dcdcdc;padding:60px 0 0;}
#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 #333;
	background:#333;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-0.075em;
	position:absolute;
	display:block;
	top:0;
	right:0;
	cursor:pointer;
}
#hnn-login .hnn-form input[type="submit"]:hover {color:#333; background:#fff; border:1px solid #333;}
#hnn-login .hnn-form p {padding-top:15px;}
#hnn-login .hnn-form p label {cursor:pointer;color:#555;font-size:13px;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:600;}
#hnn-login .hnn-bot dl dt a {color:#333;}
#hnn-login .hnn-bot dl dt a:hover {color:#333;}
#hnn-login .hnn-bot dl dd {font-size:14px;color:#888;padding-top:10px; line-height: 18px;}
#hnn-login .hnn-bot dl dd a {color:#888;}
#hnn-login .hnn-bot dl dd a:hover {color:#333;}
#hnn-login .hnn-bot .hnn-bot1 {background:url(../images/ico-log1.gif) no-repeat;margin-left:90px;}
#hnn-login .hnn-bot .hnn-bot2 {background:url(../images/ico-log2.gif) no-repeat;margin-left:210px;}
#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:-20px;color:#222;font-size:70px;font-weight:200;letter-spacing:-0.05em;}
#hnn-login .hnn-top dd {font-size:15px;letter-spacing:-0.075em;line-height:22px;}



/* 아이디 비밀번호 찾기 */
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:bold;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;
}