@charset "utf-8";
#header{ width:100%; height:56px; background:#d6d6d6; position:relative; top:0; z-index:111111111111111111111111111111111111111;}
#header_wrapper{ width:1000px; margin:0 auto; overflow:hidden;}
#logo{ float:left; padding-top:10px; margin-left:30px;}
#nav{ float:right; padding-top:5px;}
#nav li{ float:left; line-height:50px; margin-right:60px;}
#nav li a{ font-size:16px; display:block;}
#nav li a:hover{ position:relative; text-decoration:none; top:-2px;}

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:100%; height:100%; zoom:1; overflow:hidden;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/*#container {z-index:4;position:relative;zoom:1; width:100%; margin:0 auto; background:url(../img/main_c_bg.gif)} */
#container {z-index:4;position:relative;zoom:1; width:100%; margin:0 auto; background:url(../img/bg_body.jpg)}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}


/*메인*/
#visual_box{ position:relative; width:100%; height:699px; background:rgba(115,115,115,0.5) url(../img/visual_bg_intro.jpg) center top no-repeat; display:none;}
#visual_box_sub{ position:absolute; left:0; top:0;width:100%; height:699px; background:rgba(115,115,115,0.5) url(../img/visual_bg.jpg) center top no-repeat; z-index:111; display:none;}
#visual_box_sub_box{ position:relative; width:1000px; height:699px; margin:0 auto; }
#visual_box_sub_line1{ position:absolute;background:url(../img/a_line_01.png) center top no-repeat; width:1px; height:1px; top:260px; left:232px; display:none; }
#star1{ position:absolute; background:url(../img/star1.png) center top no-repeat; width:44px; height:28px; top:246px; left:212px; display:none;}
.star2{ position:absolute; background:url(../img/star2.png) center top no-repeat; width:48px; height:47px; top:236px; left:210px; display:none;}
#visual_box_sub_line2{ position:absolute;background:url(../img/a_line_02.png) center top no-repeat; width:530px; height:1px; top:260px; left:232px; display:none; }

#about_us{ height:600px; }
/*#portfolio{height:782px;}
*/
#portfolio{height:1270px;}
#business_service{ height:670px;}
#platform{ height:782px; }
#departments{ height:2180px;}
#departments:after {display:block;visibility:hidden;clear:both;content:""}
#customer_service{ height:782px;}

.main_content_array{ position:relative;width:100%;margin:0 auto;  margin-top:50px;}
.main_content_array h3{ z-index:1111111; padding-top:50px; margin-left:-100px; visibility:hidden;}
.text_shadow{ position:absolute; left:55px; top:50px; z-index:-1; display:none;}

/*메인 about_us*/
#about_us_c{ position:relative; width:100%; font-family:"나눔바른고딕";}
#about_us_content{ position:absolute; top:0px; width:1000px; height:500px; display:none; }
#about_us_left{position:absolute; left:0;}
#about_us_left #about_us_left_font1{ display:none; margin-left:-10px;}
#about_us_left #taesan_ani{ display:none; margin-left:-10px;}

#about_us_right{ position:absolute; right:0;font-size:10pt; padding-top:100px; color:#565656; width:450px;  margin-top:20px;}
#about_us_right_txt{ height:0; overflow:hidden;  margin-top:-40px; line-height:1.5em;}
#about_us_right strong{font-size:16pt; padding-bottom:10px; display:block; padding-top:23px; color:#252525; font-weight:400; line-height:1.2em;}

#about_us_right_back{ position:absolute; top:0; left:0; z-index:-1;}
#about_us_right_back img#about_us_right_font1{ position:absolute; top:-45px; left:0px; z-index:0; display:none;  }
#about_us_right_back img#about_us_right_back2{ position:absolute;top:15px; left:-40px; z-index:-1; display:none;}
#about_us_right_font1{ font-size:16px; color:#565656; }
#about_us_right_font1 strong{ font-size:34pt; color:#197dc8; padding-top:0px; margin-left:-5px;}
#taesan_ani{ position:relative; width:450px; height:310px; border:3px solid #7499BB; margin-top:20px;}
#movie_control_button{ position:absolute; top:130px; left:192px; cursor:pointer; z-index:111111111111111111111111111;}
#about_us_c_2{ position:absolute; top:-70px; width:100%;background:url(../img/about_02.png) center top no-repeat; height:480px;}


#portfolio_c{ position:relative; width:1000px; margin:0 auto;}
/*#port_content{ position:absolute; left:0; width:100%; padding-top:100px; top:20px; background:url(../img/pr_line_bg.png) center 160px no-repeat; height:530px; z-index:11111; }
*/
#port_sub_content{ position:absolute; left:-20px; width:0px;  top:10px; background:#dadada; height:830px; overflow:hidden; overflow-y:auto;}
.port_sub_content_close{ position:absolute; right:20px; top: 20px;cursor:pointer}

#port_tabbox{ position:absolute; left:480px; top:30px; background:url(../img/tab_box.png) 0 0 no-repeat; width:0px; height:150px;  } 
#port_tabbox li{ list-style:none;  margin-top:10px;  float:left; color:#4e4e4e; text-align:center; cursor:pointer; height:30px;line-height:30px; display:none}
#port_tabbox li.tabck{background:#3f3f3f; color:#FFFFFF;}
#port_tabbox_0{ width:69px;margin-left:17px;}
#port_tabbox_1{ width:70px;margin-left:3px;}
#port_tabbox_2{ width:146px; margin-left:3px;}
#port_tabbox_3{ width:98px;margin-left:3px;}
#port_tabbox_4{ width:92px;margin-left:3px;}

#small_pic{ position:absolute; bottom:80px; left:540px;}
#small_pic li{margin-right:10px; float:left; cursor:pointer;}
#small_pic li div{ position:absolute; left:0; bottom:80px; width:400px;   }
#small_pic li div h5{ position:relative; color:#FFFFFF; font-size:40px; padding-bottom:10px; font-weight:normal; display:none;}
#small_pic li div p{font-size:14px; color:#1c1c1c; display:none;}
.small_img{ display:none;}
.big_img{display:none;}
#big_pic{ background:rgba(255,255,255,0.5);width:0px; height:292px; position:absolute; top:280px; right:520px; font-size:0px; cursor:pointer}
.wr_id{ display:none;}
.wr_content_body{ display:none;}
.wr_sub_view{display:none;}
.wr_sub_view_left{ float:left; margin-left:20px; margin-top:120px;}
.wr_sub_view_left2{ float:left; margin-left:20px; margin-top:120px; width:60px; }
.wr_sub_view_left2 img.sub_s_img{ width:59px; height:59px; border:1px solid #888888;}
.wr_sub_view_right{ float:right; margin-top:120px; width:330px; margin-right:10px;}
.wr_sub_view_right strong{ font-size:18px; color:#000000; display:block; margin-bottom:20px;}
.wr_sub_view_right p{ font-size:12px; color:#494949; margin-bottom:40px; line-height:18px;}
.btn_port_admin{ position:absolute; right:10px; top:450px; background:#FF7E00; padding:5px 10px;}


#business_service{ position:relative;  width:100%; }
#business_c{position:relative; width:1000px; margin:0 auto;}

#business_icons{ position:absolute;left:0; top:180px; width:100%;z-index:111111; }
#business_icons ul#business_icons_ul{ position:absolute; top:0px; left:100px;}
#business_icons ul#business_icons_ul li.business_icons_li{ position:relative; float:left; list-style:none; cursor:pointer; display:none; }
#business_service_bg{ position:absolute; bottom:-50px; background:url(../img/port_bg.png) center bottom no-repeat; height:353px; width:100%; z-index:1; }
#business_icons p{ position:relative; z-index:1111;}
#business_icons p span{ position:absolute; left:12px; top:12px; display:none;}

.business_sss{ position:absolute; width:144px; height:1px; overflow:hidden; left:-1px; top:71px;text-align:center;}
.business_sss h5{ background:#000000; height:122px; line-height:200px; color:#BDBDBD; font-size:14px; border:1px solid #E5E5E5; border-bottom:none; }
.business_sss ul{background:#aaaaaa; padding-top:40px; height:172px; border:1px solid #E5E5E5; border-top:none; }
.business_sss ul,li{ list-style:none;  margin:0;}
.business_sss ul li{ height:24px; line-height:24px; font-weight:bold; color:#2D2D2D;}

#business_sub_content{position:absolute; right:0px; width:0px;  top:10px; background:#dadada; height:694px; overflow:hidden; overflow-y:auto;}
.business_sub_close{position:absolute; right:20px; top: 20px;cursor:pointer}
.business_sub_tab{ display:none; margin-top:20px; margin-left:20px;}
.business_sub_tab li{ list-style:none;  float:left; color:#454545; text-align:center; cursor:pointer; height:30px;line-height:30px; border:1px solid #b4b4b4; border-right:none; padding:2px 8px;}
.business_sub_tab li.tabck{background:#878787; color:#FFFFFF;}
.business_sub_data{ width:1000px; clear:both; margin:auto; margin-top:250px; text-align:center; }
#platform_c{ position:relative; width:1000px; margin:0 auto;}
#platform_content{ position:absolute; top:50px; width:100%; }
#platform_content_left{ position:absolute; left:0; top:120px;background:url(../img/platform_bg1.png) center top no-repeat; width:569px; height:510px;}
.platform_img{ position:absolute; top:27px; left:42px; display:none;}
#platform_ani{ position:absolute; width:87px; height:49px;background:url(../img/platform_bg1_1.png) left top no-repeat; right:10px; bottom:10px;z-index:111; }

#platform_content_right{ position:absolute; top:-28px; right:0;width:426px; height:780px; overflow:hidden; background:url(../img/plat-bg.png) center 110px no-repeat;  margin-right:30px;  }
#platform_content_right .swiper-slide{ margin:0 0;}
#platform_content_right_bg{position:absolute;top:-45px;right:0px;background:url(../img/platform_bg2.png) center top no-repeat; width:426px; height:831px; z-index:11;  }
#platform_content_right dl{ height:100%;}

#platform_content_right dl,dt,dd{ margin:0; padding:0; padding-left:20px}
#platform_content_right dl{ line-height:22px; font-size:12px; }
#platform_content_right dt{ font-size:17pt; font-weight:500; padding-bottom:14px; }
#platform_content_right #scroll{ position:absolute; left:60px; top:230px; z-index:1000000; width:300px; text-align:center; height:180px; }
#departments_c{ position:relative; width:1000px; margin:0 auto;}
#departments_c ul#departments_tabbox{position:absolute; left:460px; top:30px; background:url(../img/departments_tab_bg.png) 0 0 no-repeat; width:0px; height:150px; }
#departments_c ul#departments_tabbox li{ list-style:none;  margin-top:10px;  float:left;color:#4e4e4e; text-align:center; cursor:pointer; height:30px;line-height:30px; display:none;}
#departments_c ul#departments_tabbox li.tabck{background:#3f3f3f; color:#FFFFFF;}
#departments_c ul#departments_tabbox li#departments_tabbox_1{ width:56px;margin-left:25px;}
#departments_c ul#departments_tabbox li#departments_tabbox_2{ width:63px;margin-left:2px;}
#departments_c ul#departments_tabbox li#departments_tabbox_3{ width:78px;margin-left:2px;}
#departments_c ul#departments_tabbox li#departments_tabbox_4{ width:80px;margin-left:2px;}
#departments_c ul#departments_tabbox li#departments_tabbox_5{ width:89px;margin-left:2px;}
#departments_c ul#departments_tabbox li#departments_tabbox_6{ width:80px;margin-left:2px;}


#departments div#departments_img{ position:absolute; top:180px; left:0px; width:100%;}
#departments div#departments_img ul{ clear:both; width:100%; margin:0 auto; background:url(../img/member/d_dot.png) left top repeat-x;  padding-top:50px; }
#departments div#departments_img ul:after {display:block;visibility:hidden;clear:both;content:""}
#departments div#departments_img ul li{ position:relative; float:left; margin-right:25px; margin-bottom:80px; list-style:none; }
#departments div#departments_img ul li figcaption{ position:absolute; background:#c7c7c7; top:160px; left:0px; display:block; width:99px; height:40px; overflow:hidden; padding-left:10px; }
#departments div#departments_img ul li figcaption strong{ font-size:12px; padding-top:5px; display:block;}
#departments div#departments_img ul li figcaption p{ padding-top:8px ;}
#departments_c .d_mc_box{position:relative; border:1px solid #000000; padding:5px 10px; background:#000000; color:#ffffff;display:none; width:100px; top:-50px; }

#customer_c{ position:relative; width:1000px;; margin:0 auto;}
#customer_tabbox{ position:absolute; left:500px; top:30px; background:url(../img/customer_service_tab_bg.png) 0 0 no-repeat; width:0px; height:150px;} 
#customer_tabbox li{ list-style:none; margin-top:60px;  float:left; color:#4e4e4e; text-align:center; cursor:pointer; height:30px;line-height:30px; display:none;}
#customer_tabbox li.tabck{background:#3f3f3f; color:#FFFFFF;}
#customer_tabbox_1{ width:80px;margin-left:203px;}
#customer_tabbox_2{ width:98px; margin-left:3px;}
#customer_tabbox_3{ width:72px;margin-left:3px;}
.customer_tab_content{ position:absolute; left:0; top:150px; width:100%; display:none;}
#customer_sever_add{ position:absolute; right:14px; top:-10px; display:none;}
#customer_sever_add strong{ font-size:14px; margin-bottom:10px; display:block; margin-top:40px;}
#customer_sever_add address span{ margin-left:32px;}
#customer_sever_add .add{ padding-bottom:3px; font-size:12px;font-style:normal; line-height:1.5em;}
#customer_sever_add p{ padding-top:5px; }
#customer_sever_add a{  margin-left:5px;}
#china_news{ height:600px;  }
.skip{ font-size:-11111111px; position:absolute; top:-1111111111111111px; left:-111111111111111111111111px; display:none;}

.top_dotbox{background:url(../img/v_dot.png) center center; height:2px; position:absolute; top:4px; width:100%;}

 
#footer{ background:url(../img/footer_bg.png) center bottom no-repeat; width:100%; height:382px;}
#footer #copy_right{ width:100%; background:url(../img/copy_bg.png) center top repeat-x; height:66px;}
#footer #copy_right div{ width:900px; margin:0 auto; line-height:66px; font-size:14px; color:#383838; }
#footer #copy_right div span{ padding-left:50px; font-size:12px;}


#board_content{ width:1000px; margin:0 auto; background:#FFFFFF; padding:20px 0;}

















/* CSS Document */
/*--------------------------------------
	written by Byeon sang woo
	
	swbyeon@reseedcrop.com
	--------------------------------------*/

.portfolio_layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:11111111111111111111111;
	display:none;
   
}

.portfolio_layer .portfolio_layer_bg{
	position:fixed;
	width:100%;
	height:200%;
	background:#000;
	opacity:.5;
	left:0;
	top:0;
	-webkit-transform: translateZ(0);
	filter:alpha(opacity=50);
}

.portfolio_layer .portfolio_layer_cont{
width:307px;
	border-top:6px #abb0b4 solid;
	position:absolute;
	left:50%;
	margin-left:-125px;
	background:#fff;
	padding:20px 20px 50px;
	display:none;
   

}


.portfolio_layer_close{
	width:33px;
	height:32px;
	position:absolute;
	top:15px;
	right:15px;
	cursor:pointer;
	background:url('../img/portfolio/portfolio_close.gif') no-repeat;
}

.portfolio_layer_txt{
	float:left;
}

.portfolio_layer_title {
	width:100%;
	height:360px;
	position:relative;
	margin-top:40px;
 
}

.portfolio_layer_title img{
	width:100%;
}

.portfolio_layer_title h2{ font-family:"나눔고딕";	
}
.portfolio_layer_title pre{  color:#747474; line-height:1.5em;margin-top:5px;margin-bottom:15px;  overflow:hidden; font-size:12px; font-family:"나눔고딕";	

}
.portfolio_layer_title a{   color:#08CCDC;  font-family:"나눔고딕";	}


.portfolio_layer_txt h5{
	font-size:15px;
	font-family:NANUM;
	line-height:110%;
	color:#434343;
}
.portfolio_layer_txt p{
	font-size:14px;
	font-family:NANUM;
	line-height:130%;
	margin-top:10px;
	font-weight:400;
	color:#999;
}

.portfolio_layer_txt p.portfolio_txt_url{
	font-size:12px;
	font-family:NANUM;
	margin-top:20px;
	color:#83c8f2;
	word-break:break-word;
}

.portfolio{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/portfolio/portfolio_title_bg.jpg', sizingMethod='scale');
	background:url('../img/portfolio/portfolio_title_bg.jpg') center 0 no-repeat  #3b3b3a fixed;
}

.portfolio_cont{
	width:1040px;
	display:block;
	margin:auto;
	padding:60px 0 0;
}


.hall_of_fame_title{
	border-bottom:5px #b9bdc1 solid;
	margin:0 5px 60px 5px;
}

.portfolio_cont h5{
	font-family:HelveticaNeue;
	color:#5e626c;
	font-size:30px;
	line-height:100%;
	margin-bottom:12px;
	letter-spacing:-1px;
}

.hall_of_fame_title p{
	font-size:16px;
	line-height:100%;
	margin-bottom:20px;
}

.hall_of_fame_title p, .portfolio_title p{
	font-family:NANUM;
	color:#74787b;
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin:0;
	padding: 0;
	*zoom: 1;
}

/** portfolio slider
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* PAGER */

.active{
	
}
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 0px;
	background: url('../img/portfolio/arrow_prev.png') #dddfe1 no-repeat 24px center;
}

.bx-wrapper .bx-next {
	right:0px;
	background: url('../img/portfolio/arrow_next.png')  #dddfe1 no-repeat 26px center;
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
	background-color:#aaadb2;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top:79px;
	outline: 0;
	width:63px;
	height: 63px;
	text-indent: -9999px;
	z-index: 7;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.portfolio_slider{
	overflow:hidden;
	height:293px;
}
.portfolio_slider li{
	height:293px;
	position:relative;
	width:100%;
}

.portfolio_slider li img{
	left:5px;
 
	width:462px;
	position:absolute;
}


.portfolio_slider_txt{
	width:507px;
	position:absolute;
	left:49%;
	
	top:80px;
}

.portfolio_slider li span p{
	font-size:12px;
	color:#000000;
	line-height:150%;
	font-family:"나눔바른고딕"
}

.portfolio_slider li span h5{
    font-family:NANUM;
	font-size:15px;
	line-height:130%;
	display:block;
}
.portfolio_slider li span h5 p{
	font-family:"나눔바른고딕";
	display:block;
	font-size:28px;
	margin-left:0;
	color:#FFFFFF;
    line-height:110%;
	font-weight:400;
}



.portfolio_slider li span h5 span{
	font-weight:300;
}

.thumb_item_list ul{
	width:1040px;
	display:block;
	margin:0 auto;
}

#portfolio_slider_more ul{
	/*display:none;
    */
    margin-top:50px;
}

#portfolio_slider_more ul#do {
	display:none;
  
}

#portfolio_slider_more ul#lo li{
	height:118px;
    cursor:pointer; 
}
#portfolio_slider_more ul#lo li img{
	padding:0;
    
}
.thumb_item_list ul li div img{
	width:100%;
}

.thumb_item_list ul li p{
	font-weight:500;
	font-size:12px;
	font-family:NANUM;
	color:#6d6d6d;
	padding:5px 0 5px 5px;
	display:inline-block;
}
.thumb_item_list ul li p.portfolio_thumb_txt1{
	font-size:15px;
	height:42px;
	font-weight:bold;
	background:url('../img/portfolio/portfolio_thumb_icon1.jpg') left center no-repeat;
}
.thumb_item_list ul li p.portfolio_thumb_txt2{
	background:url('../img/portfolio/portfolio_thumb_icon2.jpg') left center no-repeat;
}
.thumb_item_list ul li p.portfolio_thumb_txt3{
	background:url('../img/portfolio/portfolio_thumb_icon3.jpg') left center no-repeat;
}

.thumb_item_list ul li p.portfolio_thumb_txt1, .thumb_item_list ul li p.portfolio_thumb_txt2, .thumb_item_list ul li p.portfolio_thumb_txt3{
	background:none;
}
.thumb_item_list ul li p.portfolio_thumb_txt2{
	height:65px;
	width:90%;
}

.portfolio_more_txt{
	width:100%;
	background:url('../img/portfolio/icon_2.png') top center no-repeat;
	text-align:center;
	font-family:'나눔고딕';
	float:left;
 }

.portfolio_more_txt span{
	display:inline-block;
	padding:30px 30px 30px 0;
	color:#74787b;
	font-size:18px;
	line-height:100%;
	cursor:pointer;
	vertical-align:middle;
	background:url('../img/portfolio/icon_1.png') right center no-repeat;
    width:35px;
	margin-top:13px;
}

.portfolio_under_more_txt{
	width:1040px;
	clear:both;
	text-align:center;
	font-family:HelveticaNeue, NANUM;
	display:block;
	margin:auto;
	
}

.portfolio_under_more_txt span{
	display:inline-block;
	padding:20px 0;
	color:#74787b;
	font-size:18px;
	line-height:100%;
	cursor:pointer;
	vertical-align:middle;
	width:100%;
	background:#cdd1d4;
	margin-top:50px;
}

.portfolio_more_txt span.more_icon_on{
 	background:url('../img/portfolio/icon_1a.png') right center no-repeat;
}

.more_on_margin{

}

.portfolio_more_txt img{
	display:inline-block;
	padding:25px 0 20px 0;
	vertical-align:middle;
	cursor:pointer;
}

.thumb_item_list li{
	width:136px;
	background:#fff;
	color:#171717;
	border:1px #bababa solid;
	display:block;
	margin:2px;
	
	float:left;
	cursor:pointer;
	position:relative;
}

.thumb_item_list li img{
	width:100%;
	height:100%;
	
}
._on{background:#000000;}
.portfolio_slider_pager_mobile{
	width:100%;
	clear:both;
	text-align:center;
	font-family:NANUM;
	display:none;
	margin-top:15px;
	border-top:1px #efefef solid;
	position:relative;
	color:#74777c;
}
.portfolio_slider_pager_mobile p{
	display:inline-block;
	width:59px;
	float:left;
	padding:30px 0;
	border-right:1px #efefef solid;
}

.portfolio_slider_pager_mobile p.portfolio_slider_pager_mobile_currentPage{
	display:inline-block;
	text-align:center;
	width:150px;
	position:absolute;
	left:50%;
	margin-left:-75px;
	border-right:0;
}
.portfolio_slider_pager_mobile p.portfolio_slider_pager_mobile_lastPage{
	float:right;
	border-right:0;
	border-left:1px #efefef solid;
}

.portfolio_slider_pager_mobile img{
	display:inline-block;
	margin:0 10px;
	vertical-align:middle;
}

.thumb_hover_border, .active{
	position:absolute;
	left:-2px;
	top:-2px;
	width:100%;
	height:100%;
	border-top:2px #8C8C8C solid;
	border-left:2px #8C8C8C solid;
	border-right:2px #8C8C8C solid;
	border-bottom:2px #8C8C8C solid;
    background:#1ACBA1;
	opacity:0.5;
	
}

.active{
	display:block;
}

.thumb_hover_border{
	display:none;
}


.portfolio_section{
	background:#eeeff1;	
	padding:60px 0;
}

.title_wrap{
	width:1040px;
	display:block;
	margin:auto;
}

.portfolio_title{
	margin:0 5px 50px 5px;
	border-bottom:5px #b9bdc1 solid;
}

.portfolio_title h5{
	font-family:HelveticaNeue;
	color:#5e626c;
	font-size:30px;
	line-height:100%;
	margin-bottom:12px;
	letter-spacing:-1px;
}

.portfolio_title p{
	font-size:16px;
	line-height:100%;
	margin-bottom:20px;
	font-family:NANUM;
}

        #roll
        {
	        display: none;
            width: 15px;
            margin-right: -561px;
            position: fixed;
            right: 50%;
            top: 255px;
            _margin-right: -530px;
            _position: absolute;
            _margin-top: 300px;
            _top: expression(eval(document.documentElement.scrollTop));
			z-index:9000000000000;
			
			
        }
#roll .quick{ 
	margin-bottom:5px;
	cursor:pointer;
	}
#roll .on_data{position:absolute; width:60px; opacity:0; margin-top:-35px; z-index:-1}