@charset "utf-8";
@font-face {
	font-family:"arita-M";
	src:url("../fonts/arita-M.eot");
	src:url("../fonts/arita-M.woff") format("woff")
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0;border:0 none}
iframe{position:relative; z-index:100}
select, form, input, textarea {vertical-align:middle;font-family:Dotum, Gulim, Arial, AppleGothic, verdana, sans-serif;font-size:1em}
form{display:inline}
ul, ol {list-style:none}
hr, caption, legend {display:none}
li img {vertical-align:top}
input, textarea {border:0 none}
input.checkbox, input.radio, input.image {background:none;border:none}
select {height:21px}
em {font-style:normal}

body{font-family:'arita-M', dotum, sans-serif; font-size:13px; font-style:normal; letter-spacing:0px; background:url(../images/bg-full.jpg) repeat-x; }
a{color:#666; text-decoration:none}
a:hover{colog:#666; text-decoration:underline}

.area-hd {position:absolute;left:-10000% !important;top:-10000%;overflow:hidden;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0}

.consol {position:fixed;right:0;top:0;z-index:10000;color:red}
.no-scr {overflow-y:hidden}
.fixed11 {position:fixed !important;left:50% !important;}

#gnb-wrap {position:fixed;left:0;top:0;z-index:10000000;width:100%;height:79px;background:url(../images/menu_bg.png) no-repeat center 0}
#gnb {width:991px;height:79px;margin:0 auto;}
#gnb-wrap .gnb-relative {position:relative;width:991px;margin:0 auto}
#gnb-wrap a {display:block;position:absolute;background:url(../images/menu.png) no-repeat 0 0}
#gnb-wrap label {cursor:pointer}
#gnb-wrap a span {display:block;overflow:hidden;text-indent:-5000em}
#gnb-wrap li.logo a{left:50px;top:10px;width:138px;height:49px;background-position:0 4px ;}
#gnb-wrap #gnb a {top: 3px; height: 80px}
/*#gnb-wrap #gnb a:hover {opacity:0.8;filter:alpha(opacity=80)}*/
/*#gnb-wrap #gnb a.current:hover {opacity:1;filter:alpha(opacity=100)}*/

#gnb-wrap li.g1 a{
	background-position: -282px 0;
	left: 280px;
	width: 148px;
}
#gnb-wrap li.g2 a {
	background-position: -485px 0;
	left: 500px;
	width: 78px;
}
#gnb-wrap li.g3 a {
	background-position: -637px 0;
	left: 650px;
	width: 101px;
}
#gnb-wrap li.g4 a {
	background-position: -820px 0;
	left: 830px;
	width: 61px;
}


#gnb-wrap li.g1 a.current {background-position:-282px 0}
#gnb-wrap li.g2 a.current {background-position:-485px 0}
#gnb-wrap li.g3 a.current {background-position:-637px 0}
#gnb-wrap li.g4 a.current {background-position:-820px 0}



/*#gnb-wrap #sns a:hover {opacity:0.8;filter:alpha(opacity=80);}*/


#container #roll {position:absolute;width:100%;}

.section,
.section-action {position:relative;width:960px;margin:0 auto}
.scene {overflow:hidden;position:relative;width:100%;height:100%;margin-left:-1000% height: 960px; overflow: hidden;}
.obj  {position:absolute;width:100px;height:100px;z-index:100}
.btn-buy {position:absolute;background:url(../images/btn_buy.png);width:91px;height:91px;z-index:1000;}
.btn-buy span {display:block;overflow:hidden;text-indent:-5000em}

#scene1 {height:790px; background:url(../images/visual_02.jpg) no-repeat 50% 0;}


#scene2 {height:710px;background:url(../images/visual_03.jpg) no-repeat 50% 0;}




#scene03 {height:709px; background:url(../images/visual_04.jpg) no-repeat 50% 0;}



#scene04 {height:711px;background:url(../images/visual_05.jpg) no-repeat 50% 0;}



#scene5 {height:800px;background:url(../images/visual_06.jpg) no-repeat 50% 0;}







#jpreOverlay {background:url(../images/scene1_bg.gif) repeat 0 0 fixed; display:none}
#jpreBarbg {position:fixed;left:0;top:0;width:100%;height:100%;background:url(../images/loading/load_bg.png) no-repeat 50% 50%}
#jpreSlide{
	font-size:22px;
	font-weight:bold;
	color:#ccc;
	text-align:center;
	width:50%;
	height:30%;
}
#jpreLoader{position:relative;left:50% !important;top:50% !important;margin:-217px 0 0 -106px;width:300px;height:400px;}
#jpreBar {position:relative;z-index:1;width:294px;height:433px;background:url(../images/loading/load_o1.png) no-repeat 0 0;}
#jpreBarobj {overflow:hidden;position:absolute;left:70px;top:135px;width:78px;height:220px;}
#jpreBarobj div {position:absolute;left:0;top:0;width:78px;height:287px;margin-top:158px;background:url(../images/loading/load_o2.png) no-repeat 0 0;}
#jprePercentage {position: absolute;top:57px;left:188px;z-index:10;color:#9b7158;font-size:22px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
}