@charset "utf-8";

@import "common.css";

/* 상단 */
#wrap{ min-width:1000px}
#header{ width:960px; margin:0 auto; height:90px;}
.util{ float:right; margin-top:14px; text-indent:-9999px; margin-right:-10px; width:260px}
.util li{ float:left; background:url(../images/common/util_bar.gif) no-repeat left top; padding:0 10px; height:10px}
.util li.gmfirst{background:none}
.gm1 a{ background:url(../images/common/util_home.gif) no-repeat; display:block; width:30px}
.gm2 a{ background:url(../images/common/util_menuall.gif) no-repeat; display:block; width:45px}
.gm3 a{ background:url() no-repeat; display:block; width:43px}
.gm4 a{ background:url() no-repeat; display:block; width:44px}
.gm5{ display:none;background:url(../images/common/bg_gnb_arrow.gif) right top no-repeat}

h1{ text-indent:-9999px;}
h1 a{ cursor:pointer;/*width:229px; height:60px;*/ display:block;/*background:url(../images/common/seihon_logo_.png) no-repeat;top:-4px;*/ margin-left:0px; position:relative ;outline:none; selector-dummy:expression_(this.hideFocus=true); }
#gnb{ float:right; text-indent:-9999px; width:600px; position:relative; top:-20px}
#gnb li{ float:left}
#gnb .link1 a{ display:block; background:url(../images/common/menu01.gif); width:63px; height:15px; margin-right:57px}
#gnb .link2 a{ display:block; background:url(../images/common/menu02.gif); width:50px; height:15px; margin-right:57px}
#gnb .link3 a{ display:block; background:url(../images/common/menu03.gif); width:50px; height:15px; margin-right:57px}
#gnb .link4 a{ display:block; background:url(../images/common/menu04.gif); width:50px; height:15px; margin-right:57px}
#gnb .link5 a{ display:block; background:url(../images/common/gnb_eservice.png); width:132px; height:32px; margin-top:-10px}

#gnb .link1 a:hover, #gnb .link1 a:active, #gnb .link1 a:focus{ background-position:0 -22px}
#gnb .link2 a:hover, #gnb .link2 a:active, #gnb .link2 a:focus{ background-position:0 -22px}
#gnb .link3 a:hover, #gnb .link3 a:active, #gnb .link3 a:focus{ background-position:0 -22px}
#gnb .link4 a:hover, #gnb .link4 a:active, #gnb .link4 a:focus{ background-position:0 -22px}
/*#gnb .link5 a:hover, #gnb .link5 a:active, #gnb .link5 a:focus{ background-position:0 -22px}*/
#gnb .link5 a:hover, #gnb .link5 a:active, #gnb .link5 a:focus{ background-position:0}



#gnb_assist {display:none; position:relative; z-index:9999;}
.gnb_assist_01 {display:block; width:100%; background:#7d6a44}
.gnb_assist_01 a {position:relative; display:block; padding:14px 14px 11px 15px; font-size:1.3em; color:#e5e1da}
.gnb_assist_01 a:hover, .gnb_assist_01 a:active {text-decoration:none}
.gnb_assist_01 a span { position:absolute; right:14px; top:15px; display:block; width:20px; height:14px; background:url(../images/common/bg_assist_arrow.gif) right top no-repeat}
.gnb_assist_02 { background:#e5e1da; padding-top:2px; padding-bottom:0px}
.gnb_assist_02 li a { display:block; font-size:1.2em; padding:8px 0 7px 12px; border-bottom:1px dotted #cdc8bf; background:url(../images/common/bg_list_arrow.gif) right center no-repeat; color:#574317}
.gnb_assist_03 li a { display:block; font-size:1.2em; padding:8px 0 7px 12px; border-bottom:1px solid #e6e6e6; background:#f1f1f1}
.gnb_assist_03 li.end a { border-bottom:none }
.gnb_assist_03 li ul li a {border-bottom: none; font-size:1em; padding:3px 0 2px 30px; background:#fff}


/*sub*/
    #content_wrap {max-width:1000px; height:100%; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1;}
	#leftmenu   {display:block;}
	#content    {margin-left:0; border-left:none}
	#content_body {padding:0 6px 40px 6px}
    #header{position:relative; width:100%px;; height:110px; margin:0 auto;border-bottom:1px solid #efefef;}
    .headerInner {width:980px; margin:0 auto;}
    #content_body {position:relative; left:0; top:0; clear:both; padding:0 3.1% 50px 3.5%; *padding:0 30px 50px 30px}



/* 컨텐츠 */
/*#subcontainer{ background:url(../images/common/sub_bg.gif) repeat-x; width:100%}*/
.contents_wrap{ width:960px; margin:0 auto}
.left{ width:269px;/* float:left;*/}
#snb{ margin-top:20px}
#snb li{ border-bottom:1px solid #dcdcdc}
#snb li a{ display:block; padding:7px 0 7px 35px; text-decoration:none; color:#505050}
#snb li a.on{ background:url(../images/common/left_menu_bg.gif) no-repeat 20px 11px; color:#48699b; font-weight:bold}
#snb li a:hover{ color:#48699b}
#snb ul{ background:#f7f4ed;  padding-top:5px}
#snb ul li{ border-bottom:none}
#snb ul li.last{ border-bottom:0}
#snb ul li a{ color:#5c5b5b; padding:3px 0 3px 35px; }
#snb ul li a:hover{text-decoration:underline}
#snb ul li a.on{ background:none; color:#288bd0; font-weight:bold; color:#202020; text-decoration:none}
.right{ /*margin-left:217px; */}
#contents{border-left:1px solid #e8e8e8;  padding-bottom:30px;padding-left:30px;}
.content{position:relative}
.top{height:130px; position:relative; }
.sub_img{position:absolute; top:0; right:0; width:412px; height:206px; z-index:1;}
.top h3{ background:url(../images/common/title_bg.gif) no-repeat left 45px; color:#fff; padding:60px 0  20px 25px; font-family:Malgun gothic; font-size:26px; font-weight:normal; z-index:100; position:relative ;}
#contents .hwarp .navi .home { background:url(../images/common/navi_homeicon.gif) no-repeat left center; padding-left:17px; display:inline-block; }

	#history { color:#999999; font-size:0.9em; background:url() left 26px no-repeat; text-align:right; padding-right:11px;}
	#history .current {color:#007bff; letter-spacing:0px;}
/*	#content-area h3 { margin:0 0 54px 0;}*/
	#content-area h3.submain { margin:0;}
	#content-area .subexp {margin:8px 0 29px 0;}

/* service_wrap */
	.service_wrap{}
	.service_wrap .info_wrap{height:1%;margin:3px 0 0 0;}
	.service_wrap .info_wrap:after{display:block; clear:both; content:'';}
	.service_wrap .info_wrap .left_photo{width:540px;float:none;background:#eee;padding:0px;}
	.service_wrap .info_wrap .left_photo .photo_img{width:300px; height:508px;background:#fff; padding-left:0px;border:3px solid #e0e0e0}
	.service_wrap .info_wrap .right_info{width:704px;float:left;}

	.service_wrap .info_tit{margin:0;clear:both; padding-top:20px;padding-bottom:10px;}

	.service_wrap .info_wrap .right_info .tbl_view{width:100%;margin:0;border-top:solid 1px #dce2ec;color:#464646;border-left:solid 1px #dce2ec;}
	.service_wrap .info_wrap .right_info .tbl_view tbody th{height:30px;text-align:left;width:100px;padding-left:15px;border-bottom:solid 1px #dce2ec;border-right:solid 1px #dce2ec;background:#f4f4f4;color:#3b70a3;}
	.service_wrap .info_wrap .right_info .tbl_view tbody td{padding:5px 0 5px 15px;border-bottom:solid 1px #dce2ec;border-right:solid 1px #dce2ec;}

	.service_wrap .service_kind{border-top:solid 1px #b9c6d9;padding:29px 0 0 20px;}
	.service_wrap .service_kind .kind_list{height:1%;}
	.service_wrap .service_kind .kind_list:after{display:block; clear:both; content:'';}
	.service_wrap .service_kind .kind_list li{width:300px;float:left;margin:0 0 10px 0;}
	
	

/* style guide-4th menu */
.tab_list {display:block; height:32px; margin-top:10px; background:url('../images/common/bg_tab_bar.gif') repeat-x ;} 
.tab_list li { float:left; display:inline-block; border-right:1px solid #fff}
.tab_list ul:after{ display:block; clear:both; content:""}
.tab_list li a { display:block; padding:7px 0 9px 0; width:120px; height:20px; text-align:center; background:url('images/common/bg_tab_off.gif') repeat-x } 
.tab_list li.on a { font-weight:bold; color:#fff; background:#7592bd; background:url('images/common/bg_tab_on.gif') top center no-repeat}

.tab_list01 {display:block; height:32px; margin-top:10px; background:url('images/common/bg_tab_bar.gif') repeat-x } 
.tab_list01 li { float:left; display:inline-block; border-right:1px solid #fff}
.tab_list01 li a { display:block; padding:7px 0 9px 0; width:140px; height:20px; text-align:center; background:url('images/common/bg_tab_off.gif') repeat-x } 
.tab_list01 li.on a { font-weight:bold; color:#fff; background:#7592bd; background:url('images/common/bg_tab_on.gif') top center no-repeat}

.tab_list02 {display:block; height:52px; margin-top:10px; background:url('images/common/bg_tab_bar.gif') repeat-x } 
.tab_list02 li { float:left; display:inline-block; border-right:1px solid #fff}
.tab_list02 li a { display:block; padding:7px 0 9px 0; width:140px; height:40px; text-align:center; background:url('images/common/bg_tab_off.gif') repeat-x } 
.tab_list02 li.on a { font-weight:bold; color:#fff; background:#7592bd; background:url('images/common/bg_tab_on.gif') top center no-repeat}



/* 풋터 */
.footer_wrap{ clear:both;}
.footer_util{ width:960px; margin:0 auto}
.footer_menu{ float:left; text-indent:-9999px; height:12px; width:330px}
.footer_menu li{ float:left; padding-right:12px; padding-top:9px}


.add{ width:960px; margin:0 auto; padding:20px 0;}
.cotyright{ float:left;  background:url(../images/common/foot_logo.png) no-repeat left 0px; padding-left:150px; padding-bottom:20px; font-size:11px; color:#787878  }
.cotyright address{ line-height:normal}
.footer_family{ float:right; padding-bottom:10px; width:200px}

#familysite_select		{width:150px; height:21px; color:#666666}
.footer_family			{position:; width:220px; right:10px; top:0px; text-align:right}
.footer_family input	{vertical-align:bottom}




/*슬라이스 메인*/

@media all and (max-width:960px){
#header{ width:95%}
.contents_wrap{ width:100%}
.footer_util{ width:95%}
.add{ width:95%}

}

@media all and (max-width:950px){
.searchbox04 { display:block;} 
.searchbox04 .searchbox04_fl { float:none; width:auto; margin-bottom:10px} 
.searchbox04 .searchbox04_fr { float:none; width:auto}

}

@media all and (max-width:800px){
#header{ width:100%; height:auto}
h1 a{background:url(../images/common/logo_m.gif) no-repeat; width:130px; height:50px; top:4px; position:relative; margin-left:10px; }
#gnb {display:none}
#gnb_assist {display:block}

.util{ float:right; margin-top:14px; text-indent:0; margin-right:5px; width:auto}
.util li{ float:left; background:none; padding:0 4px 10px;  }
.util li a{color:#585858}
.util li.gmfirst{background:none}
.gm1, gm2{display:none; background:none}
.gm1 a{ background:none; display:none; width:0}
.gm2 a{ background:none; display:none; width:0}
.gm3 a{ background:none; display:block; width:auto;}
.gm4 a{ background:none; display:none; width:auto}
.gm5{ display:block;}
.gm5 a{ padding:5px 20px 5px 0px; background:url(images/common/bg_gnb_arrow.gif) right top no-repeat;}
#snb{ margin-top:20px; display:none}

.right{ margin-left:0; }
.sub_img{background:none ; display:none; position:static}
.top{background:url(images/common/sub_img_m_no.jpg) no-repeat left top; position:static }
.top h3{ width:auto; line-height:1.1em;font-size:25px; padding-left:15px; position:static }
#contents{border-left:none;border-right:none;padding-bottom:70px; padding-left:12px;padding-right:12px}
.indi{display:none; position:static}
.content{ margin-top:30px; position:static}

.footer_menu{ float:left; text-indent:0; height:12px; width:auto}
.footer_menu li{ float:left; padding-right:12px; padding-top:9px}
.fmenu1 a{ display:block; background:none; width:auto;}
.fmenu2 a{display:block; background:none; width:auto}
.fmenu3 a{display:block; background:none; width:auto}
.add{ width:980px; margin:0 auto; padding:20px 0}
.cotyright{ float:left;  background:url(../images/common/foot_logo.png) no-repeat left 5px; padding-left:10px; padding-bottom:20px; font-size:11px; color:#787878  }
.cotyright address{ line-height:normal}




.pageing { display:none;background:#fff000;clear:both; margin-top:10px; text-align:center}
.pageing_mobile {  display:block;clear:both; margin-top:10px; text-align:left} 
.pageing_mobile span { padding:0;margin:0 10px}
.pageing_mobile a {display: inline-block; width: 25px; height: 25px; font: normal 1em/25px tahoma; color: #888; text-align: center; vertical-align: middle; border: 1px solid #ededed}
.pageing_mobile a:hover	{color: #fff; background: #7e92b1;border:1px solid #7e92b1;text-decoration:none}
.pageing_mobile a.selected	{color: #fff; background: #7e92b1;border:1px solid #7e92b1}	
.footer_family{ float:right; padding-bottom:10px; width:auto}


.top{height:130px; position:relative; }
.sub_img{position:absolute; top:0; right:0; width:412px; height:206px; z-index:1;}

.tab_list {padding-bottom:30px}
.tab_list li { width:33%}
.tab_list li a { width:100%}
.tab_list02 li { width:33%}
.tab_list02 li a { width:100%}

.c_sub{padding-top:15px}

}

@media all and (max-width:600px){

.footer_menu{ float:none; width:auto;}
.fmenu1 , .fmenu2, .fmenu3{ width:99%; text-align:center}
.fmenu1 a{ display:block; background:#f4f4f4 none; width:auto; border:1px solid #e0e0e0; padding:3px 0}
.fmenu2 a{display:block; background:#f4f4f4 none; width:auto; border:1px solid #e0e0e0; padding:3px 0}
.fmenu3 a{display:block; background:#f4f4f4 none; width:auto; border:1px solid #e0e0e0; padding:3px 0}
.sns{ float:none; text-indent:-9999px; width:auto; clear:both; padding:15px 0}

.searchbox01 { display:block;height:50px;} 
.searchbox01 p{ float:none}
.searchbox01 p.p02{ padding:3px 0 5px 2px; color:#666}  
.searchbox01 div {float:right;border:1px solid;width:310px }

}

@media all and (max-width:350px){
.top h3{ width:auto; line-height:1.1em;font-size:20px; padding-left:15px; }
h1 a{background:url(images/common/logo_m_320.gif) no-repeat; width:110px; height:50px; top:5px;margin-left:10px; }
}


/* For Print */
@media print {
	.left { display:none}
	.right { margin-left:0}
	#header { display:none}
	#subcontainer { background:none}
	#contents { margin-left:0; padding-left:0; border-left:none}
	.footer_wrap { display:none}
	.add { display:none}
	.sub_body { background:none}
	.top { display:none}
	.top h3 { background:none; color:#000; }
	.top .sub_img { display:none}
	.indi{display:block}
}


/* Gallery styles */

#slidesGallery	{
	/* CSS3 Box Shadow */
	-moz-box-shadow: 0 0 3px #AAAAAA;
	-webkit-box-shadow: 0 0 3px #AAAAAA;
	box-shadow: 0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	
	/*border: 2px solid #FFFFFF;*/
	
	_border: 1px solid #CCCCCC;
	_padding: 3px 3px auto 3px;

	background: url(../images/common/top/slides_panel.jpg) repeat-x bottom center #ffffff;
	_background: url(../images/common/top/slides_panel.jpg) repeat-x bottom left #ffffff;
		
	/* The width of the gallery */
	width: 100%;	/* 994px; */
	overflow: hidden;
	margin: 0px 0;
}

#slides	{
	/* This is the slide area */
	height: 365px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width: 1988px;
	overflow: hidden;
}

.slide	{
	float: left;
}

#slidesMenu	{
	/* This is the container for the thumbnails */
	height: 45px;
}

#slidesMenu ul	{
	margin: 0;
	_margin: 0 0 auto 333px;
/*	_margin: 0 0 auto 17px;	*/
	padding: 0;
	text-align: center;
}
*+html #slidesMenu ul	{	/* For IE7 */
	margin: 0;
	padding: 0;
	text-align: center;
}

#slidesMenu ul li	{
	/* Every thumbnail is a li element */
	width: 333px;
	display: inline-block;
	_display: inline;
/*	list-style: none;	*/
	height: 95px;
	overflow: hidden;
	_float: left;
/*	_background: url(common/img/top/slides_hover_bg.jpg) no-repeat;	*/
	_background-color: transparent;
}
*+html #slidesMenu ul li	{	/* For IE7 */
	/* Every thumbnail is a li element */
	width: 333px;
	display: inline;
	list-style: none;
	height: 45px;
	overflow: hidden;
}


#slidesMenu ul li.inact:hover	{
	/* The inactive state, highlighted on mouse over */
	background: url(../images/common/top/slides_hover_bg.jpg) no-repeat;
}


#slidesMenu ul li.act,li.act:hover	{
	/* The active state of the thumb */
	background: url(../images/common/top/slides_active_bg.gif) no-repeat;
}

#slidesMenu ul li.act a	{
	cursor: default;
}

#slidesMenu ul li a	{
	display: block;
	height: 95px;
}

.menuItem img	{
	_background: url(../images/common/top/slides_hover_bg.jpg) no-repeat;
}

/* left style */
@charset "utf-8";

@import "common.css";

/* layout */
#wrap {position:relative; width:100%; min-width:320px; margin:0 auto; word-break:keep-all}
#header_wrap, #content_wrap, #footer_wrap {position:relative; margin:0 auto;height:50px;background-color:#e0e0e0;}

#header_wrap {background:url('../images/common/bg_gnb.gif') repeat-x; overflow:hidden; border-bottom:1px solid #dedfe0}


#gnb_util {position:relative; width:100%; height:28px; max-width:1184px; margin:0 auto}
#gnb_menu {position:relative; width:100%; height:70px; max-width:1184px; margin:0 auto}
#gnb_assist {position:relative; display:none}
#content_wrap {max-width:1000px; height:100%; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1;}

#leftmenu {
	position: absolute;
	left: 1px;
	top: 1px;
	margin: 0;
	padding: 0;
	width: 19.9%;
	min-width: 170px;
	z-index: 1;
	overflow: hidden
}
#content  {display:block; /*min-height:660px; margin-left:19.9%; border-left:1px solid #f1f1f1*/}
#content_body {position:relative; left:0; top:0; clear:both; padding:0 3.1% 50px 3.5%; *padding:0 30px 50px 30px}
#footer_wrap  {clear:both; margin:0 auto;padding-top:10px; padding-bottom:40px;  no-repeat; background-position:8px 14px; /*background-color:#dedfe1; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1*/}
/*#footer_wrap  {clear:both; max-width:980px; margin:0 auto; padding-top:10px; padding-bottom:14px; background:url('../images/common/bg_footer_logo.gif') no-repeat; background-position:8px 14px; background-color:#dedfe1; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1} */
.subtitle_service   {display:none; padding:0; margin:0; width:100%; height:150px; background:url('../images/service/bg_left_title.jpg')}
.subtitle_business  {display:none; padding:0; margin:0; width:100%; height:150px; background:url('/images/business/bg_left_title.jpg')}
.subtitle_research  {display:none; padding:0; margin:0; width:100%; height:150px; background:url('/images/research/bg_left_title.jpg')}
.subtitle_introduce {display:none; padding:0; margin:0; width:100%; height:150px; background:url('/images/introduce/bg_left_title.jpg')}
.subtitle_promotion {display:none; padding:0; margin:0; width:100%; height:150px; background:url('/images/promotion/bg_left_title.jpg')}
.submenu_header     {display:none; padding:0; margin:0; width:100%; height:150px; background:url('/images/promotion/bg_left_title.jpg')}

/* common */
#header_wrap h1 {position:absolute; top:4px; left: 10px;}
#header_wrap h1 a {display:block; width:177px; height:21px; background:url('images/common/logo.gif') no-repeat; text-indent:-5000px; overflow:hidden}
.gnb_search {position:absolute; width:250px; top:21px; right:0; text-align:right; line-height:1px}
.gnb_search_in  { position:absolute; top:0; left:0; width:200px; padding:4px 0 2px 3px; outline:none; border:0; color:#b5b5b5}
.gnb_search_in:focus { color:#323232}
.gnb_search_box { position:absolute; top:0; right:0; display:block; width:237px; height:24px; border:1px solid #c9c9c9; font-size:1px; background:#fff}

.bottom_search {display:none}

.sns_list_dl { clear:both; display:block; width:99.99%; height:30px; margin-top:100px}
.sns_list_dl dt {display:none}
.sns_list_dl dd {float:left; display:inline-block; margin-right:5px}
.sns_list_dl dd a {display:block; width:40px; height:24px; background:url('/images/common/btn_sns_list.gif') no-repeat; text-indent:-5000px; overflow:hidden}
.sns_list_dl dd.link2 a {background-position:-40px 0}
.sns_list_dl dd.link3 a {background-position:-80px 0}
.sns_list_dl dd.link4 a {background-position:-120px 0}
.sns_list_dl dd.link5 a {background-position:-160px 0}
.sns_list_body { display:none}

/* gnb */
.gnb_util_dl    {position:absolute; top:6px; right:1px}
.gnb_util_dl dt {display:none}
.gnb_util_dl dd {float:left}
.gnb_util_dl dd a {display:block; width:40px; height:17px; background:url('../../seihon/images/common/util_home.gif') no-repeat; text-indent:-5000px; overflow:hidden}
/* .gnb_util_dl dd a {display:block; width:40px; height:17px; background:url('/images/common/txt_gnb_common.gif') no-repeat; text-indent:-5000px; overflow:hidden} */
.gnb_util_dl dd.gm1 a {width:36px}
.gnb_util_dl dd.gm2 a {width:54px; background-position:-36px 0}
.gnb_util_dl dd.gm3 a {width:46px; background-position:-90px 0}
.gnb_util_dl dd.gm4 a { display:none; padding:5px 20px 7px 5px; background:url('../images/common/bg_gnb_arrow.gif') right top no-repeat}
.gnb_util_dl dd.gm5 a {width:100px; background-position:-148px 0}

.gnb_menu_ul { position:relative; display:block; top:20px; left:5px}
.gnb_menu_ul li {float:left}
.gnb_menu_ul li a { display:block; width:110px; height:30px; background:url('/images/common/txt_main_common.png') no-repeat; text-indent:-5000px; overflow:hidden}
.gnb_menu_ul li.link2 a { background-position:0 -30px}
.gnb_menu_ul li.link3 a { background-position:0 -60px}
.gnb_menu_ul li.link4 a { background-position:0 -90px}
.gnb_menu_ul li.link5 a { width:100px; background-position:0 -120px}
.gnb_menu_ul li.link6 a { position:relative; top:-14px; width:145px; height:42px; background-position:0 -150px }
.gnb_assist_01 {display:block; width:100%; background:#586e91}
.gnb_assist_01 a {position:relative; display:block; padding:16px 14px 14px 10px; font-size:1.3em; color:#d5dbe3}
.gnb_assist_01 a:hover, .gnb_assist_01 a:active {text-decoration:none}
.gnb_assist_01 a span { position:absolute; right:14px; top:15px; display:block; width:20px; height:14px; background:url('../images/common/bg_assist_arrow.gif') right top no-repeat}
.gnb_assist_02 { background:#d5dbe3; padding-top:2px; padding-bottom:0px}
.gnb_assist_02 li a { display:block; font-size:1.2em; padding:8px 0 7px 12px; border-bottom:1px dotted #a5bede; background:url('/images/common/bg_list_arrow.gif') right center no-repeat; color:#325082}
.gnb_assist_03 li a { display:block; font-size:1.2em; padding:8px 0 7px 12px; border-bottom:1px solid #e6e6e6; background:#f1f1f1}
.gnb_assist_03 li.end a { border-bottom:none }
.gnb_assist_03 li ul li a {border-bottom: none; font-size:1em; padding:3px 0 2px 30px; background:#fff}

/* footer */
.foot_links_ul {margin-left:250px;margin-bottom:3px;  }
.foot_links_ul li   {float:left; display:inline-block; margin-right:7px; height:19px; border:1px solid #c6c6c8}
.foot_links_ul li a { display:block; font-size:1.2em}
.foot_links_ul li a span {display:block; margin-bottom:12px; height:19px; background:url('/images/common/txt_footer_extend.gif') no-repeat; text-indent:-5000px; overflow:hidden}
.foot_links_ul li.link1 a span {width:90px; background-position:0 0}
.foot_links_ul li.link2 a span {width:96px; background-position:-85px 0}
.foot_links_ul li.link3 a span {width:104px;  background-position:-176px 0}
.foot_links_ul li.link4 a span {width:122px; background-position:-278px 0}

.clean_links_ul {margin-left:0px;margin-bottom:4px;  }
.clean_links_ul li   {float:left; display:inline-block; margin-right:5px; height:21px; }
.clean_links_ul li a { display:block; font-size:1.25em}
.clean_links_ul li a span {display:block; margin-bottom:12px; height:21px; background:url('/images/common/txt_clean_extend.gif') no-repeat; text-indent:-5000px; overflow:hidden}
.clean_links_ul li.link1 a span {width:92px; background-position:0 0}
.clean_links_ul li.link2 a span {width:120px; background-position:-93px 0}
.clean_links_ul li.link3 a span {width:119px;  background-position:-214px 0}
.clean_links_ul li.link4 a span {width:119px;  background-position:-335px 0}

.ext_links_ul {margin-left:248px}
.ext_links_ul li   { float:left; display:inline-block; margin-right:5px}
.ext_links_ul li a { display:block; font-size:1.25em}
.ext_links_ul li a span {display:block; margin-bottom:4px; height:16px; background:url('/images/common/txt_footer_common.gif') no-repeat; text-indent:-5000px; overflow:hidden}
.ext_links_ul li.link1 a span {width:81px; background-position:0 0}
.ext_links_ul li.link2 a span {width:117px; background-position:-88px 0}
.ext_links_ul li.link3 a span {width:72px;  background-position:-212px 0}
.ext_links_ul li.link4 a span {width:109px; background-position:-290px 0}
.ext_links_ul li.link5 a span {width:101px; background-position:-404px 0}
.ext_links_ul li.link6 a span {width:44px;  background-position:-510px 0}
.footer_copyright {clear:both; margin-left:248px; color:#797979; font-size:0.9em}
.footer_copyright address {display:block; width:300px; height:15px; background:url('/images/common/txt_footer_common.gif') no-repeat; background-position:1px -18px; text-indent:-5000px; overflow:hidden}
.footer_copyright p {display:block; margin-top:3px; width:300px; height:17px; background:url('/images/common/txt_footer_common.gif') no-repeat; background-position:1px -35px; text-indent:-5000px; overflow:hidden}

#familysite_select		{width:150px; height:21px; color:#666666}
.footer_family			{position:; width:220px; right:10px; top:0px; text-align:right}
.footer_family input	{vertical-align:bottom}

/* style guide-4th menu */
.snavi { display:block; padding:10px 3.1% 0 0; height:0px; text-align:right; font-size:0.95em; color:#6a6a6a ; }
.tab_list {display:block; height:32px; margin-top:10px; background:url('/images/common/bg_tab_bar.gif') repeat-x } 
.tab_list li { float:left; display:inline-block; border-right:1px solid #fff}
.tab_list li a { display:block; padding:7px 0 9px 0; width:120px; height:20px; text-align:center; background:url('/images/common/bg_tab_off.gif') repeat-x } 
.tab_list li.on a { font-weight:bold; color:#fff; background:#7592bd; background:url('/images/common/bg_tab_on.gif') top center no-repeat}

.tab_list01 {display:block; height:32px; margin-top:10px; background:url('/images/common/bg_tab_bar.gif') repeat-x } 
.tab_list01 li { float:left; display:inline-block; border-right:1px solid #fff}
.tab_list01 li a { display:block; padding:7px 0 9px 0; width:140px; height:20px; text-align:center; background:url('/images/common/bg_tab_off.gif') repeat-x } 
.tab_list01 li.on a { font-weight:bold; color:#fff; background:#7592bd; background:url('/images/common/bg_tab_on.gif') top center no-repeat}

.tab_list02 {display:block; height:52px; margin-top:10px; background:url('/images/common/bg_tab_bar01.gif') repeat-x } 
.tab_list02 li { float:left; display:inline-block; border-right:1px solid #fff}
.tab_list02 li a { display:block; padding:7px 0 9px 0; width:140px; height:40px; text-align:center; background:url('/images/common/bg_tab_off01.gif') repeat-x } 
.tab_list02 li.on a { font-weight:bold; color:#fff; background:#7592bd; background:url('/images/common/bg_tab_on01.gif') top center no-repeat}
 


h4 {clear:both;display:block;padding-top:10px;margin:25px 0 5px 0;font-size:1.6em;color:#282828;font-weight:bold;}
h5 {display:block;/*color:#5177b0;*/ margin-top:20px; margin-bottom:10px; /*font-size:1.25em;*/ font-weight:bold;}

.dotline { display:block; padding-bottom:20px;background:url('/images/common/bg_dot_line.gif') left bottom repeat-x;}
.dl_content h4 { display:block; padding-left:10px;margin:25px 0 0 0;font-size:1.08em; color:#5177b0; background:url('/images/common/bg_bullet_01.gif') no-repeat; background-position:0 8px}
.dl_content dt { display:block;margin-top:10px;padding-left:10px;background:url('../images/common/bg_bullet_02.gif') no-repeat;background-position:4px 6px;font-weight:bold; }
.dl_content dd { display:block;padding-top:2px;padding-left:20px;background:url('../images/common/bg_bullet_04.gif') no-repeat 10px 8px;}
.dl_content dd.bullet_no { display:block; padding-left:12px;background:none;}
.dl_content dd.bullet_no_a { display:block;float:left; background:none;padding-left:15px; margin:0}
.dl_content dd ul { display:block; margin-bottom:4px; }
.dl_content dd ul li { display:block; padding-left:8px;background:none; }
.dl_content dd.table { display:block;padding-left:0px; margin-bottom:4px; background:none;}
.dl_content li { padding-left:8px; background:url('/images/common/bg_bullet_02.gif') no-repeat; background-position:3px 8px}

.dl_content_bn h4 { display:block; padding-left:10px;margin:25px 0 0 0;font-size:1.08em; color:#5177b0; background:url('/images/common/bg_bullet_01.gif') no-repeat; background-position:0 8px}
.dl_content_bn dt { display:block;margin-top:10px; font-weight:bold; background:none; }
.dl_content_bn dd { display:block;padding-top:2px;padding-left:10px;background:url('../images/common/bg_bullet_02.gif') no-repeat 2px 8px;}
.dl_content_bn dd.bullet_no { display:block;background:none;}
.dl_content_bn dd.bullet_no_left { padding:0; display:block;background:none;}
.dl_content_bn dd.ul_bullet_no {padding:0; display:block;background:none;}
.dl_content_bn dd.bullet_no_a { display:block;float:left; background:none;padding-left:15px; margin:0}
.dl_content_bn dd ul li{ padding-left:0;}
.dl_content_bn dd ul.gpspc { display:block;margin-bottom:4px; }
.dl_content_bn dd ul.gpspc li { display:block;padding-right:8px;background:none; }

.ul_content_bn ul li { display:block;margin-top:10px; font-weight:bold; background:none; }

.h5_content_ul li {padding:2px 0 2px 10px;background:url('../images/common/bg_bullet_02.gif') no-repeat;background-position:4px 9px;}
.h5_content_ul li ul li {padding-left:8px;background:url('../images/common/bg_bullet_04.gif') no-repeat 0 8px;font-weight:normal; }
.h5_content_ul .se {padding-left:2px;margin:3px 0 5px 0;background:none; }
.h5_content_ul li ul li ul li { background:none;font-weight:normal;padding-left:15px;}

.h5_content_ul_n li {padding:2px 0 2px 0;}
.h5_content_ul_n li ul li {padding-left:8px; }
.h5_content_ul_n .se {padding-left:2px;margin:3px 0 5px 0;background:none; }
.h5_content_ul_n li ul li ul li { background:none;font-weight:normal;padding-left:15px;}


/*텍스트 내어쓰기*/
.text-in { text-indent:-8px;}
.h5_content_ul li.a {padding:2px 0 2px 10px;}
.bullet_no { display:block; background:none;}

.cl {clear:both;}

.h6_content_ul li {padding-left:10px;background:url('../images/common/bg_bullet_03.gif') no-repeat;background-position:4px 6px;}
.h6_content_ul li ul li {padding-left:0px; background:#none;font-weight:normal; }
.h6_content_ul li ul li ul li {padding-left:2px; background:#none;font-weight:normal;  }

 /* 순서가 있는 표*/
.step { overflow: hidden;margin:0px; }
.step ol { overflow: hidden; border:1px solid #000}
.step li { float: left; width: 160px; margin-right:10px; margin-bottom:10px; padding:0px;background-image: url("/images/common/bg_right_arrow.gif") ; background-position-x: right;	background-position-y: 12px; background-repeat: no-repeat; }
.step li.end { float: left; width: 160px; margin-right:10px; margin-bottom:10px; padding: 0;background-image: none; }
.step li span { float: left; text-align:center; width:120px; line-height: 18px; padding: 13px 10px; background-color:#cedceb; }

/* 버튼 */
.button { display:block; padding:0; width:170px; background-color:#f0f0f0; border: 1px solid #d1d1d1; }
.button li { display:inline-block;font-weight:bold; }
.button li a { display:block; width:170px; padding:7px 0 5px 0; text-align:center;}
 
.button01 {display:inline-block;text-align:center;font-weight:bold; line-height:26px;height:26px;padding:0 16px;background-color:#f0f0f0;color:#ffffff;border:1px solid #d1d1d1}
.button01:hover {background:#5b7399;color:#fff;text-decoration:none;}

.rink_btn { display:block;float:left;padding:0;margin:10px 0 20px 0;}
.rink_btn a {display:block; padding:6px 20px 3px 36px; color: #646464; text-align: center; vertical-align: middle;background: #ffffff url('/images/common/rink.gif') no-repeat 13px 8px;border:1px solid #d2d2d2;}
.rink_btn a:hover	{color: #646464; text-decoration:underline;}

.front_btn {display:inline-block;font-weight:bold;color:#7d7d7d;margin-left:18px; margin-right:5px;}

/* content title  */
.cont_header { position:relative; margin-left:-30px; padding-left:30px; border-top:1px solid #efefef; height:140px; background:url('/images/common/bg_content_header.gif')}
.cont_header h3 { display:block; margin-top:40px; width:400px; height:35px; text-indent:-5000px; overflow:hidden}
.cont_header h3.ser0301 { display:block; margin-top:40px; width:300px; height:35px; text-indent:-5000px; overflow:hidden; background:url('/images/service/h3_title_header0301.png') no-repeat}
.cont_header div p { float:left; display:block; margin-top:23px;width:45%}

.subtitle_header { position:relative; border-top:1px solid #fff; padding-bottom:14px; background:url('../images/common/bg_content_header.gif')}
.subtitle_header h3 { margin-top:30px; margin-left:3%}
.subtitle_header div p { margin-top:23px; margin-left:3%; width:100%; }

.subtitle_header-DEL h3 { display:block; margin-top:40px; width:300px; height:35px; text-indent:-5000px; overflow:hidden}
.subtitle_header-DEL div p { float:left; display:block; margin-top:23px;width:45%;display:none;}

.subtitle_header span.h3_bg_img01 { position:absolute; bottom:0; right:0; display:block; width:45%; height:100px; background:url('../images/service/img_header_01.jpg') right top no-repeat} 
.subtitle_header span.h3_bg_img02 { position:absolute; bottom:0; right:0; display:block; width:45%; height:100px; background:url('../images/business/img_header_01.jpg') right top no-repeat}
.subtitle_header span.h3_bg_img0201 { position:absolute; bottom:0; right:0; display:block; width:45%; height:100px; background:url('../images/business/img_header_02.jpg') right top no-repeat}
.subtitle_header span.h3_bg_img0202 { position:absolute; bottom:0; right:0; display:block; width:45%; height:100px; background:url('../images/business/img_header_03.jpg') right top no-repeat}
.subtitle_header span.h3_bg_img0203 { position:absolute; bottom:0; right:0; display:block; width:45%; height:100px; background:url('../images/business/img_header_04.jpg') right top no-repeat}
.subtitle_header span.h3_bg_img03 { position:absolute; bottom:0; right:0; display:block; width:45%; height:100px; background:url('../images/research/img_header_01.jpg') right top no-repeat}
.subtitle_header span.h3_bg_img04 { position:absolute; bottom:0; right:0; display:block; width:45%; height:100px; background:#794a47 url('../images/promotion/img_header_01.jpg') right top no-repeat}
.subtitle_header span.h3_bg_img05 { position:absolute; bottom:0; right:0; display:block; width:50%; height:100px; background:url('../images/introduce/img_header_01.jpg') right top no-repeat}
.subtitle_header span.h3_bg_img0501 { position:absolute; bottom:0; right:0; display:block; width:50%; height:100px; background:url('../images/introduce/img_header_02.jpg') right top no-repeat}
.subtitle_header span.h3_bg_img06 { position:absolute; bottom:0; right:0; display:block; width:45%; height:100px; background:url('../images/guide/img_header_01.jpg') right top no-repeat}

.num3    {width:20%}
.subject {width:20%}
.name1   {width:20%}
.date    {width:20%}
.hit     {width:20%}


.new_img { margin:3px 3px 0 3px;}

.cont_header01 { position:relative; margin-left:-30px; padding-left:30px; border-top:1px solid #efefef; height:90px; background:url('/images/common/bg_content_header.gif')}
.cont_header01 h3    {display:block; margin-top:40px; width:300px; height:35px; text-indent:-5000px; overflow:hidden}
.cont_header01 div p {float:left; display:block; margin-top:23px; width:45%; display:none;}

.box_block a {display:inline-block; zoom:1; *display:inline; margin:0; padding:0; width:100%; height:100%}

@media screen and (max-width: 1186px){
	.gnb_util_dl  {right:10px}
	.gnb_search   {right:10px}
	#content_wrap {border:none}
	#footer_wrap  {border:none}
}

@media screen and (max-width: 1100px){
	.clean_links_ul {margin-left:250px;margin-bottom:4px;  }
	.footer_family  {position:; width:220px; right:10px; top:94px; text-align:right}
}

@media screen and (max-width: 1010px){
	.cont_header div p { float:none; width:100%}
	.cont_header {height:auto; margin-left:-13px; padding-left:13px;}
	.cont_header span.h3_bg_img01 { float:none; margin-top:0; width:100%; background-position:left top}
	.cont_header span.h3_bg_img02 { float:none; margin-top:0; width:100%; background-position:left top}
	.cont_header span.h3_bg_img03 { float:none; margin-top:0; width:100%; background-position:left top}
	.cont_header span.h3_bg_img04 { float:none; margin-top:0; width:100%; background-position:right top}
	.cont_header span.h3_bg_img05 { float:none; margin-top:0; width:100%; background-position:left top}
	.cont_header span.h3_bg_img06 { float:none; margin-top:0; width:100%; background-position:left top}
	.cont_header01 { height:auto; margin-left:-13px; padding-left:13px;}

	.cont_header h3 { margin-top:10px;}
	.cont_header div p {margin-top:17px}
	.cont_header span { display:none;}
	
	.cont_header h3.ser0301 { margin-top:10px;}
	.cont_header div p {margin-top:17px;margin-bottom:5px;}
	
	.cont_header01 { height:55px;}
	.cont_header01 h3 { margin-top:10px;  }
}

@media screen and (max-width: 960px){
	.gnb_search_in   { width:150px;}
	.gnb_search_box { width:187px;}
}

@media screen and (max-width: 896px){
	.gnb_search_in   { width:170px;}
	.gnb_search_box { width:207px;}

	.gnb_search { display:none}
}

@media screen and (max-width: 853px){
	#content { margin-left:170px;}
}

@media screen and (max-width: 820px){
	#footer_wrap {padding:40px 6px 40px 6px}
	
	.foot_links_ul  {margin-left:0px; display:block}
	.clean_links_ul {margin-left:0px;}
	.ext_links_ul {margin-left:0px}
	.footer_copyright {margin-left:0px}
	.footer_family { top:100px}
	
	.footer_copyright address { background:none; text-indent:0; width:auto; height:auto; overflow:visible}
	.footer_copyright p { background:none; text-indent:0; width:auto; overflow:visible}

	.searchbox01 { display:block;margin-top:30px;height:50px;} 
	.searchbox01 p.p02{ padding:3px 0 5px 2px; color:#666}  
	.searchbox01 div {float:right;border:0px solid;width:310px }
	.subtitle_header div p {width:95%}
	
	.searchbox03 { display:block;margin-top:30px;height:80px;} 
	.searchbox03 p.p02{ padding:3px 0 5px 2px; color:#666}  
	.searchbox03 div {display:block;margin:0;padding:0;float:left;width:278px;}
	.searchbox03 p.select01 { margin-left:0px;margin-top:5px;}
	
	.subtitle_header span.h3_bg_img01 {display:none}
	.subtitle_header span.h3_bg_img02 {display:none}
	.subtitle_header span.h3_bg_img0201 {display:none}
	.subtitle_header span.h3_bg_img0202 {display:none}
	.subtitle_header span.h3_bg_img0203 {display:none}
	.subtitle_header span.h3_bg_img03 {display:none}
	.subtitle_header span.h3_bg_img04 {display:none}
	.subtitle_header span.h3_bg_img05 {display:none}	
	.subtitle_header span.h3_bg_img0501 {display:none}	
}


@media screen and (max-width: 800px){
	#footer_wrap {padding-top:0; background:none; background-color:#dedfe1}
	.footer_copyright { margin-top:10px;}
	
	.foot_links_ul {display:block; width:100%;}
	.foot_links_ul li { width:49.5%; margin:3px 0 0 0; border:1px solid #c9c8c8; padding:2px 0 2px 0}
	.foot_links_ul li.rp { float:right}
	.foot_links_ul li span { margin:0 auto; text-align:center}	
	.foot_links_ul li a span { background:none; text-indent:0; font-size:0.82em; padding-top:1px}
	.foot_links_ul li.link1 a span {width:100%}
	.foot_links_ul li.link2 a span {width:100%}
	.foot_links_ul li.link3 a span {width:100%}
	.foot_links_ul li.link4 a span {width:100%}
	
	.clean_links_ul {display:block; width:100%;}
	.clean_links_ul li { width:49.5%; float:left; margin:2px 0 0 0; border:1px solid #c9c8c8; padding:4px 0 0 0; background:#c8c8ca}
	.clean_links_ul li.rp { float:right}
	.clean_links_ul li span { margin:0 auto; text-align:center; white-space:nowrap; display:block}	
	.clean_links_ul li a span {background:none; text-indent:0; font-size:0.7em; padding-top:0px; display:block}
	.clean_links_ul li.link1 a span {width:100%}
	.clean_links_ul li.link2 a span {width:100%}
	.clean_links_ul li.link3 a span {width:100%}
	
	.ext_links_ul {display:block; width:100%;}
	.ext_links_ul li { width:49.5%; float:left; margin:2px 0 0 0; border:1px solid #c9c8c8; padding:4px 0 0 0; background:#c8c8ca}
	.ext_links_ul li.rp { float:right}
	.ext_links_ul li span { margin:0 auto; text-align:center; white-space:nowrap; display:block}	
	.ext_links_ul li a span {background:none; text-indent:0; font-size:0.7em; padding-top:0px; display:block}
	.ext_links_ul li.link1 a span {width:100%}
	.ext_links_ul li.link2 a span {width:100%}
	.ext_links_ul li.link3 a span {width:100%}
	.ext_links_ul li.link4 a span {width:100%}
	.ext_links_ul li.link5 a span {width:100%}
	.ext_links_ul li.link6 a span {width:100%}

	.footer_family { top:260px}
	
	*#gnb_menu { height:116px}
	.gnb_menu_ul { top:0; left:0; padding:0; height:300px}	
	.gnb_menu_ul li { margin-left:-1px; padding:5px 0 3px 0; width:50%; *width:49.9%; border-left:1px solid #dedfe0; border-bottom:1px solid #dedfe0}
	.gnb_menu_ul li a {display:block; width:100%}
	.gnb_menu_ul li.link5   { border-bottom:none}	
	.gnb_menu_ul li.link5 a { width:100%}		
	.gnb_menu_ul li.link1 a { background-position:6px 0}
	.gnb_menu_ul li.link2 a { background-position:6px -30px}
	.gnb_menu_ul li.link3 a { background-position:6px -60px}
	.gnb_menu_ul li.link4 a { background-position:6px -90px}
	.gnb_menu_ul li.link5 a { background-position:4px -120px}
	
	.pageing { display:none;background:#fff000;clear:both; margin-top:10px; text-align:center}
	.pageing_mobile {  display:block;clear:both; margin-top:10px; text-align:center} 
	.pageing_mobile span { padding:0;margin:0 10px}
	.pageing_mobile a {display: inline-block; width: 25px; height: 25px; font: normal 1em/25px tahoma; color: #888; text-align: center; vertical-align: middle; border: 1px solid #ededed}
	.pageing_mobile a:hover	{color: #fff; background: #7e92b1;border:1px solid #7e92b1;text-decoration:none}
	.pageing_mobile a.selected	{color: #fff; background: #7e92b1;border:1px solid #7e92b1}	
	
	.submenu_header {display:block}
	
	.subtitle_service   {display:block}
	.subtitle_business  {display:block}
	.subtitle_research  {display:block;width:100%}
	.subtitle_introduce {display:block}
	.subtitle_promotion {display:block}
	
	.subtitle_header h3 {margin-left:8px}
	.subtitle_header div p {margin-left:8px}
	
	.subtitle {display:block; height:28px}
	#leftmenu   {display:none}
	#content    {margin-left:0; border-left:none}
	#content_body {padding:0 6px 40px 6px}

	#gnb_menu {display:none}
	#gnb_assist {display:block}
	#gnb_util { height:40px; background:#0f213b}
	.cont_header { margin-left:0; padding-left:10px}
	.cont_header01 { margin-left:0; padding-left:10px}
	.snavi { display:none}
	
	#header_wrap h1 {top:10px;}
	.gnb_util_dl dd a { font-size:0.9166666666666667em; color:#fff; text-align:center; width:40px; height:15px; background:none; text-indent:0}
	.gnb_util_dl dd.gm1 a, .gnb_util_dl dd.gm2 a { display:none}
	.gnb_util_dl dd.gm4 a { display:block}
	.gnb_util_dl dd.gm3 { margin-right:5px;padding:5px 0px 7px 5px}
	.gnb_util_dl dd.gm5 { width:46px; margin-right:5px;padding:5px 0px 7px 5px; overflow:hidden}
	
	.cont_header div p { text-indent:0; background:none; height:auto; padding-bottom:10px}
	.h3_title h3 { margin-bottom:20px}
	.sns_list_body { display:block}
	.sns_list_dl { margin-top:30px; padding-left:0}
	
	.gu {width:100%}
	
	.int_000001 span.h3_bg_img01 { display:none}
	
	.tab_list li { width:33%}
	.tab_list li a { width:100%}
	
	.h3_title h3 { margin-bottom:16px; }
	
	#header_wrap h1 a {width:106px}
	.bottom_search { position:relative; display:block; width:96%; height:50px; text-align:right }
	.bottom_search_in  {position:absolute; top:2px; left:10px; width:80%; padding:4px 0 2px 3px; outline:none; border:0; color:#b5b5b5}
	.bottom_search_in:focus { color:#323232}
	.bottom_search_box { position:absolute; top:0; left:6px; display:block; width:100%; height:24px; border:1px solid #c9c9c9; font-size:1px; background:#fff}
}

@media screen and (max-width: 600px){
	.foot_links_ul li {width:49.2%}
	.clean_links_ul li  {width:49.2%}
	.ext_links_ul li  {width:49.2%}
}

@media screen and (max-width: 420px){
	.foot_links_ul li {width:49%}
	.clean_links_ul li  {width:49%}
	.ext_links_ul li  {width:49%}
}

/* For Print 
@media print {
	#leftmenu { display:none}
	#header_wrap { display:none}
	#content { margin-left:0; border-left:none}
	#footer_wrap { display:none}*/
}

/* 메인 비주얼 스크립트 */
#visual_rolling{overflow:hidden;}
#visual_rolling .visual_rolling{height:345px;text-indent:-9999px;overflow:hidden;}
#visual_rolling .visual_rolling li{position:relative;top:0;width:100%;height:365px;}
#visual_rolling .visual_rolling li.spot1{background:url(../images/main/top/slides_img_eng_csrenvi.jpg) no-repeat center top;}
#visual_rolling .visual_rolling li.spot2{background:url(../images/main/top/slides_img_eng_plan.jpg) no-repeat center top;}
#visual_rolling .visual_rolling li.spot3{background:url(../images/main/top/slides_img_eng_csrenvi.jpg) no-repeat center top;}
#visual_rolling #nav{width:312px;margin:0 auto;overflow:hidden;}
#visual_rolling #nav li{float:left;width:100px;}