@charset "utf-8";

/***** common *****/
body{background:#f5f5f5 url(../images/body_bg.gif) repeat-x left top;}
#wrap{width:100%; height:auto; margin:0 auto;}
#visaul_wrap{width:100%; height:587px; background:url(../images/main_visual_bg.jpg) repeat-x center top;}

#visaul_wrap .visaulbox{ position:relative; display:block; width:980px; height:587px; margin:0 auto; }
#visaul_wrap .visaulbox h1{ position:absolute; top:20px; left:85px;}
#visaul_wrap .visaulbox h1 a{ color:#222;}
#visaul_wrap .visaulbox h1 img{vertical-align:middle;}
#visaul_wrap .visaulbox .top_solgan{position:absolute; top:160px; left:520px;}

/* win_add */
#visaul_wrap .visaulbox .top_solgan2{position:absolute; top:68px; left:458px;}
#win_box{position:absolute; top:215px; left:550px; }
#win_box #videoBox_wrapper{ width:375px; height:210px; background:#000;}
#win_box .win_title{height:62px; margin-bottom:5px; padding:8px 0 0 55px; background:url(../images/win_icont.png) no-repeat;}
#win_box .win_title strong{display:inline-block; line-height:40px; font-size:50px; font-weight:bold; color:#149fb1; }
#win_box .win_title span{ font-size:20px; font-weight:bold; color:#222; }
#win_box .win_title span{ font-size:20px; font-weight:bold; color:#222; }

/* gnb */
#gnb_wrap{ height:59px;}
#gnb{ width:980px; margin:0 auto;  border-top:1px solid #c6c6c7;}
#gnb li{ float:left; width:490px;}
#gnb li:first-child{ width:489px; border-left:1px solid #c6c6c7; }
#gnb li a{ display:block; width:100%; height:52px; padding:0px 0 5px 0; line-height:55px; color:#a4a4a4; font-size:22px; font-weight:bold; text-align:center; border-bottom:1px solid #c6c6c7; background:#f4f4f4 url(../images/cont_line.gif) repeat-y right top;}
#gnb li a.on{ display:block; color:#282e3d; font-weight:bold; border-bottom:1px solid #fff; background:#fff url(../images/cont_line.gif) repeat-y right top; }

/* container */
#container{ position:relative; width:899px; min-height:525px; margin:0 auto; padding:40px; border-left:1px solid #c6c6c7; border-bottom:1px solid #c6c6c7; background:#fff url(../images/cont_line.gif) repeat-y right top;}
.slogan{margin-bottom:30px;}
.slogan p{ font-size:15px; font-weight:600; line-height:24px;}

/* box_style */
.fl_box{ float:left; width:440px; margin-right:20px;}
.fr_box{ float:right; width:440px; }
.fl_box,fr_box:after{content:""; display: block; clear:both;}

.big_text{ margin-left:25px; font-size:18px; line-height:24px;}

.h4_ul{ margin-left:34px; margin-bottom:15px;}
.h4_ul li{ font-size:18px; line-height:24px; margin-bottom:5px; padding:0 0 0 15px; color:#282e3d; background:url(../images/h4_bul.png) no-repeat 0 7px;}
.h4_ol{ margin-left:37px; margin-bottom:15px;}
.h4_ol li{ text-indent:-20px; font-size:18px; line-height:24px; margin-bottom:5px; padding:0 0 0 10px; color:#282e3d;}


/* 이달의 국민리포트 후보작 */
.movie_ul{ margin-left:-10px;}
.movie_ul:after{content:""; display: block; clear:both;}
.movie_ul li{ float:left; width:205px; margin:0 10px 20px 10px; border:1px solid #c1c1c1; background:#fff;}
.movie_ul .video_box{ height:115px; background:#e8e8e7;}
.movie_ul .video_box a{ display:block;height:115px;}
.movie_ul .video_box a img {width:205px; height:115px;}
.movie_ul .video_tit{ display:block; width:170px; padding:5px 15px 10px 15px; font-size:15px; font-weight:600; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.movie_ul .video_tit_win{ display:block; width:150px; padding:5px 15px 10px 35px; font-size:15px; font-weight:600; color:#333; background:url(../images/win_icons.png) no-repeat 5px 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.movie_ul .years{ display:block; padding:0 15px 5px 15px; text-align:right; font-size:12px; color:#8f8e8e;}
.movie_ul .years img{ vertical-align:middle;}

/* footer */
#footer{ min-height:110px; margin:30px 0px 0px 0px;}
#footer .footer{width:900px; margin:0 auto; padding:15px 40px; font-size:12px; background:#363737;}
#footer .footer p{ margin-bottom:2px; line-height:14px; color:#bebebe;}
#footer .footer .f_link a{ display:inline-block; margin-bottom:10px; color:#f2f2f2; font-weight:600;}
#footer .footer .f_addre,#footer .footer .f_tel ,#footer .footer .f_copy {font-size:11px;}
#footer .footer .f_tel a{ color:#bebebe; }
#footer .footer .f_copy{ margin-top:6px;}