@charset "utf-8";

/*컨텐츠 페이지별 내용부분*/
.ct_index { background-color:#0c1234;} /*메뉴아래 배경색*/

.img_02 {background:URL(img/webhard/img_02.png) repeat;height:700px;}
.img_04 {background:URL(img/webhard/img_04.png) repeat;height:618px;}

ul.btn_area {display:block;position:absolute;}
.btn02{margin:540px 0 0 75px;}
.btn04{margin:515px 0 0 75px;}

ul.btn_area li {float:left;width:250px;height:35px;}
a.cbtn {
display:block;width:200px;height:
100%;background:URL(img/button.gif) repeat;
margin-bottom:5px;
}
a.fee:link, a.fee:visited { background-position:0 0;}
a.fee:hover { background-position:0 -35px;}
a.fee:active { background-position:0 -70px;}

a.func:link, a.func:visited { background-position:-800px 0;}
a.func:hover { background-position:-800px -35px;}
a.func:active { background-position:-800px -70px;}

a.info:link, a.info:visited { background-position:-200px 0;}
a.info:hover { background-position:-200px -35px;}
a.info:active { background-position:-200px -70px;}

/*컨텐츠 내용부분 끝*/

#id_main_bg { 
	position:relative;display:block;width:1100px;height:320px; text-align:left; overflow:hidden;
}
#id_main_bg div.move_img{ cursor:pointer; position:absolute;display:block;width:4400px;height:320px;margin-left:-3300px;}
.main_background{ 
	background:url(img/main/main-banner/img_01.jpg) no-repeat;
	z-index:100;
}
.main_character{
	background:url(img/main/main-banner/img_02.png) no-repeat;
	z-index:200;
}	
.main_content{ 
	background:url(img/main/main-banner/img_03.png) no-repeat;
	z-index:300;
}
.main_alink {z-index:500;}
.main_alink a.main_over {display:inline-block;float:left;}
a.main_over:link, a.main_over:visited, a.main_over:active {width:1100px;height:100%;}
a.main_over:hover {width:1100px;height:100%;background:url(img/main/main-banner/over.png) no-repeat 0 0;}

#id_main_btn {position:absolute;display:inline-block;width:auto;height:24px;z-index:600;margin-top:290px;}
#id_main_btn a {display:block;float:left;width:24px;height:24px;margin-right:5px; cursor:pointer;}
a.mbtn{background:url(img/main/main-banner/btn.png);}
a.mbtn:link, a.mbtn:visited {background-position-y:0;}
a.mbtn:hover {background-position-y:-30px;}
a.mbtn:active {background-position-y:-60px;}

a.mbtn_click{background:url(img/main/main-banner/btn.png);background-position-y:-30px;}

.main_arrow {position:absolute;width:100%;height:320px;z-index:400;}
.arrow_wrap {width:1300px;margin:0 auto;height:320px;}
.main_arrow a.arw{display:block;width:100px;height:320px;}
.main_arrow a.arwL{float:left;}
.main_arrow a.arwR{float:right;}
.arrow{ 
display:block;height:100%;color:#fff;
background:url(img/main/main-banner/side-arrow.png);height:100%;
}
.arrowL { background-position-y:0;background-position-x:-100px;}
.arrowR { background-position-y:-320px;background-position-x:-100px;}
.arrow_on {background-position-x:0px;}