@charset "utf-8";

/*
Markup : jsh
Website: http://earth210.com
*/


/* Browser Reset Preference - 수정하지 마십시오
---------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
h1, h2, h3, h5, h6, pre, code { font-size: 1em ; color:#FFF;}
h4 { font-size: 14px; margin: 0 0 15px; padding: 0; color:#FFF; }
a img { border: none; }
fieldset { border:none; }

p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_40 { margin-right: 40px; }
.margin_right_60 { margin-right: 60px; }

.fl { float: left; }
.fr { float: right; }



/* Layouts - Restricted Preference - 수정하지 마십시오
---------------------------------------------------------------------------------*/
#sb { position:fixed; _position:absolute; *zoom:1; z-index:999; height:100%; }
#bd { position:relative; *zoom:1; z-index:0 }
#container_site { position:relative; *zoom:1; }
#header { position:relative; *zoom:1; }
#header { position:relative; *zoom:1; z-index:1;}
#header .wrp { position:relative; *zoom:1; }
#header_sub { position:relative; *zoom:1; }
#header_box1 { position:relative; *zoom:1; }

#container_body { position:relative; *zoom:1; }
#container_contents { position:relative; *zoom:1; }


#e1 { position:relative; *zoom:1; }
#e1 .wrapper { position:relative; }

#e2 { position:relative; *zoom:1; }
#e2 .wrapper { position:relative; }

#footer { position:relative; *zoom:1; clear:both }
#footer_box1 { position:relative; *zoom:1; }
#footer_box2 { position:relative; *zoom:1; }
#footer_box3 { position:relative; *zoom:1; }
#footer_sub { position:relative; *zoom:1; }

#ftAll { position:relative; *zoom:1; }
#ft { position:relative; *zoom:1; }
#ft_box1 { position:relative; *zoom:1; }
#ft_box2 { position:relative; *zoom:1; }
#ft_box3 { position:relative; *zoom:1; }
#ft_sub { position:relative; *zoom:1; }


/* Layouts - Margin & Position Preference - 필요에 따라 margin 값만 수정하세요
---------------------------------------------------------------------------------*/
#st { margin:0 auto; padding:0; }
#sb {margin:0; padding:0; top:0; left:0; }
#container_site { margin:0 auto; }
#header { margin:0 auto; }
#header .wrp { padding:0; }
#header_sub { margin:25px auto 0 auto; }
#bd { margin:0 auto; padding:0px ; }

#container_body {  }
#container_contents { padding:0px 5px 5px 5px; }
#container_contents .wrapper { padding:0px; }
#container_contents .wrapperTrans { padding:0; }
#footer { margin:20px auto 0 auto; padding:20px; }
#footer_sub { margin-top:20px; padding:20px; }

#ftAll { margin:0 auto; padding:0 0 40px 0; }
#ft { margin:0 auto; padding:0; }
#ft .wrp { margin:0 auto; }
#ft_sub { margin:20px auto 0 auto; padding:0; }
#ft_sub .wrp { margin:0 auto; padding:10px 0; }

/* 사이드바 1을 좌측에 정렬 */
.ec #e1 { float:left; margin-right:10px; }
.ec #container_contents { _float:right; }

/* 사이드바 1을 우측에 정렬 */
.ce #e1 { float:right; margin-left:10px; }
.ce #container_contents { _float:left; }

/* 사이드바 1,2를 좌측에 정렬 */
.eec #e1 { float:left; margin-right:0px; }
.eec #e2 { float:left; margin-right:0px; }
.eec #container_contents { _float:right; }

/* 사이드바 1,2를 우측에 정렬 */
.cee #e1 { float:right; margin-left:0px; }
.cee #e2 { float:right; margin-left:10px; }
.cee #container_contents { _float:left; }

/* 사이드바 1,2를 양쪽에 위치시키고 컨텐츠부를 가운데로 정렬 */
.ece #e1 { float:left; margin-right:0px; }
.ece #e2 { float:right; margin-left:10px; }
.ece #container_contents { _float:left }

#e1 .wrapper { padding:0px;margin-bottom:5px;}
#e1 .wrapper .dLink { padding:5px 0px 0px 5px ; margin-bottom:0px; }
#e2 .wrapper { padding:0px; }



/* Layouts - Customization - 여기서부터 자유롭게 코딩합니다
---------------------------------------------------------------------------------*/
html { height:100%; filter:expression(document.execCommand("BackgroundImageCache", false, true)); }
body { height:100%; background:#111; color:#FFF; }

p { margin-bottom:10px; line-height:140%; color:#FFF; }
p a { color:#FFF; }
a, a:visited { text-decoration: none; color:#ffffff; }
a:hover { text-decoration:none; color:#358fff; }

#st { background: url("../img/bg02.gif") repeat-x; }
#sb { width:75px; background: url(../img/bg_sb.gif) repeat-y;  }
#container_site { margin:0 auto; }
#header { height:105px; }
#header .wrp { height:65px; padding-top:10px; }
#header .menu_wrp { position:absolute; height:40px; *zoom:1; top:65px; left:0; margin:0; padding:0; z-index:1; }
#header a.logo { position:relative; float:left; top:41px; left:-4px; }
#header .logInfo { position:relative; height:0px; float:right; top:-45px; margin:0; padding:0; }
#header_sub { height:47px; background:url("../img/bg_hnb.gif") no-repeat; overflow:hidden; }
#header_sub .tm { position:absolute; top:0; right:0; width:20px; height:47px; background:url("../img/bg_hnb.gif") right top; }
#header_box1 { float:right; text-align:right; overflow:hidden; }

#bd { width:100%; background:#000000 url(../../../../imgaes/bgmap_01.gif) no-repeat center top; overflow:hidden; margin-top:10px; }
#cine {  position:relative; margin:0; padding:0; width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center top; text-align:center; }
#flamov { width:100%; height:500px; top:0px; left:0; margin-top:5px; }

#ec {  margin:10px 0 0 0; background-color:#000000;  }
#container_body { background:url(../../../../imgaes/bgmap_01.gif) ;border-right:1px solid #333333; border-top:1px solid #333333; border-left:1px solid #333333; }
#container_contents { background:#000000; text-align:justify; line-height:140%; overflow:hidden; }
#container_contents .wrapper { overflow:hidden; }
#container_contents .wrapperTrans { overflow:hidden; }

#e1 { background:#000000; color:#666; overflow:hidden; }
#e1 .wrapper {  }

#e2 { background:#000000; color:#666; overflow:hidden; }
#e2 .wrapper {  }





#footer{
	position: relative;
	width: 100%;
	margin: 0px auto;
	background: #000000 url(../img/footer-glow.png) no-repeat top center;
	color: #fff;
	overflow:hidden; clear:both;
}

/* FOOTER - COLS ------------------------------------------------------------*/

#footer-cols{
	display: block;
	overflow: hidden;
	color: #bbbaba;
	line-height: 1.5em;
}

#footer-cols li.col{
	display: block;
	font-size: 12px;
	width: 282px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
}

#footer-cols li.col>h6{
	color: #d7d7d7;
	margin-top: 30px;
	margin-bottom: 20px;
	text-shadow: 0px -2px rgba(0, 0, 0, .8);
}

#footer-cols li.clear-col{ clear:left; }

#footer-cols li.col ul{
	display: block;
}

#footer-cols li.col ul li{
	display: block;
	line-height: 1.7em;
}


#footer-cols li.col ul li.page_item{
	display: block;
	line-height: 2.5em;
	padding-left: 17px;
	border-top: 1px solid #4a4a4a;
	border-bottom: 1px solid #000;
	background: url(../img/footer-bullet.png) no-repeat 0px 10px;
}

#footer-cols li.col ul li:first-child{ border-top: none; }

#footer-cols li.col ul li:last-child{ border-bottom: none; }

#footer-cols li.col ul li a{
	text-decoration: none;
	color: #ffffff;
}

#footer-cols li.col ul li a:hover{
	color: #fff;
}

/* FOOTER BOTTOM --------------------------------------------------------*/

#bottom{
	position: relative;
	width: 100%;
	font-size: 12px;
	line-height: 1.5em;
	line-height: 60px;
	color: #868686;
	background: #222426 url(../img/bottom-shadow.png) repeat-x;
}

#bottom #bottom-text{
	width: 600px;
	overflow: hidden;
	margin-left: 30px;	
}

#bottom a{
	color: #ffffff;
	text-decoration: none;
}

#bottom #to-top{
	position: absolute;
	right: 50px;
	top: -22px;
	width: 33px;
	height: 33px;
	background: url(../img/to-top.png) no-repeat;
	cursor: pointer;
}
#footer_box1 { width:150px; margin-right:20px; float:left; overflow:hidden; }
#footer_box2 { width:150px; margin-right:20px; float:left; overflow:hidden; }
#footer_box3 { width:150px; margin-right:20px; float:right; overflow:hidden; }
#footer_sub { background:#cacaca; color:#666; clear:both; }

#ftAll { overflow:hidden; border-top:1px solid #333333; margin-top:0px; }
#ft { font:8pt 돋움, Dotum; letter-spacing:-1px; overflow:hidden; }
#ft .wrp { overflow:hidden; }
#ft_box1 { float:none; text-align:center; font-size:12px; text-transform:uppercase; overflow:hidden; color:#999; letter-spacing:0;margin-top:10px; }
#ft_box2 {  }
#ft_box3 { float:right; text-align:right; overflow:hidden; }
#ft_sub {overflow:hidden; clear:both; }
#ft_sub .wrp { overflow:hidden; }


/* Main Menu - 메인 메뉴
---------------------------------------------------------------------------------*/
.gnb { position:relative; left:0; top:0; margin:0; padding:0; list-style:none; *zoom:1; float:left; }
.gnb li { float:left; *zoom:1; }
.gnb li a { width:150px; height:56px; padding:0px 0 0 0; margin:0; display:block; text-align:center; text-decoration:none !important; font-weight:bold; float:left; color:#a0a0a0; _color:#a0a0a0 !important; *zoom:1; background:url(../img/gnb_off.png) no-repeat; }
.gnb li a { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"../img/gnb_off.png', sizingMethod='crop')"); _cursor:pointer; }
.gnb li a:hover { color:#fff; _color:#fff!important; background:url("../img/gnb_on.png") no-repeat; _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"../img/gnb_on.png', sizingMethod='crop')"); _cursor:pointer; }
.gnb li.selected a { color:#fff; _color:#fff!important; background:url("../img/gnb_on.png") no-repeat; }
.gnb li.selected a { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"../img/gnb_on.png', sizingMethod='crop')"); _cursor:pointer; }

/* Hot Issues and More - 핫이슈 더보기 창
---------------------------------------------------------------------------------*/
.mv { float:left; position:relative; top:0; left:0; width:100px; height:40px; padding:0; background:url("../img/btn_more.gif") no-repeat; background-position:left 0px; cursor:pointer; }
#mv_box { width:647px; height:250px; background:url("../img/bg_mv.gif") no-repeat; position:absolute; top:38px; left:0px; z-index:1000; display:none; font:12px verdana, sans-serif; line-height: 1.7em; padding:40px 10px 15px 10px; color:#666; overflow:hidden; }

/* Bottom Menu - 하단 푸터에 위치하는 메뉴
---------------------------------------------------------------------------------*/
.extLeft { list-style:none; margin:0px 0px 0px 30px; padding:0; }
.extLeft li { float:left; margin-right:10px; }
.extLeft li a { padding-right:10px; color:#999 !important; background:url("../img/vr.gif") no-repeat right -2px; *background:url("../img/vr.gif") no-repeat right 1px; }
.extLeft li:last-child a { background:none; }
.extLeft li a:hover { text-decoration:underline; }

.extRight { list-style:none; margin:0; padding:0; }
.extRight li { float:left; margin-left:10px; }
.extRight li a { padding-left:10px; color:#999 !important; background:url("../img/vr.gif") no-repeat left 1px; }
.extRight li:First-child a { background:none }
.extRight li a:hover { text-decoration:underline; }

#bottomBanner { list-style:none; position:absolute; top:11px; right:0; margin:0; padding:0; }
#bottomBanner li { float:left; margin-right:30px; height:30px; }

/*2 Coulmn Box*/
.box { margin-bottom:40px; overflow:hidden; *zoom:1; }
.box .box_left { width:48%; float:left; }
.box .box_right { width:48%; float:right; }

#templatemo_footer {
	text-align:left;margin:0 auto;
	width: 880px;
	padding: 5px 10px 10px 40px;
	background: url(../images/templatemo_main_bottom.png) top no-repeat
}


.footer_menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer_menu li {
	margin: 0;
	padding: 2px 10px 3px 10px;
	border-bottom: 1px dotted #ccc
}

.footer_menu li a {
	font-size: 11px;
}

.col { float: left; margin-right: 20px }
.col_13 { width: 250px }
.col_14 { width: 220px }
.col_15 { width: 380px }
.col_16 { width: 130px }
.col_23 { width: 620px }

.no_margin_right { margin-right: 0 }