@charset "utf-8"; 
@import url('./common.css');
@import url('./layout.css');
@import url('./board.css');

/**/

div.link{ border:3px solid #f0f0f0;  padding:10px 0 10px 10px; margin-top:10px; background:url(../images/community/list_bl.gif) no-repeat right top;}
div.link ul{overflow:hidden; padding-bottom:10px}
div.link a{ font-size:0.9em;}
div.link ul li{float:left; display:inline; width:310px;}
div.link ul.wi_3 li{float:left; display:inline; width:200px;}



/*7wonder*/
.event_7won_left {width:495px; float:left; margin-right:14px;}
.event_7won_left p {line-height:130%; width:320px; margin:12px 0 0 20px;}
.event_7won_left_ul {margin-top:10px;}
.event_7won_left_ul li {margin: 0 0 30px 20px; color:#707070;}
.event_7won_left_ul li.event_7won_left_ul2 {margin: -30px 0 120px 20px; padding-top:35px;}
.event_7won_left_ul li h5 {margin-bottom:8px;}
.event_7won_right {width:148px; height:476px; float:right; background:url(../images/event/7won_rightbg.gif) no-repeat;}
.event_7won_right2 {height:135px; padding-left:6px;}
.event_7won_right2 p {height:16px;}
.event_7won_right_moviett {padding:14px 0 22px 0; height:30px; text-align:center; font-family:ITC avant garde gothic; font-size:20px; color:#e02222; font-weight:bold;}
#event_7won_btn {padding-left:6px;}
.event_content_2part p {width:100%; margin:0; padding: 10px 10px 2px 5px; color:#707070;}
.title_7won {padding-top:35px; padding-bottom:25px;}
.img_7won {float:left; padding-right:18px; width:183px; height:600px;}
.event_left_7won ul li {padding:7px 0 0 0;}
.event_7won_go {padding-bottom:25px; width:698px;}
.event_7won_go ul li {padding-left:15px;}
.event_7won_go_title {padding:20px 0 30px 0;}
.event_7won_go_123 {padding-bottom:30px;}
.event_7won_go_img {padding-bottom:22px;}
.event_7won_go_txt {padding-bottom:5px;}
.stitle2 {padding:20px 0 5px 0;}


/*list*/
.section_ul{ width:645px; margin:20px; padding:5px; position:relative;border:1px solid #ddd;background:#fff;font-size:12px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;*zoom:1}
.section_ul a{color:#666;text-decoration:none}
.section_ul a:hover,
.section_ul a:active,
.section_ul a:focus{text-decoration:underline}
.section_ul em{font-style:normal}
.section_ul h2{margin:0;padding:10px 0 8px 13px;border-bottom:1px solid #ddd;font-size:12px;color:#333}
.section_ul h2 em{color:#cf3292}
.section_ul ul{margin:13px;padding:0;list-style:none;}
.section_ul li{position:relative;margin:0 0 10px 0}
.section_ul li:after{display:block;clear:both;content:""}

.section_ul li span.no{ width:40px; color:#999;  white-space:nowrap;}
.section_ul li span.name{ width:52px; color:#999;  white-space:nowrap;}
.section_ul li span.txt{ width:460px; white-space:normal;}
.section_ul li span.time{ width:62px; font-size:11px;color:#a8a8a8; white-space:nowrap; }


.boardList {width:100%; border-collapse:collapse; border-spacing:0;}
.boardList th {white-space:nowrap;}
.boardList td {text-align:center; white-space:nowrap; margin:5px; padding: 5px; color:#999;}
.boardList td.subject {text-align:left; width:100%; white-space:normal; color:#666;}


.section_ul .more{position:absolute;top:10px;right:13px;font:11px Dotum, µ¸¿ò;text-decoration:none !important}
.section_ul .more span{margin:0 2px 0 0;font-size:16px;font-weight:bold;color:#d76ea9;vertical-align:middle}
/*list*/


body,p, h2,div,ul { padding:0; margin:0; border:0; font-family:µ¸¿ò; color:#666; }

/* form */
fieldset {margin:10px 10px;}
h1 {text-align:center;}
#code_origin {padding-bottom:25px;}
.form_table{margin:10px 10px;font-size:12px;font-family:µ¸¿ò}
.form_table2{margin:10px 10px; padding:10px 10px; background-color:#f0f0f0}
.form_table2 p{color:#999999; font-size:11px;font-family:µ¸¿ò; line-height:16px;}
.form_table2 div{ padding-top:10px; color:#808080; font-size:12px;font-family:µ¸¿ò; text-align:center;}
.form_table input,
.form_table textarea, 
.form_table select,
.form_table table,
.form_table button{font-size:12px}
.form_table table{width:100%;border:0;border-top:2px solid #999}
.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
.form_table th,
.form_table td{padding:8px;border:0;vertical-align:top}
.form_table th{color:#666}
.form_table td{color:#888}
.form_table thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.form_table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form_table tfoot th{border-bottom:1px solid #ddd}
.form_table tbody td{border-bottom:1px solid #ddd}
.form_table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.form_table .item{position:relative;margin:-4px 0}
.form_table .btn{ vertical-align:middle;}
.form_table .item .i_help{position:absolute;top:4px;right:0}
.form_table .item .i_label{ top:6px; left:10px}
.form_table .item .i_dsc{margin:2px 0}
.form_table .item .i_check,
.form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form_table .item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form_table .item select{margin:2px}
.form_table .item label{margin:0 10px 0 0;cursor:pointer}
.keyword{margin-left:1px;padding:2px 3px 5px;border:1px solid #b5b5b5;font-size:12px;line-height:15px} 
/* form */


/*À̺¥Æ®ÅÇ*/
div.tab { width:670px; height:35px; margin-bottom:30px; clear:both; background: url(../images/community/bg.gif) 0 top repeat-x;}
div.tab ul li {width:150px; height:35px; float:left; background: url(../images/community/event_tab.gif) 0 top no-repeat;}
div.tab ul li a { cursor: pointer;}
div.tab ul li a:hover {text-decoration: underline; color: #e83c29;}
div.tab ul li.on { background: url(../images/community/event_tabon.gif) 0 top no-repeat; width:150px;}
div.tab ul li.on a {color: #e83c29; display: block; height: 25px; padding: 10px 0 0 40px; width: 110px;}
div.tab ul li.on2 { background: url(../images/community/event_tabon.gif) 0 top no-repeat; width:150px;}
div.tab ul li.on2 a {color: #e83c29; display: block; height: 25px; padding: 10px 0 0 50px; width: 100px;}

div.tab ul li.off { background: url(../images/community/event_tab.gif) 0 top no-repeat; width:150px;}
div.tab ul li.off a {color:#a8a8a8; display: block; height: 25px; padding: 10px 0 0 40px; width: 110px;}
div.tab ul li.off2 { background: url(../images/community/event_tab.gif) 0 top no-repeat; width:150px;}
div.tab ul li.off2 a {color:#a8a8a8; display: block; height: 25px; padding: 10px 0 0 50px; width: 100px;}

div.event_title {padding:0 0 7px 15px; font-weight:bold; color:#e83c29; background: url(../images/community/dot.gif) 0 5px no-repeat;}