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

/*{border:1px solid red;}*/

#wrap{width:980px;}

.skip_navi{display:none;}

/* header */
#head_wrap{position:relative; width:980px;}
#header{position:relative; width:980px; height:56px;}
#header h1{float:left; padding-left:19px;}
#header #top_menu{position:relative; float:right; width:650px; text-align:right; padding:9px 25px 0 0;}
#header #top_menu #gnb{padding-right:8px;}
#header #top_menu #gnb li{display:inline; text-align:right;}
#header #top_menu #up_navi{float:left; padding:3px 0 0 13px;}
#header #top_menu #up_navi li{display:inline;}
#header #top_menu #search{position:relative; padding-top:6px; float:right; width:215px;}
#header #top_menu #search .jump{float:left; width:73px; height:18px;margin-right:3px; font-family:"Dotum"; font-size:11px; color:#787878; border:1px solid #E1E1E1; background-color:#F7F7F7;} 
#header #top_menu #search input.search_box{float:left; width:95px; height:13px; font-family:"Dotum"; font-size:11px; color:#787878; border:1px solid #CACCCA;  background-color:#fff;}
#header #top_menu #search .btn_search{float:left; position:absolute; right:6px; top:5px;} 

#navi{position:relative; width:980px; height:57px;}
#mainmenu {position:absolute; top:0; left:0;}
#mainmenu li.menu1,
#mainmenu li.menu2,
#mainmenu li.menu3,
#mainmenu li.menu4,
#mainmenu li.menu5,
#mainmenu li.menu6,
#mainmenu li.menu7,
#mainmenu li.menu8,
#mainmenu li.menu9{float:left;}
#mainmenu li ul.submenu {display:none;}
#mainmenu li ul.submenu li {float:left;}
#mainmenu li ul.submenu li img {display:block; padding:0px;}
#mainmenu li.menu1 ul.submenu {width:321px; height:23px; position:absolute; top:34px; left:1px; background:url(/images/comm/menu_bg.gif) repeat-x;}
#mainmenu li.menu2 ul.submenu {width:609px; height:23px; position:absolute; top:34px;; left:20px; background:url(/images/comm/menu_bg.gif) repeat-x;}
#mainmenu li.menu3 ul.submenu {width:293px; height:23px; position:absolute; top:34px;; left:230px; background:url(/images/comm/menu_bg.gif) repeat-x;}
#mainmenu li.menu4 ul.submenu {width:556px; height:23px; position:absolute; top:34px; left:300px; background:url(/images/comm/menu_bg.gif) repeat-x;}
#mainmenu li.menu5 ul.submenu {width:789px; height:23px; position:absolute; top:34px; left:160px; background:url(/images/comm/menu_bg.gif) repeat-x;}
#mainmenu li.menu6 ul.submenu {width:288px; height:23px; position:absolute; top:34px; left:600px; background:url(/images/comm/menu_bg.gif) repeat-x;}
#mainmenu li.menu7 ul.submenu {width:175px; height:23px; position:absolute; top:34px; left:737px; background:url(/images/comm/menu_bg.gif) repeat-x;}



#navi2{position:relative; width:980px; height:57px;}
#navi2 #mainmenu {position:absolute; top:0; left:0;}
#navi2 #mainmenu li.menu1,
#navi2 #mainmenu li.menu2,
#navi2 #mainmenu li.menu3,
#navi2 #mainmenu li.menu4,
#navi2 #mainmenu li.menu5,
#navi2 #mainmenu li.menu6,
#navi2 #mainmenu li.menu7,
#navi2 #mainmenu li.menu8,
#navi2 #mainmenu li.menu9{float:left;}
#navi2 #mainmenu li ul.submenu {display:none;}
#navi2 #mainmenu li ul.submenu li {float:left;}
#navi2 #mainmenu li ul.submenu li img {display:block; padding:0px;}
#navi2 #mainmenu li.menu1 ul.submenu {width:323px; height:23px; position:absolute; top:34px; left:1px; background:url(/images/new_comm2/menu_bg.gif) repeat-x;}
#navi2 #mainmenu li.menu2 ul.submenu {width:609px; height:23px; position:absolute; top:34px;; left:20px; background:url(/images/new_comm2/menu_bg.gif) repeat-x;}
#navi2 #mainmenu li.menu3 ul.submenu {width:293; height:23px; position:absolute; top:34px;; left:230px; background:url(/images/new_comm2/menu_bg.gif) repeat-x;}
#navi2 #mainmenu li.menu4 ul.submenu {width:556px; height:23px; position:absolute; top:34px; left:300px; background:url(/images/new_comm2/menu_bg.gif) repeat-x;}
#navi2 #mainmenu li.menu5 ul.submenu {width:789px; height:23px; position:absolute; top:34px; left:160px; background:url(/images/new_comm2/menu_bg.gif) repeat-x;}
#navi2 #mainmenu li.menu6 ul.submenu {width:288px; height:23px; position:absolute; top:34px; left:600px; background:url(/images/new_comm2/menu_bg.gif) repeat-x;}
#navi2 #mainmenu li.menu7 ul.submenu {width:175px; height:23px; position:absolute; top:34px; left:737px; background:url(/images/new_comm2/menu_bg.gif) repeat-x;}


/* visual */
#visual_wrap{position:relative; width:980px;height:367px; background:url(/images/index_img/new_mainimg.jpg) no-repeat;}
#quick_menu{position:absolute; top:278px; left:38px;}
#quick_menu li{display:inline;}
#link_menu{position:absolute; top:170px; right:29px;}
#link_menu li{display:inline;}
#popup{position:absolute; width:278px; height:99px; top:267px; right:30px;}
#popup ul{}
#popup ul li{display:inline;}
#popup .pop_bg{width:280px; height:78px; padding:4px 7px; background:url(/images/index_img/pop_bg.gif) no-repeat; }


/* visual_2*/
#visual_wrap_open{position:relative; width:980px;height:232px; background:url(/images/index_img/new_mainimg2.jpg) no-repeat;}
#quick_menu2{position:absolute; top:143px; left:38px;}
#quick_menu2 li{display:inline;}
#link_menu2{position:absolute; top:34px; right:35px;}
#link_menu2 li{display:inline;}
#popup2{position:absolute; width:278px; height:99px; top:130px; right:30px;}
#popup2 ul{}
#popup2 ul li{display:inline;}
#popup2 .pop_bg{width:280px; height:78px; padding:4px 7px; background:url(/images/index_img/pop_bg.gif) no-repeat; }


/* main contents */
#main_body{position:relative; float:left; padding:20px 28px 0 40px;}
#main_body #m_left{float:left; width:454px; padding-right:41px;}
#m_left .news{float:left;}
#m_left .news p{padding-top:7px;}
#m_left .news_view{position:relative; float:right; width:329px; padding-top:3px;}
#m_left .news_view .news_title{padding-bottom:10px;}
#m_left .news_view .news_title a{font-family:"굴림"; color:#000; font-size:12px; font-weight:bold;}
#m_left .news_view .news_desc{width:325px; height:50px; font-family:"굴림"; font-size:12px; color:#727272;line-height:16px; overflow:hidden;}

#m_left .news_view .news_more{position:absolute; top:2px; left:275px;}
.news_list{padding:8px 0 0 8px;}
.news_list li{width:296px; position:relative; padding:0 0 6px 12px; background:url(/images/index_img/dot.gif) 4px 5px no-repeat; font-family:"굴림"; font-size:12px; }
.news_list li a{color:#0C6AB1;}
.news_list span{position:absolute; right:0; top:0;}
.news_list span.date{font-family:"굴림"; font-size:12px; color:#727272;}


#main_body #m_right{position:relative; float:right; width:408px;}


/* 공지사항 */
div .notice-more-btn {position:absolute; right:7px; top:5px; z-index:50;}

#main-cell-13 {float:left; width:408px; height:100px;}
#main-cell-13 .main-notice-bg {position:relative; background:url(/images/new_comm/main_bg_notice.gif) repeat-x; width:403px; height:23px; padding:1px 0px 0px 3px;}
#main-cell-13 ul li {float:left; }
#main-cell-13 ul li ul {position: absolute; left:7px; top:30px;}
#main-cell-13 ul li ul li {clear:both; width: 387px; background: url('/images/comm/arrow_4.gif') left 7px no-repeat; padding:0 0 2px 10px; font-family:"굴림"; font-size:12px; color:#727272;}
#main-cell-13 ul li ul li span.date{position:absolute; right:4px;}
#main-cell-13 ul li ul li span.board_title{font-family:"굴림"; font-size:12px; color:#0076A3;}
#main-cell-13 ul li ul li a {color:#525252;}

#main-notice2, #main-notice3, #main-notice4 {display:none;}


/* 메뉴 열림시 콘텐츠 */
#main_body2{position:relative; float:left; padding:15px 28px 0px 40px;}
#main_body2 #m_left2{float:left; width:454px; padding-right:21px; }
#m_left2 .macc_now{float:left; width:197px;}
#m_left2 .macc_now ul li{text-align:center;}
#m_left2 .site_link{float:right; width:194px; padding-right:25px;}

#main_body2 #m_right2{float:right; width:422px; }
#m_right2 .btn_m1{float:left; width:194px;}
#m_right2 .mini{float:right; width:184px; height:138px; background:url(/images/new_comm/mini_bg.gif) no-repeat;margin-top:2px;}
#m_right2 .mini #mini_more{position:absolute; top:37px; right:37px;}
#m_right2 .mini .mini_list{width:146px; height:74px; overflow:hidden; padding:50px 10px 10px 22px;}



/* 카피라이터 */
#footer_body{position:relative; width:980px; margin-top:18px; padding-top:25px;}
#footer_body #open_menu{position:absolute; top:3px; right:52px;}
#footer_body #quick_link{position:absolute; top:8px; left:40px;}
#footer_body #quick_link li{display:inline;}
#footer_wrap{height:90px; padding:12px 0 0 30px; background:url(/images/new_comm/copy_bg.gif) no-repeat; }
#footer_wrap .banner{position:relative; width:888px; padding-left:12px;}
#footer_wrap .banner .banner_up{position:absolute; top:10px; right:0;}
#footer_wrap .copyright{position:relative; padding:13px 0 0 0px;}
#footer_wrap .copyright h1{float:left; padding-right:13px;}
#footer_wrap .copyright .copy{float:left;}
#footer_wrap .copyright .copy li{display:inline;}
#footer_wrap .copyright .copy_desc{padding-left:7px;}


/* -------------------------------------------  sub ---------------------------------------------- */

/* sub_visual */
#sub_visual{position:relative; width:980px; height:106px; }
#sub_visual .topimg_1{float:left; font-size:0; line-height:0;}
#sub_visual .top_visual{width:788px; float:right; font-size:0; line-height:0;}


/* sub_body */
#sub_body{position:relative; float:left; width:980px; font-size:0;}

#sub_body .left_navi{position:relative; float:left; width:173px; padding-left:10px; font-size:0;}
.left_navi ul{padding-left:8px;}
.left_navi ul li{width:157px; overflow:hidden; margin:6px 0; font-family:"굴림"; font-size:12px; color:#575757;}
.left_navi ul li.first{margin-top:5px;}
.left_navi ul li img{padding:0 4px 0 2px; font-size:0;}
.left_navi ul li.navi_bg{width:157px; height:1px; background:#D5D5D5; line-height:0; font-size:0;}

/* depth3 */
.left_navi ul li .depth_3{width:157px; background:#F6F6F6; font-size:0; margin-top:3px;}
.left_navi ul li .depth_3 li{margin:0; padding:3px 0; font-family:"굴림"; font-size:11px; color:#575757;}
.left_navi ul li .depth_3 .depth_first{padding-top:8px;}
.left_navi ul li .depth_3 .depth_last{padding-bottom:7px;}
.left_navi ul li .depth_3 li img{padding-bottom:3px; font-size:0;}


/* contents */
#sub_body .container{position:relative; float:right; width:788px; background:url(/images/comm/sub_t_2.gif) repeat-y;}
.container .title{position:relative; width:723px; padding:17px 10px 20px 25px;}
.container .location{position:absolute; top:2px; right:35px; font-family:"굴림"; font-size:12px; color:#575757;}
.container .contents{position:relative; width:690px; overflow:hidden; margin:0 10px 0 42px;}
.container .vote{position:relative; width:694px; height:69px; margin:60px 0px 0 39px; padding:7px 0 0 11px; background:url(/images/new_comm/vote_table.gif) no-repeat;}
.container .vote p{float:left; padding:7px 0 0 32px; font-family:"굴림"; font-size:12px; color:#575757;}
.container .vote p img{position:absolute; top:13px; left:24px;}
.container .vote fieldset {float:left; width:370px; border:0; margin:3px 0 3px 10px;}
.container .vote fieldset .btn_vote{position:absolute; top:10px; right:15px;}
.container .vote .vote_desc{position:absolute; width:645px; top:38px; left:-3px;}
.container .vote .vote_desc .email{position:absolute; top:-4px; left:380px;}
.container .vote .vote_desc .vote_comment{position:absolute; top:-9px; right:90px;}

.container .up{position:relative;}

/* contents1 */
#sub_body .container1{position:relative; float:right; width:788px; background:url(/images/new_comm2/sub_t_2.gif) repeat-y;}
.container1 .title{position:relative; width:723px; padding:17px 10px 20px 25px;}
.container1 .location{position:absolute; top:2px; right:35px; font-family:"굴림"; font-size:12px; color:#575757;}
.container1 .contents{position:relative; width:690px; overflow:hidden; margin:0 10px 0 42px;}
.container1 .vote{position:relative; width:694px; height:69px; margin:60px 0px 0 39px; padding:7px 0 0 11px; background:url(/images/new_comm/vote_table.gif) no-repeat;}
.container1 .vote p{float:left; padding:7px 0 0 32px; font-family:"굴림"; font-size:12px; color:#575757;}
.container1 .vote p img{position:absolute; top:13px; left:24px;}
.container1 .vote fieldset {float:left; width:370px; border:0; margin:3px 0 3px 10px;}
.container1 .vote fieldset .btn_vote{position:absolute; top:10px; right:15px;}
.container1 .vote .vote_desc{position:absolute; width:645px; top:38px; left:-3px;}
.container1 .vote .vote_desc .email{position:absolute; top:-4px; left:380px;}
.container1 .vote .vote_desc .vote_comment{position:absolute; top:-9px; right:90px;}

.container .up{position:relative;}


/* 서브_카피라이터 */
#sub_footer_body{position:relative; width:980px; height:90px; background:url(/images/comm/copy_bg.gif) no-repeat; }
#sub_footer_body .copyright{position:relative; padding:27px 0 0 15px;}
#sub_footer_body .copyright h1{float:left; padding-right:15px;}
#sub_footer_body .copyright .copy{float:left;}
#sub_footer_body .copyright .copy li{display:inline;}
#sub_footer_body .copyright .copy_desc{padding-left:2px;}