﻿@charset "utf-8";

@import url("./default.css");
@import url("./layout.css");

body{
	background:url("../images/common/re/background.gif") top left repeat-x;
}
.index{background:url("../images/common/re/background_index_05.jpg") 50% 89px no-repeat;}
.index0101{background:url("../images/common/re/background_index_01.jpg") 50% 89px no-repeat;}
.index0102{background:url("../images/common/re/background_index_02.jpg") 50% 89px no-repeat;}
.index0103{background:url("../images/common/re/background_index_03.jpg") 50% 89px no-repeat;}
.index0104{background:url("../images/common/re/background_index_04.jpg") 50% 89px no-repeat;}
.index0201{background:url("../images/common/re/background_index_05.jpg") 50% 89px no-repeat;}
.index0202{background:url("../images/common/re/background_index_06.jpg") 50% 89px no-repeat;}
.index0203{background:url("../images/common/re/background_index_07.jpg") 50% 89px no-repeat;}
.index0204{background:url("../images/common/re/background_index_08.jpg") 50% 89px no-repeat;}
.index0301{background:url("../images/common/re/background_index_09.jpg") 50% 89px no-repeat;}
.index0302{background:url("../images/common/re/background_index_10.jpg") 50% 89px no-repeat;}
.index0303{background:url("../images/common/re/background_index_11.jpg") 50% 89px no-repeat;}
.index0304{background:url("../images/common/re/background_index_12.jpg") 50% 89px no-repeat;}
.index0401{background:url("../images/common/re/background_index_13.jpg") 50% 89px no-repeat;}
.index0402{background:url("../images/common/re/background_index_14.jpg") 50% 89px no-repeat;}
.index0403{background:url("../images/common/re/background_index_15.jpg") 50% 89px no-repeat;}
.index0404{background:url("../images/common/re/background_index_16.jpg") 50% 89px no-repeat;}
.index0501{background:url("../images/common/re/background_index_17.jpg") 50% 89px no-repeat;}
.index0502{background:url("../images/common/re/background_index_18.jpg") 50% 89px no-repeat;}
.index0503{background:url("../images/common/re/background_index_19.jpg") 50% 89px no-repeat;}
.index0504{background:url("../images/common/re/background_index_20.jpg") 50% 89px no-repeat;}

/* 1104_1915 flash alt link add */
#event_zone{
    position:relative;
	height:156px;
	margin:93px 0 0 15px;
}
    #event_zone p {
    position:absolute;
    text-align:center;
    width:500px;
    }
    #event_zone p a.flash_alt_a {
        position:absolute;
        left:-5555px;
        width:0px;
        background:#898989;
        font-size:1.5em;
        font-weight:bold;
        color:#fff;
        text-decoration:underline;
    }
    #event_zone p a.flash_alt_a:hover,
    #event_zone p a.flash_alt_a:focus,
    #event_zone p a.flash_alt_a:active {
        position:absolute;
        left:10px;
        top:50px;
        width:500px;
        padding:10px;
        z-index:9999;
    }


ul.extra2_flash_in {position:relative;width:376px}
ul.extra2_flash_in li {float:left; margin-left:0 -10px;padding:0;}

ul.extra_flash_in {position:relative; top:20px; width:376px; height:120px; background:url("../images/main/title_service.gif") no-repeat; padding-top:20px;}
ul.extra_flash_in li {float:left; margin-left:0 -10px;padding:0;}




#contentwrap{
	position:relative;
	background:url("../images/main/background_inner_content.gif") 272px 0 no-repeat;
}

.ie6 #contentwrap{
	height:220px;
	position:relative;
	top:-7px;
}


#contents1{
	width:250px;
	margin:0 0 0 0;
}

#hotnews{
	position:relative;
    
}

#hotnews a.more{
	position:absolute;
	top:25px;
	left:210px;
}

.ie6 #hotnews a.more{
	left:203px;
}

#hotnews_context{
	margin: 15px 0 22px 2px;
}

#hotnews_context a.hotnews{
	/*display:block;*/
}

#hotnews_context a.hotnews{
	position:absolute;
	top:50px;
	left:0;
	float:left;
	border:2px solid #e8e8e8;
}

.ie6 #hotnews_context a.hotnews{
	left:-7px;
}

#hotnews_context p{
	float:right;
	width:164px;
	margin: 0 0 0 6px;
	line-height:140%;
	color:#acacac;
}

.ie6 #hotnews_context p{
	margin: 1px 0 0 6px;
}

#hotnews_context p strong{
	color:#7bab1a;
	font-weight:bold;
	letter-spacing: -1px;
}

#extra_link{
	margin:14px 0 0 0;
}

#direct {padding-top:0px;}

.ie6 #direct{
	position:relative;
	top:-1px;
}

#extra_link li.start a{display:block;height:58px;}
.ie6 #extra_link li.start {margin-bottom:-2px;}
.ie7 #extra_link li.start {margin-bottom:-2px;}
.ie8 #extra_link li.start {margin-bottom:-2px;}

#extra_link li.end a{display:block;height:57px;}

h2.subtitle{
	margin: 0 0 0 7px;
}

.padding_b10{padding:10px 0 0px 0;}
.padding_t10{padding:10px 0 0 0;}
.padding_b6{padding:0 0 6px 0;}



#contents2{
	position:absolute;
	width:377px;
	top:26px;
	left:308px;
}



#recentarticle_wrap{float:left; position:relative;width:373px; height:134px;background:url("../images/main/background_tabs.gif") repeat-x;}
#recentarticle_wrap p#tab_notice{position:absolute;top:0;left:0;}
#recentarticle_wrap p#tab_news{position:absolute;top:0;left:73px;}
#articles2{display:none;}
.articles ul{position:absolute;top:29px;left:0px;}
.ie6 .articles ul{top:32px;}
.articles ul li{display:block;}
.articles ul li a{float:left;width:293px;border-bottom:1px dashed #e5e5e5;background:url("../images/main/background_tabs_li.gif") 2px 7px no-repeat;padding:1px 0 1px 10px;}
.articles ul li span.date{float:right !important;width:60px !imporatant; color:#74ae44; border-bottom:1px dashed #e5e5e5;}

.ie6  .articles ul li a{width:305px;padding:2px 0 1px 10px;}
.ie6  .articles ul li span.date{position:relative;top:-6px;width:50px;}
.more{position:absolute;top:5px;left:335px;}


/* 1105_1400 edited to flash and alt link */
#extra_link2 {float:left; position:relative; margin-top:10px;}
ul.extra2_flash_alt {position:absolute; left:-5000px;}
ul.extra2_flash_alt li {position:absolute; width:660px; height:50px; padding:10px; text-align:center;}
a.extra2_alt_a {
    display:block;
    position:absolute;
    background:#898989;
    font-size:1.3em;
    font-weight:bold;
    color:#fff;
    padding:10px;
    text-decoration:underline;
}

ul.extra2_flash_alt li a.extra2_alt_a:focus,
ul.extra2_flash_alt li a.extra2_alt_a:active {
    position:absolute; left:4900px; top:2px; width:300px; margin-left:100px;
    } 

/* //end of banner1 flash */

#service{
	position:relative;
    float:left;
    left:-10px;
    top:3px;
	width:400px;
	height:111px;
}

.ie6 #service {}
.ie7 #service {position:relative; top:13px;}
.ie8 #service {}

/* #service h2{
	position:absolute;
	top:12px;
	left:0px;
} */

#service ul {margin:40px 0 0 14px;}
#service ul li{float:left;padding-right:18px;}
#service ul li.end{padding-right:0;}

#infoservice{
	float:left;
	margin:16px 0 0 0;
}
.ie7 #infoservice {padding-top:10px;}

#infoservice_list{
	width:378px;
	height:92px;
	background:url("../images/main/background_infoservice.gif") no-repeat;
}

#infoservice_list p{
	float:left;
	width:161px;
	margin:17px 0 0 19px;
	_margin:17px 0 0 10px;
}

#infoservice_list ul{
	float:right;
	width:192px;
	margin:14px 0 0 5px;
}

.ie6 #infoservice_list ul {
    margin:15px 0 0 2px;
    position:relative;
}


#infoservice_list ul li{
    float:left;
    width:87px;
    background:url("../images/main/background_infoservice_list.gif") 0 8px no-repeat;
    padding-left:7px;
    height:16px;
}

.ie6 #infoservice_list ul li {
    background:url("../images/main/background_infoservice_list.gif") 0 4px no-repeat; 
}
#infoservice_list ul li.lastli {clear:both;}

.ie6 #infoservice_list ul li.lastli {
    position:absolute;
    top:48px; left:0px;
}

#infoservice_list ul li a{
	margin:0;
	padding:0;
}


#contents3{
	position:absolute;
	width:246px;
	top:24px;
	left:707px;
}

#itv{
	position:relative;
}

#itv p{
	position:absolute;
	top:4px;
	left:140px;
}

.ie6 #itv p{
	left:133px;
}

#movie_player{
	margin:3px 0 0 0;
}

#ecotour{
	margin:12px 0 15px 0;
}
#ecotour p {padding-bottom:6px;}
.ie6 #ecotour{margin-top:15px;}
.ie7 #ecotour{margin-top:15px;}

#ecology{
	position:relative;
}

#ecology p{
	position:absolute;
	top:4px;
	left:209px;
}

#ecology_wrap{
	margin:8px 0 0 0;
}

#ecology_wrap dl {margin:0; padding:2px 0; width:245px; overflow:hidden;}

#ecology_wrap dl dt{clear:both;float:left;width:92px;}
#ecology_wrap dl dd{float:right;width:140px;text-align:left;/*padding-left:13px;*/}

#ecology_wrap dl dd span.data{display:block;margin:10px 0 0 0;line-height:140%;letter-spacing:-1px;}


#banner_link {clear:both; width:980px; height:75px; overflow: hidden; margin:10px 0 0 0; background:url('../images/common/re/banner_bg_main.gif') repeat-x left 15px;}
#banner_link div {float:left; display:block; height:58px; text-align:center; margin:15px 0 0 0;}
#banner_link div button {float: left; background:none; border:none; height:58px; width:15px; cursor:pointer;}
#banner_link div a {display:inline;}
    #banner_link div.bnr_btns1 {width:60px; background:url('../images/common/re/banner_bg_left.gif') no-repeat left top; padding-top:5px;}
		#banner_link div.bnr_btns1 a {float: left;}
		#banner_link div.bnr_btns1 a img {position: relative; top: 15px; left: 10px;}
		#banner_link div.bnr_btns1 button {position: relative; left: 13px; top: -5px;}
	#banner_link div.bnr_btns2 {width:20px; background:url('../images/common/re/banner_bg_right.gif') no-repeat right top; padding:0;}
    #bnr_link_itm {width:900px; height:58px; overflow:hidden; }
    #bnr_link_itm ul {width:900px; height:58px; overflow:hidden; }
    #bnr_link_itm ul li {float:left; height:58px; padding:7px 14px;}
	
/* 배너추가로 인한 작업 : 조현민 */
#bnr_link_itm {position:relative;} 
#bnr_link_itm li.btn_bnPre {position:absolute; top:-10px; left:-15px;}
#bnr_link_itm li.btn_bnNext {position:absolute; top:-10px; right:-15px;}