@charset "utf-8";
/* seoinkim */

/* Web font - NanumBarunGothic, NanumBarunGothic */
@font-face {
 font-family: 'NanumGothic';
 font-style: normal;
 font-weight:normal;
 src: url('fonts/NanumGothic.eot');
 src: local(※), url('fonts/NanumGothic.woff') format('woff'), url('fonts/NanumGothic.ttf');}


*{margin:0;padding:0;} 

#main{width:100%;height:100%; }
#wrap{background:none; position:relative; width:1345px; margin:0 auto; display:block;}
#mainbox{width:100%; position: absolute; z-index:-2; top:90px; margin:0 auto;}

/* header */

#header{height: 90px; display: block; overflow: hidden; background-image: url("img/gnbback.png"); background-repeat:no-repeat; background-position: 0 90px;}
#header .logo{margin-left:120px; margin-top:8px; border:0;}

.util{position:absolute; top:0px; left:900px; top:17px; width:280px; height:20px;}
.util li{font-family:dotum; font-weight:700; color:#67676D; list-style:none; float:left; margin-left:10px; font-size: 11px;}
.util li a:link {
	color: #67676D;
	text-decoration: none;
}
.util li a:visited {
	text-decoration: none;
	color: #67676D;
}
.util li a:hover {
	text-decoration: none;
	color: #67676D;
}
.util li a:active {
	text-decoration: none;
	color: #67676D;
}


/* gnb */

/* .gnb .depth1 li{float:left;} */
.gnb{position:absolute; left:100px; top:50px; width:1200px; height:270px;}

.gnb h2{font-family:"NanumGothic"; color:#0f0f0f; margin-bottom:40px; padding-right:80px; font-weight:700; font-size:12pt; }

.gnb .depth1{margin-left:350px;}

.gnb .depth1 li{list-style:none;}

.gnb .depth1 li a:link {
	color: #0f0f0f;
	text-decoration: none;
}
.gnb .depth1 li a:visited {
	text-decoration: none;
	color:#0f0f0f;
}
.gnb .depth1 li a:hover {
	text-decoration: none;
	color: #0f0f0f;
}
.gnb .depth1 li a:active {
	text-decoration: none;
	color: #0f0f0f;
}

.gnb .gnb1{float:left;}
.gnb .gnb2{float:left;}
.gnb .gnb3{float:left;}
.gnb .gnb4{float:left;}
.gnb .gnb5{float:left;}
.gnb .gnb6{float:left;}
.gnb .gnb7{float:left;}


.gnb .depth2 li{padding:0;}

.gnb1 .depth2{list-style:none; margin:0; padding:0 6px 0 0; font-family:dotum; font-size:12px; line-height:150%;}
.gnb2 .depth2{list-style:none; margin:0; padding:0; font-family:dotum; font-size:12px; line-height:150%;}
.gnb3 .depth2{list-style:none; margin:0; padding:0; font-family:dotum; font-size:12px; line-height:150%;}
.gnb4 .depth2{list-style:none; margin:0; padding:0 0 0 3px; font-family:dotum; font-size:12px; line-height:150%;}
.gnb5 .depth2{list-style:none; margin:0; padding:0; font-family:dotum; font-size:12px; line-height:150%;}
.gnb6 .depth2{list-style:none; margin:0; padding:0; font-family:dotum; font-size:12px; line-height:150%;}
.gnb7 .depth2{list-style:none; margin:0; padding:0 0 0 3px; font-family:dotum; font-size:12px; line-height:150%;}



.gnb .depth2 li a:link {
	color: #666;
	text-decoration: none;
}
.gnb .depth2 li a:visited {
	text-decoration: none;
	color: #666;
}
.gnb .depth2 li a:hover {
	text-decoration: underline;
	color: #333;
}
.gnb .depth2 li a:active {
	text-decoration: none;
	color: #666;
}






#content{float:none !important; margin:0 auto; padding:40px 0 46px; width:960px !important; border:0; z-index:2 !important; *zoom:1;}
#content:after{content:""; display:block; clear:both;}

/* boxvisual */
#boxvisual{position:relative; width:100%; height:350px; overflow:hidden; z-index:1;}
#boxvisual h2{position:absolute; top:-400px; left:53%; margin-left:-550px; height:auto;}
#boxvisual #visualBan li{position:absolute; width:100%; height:350px; z-index:-1; list-style:none;}
#boxvisual #visualBan li p{position:absolute;}
#boxvisual .pic{display:none;}
#boxvisual .vis1{left:100%; }
#boxvisual .vis2{left:100%; }
#boxvisual .vis3{left:100%; }
#boxvisual .link{position:absolute; top:-400px; left:53%; margin-left:-653px; *zoom:1;}
.motivator{position:absolute; top:405px; left:990px; width:180px; height:30px; background:url('img/boxvisual_motivator_bg.gif') no-repeat left top; z-index:100000000;}
.motivator #btnPlay{position:absolute; top:4px; left:0; display:block; width:30px; height:30px; text-indent:-9999em; overflow:hidden; background:url('img/btn_play_event.gif') no-repeat left top;}
.motivator #btnPlay.on{background:url('img/btn_stop_event.gif') no-repeat left top;}
.motivator ul{position:absolute; top:8px; left:60px; *zoom:1; border:0;}
.motivator ul:after{content:""; display:block; clear:both;}
.motivator ul li{float:left; margin-right:1px; width:22px; height:30px; text-indent:-9999em; overflow:hidden; cursor:pointer; background:url('img/btn_active.gif') no-repeat 0 0; }
.motivator ul li.on{background:url('img/btn_active_on.gif') no-repeat 0 0; }



/* center board */

.left_board_back{position:absolute; top:455px; left:160px; width:400px; height:182px; border-color:#333; border-width:1px; border-style:solid;}
.left_board{position:absolute; width:375px; height:130px; margin-left:10px; margin-top:5px;}

.right_board_back{position:absolute; top:455px; left:570px; width:400px; height:182px; border-color:#333; border-width:1px; border-style:solid;}
.right_board{position:absolute; width:375px; height:130px; margin-left:10px;margin-top:5px;}

.seonjija_button{position:absolute; width:200px; height:87px; top:455px; left:980px; border-color:#333; border-width:1px; border-style:solid;}
.baek_button{position:absolute; width:200px; height:87px; top:550px; left:980px; border-color:#333; border-width:1px; border-style:solid;}

/* bottom */

.bottom_line{position:absolute; top:680px; width:100%; height:1px; background:#ececec;}

.bottom_all{position:absolute; top:690px; left:160px;}



/* sub_bottom */

.sub_bottom_line{position:absolute; top:680px; width:100%; height:1px; background:#ececec;}

.sub_bottom_all{position:relative; top:50px; left:100px;}




/* layout-1024 */
.layout-1024 #mainbox{width:100%; min-width:1000px;}
.layout-1024 #boxvisual h2{margin-left:-490px;}
.layout-1024 #boxvisual .link{margin-left:-483px;}

/* layout-1280 */
.layout-1280 #mainbox{width:100%;}
.layout-1280 #boxvisual h2{margin-left:-550px;}
.layout-1280 #boxvisual .link{margin-left:-543px;}

/* layout-1400 */
.layout-1400 #mainbox{width:100%;}
.layout-1400 #boxvisual h2{margin-left:-660px;}
.layout-1400 #boxvisual .link{margin-left:-653px;}