
/*layout*/
*html {background-color:#fff;}
img{border:0;}
li{list-style:none;}
body{width:100%; text-align:center; font-family:"dotum","HYGothic-Extra"; margin:0 auto;}
.wrapper{width:950px; margin:0 auto; text-align:center;}
.header{width:100%;}
.container_box{width:100%; margin-top:12px; clear:both;}
.container{width:749px; float:left; margin-bottom:12px;}
.left{width:190px; float:left;}
.contents{width:546px; float:right;}
.right{width:190px; float:right;}
.foot01{width:100%; clear:both; margin-top:12px;}
.foot02{width:100%; clear:both;}
.copy{width:100%; clear:both;}

/*header*/
.header{}
 
#top_s_navi{height:30px;}
#top_home{float:left; height:30px; margin-top:7px;}
#top_home li{float:left; margin-right:15px;}

#s_navi{float:right; margin-top:5px;}
#s_navi li{float:left; margin-right:8px;}

#top_title{clear:both; margin:6px 0 0 0; height:80px;}
#top_title li{float:left;}
.top_logo{margin:24px 0 0 40px;}

#top_navi{clear:both;}
#article_tab6{width:946px; height:43px; background:url(../images/common/navi_c_bg.jpg) repeat-x; float:left; _width:946px;}
#article_tab6 li{float:left; margin:12px 13px 0 13px;}
.div_na{clear:both; height:31px; background:url(../images/common/navi_c1_bg.jpg) repeat-x; font-size:11px; color:#464646;}
.tab6_li{padding-left:20px; _padding-left:0;}
.div_na li a{text-decoration:none; font-weight:bold;}
.div_na li a:hover{text-decoration:none; color:#0770be;}
.div_na li{float:left; margin:9px 37px 0 0;}
#na01{padding-left:34px; _padding-left:28px;}
#na02{padding-left:135px; _padding-left:128px;}
#na03{padding-left:245px;}
#na04{padding-left:px;}
#na05{padding-left:472px; _padding-left:464px;}
#na05 li{width:60px; text-align:left;}
#na06{padding-left:552px; _padding-left:546px;}
#na06 li{width:100px; text-align:left;}
#na07{padding-left:px;}
#na08{padding-left:px;}
#na09{padding-left:px;}

/*container_left_contents*/
.left{}

.left_01{margin-bottom:12px; height:123px; font-size:11px; border:1px solid #c7c7c7; background:url(../images/main/l_form_bg.jpg) repeat-x;}

#form{}
#form_01{float:left; margin:14px 0 0 12px; _margin:14px 0 0 6px;}
#form_02{float:right; color:#7b7d81; margin:14px 11px 7px 0; _margin:14px 5px 0 0;}
#form_02 li{width:52px; height:43px;}

#input_01{clear:both; color:#8f8f8f; margin-left:12px;}
#input_01 li{float:left;}
.input_mar{margin:0 13px 0 2px; line-height:17px; .line-height:24px; _line-height:24px;}
.input_line{margin:0 0 6px -2px; .margin:-2px 0 6px -2px;}

#join_01{clear: both; color:#333333; margin-left:10px;}
#join_01 li{float:left; margin:0 2px; 0 2px;}

.left_02{width:190px; height:187px; margin-bottom:12px; .margin-bottom:14px;}

.left_03{height:185px; margin-bottom:9px; .margin-bottom:4px;}
#pdf_01{}
#pdf_01 dt{float:left; margin:0 110px 8px 0;}
#pdf_01 dd{float:left;}
.left_03 p{clear:both; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;	}
.l03_p1{border-top:1px solid #d7d7d7;}
.l03_p2{border-bottom:1px solid #d7d7d7;}

.left_04{height:440px; .height:439px; margin-bottom:12px; padding-bottom:10px; font-size:11px; color:#30323f; border:1px solid #d9d9d9;}

.left_04 ul{float:left; height:60px; margin:9px 7px 0 0;}
.l04_line{_margin-top:-14px;}
.l04_line1{margin-top:20px; _margin-top:-6px;}
.l04_name{margin-top:5px; _margin-top:2px;}

#article_list1{height:157px; margin:0 0 20px 12px;}
#article_tab1{height:19px;}
#article_tab1 li{float:left; _margin-bottom:-10px;}

#article_list2{height:88px; clear:both; margin:2px 0 12px 12px;}
#article_tab2{height:19px;}
#article_tab2 li{float:left; _margin-bottom:-10px;}

#article_list3{height:88px; clear:both; margin:2px 0 12px 12px; _padding-bottom:3px;}
#article_tab3{height:19px;}
#article_tab3 li{float:left; _margin-bottom:-10px;}


.left_05{clear:both;}


.contents{}
.contents a{text-decoration:none;}
.contents a:hover{text-decoration:underline; color:#8187fe;}

.contents_01{width:546px; height:125px; margin-bottom:12px; _margin-bottom:8px;}

.con_free_ucc{height:174px; margin-bottom:12px;}
.contents_02{float:left; width:249px; height:174px;  margin:0 -1px 0 0; font-size:12px; color:#30323f; text-align:left; border:1px solid #d6d6d6;}
#article_tab4{height:29px;}
#article_tab4 li{float:left; width:124px; height:29px;}
#free ul{clear:both; padding:8px 10px; _padding:6px 0 7px 10px;}
#free ul li{width:220px; height:18px; _height:17px; background:url(../images/common/c_dot.jpg) no-repeat 1px 9px; padding:4px 0 0 10px; border-bottom:1px dashed #d7d7d7;}
#debate ul{clear:both; padding:8px 10px; _padding:6px 0 7px 10px;}
#debate ul li{width:220px; height:18px; _height:17px; background:url(../images/common/c_dot.jpg) no-repeat 1px 9px; padding:4px 0 0 10px; border-bottom:1px dashed #d7d7d7;}

.contents_03{float:right; width:294px; height:174px; border:1px solid #d6d6d6;}
.contents_03 #tit_ucc{width:294px; height:29px;}
.contents_03 .ucc_list{width:269px; _width:275px; height:59px; padding:6px 0 6px 0; margin-left:13px; .margin-left:0;}
.contents_03 .ucc_list .ucc_video{float:left; width:100px; height:58px;}
.contents_03 .ucc_list1{color:#30323f; font-size:12px;}
.contents_03 .ucc_list1 p{color:#8187fe; font-size:13px; font-weight:bold;  padding-left:6px; _padding-left:3px; margin:2px 0 10px 0;
									background:url(../images/common/c_dot.jpg) no-repeat 0 6px;}
.contents_03 .ucc_date1{_width:79px; height:17px;}
.contents_03 .ucc_date1 li{float:left;}
.contents_03 .ucc_date1 li a{margin-left:5px;}
.contents_03 .ucc_date1 li a:hover{text-decoration:underline; color:#30323f;}

.contents_04{clear:both; width:544px; height:538px; .height:540px; _height:545px; margin-bottom:12px; font-size:12px; color:#30323f; border:1px solid #dbdbdb;}
.in_expert{float:left; width:271px; height:538px; .height:540px; _height:545px; border-right:1px solid #dbdbdb;}
.contents_04 p{height:32px;}
.in_expert_tit{background:url(../images/main/c_tit_in.jpg) no-repeat;}
.in_expert_tit img{width:11px; height:11px; margin:10px 0 0 240px;}
.out_expert_tit{background:url(../images/main/c_tit_out.jpg) no-repeat;}
.out_expert_tit img{width:11px; height:11px; margin:10px 0 0 240px;}
.out_expert{float:right; width:272px;}
.contents_04 ul{width:231px; padding:3px 20px 20px 20px; text-align:left;}
.contents_04 li{width:231px; height:18px; padding-top:6px; border-bottom:1px dashed #d7d7d7;}
.contents_04 li a{width:197px; margin-right:10px;}

.contents_05{width:544px; height:455px; .height:450px; _height:444px; color:#30323f; font-size:12px; border:1px solid #dbdbdb;}
.contents_05 p{height:33px; background:url(../images/main/c_tit_race.jpg) no-repeat;}
.contents_05 #race_plus{margin:10px 0 0 520px;}
#article_tab5{width:499px; height:26px; margin-left:15px; .margin-left:0; padding:8px 15px 4px 0; background:url(../images/main/tab_race_bg.gif) repeat-x 0 33px;}
#article_tab5 li{float:left; width:127px; height:26px;}
.c05_ul1{clear:both; width:514px; height:25px; padding:0 15px; text-align:left;}
/*Ãâ¸¶Ç¥*/
.c05_ul1{height:21px;}
#c05_ul1_btn1{float:left; width:334px; _width:324px; height:21px;}
#c05_ul1_btn1 ul li{float:left; width:65px; height:21px; margin-right:4px;}
#c05_ul1_date1{float:right; width:170px; _width:180px; height:12px; margin-top:8px;}
#c05_ul1_date1 dl{float:left; .width:46px; height:12px; margin-left:10px;}
#c05_ul1_date1 dt{float:left; width:27px;}
#c05_ul1_date1 dd{float:right; width:12px; height:12px; margin-left:6px;}
.c05_ranking{clear:both; margin-top:2px;}
#c05_ranking_t1{margin:0 15px;}
#c05_ranking_t1 thead{width:514px; height:25px; color:#333333; font-size:12px; font-weight:bold; background:url(../images/main/c_race_rang_bg.jpg) repeat-x;}
#c05_ranking_t1 thead th{padding:0; .padding:2px 0 6px 0;}
#c05_ranking_t1 tbody td{height:21px; .height:20px; _height:19px;}
/*°æÁÖ°á°ú*/
#c05_ul1_btn2{float:left; width:334px; _width:324px; height:21px;}
#c05_ul1_btn2 ul li{float:left; width:65px; height:21px; margin-right:4px;}
#c05_ul1_date2{float:right; width:170px; _width:180px; height:12px; margin-top:8px;}
#c05_ul1_date2 dl{float:left; .width:46px; height:12px; margin-left:10px;}
#c05_ul1_date2 dt{float:left; width:27px;}
#c05_ul1_date2 dd{float:right; width:12px; height:12px; margin-left:6px;}
#c05_ranking_t2{margin:0 15px;}
#c05_ranking_t2 thead{width:529px; height:25px; margin-bottom:5px; color:#333333; font-size:12px; font-weight:bold; background:url(../images/main/c_race_rang_bg.jpg) repeat-x;}
#c05_ranking_t2 thead th{padding:0; .padding:2px 0 6px 0;}
#c05_ranking_t2 tbody td{height:21px; .height:20px; _height:19px;}


/*right*/
.right{}

.right_01{height:212px; margin-bottom:12px; _height:100%; color:#30323f; border:1px solid #d6d6d6;}
#right01_plus{margin:10px 0 0 170px;}
.right_01 p{height:33px; background:url(../images/main/r_tit_column.jpg) no-repeat; margin-bottom:2px;}
.right_01 ul{width:172px; padding:2px 10px 0 8px;}
.right_01 ul li{height:36px; padding:5px 0 2px 0; border-bottom:1px dashed #d7d7d7;}
.right_01 strong{font-size:11px; background:url(../images/common/c_dot.jpg) no-repeat 0 4px; padding-left:4px;}
.right_01 span{font-size:12px;}
/*.right_01 ul{height:41px;}
.right_01 li{width:175px; padding:12px 0 10px 5px; .padding-top:14px; margin:0 5px 0 3px; border-bottom:1px dashed #d7d7d7;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.right_01 li{padding-bottom:9px;}} 
.r01_li{.margin-top:-1px; _margin-top:-5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.r01_li{margin-top:-8px;}} 
.r01_line{width:177px; height:1px; margin-top:-24px; _margin:-24px 0 -15px 0;}*/


.right_02{width:188px; height:98px; margin-bottom:12px; border:1px solid #d6d6d6;}
.right_02 dt{width:188px; height:34px; background:url(../images/main/r_tit_week.gif) no-repeat;}
.right_02 #week_btn_plus{width:11px; height:11px; margin:10px 0 0 170px;}
.right_02 dd{width:186px; height:61px; padding:2px 1px 0 1px;}

.right_03{width:188px; height:178px; margin-bottom:12px; border:1px solid #d6d6d6;}
.right_03 dt{width:188px; height:33px; background:url(../images/main/r_tit_dawn.jpg) no-repeat;}
.right_03 #dawn_btn_plus{margin:10px 0 0 170px;}
.right_03 .dawn_video{width:184px; height:97px; padding:2px; _padding-bottom:0;}
.right_03 .dawn_btn_sb{height:40px; margin-left:1px; padding:2px 0; .padding:1px 0 0 0;}
.right_03 li{float:left; width:91px; height:40px; margin:0 1px;}

.right_04{margin-bottom:12px; _margin-bottom:8px;}
.right_04 p{width:190px; height:187px;}

.right_05{width:188px; height:477px; height:513px; .height:510px; _height:504px; margin-bottom:12px;  _margin-right:-32px; color:#30323f; font-size:11px; border:1px solid #d9d9d9;}
.r05_p_tit{width:188px; height:33px;}
.right_05 dl{clear:both; width:178px; height:51px; padding:7px 0 0 0; margin:0 5px; border-bottom:1px dashed #d7d7d7;}
.right_05 dt{float:left; width:50px; height:45px; margin-right:6px; padding-left:4px;}
.right_05 dd{text-align:left; margin-top:2px;}
.r05_name{font-size:12px; padding-top:2px;}
.r05_ars{color:#617bff; margin:7px 0 8px 0;}
.r05_sms{color:#f7941d;}
/*.right_05{height:477px; .height:483px; _height:474px; margin-bottom:11px; _margin-bottom:12px; color:#30323f; font-size:11px; border:1px solid #d9d9d9;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.right_05{margin:1px 0 13px 0;}} 
.right_05 dl{clear:both; height:44px; margin:12px 0 0 12px; .margin-top:11px; padding-bottom:13px; _padding-bottom:9px; width:177px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.right_05 dl{margin-top:11px;}} 
.right_05 dt{float:left; margin-right:6px;}
.right_05 dd{text-align:left; margin-top:2px; .margin-top:0px;}
.r05_p{height:1px;}
.r05_name{font-size:12px; padding-top:2px;}
.r05_ars{color:#617bff; margin:7px 0 8px 0;}
.r05_sms{color:#f7941d;}
.right_05 p{padding-bottom:3px;}
.r05_p_tit{height:33px; *margin-bottom:14px;}*/

.right_06{}



/*foot01*/
.foot01 li{float:left; height:105px;}


/*foot02*/
.foot02{font-size:12px; color:#30323f; _margin-top:-4px;}

/*.site01{height:36px; background:url(../images/main/foot2_bg1.jpg) repeat-x;}
.site01 ul{margin-left:25px;}
.site01 li{float:left; margin:12px 8px 0 0;}*/

.site02{clear:both; height:162px; margin:13px 0 0 1px; padding-top:26px; border-top:1px solid #dbdbdb;}
.site02 ul{float:left; margin:0 24px;}
.site02 li{text-align:left; margin-bottom:8px;}
.site02_tit{font-weight:bold; padding-bottom:19px;}

.site03{clear:both; height:29px; background:url(../images/main/foot2_bg2.jpg) repeat-x;}
.site03 ul{margin-left:25px;}
.site03 li{float:left; margin:10px 22px 0 0;}


/*copy*/
.copy{height:163px;}
.copy_box{height:116px; font-size:11px; color:#555555; background:#f8f8f8;}
.copy_box ul{}
.copy_box li{width:100%; float:left; text-align:left; margin-bottom:6px;}

.copy_box h3{width:136px; height:31px; float:left; margin:40px 0 0 25px;}

.copy_ul{width:760px; float:right; margin-top:-40px; margin-left:34px;}

.copy p{clear:both; margin-top:15px;}


/*margin_padding*/
.mar_t5{margin-top:5px;}
.mart20{margin-top:20px;}
.mar_r6{margin-right:6px;}
.mar_r11{margin-right:11px;}

.mar_b13{margin-bottom:13px;}


.pad_t8{padding-top:8px;}

.pad_r15{padding-right:15px;}

.pad_l10{padding-left:10px;}
.pad_l20{padding-left:20px;}

/*margin_padding(¸¶ÀÌ³Ê½º)*/
.mmar_l1{margin-left:-1px;}
.mmar_l4{margin-left:4px;}
.mmar_l20{margin-left:20px;}

 

/*float_clear*/
.float_l{float:left;}
.float_r{float:right;}
.clear{clear:both;}


/*border*/
.bor1{border:1px solid #d6d6d6;}

.bor_r1{border-right:1px solid #d6d6d6;}

.bor_b1{border-bottom:1px dashed #d7d7d7;}