﻿@charset "utf-8";
/* CSS Document */

@import url("base.css") ;

/* ========== [태그 초기화] ========== */

* {margin:0; padding:0;}

html, body {width:100%; height:100%;}
body {font-size:12px; font-family:dotum;
		scrollbar-face-color:#ffffff;
		scrollbar-highlight-color: #eeeeee;
		scrollbar-shadow-color: #eeeeee;
		scrollbar-3dlight-color: #ffffff;
		scrollbar-darkshadow-color: #ffffff;
		scrollbar-track-color: #f6f7fb;
		scrollbar-arrow-color: #eeeeee;
}

img {border:0; vertical-align:middle;}
form, fieldset {display:block; border:0;}
ul,ol,li {list-style:none;}


hr {display:none;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
p, acronym, address, big, small, cite, code, dfn, em, kbd, pre, samp, sub, sup, tt, var {font-weight:normal; font-family:dotum; font-style:normal;}
h1, h2, h3, h4, h5, h6 {font-size:12px;}

a {selector-dummy:expression(this.hideFocus=true);}

a:link {color:#6c6d72; text-decoration:none;}
a:visited {color:#6c6d72; text-decoration:none;}
a:hover, a:focus {color:#d5007f; text-decoration:none;}
a:active {color:#d5007f; text-decoration:none;}




/* ========== [메인] ========== */

#top_default { POSITION:absolute; Width:100%; TOP:0px; z-index:-10;}

#wrap {margin:0 auto; width:990px;}

#GNB {height:100px; margin:0 auto;}

#mainCont {}

	.columnL {float:left; width:275px; margin-right:40px; vertical-align:top; POSITION:absolute; z-index:50;}
	.columnR {float:right; width:675px; vertical-align:top;}
	
	.3Banner { }
	.3Banner 1th { }
	.3Banner 2th { }
	.3Banner 3rd { }
	
	.rollBanner {padding: 17px 0 0 11px; height:173px; background:url(../images/new_main/rollBanner_bg.gif) 0 0 no-repeat; }
	.rollBanner img {margin-bottom:10px; }
	
	.Movie {height:443px;}
	
	.Board_News {position:relative; float:left; padding:54px 10px 0; width:315px; height:100px; background:url(../images/new_main/title_news_bg.gif) 0 0 no-repeat;}
	.Board_News td,
	.Board_News th {font-family:dotum; font-size:11px; line-height:15px; letter-spacing:-1px; }	
	.Board_News td {color:#64676d; vertical-align:top;}
	.Board_News th {height:18px; text-align:left;}
	.Board_News .headline {margin-bottom:6px; text-align:justify;}
	.Board_News .headline .thum {width:97px; height:63px; background:#eee; text-align:center;}
	.Board_News .headline .title {height:35px; vertical-align:top; line-height:16px;}
	.Board_News .btn {position:absolute; top:17px; right:10px;}
	
	
	.Board_Report  {position:relative; float:right; padding:54px 10px 0; width:315px; height:100px; background:url(../images/new_main/title_report_bg.gif) 0 0 no-repeat;}
	.Board_Report td,
	.Board_Report th {font-family:dotum; font-size:11px; line-height:16px; letter-spacing:-1px;}	
	.Board_Report td {color:#64676d; vertical-align:top; line-height:16px;}
	.Board_Report th {height:18px; text-align:left;}
	.Board_Report .thum {margin-bottom:6px; width:153px; height:65px; border:1px solid #eee; text-align:center;}	
	.Board_Report .btn {position:absolute; top:17px; right:10px;}



#Footer {text-align:center; background:url(../images/new_main/footer_bg.gif) 0 0 repeat-x; clear:both;}

/*** Add **/
:focus { outline:0; }
a:active { outline:none; }

.paddRight5 {padding-right:5px;}
.paddleft5 {padding-left:5px;}

/*** Slides container Roll Banner **/

#mainRollBanner {
	padding: 17px 0 0 11px;
	height:173px;
	background:url(/common/images/new_main/rollBanner_bg.gif) 0 0 no-repeat; 
}

#mainRollBanner .slides_container {
	width:200px;
	overflow:hidden;
	float:left;
	position:relative;
	display:none;
	padding:0 0 10px 0;
}

#mainRollBanner .slides_container a {
	width:200px;
	height:143px;
	display:block;
}

/* Pagination */
/*
#mainRollBanner .pagination {
	
	width:152px;
}

#mainRollBanner .pagination li {

	float:left;
	margin:2px 2px;
	list-style:none;
}
*/

#mainRollBanner .pagination {
	/*margin:150px auto 0;*/
	width:152px;

}

#mainRollBanner .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

#mainRollBanner .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/common/images/new_main/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

#mainRollBanner .pagination li.current a {
	background-position:0 -12px;
}


#earth_layer { /* 지구...레이어 팝업 */ position:absolute ; top:50% ; left:50% ; margin:-290px 0 0 -440px ; width:910px ; height:580px ; z-index:100 ; display:none ; } 

#pop_ugumi {position:absolute; top:50% ; left:50% ; margin:-265px 0 0 -440px; z-index:100; display:none; padding:274px 0 0 55px; width:855px; height:210px; background:url(../images/new_main/popup_2ndbanner_bg.gif) 0 0 no-repeat;}
#pop_ugumi .close {position:absolute; top:-26px; right:11px; }
#pop_ugumi .slides_img {width:794px; height:122px; display:block; overflow:hidden; }
#pop_ugumi .num {position:absolute; top:420px; left:369px; font-family:Arial; font-size:12px; font-weight:bold; color:#fff;}
#pop_ugumi .num li {float:left; width:18px; height:18px; margin-right:7px; text-align:center;}



