@charset "utf-8";
@import url(base.css);


body{background:url('../images/main/bg_main.gif') repeat-x left top;}
/*body{background:url('../images/main/bg_main.gif') repeat-x left 66px;} */ 



#mainContent {position:relative; margin:0; padding:0; min-height:623px; width:990px;}
#mainContent div.main_visual{display:inline; float:left; margin:0; width:579px; height:525px;  }
#mainContent div.main_right{display:inline; float:left; margin:0; width:411px;}
#mainContent div.notice{position:relative; margin-top:0; height:120px;}
#mainContent div.news{position:relative; margin-top:1px; height:113px;}
#mainContent div.main_search{position:relative; margin-top:4px; height:44px;}
#mainContent div.main_ban{position:relative; margin-top:3px; height:110px;}
#mainContent div.event{position:relative; margin-top:3px; height:33px;}
#mainContent div.main_link{position:relative; margin-top:3px; height:55px;}
#mainContent div.sns{position:relative; margin-top:1px; height:30px;}
#mainContent div.link{clear:both; height:43px;}
#mainContent div.family{clear:both; margin:8px 0; height:39px;}


.main_visual .mvm01	{
	position: absolute;
	top:0;
	left:0;
	}
.main_visual .mvm01 a	{
	display: block;
	width:105px;
	height:19px;
	text-indent: -999px;
	overflow: hidden;
	background: url('../images/main/mv_menu01.gif') no-repeat 0 0;
}
.main_visual .mvm01 a.on	{
	background: url('../images/main/mv_menu01_ov.gif') no-repeat 0 0;
}
.main_visual .mvm02	{
	position: absolute;
	top:22px;
	left:0;
}
.main_visual .mvm02 a	{
	display: block;
	width:220px;
	height:17px;
	text-indent: -999px;
	overflow: hidden;
	background: url('../images/main/mv_menu02.gif') no-repeat 0 0;
}
.main_visual .mvm02 a.on	{
	background: url('../images/main/mv_menu02_ov.gif') no-repeat 0 0;
}
.main_visual .mvm03	{
	position: absolute;
	top:22px;
	left: 255px;
}
.main_visual .mvm03 a	{
	display: block;
	width:220px;
	height:17px;
	text-indent: -999px;
	overflow: hidden;
	background: url('../images/main/mv_menu03.gif') no-repeat 0 0;
}
.main_visual .mvm03 a.on	{
	background: url('../images/main/mv_menu03_ov.gif') no-repeat 0 0;
}
.main_visual .mvm04	{
	position: absolute;
	top:40px;
	left: 00px;
}
.main_visual .mvm04 a	{
	display: block;
	width:200px;
	height:17px;
	text-indent: -999px;
	overflow: hidden;
	background: url('../images/main/mv_menu04.gif') no-repeat 0 0;
}
.main_visual .mvm04 a.on	{
	background: url('../images/main/mv_menu04_ov.gif') no-repeat 0 0;
}
.main_visual .mvm05	{
	position: absolute;
	top:40px;
	left: 255px;
}
.main_visual .mvm05 a	{
	display: block;
	width:150px;
	height:17px;
	text-indent: -999px;
	overflow: hidden;
	background: url('../images/main/mv_menu05.gif') no-repeat 0 0;
}
.main_visual .mvm05 a.on	{
	background: url('../images/main/mv_menu05_ov.gif') no-repeat 0 0;
}
.main_visual .mvm06	{
	position: absolute;
	top:40px;
	left: 155px
}
.main_visual .mvm06 a	{
	display: block;
	width:190px;
	height:17px;
	text-indent: -999px;
	overflow: hidden;
	background: url('../images/main/mv_menu06.gif') no-repeat 0 0;
}
.main_visual .mvm06 a.on	{
	background: url('../images/main/mv_menu06_ov.gif') no-repeat 0 0;
}
.main_visual #slideshow div	{
	display: block;
	position:absolute;
	top: 58px;
	left: 0;
	background: #fff;
}
.main_visual ul li	{
	display:inline;
	margin: 0;
	padding: 0px 4px 0px 7px;
	border-left: solid 1px #ddd;
	line-height: 100%;
	overflow: hidden;
}
.main_visual ul li.first	{
	border: none;
}
.main_visual .mv_control	{
	position:absolute;
	top: 495px;
	left: 485px;
	margin:0;
}
.main_visual .mv_control a	{
	margin: 0px 3px;
}
	
/* 메인플래시 */
.flash_gnb li{display:block; height:0; left:0; line-height:0; position:absolute; top:-950px; z-index:1;}
.flash_gnb li a.flash_gnb-li:hover, .flash_gnb li a.flash_gnb-li:focus, .flash_gnb li a.flash_gnb-li:active{display:block; position:absolute; top:910px; width:564px; height:480px; z-index:999;
 text-align:center; background:#eff3f6 url('../images/main/bg_mainFlash.jpg') no-repeat left bottom; color:#2c5e96; font-size:1.2em; font-weight:bold; line-height:120%; padding:70px 0 0;   }

/* 메인탭 공통 */
.tabnotice,
.tabnews {position:relative; width:100%; min-height:160px; background:url("../images/main/tablist_bg.gif") left top repeat-x;}
* html .tabnotice,
* html .tabnews {height:163px;}
.main_right h2 {cursor:pointer;} 
.main_right h2.tabtit1 {left:0; top:0; height:26px;}
.main_right h2.tabtit2 {left:70px; top:0; height:26px;}
.main_right h2.tabtit3 {left:139px; top:0; height:26px;}
.main_right h2.tabtit4 {left:208px; top:0; height:26px;}
.main_right h2.tabtit5 {left:277px; top:0; height:26px;}
.main_right .tablist {padding-top:30px;}
.main_right .tablist ul {overflow:hidden; width:100%;}
.main_right .tablist ul li {float:left; width:370px; margin-left:10px; padding:0 0 3px 10px; background:url("../images/main/icon_blit.gif") 0 7px no-repeat;}
* html .main_right .tablist ul li {float:left; width:370px; margin-left:5px; padding:0 0 3px 10px; background:url("../images/main/icon_blit.gif") 0 7px no-repeat;}
.main_right .tablist ul li a {float:left; margin-right:5px;}
.main_right .tablist ul li .date {float:right; color:#777777;}
.main_right .tablist ul li img {float:left;}
.main_right .tablist .btn-more {right:0; top:7px;}
.main_right .tablist .btn-more a {display:block; padding:3px;}

.main_right .tabcont{padding-top:34px;}
.main_right .tabcont .photo{display:inline; float:left; padding:0; margin-left:8px; width:68px; height:56px; border:1px solid #ddd; }
.main_right .tabcont dl{display:inline; float:left; overflow:hidden; width:290px; margin-left:20px;}
.main_right .tabcont dl dt{font-weight:bold; color:#2c2c2c;}
.main_right .tabcont dl dd{color:#454545;}
.main_right .tabcont .btn-more {right:0; top:7px;}
.main_right .tabcont .btn-more a {display:block; padding:3px;}

/* 메인검색 */
.main_right .main_search{position:relative; width:100%; background:url("../images/main/bg_search.gif") no-repeat left top;}
.main_right .main_search legend {font-size:0; height:0; overflow:hidden; position:absolute; visibility:hidden; width:0;}
.main_right .main_search h2{display:inline; float:left; padding:15px 10px;}
.main_right .main_search ul{overflow:hidden; padding-top:12px;}
.main_right .main_search ul li{display:inline; float:left; margin-right:5px;}
.main_right .main_search ul li input.sch{width:195px; height:19px; border:1px solid #578bc6;}
.main_right .main_search ul li.btn{height:23px;}

/* 메인배너 */
.main_right .pr{position:relative; float:left;}
.main_right .biz{position:relative; float:left;}
* html .main_right .pr{height:75px;}
* html .main_right .biz{height:73px;}
.main_right .banner{position:relative; float:left; margin-left:3px;}
.main_right .banner p.num {position:absolute; z-index:5; left:5px; top:7px; height:12px;}
.main_right .banner p.num img {overflow:hidden; float:left; width:11px; height:11px; margin:0 4px 0 0; padding:0; border:none; cursor:pointer;}
.main_right .banner p.btn {position:absolute; z-index:6; right:5px; top:7px; height:12px;}
.main_right .banner p.btn button.rolling-prev {overflow:hidden; float:left; width:12px; height:12px; margin:0 4px 0 0; padding:0; border:none; cursor:pointer; background:url('../images/main/btn_prev.gif') 0 0 no-repeat;} /* 이전 */
.main_right .banner p.btn button.rolling-auto {overflow:hidden; float:left; width:12px; height:12px; margin:0 4px 0 0; padding:0; border:none; cursor:pointer; background:url('../images/main/btn_play.gif') 0 0 no-repeat;} /* 자동 */
.main_right .banner p.btn button.rolling-stop {overflow:hidden; float:left; width:12px; height:12px; margin:0 4px 0 0; padding:0; border:none; cursor:pointer; background:url('../images/main/btn_stop.gif') 0 0 no-repeat;} /* 정지 */
.main_right .banner p.btn button.rolling-next {overflow:hidden; float:left; width:12px; height:12px; margin:0; padding:0; border:none; cursor:pointer; background:url('../images/main/btn_next.gif') 0 0 no-repeat;} /* 다음 */
.main_right .banner p.btn .current {background-position:left bottom;}
.main_right .banner .list {position:relative; overflow:hidden; width:257px; height:107px;}
.main_right .banner .list ul {position:absolute; width:100%; padding:1px; margin:0;}
.main_right .banner .list ul li {float:none;}
.main_right .banner .list ul li {margin:0; border:none;} /* 이미지 고정사이즈 적용( 298 * 109 )*/
.main_right .banner .list img {/*vertical-align:middel;*/}

/* NIPA행사알림 */
.main_right .event{width:100%; background:url("../images/main/bg_event.gif") no-repeat left top;}
.main_right .event h2{position:absolute; left:10px; top:9px;}
.main_right .event .event_list{display:block; overflow:hidden; height:18px; margin-left:110px; padding-top:8px;}
.main_right .event .event_list .notifier_blocker { height:20px;overflow:hidden;}
.main_right .event ul{}
.main_right .event ul li{color:#777;}
.main_right .event .btn-more {position:absolute; margin-top:0; right:9px; top:10px;}
.main_right .event .btn-more a {display:block; padding:3px;}
.main_right .event .btn-more a:hover{color:#026ab2;text-decoration:underline;}
.main_right .event .btn-play{position:absolute; margin-top:0; right:15px; top:7px;}

/* 고객의 소리를 듣습니다 */
.main_right .main_link{position:relative; width:100%; float:left;}
.main_right .main_link .servic_link{float:left; overflow:hidden; width:450px; height:55px; background:url("../images/main/bg_servic_link.gif") no-repeat left top;}
.main_right .main_link .servic_link li{display:inline; float:left; padding:7px 12px 0 1px;}
.main_right .main_link .servic_link li.first{padding-left:103px;}
.main_right .main_link .appli_link{float:left; overflow:hidden; width:85px; height:55px; margin-left:13px; background:url("../images/main/bg_servic_link2.gif") no-repeat left top;}
.main_right .main_link .appli_link li{display:inline; float:left; padding:7px 25px 0 14px;}

/* NIPA SNS 소식을 알려드립니다.*/
.main_right .sns  {position:relative; width:100%; float:left;}
.main_right .sns .sns_link{float:left; overflow:hidden; width:410px; height:30px; background:url("../images/main/bg_sns_link.gif") no-repeat left top;}
.main_right .sns .sns_link li{display:inline; float:left; padding:7px;}
.main_right .sns .sns_link li.first{padding-left:110px;}
.main_right .sns .sns_link li.second{padding-left:45px;}
.main_right .sns .sns_link li.third{padding-left: 45px;} 
 

/* 사업지원시스템 링크 */
.link{position:relative; width:100%; background:url("../images/main/bg_link.gif") no-repeat left top;}
.link dl{float:left; padding-top:5px;}
.link dl dt{display:inline; float:left; padding-left:10px;}
.link dl dt.electric{display:inline; float:left; padding-left:3px; background-color: #f1f1f1;}
.link dl dd{display:inline; float:left; padding:0 0px; margin:5px 0; border-right:1px solid #d7d7d7;}
.link dl dd.system{padding:0 9px; margin:5px 0; border-right:1px solid #d7d7d7;}
.link dl dd.sub{display:inline; float:left; padding:0 0px; margin:5px 0; border-right:1px solid #d7d7d7;}
.link dl dd.sub1{display:inline; float:left; padding:0 0px; margin:5px 0; border-right:1px solid #d7d7d7;}
.link dl dd.last{border:0;}

/* 관련사이트 */
.family{position:relative; width:100%;}
.build{position:relative; float:left; width:30%; height:37px; border:1px solid #d7d7d7;}
.build dl{float:left; padding-top:2px;}
.build dl dt{display:inline; float:left; padding-left:10px;}
.build dl dd{display:inline; float:left; padding:0 11px; margin:5px 0; border-right:1px solid #d7d7d7;}
.build dl dd.system{padding:0 1px; margin:5px 0; border-right:1px solid #d7d7d7;}
.build dl dd.last{border:0;}
.roll{position:relative; float:initial; width:705px; height:37px; border:1px solid #d7d7d7;}
.roll ul{
	float: left;
	overflow: hidden;
	width: 100%;
	height: 37px;
	padding-top: 1px;
	position: relative;
}
.roll ul li{float:left;}
.roll ul li.arr_l, .roll ul li.arr_r, .roll ul li.arr_s{padding:13px 5px; width:8px; cursor:pointer;}
.roll ul li.arr_l{
	position: absolute;
	top: -4px;
}
.roll ul li.arr_r{
	float: right;
	position: absolute;
	top: -4px;
	right: 57px;
	/*background: #fff;*/
	width: 20px;
}
.roll ul li.arr_s{float:right;}
.roll ul li.list{
	position: absolute;
	width: 587px;
	height: 36px;
	padding-top: 1px;
	overflow: hidden;
	left: 24px;
}
.roll ul li.list ul.banner_list{position:absolute; width:3500px;}
.roll ul li.list ul.banner_list li{padding-left:5px;}
* html .roll ul li.list ul.banner_list li{height:38px;}
.roll ul li.list ul.banner_list li img{border:1px solid #ddd;}
.roll span{
	position: absolute;
	right: 10px;
	top: 5px;
}
* html .roll span{height:26px;} 

.family_site{float:right;height:37px; width:100%; border:1px solid #d7d7d7;}
.family_site h2{display:inline; float:left; padding:12px 4px;}
.family_site ul{float:right; padding-top:10px;}
.family_site ul li{display:inline; float:left; margin-right:5px;}

/*gnb(수정1129)*/
.gnb_area {height:94px; position:relative; margin:34px auto 0 auto; float:left; z-index:3;}
.gnb_area:after {content:""; display:block; clear:both}
#gnb {position:relative; top:0; left:310px; z-index:3;}
#gnb:after {content:""; display:block; clear:both}
#gnb > li {float:left; width:114px; position:relative;}
#gnb > li > a {display:block; text-align:center;}
#gnb li ul {display:none; margin-top:2px; height:302px; padding:14px 0 0 0; position:relative; z-index:3; border-left:1px solid #d9d9d9; }
#gnb li ul.rline {display:none; margin-top:2px; height:302px; padding:14px 0 0 0; position:relative; z-index:3; border-right:1px solid #d9d9d9; }
#gnb li ul li {clear:both; text-align:center; width:100%;}
#gnb li ul li a {display:block; padding:5px 0 6px 0px; color:#555; line-height:16px; font-weight:bold;}
#gnb li ul li.on a {color:#019fd9; font-weight:bold; background:url(../../../files/web1/images/common/gnb/bu_m.gif) no-repeat left 11px; text-decoration:underline; padding-left:10px;}
.gnb_2depth {position:absolute; left:0; top:123px; width:100%; height:328px; background:url(../../../files/web1/images/common/gnb/bg_gnb.png) repeat-x left 100%; z-index:-1}