@charset "utf-8";

/***** common *****/
body{background:url(../images/ucc/body_bg.gif) repeat left top;}
#wrap{width:100%; height:auto; margin:0 auto;}
#visaul_wrap{width:100%; height:550px; background:url(../images/ucc/main_visual_bg.jpg) repeat-x center top;}
#visaul_wrap .visaul{ position:relative; display:block; width:980px; height:550px; margin:0 auto; background:#81867f;}
#visaul_wrap .visaul .midam_link{ position:absolute; left:0px; top:334px; display:block;}
/* 0326add */
#videoBox_wrapper{position:absolute; top:120px; left:85px; width:535px; height:300px; background:#000;}
#visaul_wrap .visaulbox{ position:relative; display:block; width:980px; height:550px; margin:0 auto; background:url(../images/ucc/main_visualucc.jpg) no-repeat 0 0;}
#visaul_wrap .visaulbox h1{ position:absolute; top:20px; left:85px;}
#visaul_wrap .visaulbox .videoBox{ position:absolute; top:120px; left:85px; width:535px; height:300px; background:#000;}
#visaul_wrap .visaulbox .top_ktv{position:absolute; top:85px; left:500px;}
#visaul_wrap .visaulbox .top_text{ position:absolute; top:430px; left:85px; display:block;}

/* gnb */
#gnb_wrap{ height:110px; background:url(../images/ucc/gnb_bg.gif) repeat left top;}
#gnb{ width:980px; margin:0 auto;}
#gnb li{ float:left; width:24.94%;}
#gnb li:first-child{ border-left:1px solid #121718;}
#gnb li a{ display:block; width:100%; height:52px; padding:24px 0 9px 0; line-height:55px; color:#fff; text-align:center; background:url(../images/ucc/gnb_line.gif) no-repeat right top;}
#gnb li a.on{ display:block; background:#171c21;}
#gnb li a.on span{ display:block; height:50px; padding-bottom:34px; background:url(../images/ucc/gnb_on.png) no-repeat center bottom;}

/* container */
#container{ position:relative; width:900px; min-height:600px; margin:0 auto; padding:40px;}
.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;}

.h6_ul{ margin-left:25px; margin-bottom:15px;}
.h6_ul li{ font-size:14px; line-height:20px; margin-bottom:5px; padding:0 0 0 10px; color:#282e3d; background:url(../images/ucc/bul_img1_1.png) no-repeat 0 7px;}

.h6_ul2{ margin-left:25px; margin-bottom:15px;}
.h6_ul2 li{ font-size:14px; line-height:20px; margin-bottom:5px; padding:0 0 0 10px; color:#282e3d; background:url(../images/ucc/bul_img2_1.png) no-repeat 0 7px;}
.tip_p1{ margin:0 0 0 25px; color:#282e3d;}

.h6_ol{ margin-left:25px; margin-bottom:15px;}
.h6_ol li{ font-size:14px; line-height:20px; margin-bottom:5px; padding:0 0 0 10px; color:#282e3d;}
.h6_ol li ul{ margin:10px 0; }
.h6_ol li ul li{padding:0 0 0 10px; color:#505050; font-size:13px; }

/* 유의사항 */
.note_box{ position:relative; width:781px; height:197px; margin:60px auto 0px auto; padding:35px 40px; background:url(../images/ucc/tip_box.png) no-repeat left top;}
.note_box ul{ margin:20px 0 0 5px;}
.note_box ul li{ margin: 0 0 13px 0;padding:0 0 0 22px; background:url(../images/ucc/tip_point.png) no-repeat left 3px; color:#ececec; font-size:15px;}

/* 공지사항 */
.notice_box{ margin-bottom:30px; padding:0 0 30px 0px; border-bottom:2px solid #a9a9a9;}
.notice_box .notice_tit{ margin-bottom:15px; padding:16px 0 2px 54px; font-size:18px; font-weight:600; color:#222; background:url(../images/ucc/notice_bul.png) no-repeat 5px 0px;}
.notice_box p{ padding-left:54px; line-height:22px;}

/* table_list */
.table_b {width:100%; margin-top:10px;margin-bottom:8px;color:#191919;border-collapse:collapse; background:#fff;}
.table_b caption{width:1px; height:1px; font-size:0; line-height:0; visibility:hidden; position:absolute;}
.table_b th {padding:8px 12px; text-align:center; border-bottom:1px solid #8b8d90;border-right:1px solid #8b8d90; background:#f4f4f4;}
.table_b td {padding:7px 12px; text-align:center; border-bottom:1px solid #8b8d90; border-right:1px solid #8b8d90;font-size:13px;}
.table_b td img{ vertical-align:middle;}
.table_b .last_line{border-right:1px solid #fff;}
.table_b .th_top{border-top:2px solid #3a3f43; border-bottom:1px solid #8b8d90;}
.table_b .td_top{border-top:2px solid #3a3f43;}
.table_b td.cell_left,
.table_b th.cell_left{ text-align:left; padding-left:15px;}

/* table_view */
.table_c {width:100%; margin-top:10px;margin-bottom:8px;color:#191919;border-collapse:collapse; background:#fff;}
.table_c caption{width:1px; height:1px; font-size:0; line-height:0; visibility:hidden; position:absolute;}
.table_c th { padding:8px 15px; text-align:left; border-bottom:1px solid #8b8d90;border-right:1px solid #8b8d90; background:#f4f4f4; font-size:17px;}
.table_c td { padding:7px 15px; text-align:left; border-bottom:1px solid #8b8d90; border-right:1px solid #8b8d90;font-size:13px;}
.table_c td a img{ vertical-align:middle;}
.table_c .last_line{border-right:1px solid #fff;}
.table_c .th_top{border-top:2px solid #3a3f43; border-bottom:1px solid #8b8d90;}
.table_c .td_top{border-top:2px solid #3a3f43;}
.table_c .text_area_zone{ padding:10px 0; min-height:250px;}

/* board */
.board_opt {margin-bottom:15px; width:100%;}
.board_opt:after {content:""; display:block; clear:both;}
.board_opt .page_num {float:left; padding:5px 0 0 0;}
.board_opt .page_num span {font-weight:600; color:#f15922;}
.board_opt .search {float:right;}
.board_opt .search:after {content:""; display:block; clear:both;}
.board_opt .search label{width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.board_opt .search select {width:90px; height:32px; line-height:30px; font-size:13px; color:#6c6c6c; border:1px solid #dbdbdb; cursor:pointer; padding:5px; display:block; float:left;}
.board_opt .search input {display:block; float:left; width:180px; height:30px; padding:0 5px; margin:0 5px; line-height:30px; border:1px solid #dbdbdb;}
.board_opt .search button {display:block; float:left; width:70px; height:32px; border:0; background:#5d5d5d; color:#fff; cursor:pointer;}

/* paginate */
.paginate {padding:0; text-align:center; line-height:normal; white-space:nowrap; margin:25px 0 30px 0; width:100%;}
.paginate * {position:relative; display:inline-block; margin:0 2px; text-decoration:none; line-height:normal; vertical-align:top;}
.paginate a {display:inline-block; color:#505050; border:1px solid #dedede; width:30px; height:30px; line-height:30px; text-decoration:none; background:#fff;}
.paginate a.first {margin-right:5px;}
.paginate a.last {margin-left:5px;}
.paginate a:hover, .paginate a:active, .paginate a:focus{background:#636363; border:1px solid #636363; color:#fff;}
.paginate strong {color:#fff; background:#636363; border:1px solid #636363; display:inline-block; width:30px; height:30px; line-height:30px;}
.paginate .dire {border:1px solid #dedede; margin:0 2px;}
.paginate .dire:hover,.paginate .dire:active,.paginate .dire:focus {background:#efefec; border:1px solid #dedede;}

/* button */
.btn_box {width:100%;}
.btn_type01 {display:inline-block; vertical-align:top; background:#5585c1 !important; padding:7px 20px; color:#fff !important; margin-left:5px;}
.btn_type02 {display:inline-block; vertical-align:top; background:#f7f7f8 !important; color:#333333 !important; border:1px solid #707681; padding:6px 18px; margin-left:5px;}
.btn_type03 {display:inline-block; vertical-align:top; background:#f4f4f4 url(../images/ucc/btn_down.png) no-repeat right 6px; color:#333333 !important; border:1px solid #707681; padding:6px 35px 6px 18px; margin-left:5px; font-weight:600;}
.btn_type03:hover { text-decoration:underline;}

/* paginate_list */
.paginate_list {width:100%; border-bottom:1px solid #898989; border-top:1px solid #898989; margin:30px 0 0 0;}
.paginate_list li {border-top:1px solid #e4e4e4; background:#fbfbfb; padding:10px 0; position:relative;}
.paginate_list li:first-child {border-top:0px;}
.paginate_list li span {display:inline-block; vertical-align:top;}
.paginate_list li span.prev {padding:0 10px 0 25px; background:url(../images/ucc/page_bul.gif) no-repeat 10px 8px; width:40px; position:absolute; font-weight:600;}
.paginate_list li span.next {padding:0 10px 0 25px; background:url(../images/ucc/page_bul.gif) no-repeat 10px -35px; width:40px; position:absolute; font-weight:600;}
.paginate_list li span.subject {margin-left:75px; width:68%; background:url(../images/ucc/page_bul2.gif) no-repeat left 5px; padding:0 15px;}
.paginate_list li span.subject a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; display:block;}

/* 응모작 */
.img_area{ text-align:center;}
.img_area img{ display:inlnie-block;}
.movie_ul{ margin-left:-10px;}
.movie_ul:after{content:""; display: block; clear:both;}
.movie_ul li{ float:left; width:280px; margin:0 10px 20px 10px; border:1px solid #c1c1c1; background:#fff;}
.movie_ul .video_box{ height:155px; background:#e8e8e7;}
.movie_ul .video_box a{ display:block;height:155px;}

.movie_ul .video_tit{ display:block; padding:5px 15px; font-size:15px; font-weight:600; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.movie_ul .video_tit:hover{color:#ee5215;text-decoration:underline;}
.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;background:#f7f6f6; border-top:1px solid #8f9299;}
#footer .footer{width:900px; margin:0 auto; padding:15px 40px; font-size:12px;}
#footer .footer p{ margin-bottom:2px; line-height:14px; color:#5b5b5c;}
#footer .footer .f_link a{ display:inline-block; margin-bottom:10px; color:#5b5b5c; font-weight:600;}
#footer .footer .f_addre,#footer .footer .f_tel ,#footer .footer .f_copy {font-size:11px;}
#footer .footer .f_copy{ margin-top:6px;}

/***************************************** 추가css *****************************************/
/* 1,2등 */
.winner_ul{ }
.winner_ul:after{content:""; display: block; clear:both;}
.winner_ul li{ float:left; width:435px; margin:0 0px 20px 25px; border:1px solid #c1c1c1; background:#fff;}
.winner_ul li:first-child{margin-left:0px;}
.winner_ul .video_box{ height:235px; background:#e8e8e7;}
.winner_ul .video_box a{ display:block;height:155px;}
.winner_ul .video_tit{position:relative; display:block; padding:20px 30px; font-size:15px; font-weight:600; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.winner_ul .winner01{display:inline-block; width:95px; height:94px; background:url(../images/ucc/win01.png) no-repeat;}
.winner_ul .winner02{display:inline-block; width:95px; height:94px; background:url(../images/ucc/win02.png) no-repeat;}
.winner_ul .title{position:absolute; top:30px; left:140px; font-size:35px;}
.winner_ul .s_text{position:absolute; top:65px; left:140px; font-size:20px;}
.winner_ul .team{ display:block; padding:0 30px 25px 30px; font-size:15px; color:#3c3c3c; font-size:17px; font-weight:600; line-height:25px;}
.winner_ul .win_link{display:block; margin:0 30px 25px 30px; padding:15px 0px; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background:#ea4b06; text-align:center; color:#fff;  font-size:16px; font-weight:600;}
.winner_ul .win_link:hover{background:#bd2107;}

/* 3등 */
.winner_ul02{ }
.winner_ul02:after{content:""; display: block; clear:both;}
.winner_ul02 li{ float:left; width:290px; margin:0 0px 20px 12px; border:1px solid #c1c1c1; background:#fff;}
.winner_ul02 li:first-child{margin-left:0px;}
.winner_ul02 .video_box{ height:165px; background:#e8e8e7;}
.winner_ul02 .video_box a{ display:block;height:155px;}
.winner_ul02 .video_tit{position:relative; display:block; padding:20px 25px; font-size:15px; font-weight:600; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.winner_ul02 .winner03{display:inline-block; width:68px; height:66px; background:url(../images/ucc/win03.png) no-repeat;}
.winner_ul02 .title{position:absolute; top:30px; left:110px; font-size:35px;}
.winner_ul02 .s_text{position:absolute; top:65px; left:110px; font-size:20px;}
.winner_ul02 .team{ display:block; padding:0 25px 25px 25px; font-size:15px; color:#3c3c3c; font-size:17px; font-weight:600; line-height:25px;}
.winner_ul02 .win_link{display:block; margin:0 25px 25px 25px; padding:15px 0px; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background:#ea4b06; text-align:center; color:#fff;  font-size:16px; font-weight:600;}
.winner_ul02 .win_link:hover{background:#bd2107;}