@charset "utf-8"; 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#wrap {float:left; width:100%; overflow-x:hidden;}


/***** 전체 레이아웃 및 header, footer,  공통 style ****/

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
#visual_wrap {width:100%; float:left; height:850px; background:url(../images/visual_bg.jpg) no-repeat center top;}
#header_wrap {width:100%; float:left; height:142px; margin:20px 0 0 0}
.header_box {width:1200px; margin:0px auto}
.header_box h1 {position:absolute; left:50%; margin-left:-222px}
.customer {float:left;}
.kakao {float:right}



/* 비주얼텍스트효과 */
.visual_text_box {width:100%; float:left; }
.visual_text {width:1200px; margin:0px auto; position:relative}
.visual_text_1{position:absolute; left:50%; margin-left:-345px;  top:42px; animation:visual_ani_1 2s ease-out 1; -webkit-animation:visual_ani_1 2s ease-out 1;-ms-animation:visual_ani_1 2s ease-out 1;}
.visual_text_2{position:absolute; left:50%; margin-left:-345px;  top:266px; animation:visual_ani_2 1s ease-out 1; -webkit-animation:visual_ani_2 1s ease-out 1;-ms-animation:visual_ani_2 1s ease-out 1; }
.visual_text_3{position:absolute; left:50%; margin-left:-345px;  top:473px; animation:visual_ani_3 1s ease-out 1; -webkit-animation:visual_ani_3 1s ease-out 1;-ms-animation:visual_ani_3 1s ease-out 1; }


@-webkit-keyframes visual_ani_1{
	0%{
		position:absolute; left:50%; margin-left:-345px;  top:84px; opacity:0;}
	70%{
		opacity:0.5;}

	100%{
		position:absolute; left:50%; margin-left:-345px;  top:42px; opacity:1;}
}

@-ms-keyframes visual_ani_1{
	0%{
		position:absolute; left:50%; margin-left:-345px;  top:84px; opacity:0;}
	70%{
		opacity:0.5;}

	100%{
		position:absolute; left:50%; margin-left:-345px;  top:42px; opacity:1;}
}

@-webkit-keyframes visual_ani_2{
	0%{
		position:absolute; left:50%; margin-left:-345px;  top:366px; opacity:0;}
	70%{
		opacity:0.5;}

	100%{
		position:absolute; left:50%; margin-left:-345px;  top:266px; opacity:1;}
}



@-ms-keyframes visual_ani_2{
	0%{
		position:absolute; left:50%; margin-left:-345px;  top:366px; opacity:0;}
	70%{
		opacity:0.5;}

	100%{
		position:absolute; left:50%; margin-left:-345px;  top:266px; opacity:1;}
}


@-webkit-keyframes visual_ani_3{
	0%{
		position:absolute; left:50%; margin-left:-345px;  top:573px;opacity:0;}
	70%{
		opacity:0.5;}

	100%{
		position:absolute; left:50%; margin-left:-345px;  top:473px;opacity:1;}
}

@-ms-keyframes visual_ani_3{
	0%{
	position:absolute; left:50%; margin-left:-345px;  top:573px;opacity:0;}
	70%{
		opacity:0.5;}

	100%{
	position:absolute; left:50%; margin-left:-345px;  top:473px; opacity:1;}
}



/* top ▲ */
.go-top{display:block;width:90px;height:91px;position:fixed;bottom:-100px;right:20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background-color:#404040;color:#FFFFFF;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index:99999999}
.go-top.show{bottom:10px;}
.go-top:hover{}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
#contents_wrap {float:left; width:100%;}
.contents_box_1 {float:left; width:100%; background:#ffffff; padding:50px 0 50px 0}
.contents_1 {width:1272px; margin:0px auto; }
.contents_1 ul li {float:left; margin:0 30px 0 0}
.contents_1 ul li:last-child{margin:0}

.contents_box_2{float:left; width:100%; background:url(../images/bg1.jpg) center top no-repeat; padding:0 0 130px 0}
.contents_2{width:1272px; margin:0px auto; }
.game_btn {margin:50px 0 0 40px}


.contents_box_3{float:left; width:100%; }
.contents_3 {width:100%; margin:0px auto }
.contents_3 {width:100%;text-align:center}
.contents_3 li{float:left; width:25%; }


.contents_box_4{float:left; width:100%; background:url(../images/bg3.jpg) center top no-repeat; padding:117px 0 210px 0}
.contents_4{width:1270px; margin:0px auto; }
.contents_4_text {margin:0 0 58px 0}

.contents_box_5{float:left; width:100%; background:url(../images/bg4.jpg) center top no-repeat; height:480px}
.contents_5{width:1270px; margin:0px auto; }
.contents_5 div{text-align:center}
.contents_5_text_1 {padding:90px 0 60px 0; color:#ffffff; font-weight:900; font-size:60px; letter-spacing:-1px;text-shadow:1px 1px 0px #000000;}
.contents_5_text_2 {padding:0 0 60px 0; color:#ffffff; font-weight:700; font-size:24px; letter-spacing:-1px;text-shadow:1px 1px 0px #000000; line-height:40px}
.contents_5_text_3 {color:#ffffff; font-weight:700; font-size:24px; letter-spacing:-1px;text-shadow:1px 1px 0px #000000; line-height:40px}

.contents_box_6{float:left; width:100%; background:#ffffff; padding:58px 0 90px 0}
.contents_6{width:1270px; margin:0px auto; }
.game_btn_2 {text-align:center; margin:28px 0 0 0}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
#footer_wrap {float:left; width:100%; }
.footer_info {float:left; width:100%;  background:#4f4f4f; padding:45px 0 40px 0 }
.footer_copy {float:left; width:100%;  background:#474747; height:50px; line-height:50px; color:#b6b6b6; }
.footer_1 {margin:0px auto; width:1200px;font-size:10px }
.footer{margin:0px auto; width:1200px; }

.td_l {font-size:22px; width:200px; letter-spacing:-1px; color:#93bdbd; font-weight:700; line-height:40px;}
.td_r {font-size:16px; color:#b7b7b7; line-height:40px;}


/* img zoom */
.grid {position: relative;overflow: hidden;list-style: none; text-align: center;}
figure {position: relative;overflow: hidden;text-align: center;cursor: pointer;}
figure img {position: relative;display: block;height: 100%; width: 100%;opacity: 0.8;}
figure.effect-romeo {-webkit-perspective: 1340px;perspective: 1340px; background: #000000;}
figure.effect-romeo img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0, 0, 300px);transform: translate3d(0, 0, 300px);}
figure.effect-romeo:hover img { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}



.quovolve-nav:before, .quovolve-nav:after {content: "\0020";display: block;height: 0; visibility: hidden;}
.quovolve-nav:after { clear: both; }
.quovolve-nav {margin: 10px 0;line-height: 30px;zoom: 1;}
.quovolve-nav-above { margin-bottom: 20px; }
.quovolve-nav-below { margin-top: 20px; }
.quovolve-nav span {float: left; margin-right: 5px;}
.quovolve-nav a {background: #868686;line-height: 20px;color: #fff;display: block;
  padding: 0px 15px;border: 0 none; text-align: center;-webkit-border-radius: 15px;
  -moz-border-radius: 15px;border-radius: 15px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15); box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
  margin:5px 0 0 0;}
.quovolve-nav a:hover { background: #0792c4; }
.nav-numbers {list-style: none;margin: 5px 0 0 0;float: right;}
.nav-numbers li {float: left;margin: 0 0 0 5px; }
.nav-numbers li a {padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;width: 20px; border-radius:20px;}
.nav-numbers li.active a, .nav-numbers li a:hover { background: #0792c4; }
.nav-text {}