@charset "euc-kr";
a, img{border:none;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #CBCACA;
	background-image: url(images/index_01.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #C4c4c4;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #666666;
}
.redtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.stext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: bold;
	color: #003399;
}
.stext_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #FFFFFF;
}
.stext_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	font-weight: bold;
	color: #003366;
}

.table_border-bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	font-weight: bold;
	color: #48630D;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	font-weight: bold;
	color: #669900;
	text-decoration: none;
}
/*a:visited {
	color: #669900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;
}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	font-weight: bold;
	color: #669900;
	text-decoration: none;
}
*/
.mstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	font-weight: bold;
	color: #48630D;
}
.arrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #CCCC00;
	font-weight: bold;
}
#apDiv1 {
	position:absolute;
	width:639px;
	height:1047px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	width:333px;
	height:280px;
	z-index:1;
}
.sub_title_sk8er h1{color:#747677;font-size:22px;padding:36px 0 0 6px;font-weight:normal;}
.business_01{height:139px;color:#555556;font-size:13px;padding-left:220px;margin-top:35px;}
.business_02{height:20px;color:#1e6ab5;font-weight:bold;font-size:14px;padding-left:23px;}

.pro_box_sk8er{position:relative;}
.pro_btn01_sk8er a{position:absolute;left:20px;top:17px;color:#1e5288;font-size:12px;font-weight:normal;}
.pro_btn02_sk8er a{position:absolute;left:230px;top:17px;color:#8e8e8e;font-size:12px;font-weight:normal;}
.pro_btn01_sk8er1 a{position:absolute;left:20px;top:17px;color:#8e8e8e;font-size:12px;font-weight:normal;}
.pro_btn02_sk8er2 a{position:absolute;left:230px;top:17px;color:#1e5288;font-size:12px;font-weight:normal;}


.pro_btn01_sk8er a:hover, .pro_btn02_sk8er2 a:hover{color:#1e5288;font-size:12px;font-weight:normal;}
.pro_btn02_sk8er a:hover, .pro_btn01_sk8er1 a:hover{color:#8e8e8e;font-size:12px;font-weight:normal;}
.pro_steam_sk8er{color:#1e6ab5;font-weight:normal;font-size:14px;padding:10px 0 0 48px;}

.pro1_box_sk8er{position:relative;}
.pro1_btn01_sk8er a{position:absolute;left:20px;top:17px;color:#1e5288;font-size:12px;font-weight:normal;}
.pro1_btn02_sk8er a{position:absolute;left:270px;top:17px;color:#8e8e8e;font-size:12px;font-weight:normal;}
.pro1_btn01_sk8er1 a{position:absolute;left:20px;top:17px;color:#8e8e8e;font-size:12px;font-weight:normal;}
.pro1_btn02_sk8er2 a{position:absolute;left:270px;top:17px;color:#1e5288;font-size:12px;font-weight:normal;}


.pro1_btn01_sk8er a:hover, .pro1_btn02_sk8er2 a:hover{color:#1e5288;font-size:12px;font-weight:normal;}
.pro1_btn02_sk8er a:hover, .pro1_btn01_sk8er1 a:hover{color:#8e8e8e;font-size:12px;font-weight:normal;}
.pro1_steam_sk8er{color:#1e6ab5;font-weight:normal;font-size:14px;padding:10px 0 0 48px;}
.footer_textlink{background:url(images/alink.gif) repeat-x left top;padding:20px 20px 10px 20px;}
.footer_textlink a, .footer_textlink a:hover{font-size:11px;color:#171717;font-weight:normal;}

/*main*/
h2{font-size:16px;padding:0;margin:0;}
.ind_sk8er_01, .h1_box_02{position:relative;}
.h1_box_01{position:absolute;top:88px;left:33px;}
.h1_box_01 h1, .h1_box_02 h1{font-size:15px;color:#fff;font-weight:bold;line-height:21px;padding:0;margin:0;}
.h1_box_02 h1{position:absolute;top:2px;left:20px;}
.h1_box_02 h1.left_h1{left:15px;}
.h1_box_02 h1.right_h1{left:331px;}
.h2_01{padding:0;margin:0;}
.h2_01 a{font-size:12px;}
.h2_01 a:hover{font-size:12px;}

/*gnb*/
.header_wrap{position:relative;}
#topmenu, #topmenu ul, #topmenu li{padding:0;margin:0;}
#topmenu{position:absolute;top:22px;left:300px;z-index:99999}
#topmenu li{float:left;margin-left:50px;display:inline;/* ie 더블마진 플로트 버그 해결 */background:url(../images/icon_01.gif) no-repeat center top;}
/* .menu1 ul, .menu2 ul, .menu3 ul, .menu4 ul{margin-right:-3px;} ie 문자 중복 버그가 발생할 시 */
#topmenu li a{color:#212121;}
/* 하위메뉴 */
#topmenu ul{position:absolute;top:35px;left:0;display:none;/* 처음에는 화면에 보이지 않음 */width:660px;/* ie에서 하위메뉴가 길게 표현되지 않는 문제 */}
#topmenu ul a{color:#6c6c6c;font-size:11px;}
#topmenu ul a:hover{color:#3f6f9e;font-size:11px;}
#topmenu li.menu1 ul{margin-left:0;}
#topmenu li.menu2 ul{margin-left:0px;}
#topmenu li.menu3 ul{margin-left:40px;top:23px}
#topmenu li.menu3 ul li{margin-left:10px;}
#topmenu li.menu4 ul{margin-left:110px;}
#topmenu li.menu5 ul{width:165px;margin-left:0px;left:400px;}
#topmenu li.menu6 ul{width:275px;margin-left:0px;left:400px;}
.header_wrap h1{padding:14px 0 0 10px;margin:0;}
.glo{position:absolute;right:5px;top:0px;}
/*left_menu*/
.left_menu{width:172px;padding:0;margin:0;margin-left:25px;background:#fff;padding-left:53px}
.left_menu li{width:172px;padding:0;margin:0;list-style:none;font-size:11px;border-bottom:1px solid #d6d6d6;}
.left_menu li a{width:172px;height:20px;color:#767678;font-weight:normal;font-size:11px;padding-left:29px;padding-top:4px;display:block;background:url(/new/images/bg_left_menu.gif) no-repeat left top;}
.left_menu li a:hover{padding-left:29px;color:#f6ffd4;font-weight:normal;font-size:11px;padding-top:4px;background:url(/new/images/bg_left_menu_over.gif) no-repeat left top;}
.li_lo{height:36px;width:172px;}
.left_menu li.li_lo a{height:36px;width:172px;background:#fff url(/new/images/icon_0630.gif) no-repeat 8px 9px;}
.left_menu li.li_lo a:hover{width:172px;background:#b8dc72 url(/new/images/icon_0630_over.gif) no-repeat 8px 9px;}
:root .left_menu li.li_lo a{width:143px;}
:root .left_menu li.li_lo a:hover{width:143px;}
:root .left_menu li.li_lo{height:40px;}