@charset "utf-8";
* {letter-spacing:-0.05em;word-spacing:-0.05em;word-break:keep-all;}
#wrap {width:100%;padding-top:87px;position:relative;}

#header {position:absolute;left:0;top:0;width:100%;z-index:200;overflow:hidden;height:87px;}
#header:before {
	content:"";
	position:absolute;
	left:0;
	top:86px;
	height:1px;
	width:100%;
	background:#dfdfdf;
	z-index:0;
}
#header .inner {width:1100px;height:86px;margin:0 auto;position:relative;z-index:10;}
#header .logo {position:absolute;left:0;top:0;font-size:0;}
#header .cs {position:absolute;right:0;top:0;width:163px;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;color:#4a494d;font-size:0;}
#header .cs ul {border-top:1px solid #dfdfdf;overflow:hidden;}
#header .cs ul li {float:left;}
#header .cs ul li:first-child {border-right:1px solid #dfdfdf;}
#header .gnb {position:absolute;left:163px;top:0;}
#header .gnb > li {float:left;position:relative;}
#header .gnb > li > a {display:block;height:87px;line-height:87px;color:#555;font-size:16px;padding:0 33px;letter-spacing:-0.075em;}
#header .gnb li ul {padding:20px 0 0 33px;position:absolute;left:0;top:100%;}
#header .gnb li ul li {margin-top:10px;}
#header .gnb li ul li:first-child {margin-top:0;}
#header .gnb li ul li a {display:block;line-height:18px;font-size:13px;color:#858585;white-space:nowrap;}
#header .gnb > li:hover > a,
#header .gnb > li.active > a {color:#000;}
#header .gnb li ul li:hover a,
#header .gnb li ul li.active a {color:#fff;}
#header .bg {position:absolute;left:0;top:87px;width:100%;height:180px;background:#333;}

#quick {position:fixed;right:0;top:50%;z-index:500;margin-top:-60.5px;}
#quick a {
	display:block;
	width:157px;
	height:37px;
	line-height:37px;
	color:#fff;
	font-size:14px;
	text-indent:50px;
	margin-top:5px;
	background-repeat:no-repeat;
	background-position:-157px 0;
}
#quick a:first-child {margin-top:0;}
#quick .quick1 {background-image:url(../images/quick1.gif);}
#quick .quick2 {background-image:url(../images/quick2.gif);}
#quick .quick3 {background-image:url(../images/quick3.gif);}
#quick a:hover {background-position:0 0;}


#vis,
#vis .vis {width:100%;height:764px;position:relative;z-index:0;overflow:hidden;}
#vis .vis .bg {position:relative;left:50%;margin-left:-1000px;z-index:0;transition:7s;transform:scale(1.2,1.2);}
#vis .vis .info {font-size:0;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;text-align:center;}
#vis .vis .info:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis .info dl {display:inline-block;vertical-align:middle;position:relative;z-index:10;}
#vis .vis .info dl dt {font-size:40px;color:#484848;line-height:52px;letter-spacing:-0.075em;}
#vis .vis .info dl dd {font-size:20px;color:#484848;font-weight:400;margin-top:10px;letter-spacing:-0.075em;}
#vis .vis .info:after {
	content:"";
	display:block;
	z-index:0;
	width:825px;
	height:316px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-163px 0 0 -417.5px;
	border:5px solid rgba(255,255,255,0.8);;
	transform:scale(1.35,1.35);
	transition:5s;
}
#vis .vis.active .bg {transform:scale(1,1);}
#vis .vis.active .info:after {transform:scale(1,1);}

#vis .vis1 .info:after {background:rgba(255,255,255,0.4);}
#vis .vis2 .info:after {background:rgba(255,255,255,0.4);}
#vis .vis3 .info:after {background:rgba(255,255,255,0.8);}



#vis .bx-pager {position:absolute;z-index:100;bottom:50px;left:50%;margin-left:-100px;width:200px;text-align:center;}
#vis .bx-pager .bx-pager-item {display:inline;}
#vis .bx-pager .bx-pager-item a {
	display:inline-block;
	margin:0 5px;
	width:6px;
	height:6px;
	border:3px solid #fff;
	text-indent:-9999px;
	text-align:left;
	overflow:hidden;
	border-radius:50%;
	transition:0.3s;
}
#vis .bx-pager .bx-pager-item a.active {background:#fff;}

#space {padding:70px 0 85px;overflow:hidden;position:relative;}
#space .tit h3 {background:url(../images/tit-line.gif) no-repeat 50% 50%;text-align:center;font-size:23px;font-weight:600;color:#555;letter-spacing:0;}
#space .area {width:3000px;position:relative;left:50%;margin-left:-1500px;margin-top:35px;}
#space .area .bx-wrapper {margin:0 auto;}
#space .area .box {width:900px;height:332px;position:relative;padding-top:70px;}
#space .area .box .center {position:absolute;left:0;top:70px;opacity:0;transition:1.5s;}
#space .area .box .num {
	display:block;
	width:68px;
	height:68px;
	top:0;
	position:absolute;
	font-weight:bold;
	opacity:0;
	transition:1.5s;
	left:0;
	line-height:68px;
	text-align:center;
	border:1px solid #4a494d;
	font-size:35px;
	color:#4a494d;
}
#space.action0 .area .box2 .center,
#space.action0 .area .box2 .num {opacity:1;}

#space.action1 .area .box3 .center,
#space.action1 .area .box3 .num {opacity:1;}

#space.action2 .area .box4 .center,
#space.action2 .area .box4 .num {opacity:1;}

#space.action3 .area .box5 .center,
#space.action3 .area .box5 .num {opacity:1;}

#space.action4 .area .box1 .center,
#space.action4 .area .box1 .num {opacity:1;}

#space .bx-controls-direction a {position:absolute;z-index:100;display:block;width:48px;height:114px;top:50%;margin-top:-52px;text-indent:-9999px;}
#space .bx-controls-direction .bx-prev {background:url(../images/space-prev.png) no-repeat;right:50%;margin-right:502px;}
#space .bx-controls-direction .bx-next {background:url(../images/space-next.png) no-repeat;left:50%;margin-left:502px;}



#designer {background:url(../images/designer-bg_0623.gif) no-repeat 50% 0;height:603px;padding-top:65px;}
#designer .tit h3 {text-align:center;font-size:25px;font-weight:200;color:#fff;letter-spacing:0;}
#designer .tit h3 strong {display:block;font-weight:500;}
#designer .inner {width:1100px;margin:0 auto;padding-top:70px;}
#designer .inner:after {content:"";display:block;clear:both;}
#designer .box {width:346px;height:407px;position:relative;float:left;margin-left:30px;}
#designer .box:first-child {margin-left:0;}
#designer .box:before {
	content:"";
	display:block;
	width:374px;
	height:433px;
	position:absolute;
	left:-12px;
	top:-11px;
	background:url(../images/designer-bg.png) no-repeat;
	z-index:0;
}
#designer .box .area {position:relative;z-index:10;text-align:center;padding:35px 0 0;}
#designer .box .tit p {font-size:14px;color:#9e9e9e;height:28px;}
#designer .box .tit h4 {height:50px;font-size:24px;font-weight:600;color:#333;}
#designer .box .txt {font-size:13px;color:#9e9e9e;line-height:16px;letter-spacing:-0.075em;padding:8px 0;}
#designer .box .more {width:216px;margin:0 auto;}
#designer .box .more a {display:block;height:29px;line-height:29px;background:#333;color:#fff;font-size:13px;letter-spacing:0;}

#premium {width:1100px;height:588px;background:url(../images/premium-bg.jpg) no-repeat;margin:0 auto;text-align:center;}
#premium:after {content:"";display:block;clear:both;}
#premium .lef {float:left;width:50%;}
#premium .lef dl {color:#fff;margin-top:185px;}
#premium .lef dl dt {font-size:24px;line-height:24px;letter-spacing:-0.075em;}
#premium .lef dl dd {font-size:13px;line-height:18px;letter-spacing:-0.075em;margin-top:15px;}
#premium .lef .img {margin-top:25px;}
#premium .rig {float:right;width:50%;}
#premium .rig h4 {font-size:25px;color:#555;font-weight:normal;margin:105px 0 22px;}
#premium .rig h4 span {display:block;font-size:18px;font-weight:300;}
#premium .rig .area {position:relative;}

#premium .bx-controls-direction a {position:absolute;z-index:100;display:block;width:10px;height:18px;top:50%;margin-top:-9px;text-indent:-9999px;}
#premium .bx-controls-direction .bx-prev {background:url(../images/premium-prev.png) no-repeat;left:100px;}
#premium .bx-controls-direction .bx-next {background:url(../images/premium-next.png) no-repeat;right:100px;}

#board {width:545px;height:46px;margin:50px auto 35px;padding:0 455px 0 100px;position:relative;}
#board h3 {position:absolute;left:0;top:50%;margin-top:-16px;font-size:22px;color:#555;font-weight:600;}
#board .btn {position:absolute;right:0;top:0;width:413px;border-left:1px solid #ddd;overflow:hidden;font-size:0;text-align:right;}
#board .btn a {
	display:inline-block;
	width:173px;
	text-align:center;
	height:44px;
	line-height:44px;
	text-align:center;
	border:1px solid #4a494d;
	font-size:16px;
	color:#555;
	margin-left:19px;
}
#board .btn a:hover {border-color:#a18a7b;background:#a18a7b;color:#fff;}
#board .area {padding-top:15px;}
#board .area:after {content:"";display:block;clear:both;}
#board .area li {float:left;width:225px;}
#board .area li:first-child {margin-right:56px;width:263px;}
#board .area li a {
	display:block;
	position:relative;
	height:17px;
	line-height:17px;
	font-size:13px;
	color:#9e9e9e;
	padding-right:25px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#board .area li a:before {
	content:"";
	display:block;
	width:17px;
	height:17px;
	background:url(../images/board-arr.gif) no-repeat;
	position:absolute;
	right:0;
	top:0;
}


#element {background:url(../images/element-bg2.jpg) no-repeat 50% 0;}
#element .inner {width:1100px;margin:0 auto;height:237px;padding-top:135px;}
#element .inner:after {content:"";display:block;clear:both;}
#element .box {float:left;width:244px;margin-bottom:20px;}
#element .box > * {float:left;}
#element .box:nth-child(odd) {clear:both;}
#element .box .img {padding-top:5px;}
#element .box .info dt {font-size:13px;color:#333;font-weight:600;}
#element .box .info dd {font-size:13px;color:#a19084;line-height:18px;}
#element .wrap {width:1100px;margin:0 auto;height:415px;padding-top:165px;}
#element .wrap dl {width:475px;text-align:center;}
#element .wrap dl dt {font-size:33px;color:#010101;font-weight:200;margin-bottom:45px;}

#footer {background:#444;}
#footer .one {border-bottom:1px solid #555;}
#footer .one .inner {width:1100px;height:77px;margin:0 auto;position:relative;}
#footer .one .tel {position:absolute;right:0;top:25px;}
#footer .one #gotop {display:block;position:absolute;right:-100px;top:0;}
#footer .two {width:1100px;margin:0 auto;padding:25px 0;position:relative;}
#footer .two .info {font-size:13px;color:#848484;}
#footer .two address {font-size:13px;color:#848484;line-height:20px;margin-top:15px;}
#footer .two address > * {display:inline-block;vertical-align:middle;margin-right:5px;}
#footer .two .ad {position:absolute;right:0;top:20px;font-size:16px;line-height:28px;color:#a19084;text-align:right;}
#footer .two .ad > * {display:block;}
#footer .two .ad em {font-size:16px;font-weight:300;}
#footer .two .ad strong {font-size:24px;font-weight:500;}
#footer .two .ad span {font-size:16px;font-weight:300;}

#svis {background:url(../images/svis1.jpg) no-repeat 50% 0;text-align:center;height:180px;margin-bottom:13px;}
#svis dl {padding-top:55px;}
#svis dl dt {color:#fff;font-size:28px;;font-weight:300;letter-spacing:-0.075em;}
#svis dl dd {margin-top:8px;}

#snb {border:1px solid #cbcbcb;width:1098px;margin:0 auto 55px;position:relative;z-index:200;background:;}
#snb:after {content:"";display:block;clear:both;}
#snb > li {float:left;position:relative;}
#snb > li:first-child + li > a {background:url(../images/snb-arr.gif) no-repeat 100% 50%;}
#snb > li:first-child + li + li > a {background:url(../images/snb-menu.gif) no-repeat 100% 50%;}
#snb > li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;}
#snb .ov > a {
	display:block;
	height:48px;
	line-height:48px;
	padding:0 35px 0 15px;
	font-size:14px;
	color:#555;
	letter-spacing:-0.075em;
	border-right:1px solid #cbcbcb;
	border-left:1px solid #cbcbcb;
	min-width:160px;
}
#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff;display:none;}
#snb .ov ul li {border:1px solid #cbcbcb;margin-top:-1px;}
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:14px;color:#555;padding:6px 15px;white-space:nowrap;letter-spacing:-0.075em;}

#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#f3f3f3;color:#333;}

#sub {width:1100px;margin:0 auto;padding-bottom:75px;min-height:400px;}



/* 컨텐츠 */


.hnn-tab {margin-bottom:50px; height:60px;background:url(../images/sub-dot.gif) 0 100% repeat-x;border-top:1px solid #999; font-size:0; text-align:center;}
.hnn-tab li {display:inline-block; height:60px; line-height:60px; text-align:center; width:200px; margin:0 10px}
.hnn-tab li a {font-size:20px; width:100%; height:100%; color:#a0a0a0;display:block; letter-spacing:-0.05em; position:relative;}
.hnn-tab li a.active {background:url(../images/tab-on.gif) 50% 100% no-repeat;color:#000; }
.hnn-tab li a.active:after {content:""; display:block; width:100%; height:9px; background:#ccb283; position:absolute; top:-5px; left:0;}
.hnn-tab.tab6 li {margin:0; width:183.3px;}
.hnn-tab.tab6 li a {font-size:18px;}

/*
==============================
당첨자 조회
==============================
*/
.submit_box {
	width: 1100px;
	height: 406px;
	margin: 0px auto;
	background: url(../images/member-bg.jpg) no-repeat top left;
	position: relative;}

	.submit_box li {
		width: 100px;
		position: absolute;
		top:204px;
		left: 622px;}

	.submit_box li.list_02 { top: 234px;}

	.submit_box input {
		width: 150px;
		height: 18px;
		padding: 1px 0px 1px;
		border: none;
		font-size: 13px;
		background-color: #fff;
		color: #6d6d6d;
	}

	.submit_box .list_02 input { font-weight: bold; width: 64px; background:#fff; }

	.submit_box .btn_01 {
		width: 157px;
		height: 72px;
		display: block;
		position: absolute;
		top: 201px;
		left: 817px;
	}
	.submit_box .btn_01 span {
	  text-indent:-9999px;
	  font-size:0;

	  }

	.submit_box .btn_02 {
		width: 110px;
		height: 40px;
		display: block;
		position: absolute;
		top: 164px;
		left: 568px;}