@charset "euc-kr";

/* Layout */
*{margin:0; padding:0;}
body{_text-align:center;}
#wrap{position:relative; overflow:hidden; width:990px; _text-align:left; margin:0 auto;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
/* Layout Color - ½ÇÁ¦ ¼­ºñ½º Àû¿ë ÈÄ ¾Æ·¡ ÄÚµå´Â »èÁ¦ Çϼ¼¿ä */

#header {height:106px;}
#header dl dt {display:none;}
#h_line {float:left; font-size:0; line-height:0; width:894px; height:2px; background:url(../images/common/header_line.gif); background-repeat:no-repeat;}

#spot_menu {position:absolute; width:300px; top:13px; left:595px;}
#spot_menu dd {float:left; padding-left:25px; line-height:7px; background:url(../images/common/spot_bar.gif) no-repeat;}
#spot_menu .spot_f{padding-left:0;background:none;}
#lnb {position:absolute; width:936px; height:101px; left:0px; top:20px; z-index:10;}

#visual {height:352px;}
#visual_layer {
	position:absolute;
	left:0px;
	top:106px;
	width:500px;
	height:352px;
	z-index:1;
}
#my_who {
	position:absolute;
	left:0px;
	top:365px;
	width:160px;
	height:55px;
	z-index:2;
}
#my_gi {
	position:absolute;
	left:201px;
	top:365px;
	width:165px;
	height:55px;
	z-index:3;
}

#left_tit {position:absolute; left: 44px; top: 219px;}
#ht_03 {position:absolute; left: 245px; top: 235px;}

#container {height:900px; float:left; overflow:hidden; width:100%;}
#container_left {float:left; width:500px; height:900px;}
#container_right {float:left; margin-left:30px; width:350px; height:900px;}

#wtab {height:34px; background:}

.h_wrap {width:500px; margin-top:15px;}
.h_img {width:128px; height:79px; background:url(../images/01_hope/bg_h_list.gif);}
.h_subject {float:left;}
.h_text {float:left;}

.h_li {clear:both; margin-top:0px; _height:0; _font-size:0; }
.h_list {background-color:#FFF; font:12px µ¸¿ò, Dotum; height:80px;}
.h_list dt { padding:0; font-size:12px; width:76%; padding:0 0 0 115px; }
.h_list dt.tit a {color:#555555; line-height:18px;} 
.h_list dd.photo {float:left; margin:-20px 15px 0 0; width:100px; height:80px; }
.h_list dd.photo img { vertical-align:top;}
.h_list dd.date {margin-top:2px;}
.h_list dd { line-height:17px;}
.h_list dd img {border:none;}
.h_list a {color:#707070; text-decoration:none;}
.h_list a:hover {color:#000;}

.h_img_list { clear:both; float:left; width:650px; overflow:hidden;}
.h_img_list li {display:inline; list-style:none; float:left; width:158px; height:135px; margin:10px 4px 0 0; padding:0 0 3px 0; background:url(../images/01_hope/bg_img_li.gif); text-align:center;}
.h_img_list li a {text-decoration:none;}
.h_img_list li a:hover {text-decoration:underline;}
.h_img_list li img {display:block; margin:21px 5px 10px 12px; border:none;}

.img_list {margin-top:8px; width:478px; padding:7px 0 5px 20px; border:1px solid #C2C2C2; overflow:hidden; background:#A3A3A3;}
.img_list li {display:inline; list-style:none; float:left; width:100px; margin:10px 18px 0 0; padding:0 0 3px 0; background-color:#A3A3A3; color:#FFF; font:12px µ¸¿ò, Dotum; text-align:center; letter-spacing:-1px;}
.img_list li a {color:#FFF; text-decoration:none;}
.img_list li a:hover {text-decoration:underline;}
.img_list li img {display:block; margin-bottom:5px; border:none; border:2px solid #FFF;}



.txt_list {width:330px; padding:12px 0 0 20px; list-style:none;}
.txt_list li {margin-bottom:2px; padding:0 0 0 8px; background:url(../images/bu_list1.gif) no-repeat 0 5px; font:normal 12px/1.5 µ¸¿ò, Dotum; vertical-align:top;}
.txt_list li a {color:#636363; text-decoration:none;}
.txt_list li a:hover {text-decoration:underline;}


/*³ª´®ÅÇ*/
#d_tab {width:350px; height:30px; background:url(../images/ntab_bg3.gif) no-repeat;}
#d_tab ul {}
#d_tab li { float:left;}
#d_tab p.sel {float:right; padding:9px 10px 0 0;}


#hot_wrap {margin-top:10px; width:348px; height:237px; background:#F7F7F7;border:1px solid #ECECEC;}
#ntab {margin-top:12px; width:350px; height:30px; background:url(../images/ntab_bg2.gif) no-repeat;}
.ntab_more {text-align:right; padding-right:15px;}
#nlist_box {clear:both; height:123px; background:url(../images/nanum_bg.gif) no-repeat;}
#hope_banner {margin-top:12px;}
#concert_wrap {margin-top:12px; height:120px; background:url(../images/concert_bg.gif) no-repeat;overflow:hidden;}
#finance_banner {margin-top:12px;}
#sponsor_wrap {margin-top:12px; height:130px; background:url(../images/spon_banner.gif) no-repeat;}

#footer {float:left; height:90px; margin-top:10px; width:880px;}
#foot_line {width:880px; height:2px; font-size:0px; line-height:0px; background:#8F8F8F;}
#foot_ci {float:left; margin-top:21px;}
#foot_add {float:left; margin:16px 0 0 35px;}
#foot_iaea {float:left; margin:15px 0 0 170px;}

#quickmenu {position:absolute; top:0px; left:913px; width:76; height:509px;}

ul.hotissue { float:left; width:100px; padding:20px 0 0 19px; }

ul.hotissue1 { float:right; padding:20px 15px 0 19px; }
ul.hotissue1 li { float:left; padding:0 5px 0 0; }

p.pimg { clear:both; padding:10px 0 0 20px; }


.con_list {width:330px; padding:48px 0 0 13px; list-style:none;}
.con_list li {margin-bottom:2px; padding:0 0 0 8px; font:normal 12px/1.5 µ¸¿ò, Dotum; vertical-align:top;}
.con_list li a {color:#636363; text-decoration:none;}
.con_tit a {font-weight:bold; color:#555555;}
.con_tit a:hover {font-weight:bold; color:#000; text-decoration:none;}
.con_field {font-weight:bold; color:#D75358;}

ul.list_title { clear:both; padding-top:5px; width:100%; overflow:hidden; }
ul.list_title1 { clear:both; padding-top:15px; width:100%; overflow:hidden; }
span.l_span { float:left; }
span.r_span { float: right; }

.sponsor {float:left; padding:17px 0 0 95px;}

.spon_com {float:left; padding:26px 0 0 90px; }
.spon_com li { float:left; padding:0 5px 0 5px; }