@charset "euc-kr";
/* CSS Document */
/* base */
body {
height: 100%;
padding: 0;
margin: 0px;
background: #fff url(/news2011/special_m/2018russiaworldcup/images/cup_bg.gif) no-repeat center 0;
text-align:left;
font-family: '¸¼Àº °íµñ','malgun gothic', '³ª´® °íµñ', NanumGothic, 'dotum','µ¸¿ò';
}
#g_wrap {
width: 985px;
margin: 0px auto;
}

a {text-decoration:none; color:inherit;}
#world cup_main{ width:970px;}
#cup_top{ width:970px; height:137px;}
#cup_menu{ width:970px; background:#e30613; height:44px; color:#fff;font-size: 1.3em; letter-spacing:-1px; font-weight:bold;}
#cup_menu li{ float:left; padding:12px 25px 0 25px; height:32px;}
#cup_con{ width:970px;float:left;clear:both;background:#f2f5f7;}

#cup_left{ width:670px; float:left;overflow:hidden;height:100%;min-height:828px;background:#fff;}
#cup_right{ width:300px; float:right;  height:100%;}

.cup_blank{width:100%;height:15px}

#cup_main_top{ width:670px; height:283px;}
#cup_main_photo{width:670px; height:283px; float:left;}
#cup_main_photo_panels{ width: 538px; height:283px; float:left;overflow:hidden}
.cup_title_box{width:528px; height:45px; background:url(images/box_bg.png); position:absolute; top: 364px; padding:5px;border-top:1px solid #000;}
.cup_title_box_c{z-index:1;position:absolute;top:0;width:528px; height:45px; top: 364px; padding:5px; color:#fff;overflow:hidden;line-height:15px}

.cup_main_photo_panel{ width:538px; }
#cup_main_photo_panels h4{padding-top:15px;padding-bottom:3px;font-size:20px;letter-spacing:-1px;}
#cup_main_photo_nav{ width:132px; height:283px; float:left;background:#292b37}
#cup_main_photo_nav li{ width:132px;height:94px;}
#cup_main_photo_nav li img{ width:132px; height:94px;}
#cup_main_photo_nav li img:hover{ width:126px; height:88px;border:3px solid lightgreen}

#cup_main_schedule{ background:#292b37; height:283px; width:300px;}
#schedule_title{ font-size:23px; color:#ebf8fe; font-weight:bolder; font-family:"³ª´®°íµñ"; padding-top:20px;text-align:center}
#schedule_01{ width:260px; height:40px; color:#ebf8fe; margin:10px 0 10px 20px; padding-top:10px; position:relative; font-size:15px;}
#schedule_01_01 li{ float:left;}
.img_size{ width:45px; height:29px; border:1px solid #CCC;}
.vs{color:#F00; padding:0 5px 0 5px; font-size:20px;}
.vs4{color:#F00; padding:0 2px 0 2px; font-size:17px;}
.vs5{color:#999; padding:0 2px 0 2px; font-size:15px; text-align:center; width:50px; font-weight:bolder }
.vs6{color:#F00;}
.schedule_day{position:absolute; margin-left:90px; top:2px; font-size:11px;}
.schedule_text{line-height:35px; width:165px; text-align:center;}


.news_box{float:left; width:200px; height:230px; border:1px solid #ccc; position:relative; margin:15px 0 0 15px;overflow:hidden;text-align:left;}
.news_box ul{padding:10px 5px;overflow:hidden}
.box_text {overflow:hidden;text-align:justify; color:#999; line-height:18px; margin-top:10px;}
#cup_left h3{width:170px; font-size:13px; line-height:18px;}
#photo_news_text{width:200px; height:110px; border:1px solid #ccc; position:relative; margin-top:15px; padding-top:10px;}
.photo_news_img1{width:200px; height:195px;}
.photo_news_img2{width:200px; height:140px;}
.plus{position:absolute; left:180px; color:#999; font-size:17px;}
#news_plus{ margin-top:15px;}


/*---------------------------------
 *	Tabs > No height
 *---------------------------------*/	
.tabs-noheight{width:272px;}

/* Nav */
.tabs-noheight .sliderkit-nav{margin-left:13px;position:relative;width:272px;height:33px;text-align:center;background:#f2f5f7; border-top:1px solid #CCC;border-left:1px solid #CCC;}
.tabs-noheight .sliderkit-nav-clip{margin:0}
.tabs-noheight .sliderkit-nav-clip li{height:25px}
.tabs-noheight .sliderkit-nav-clip li,
.tabs-noheight .sliderkit-nav-clip li a{float:left;font-size:10pt;}
.tabs-noheight .sliderkit-nav-clip li a{height:25px;width:33px;margin:0;padding-top:7px;text-decoration:none;border-right:1px solid #CCC;}
.tabs-noheight .sliderkit-nav-clip li.sliderkit-selected{height:25px;}
.tabs-noheight .sliderkit-nav-clip li.sliderkit-selected a{background:#FFF;padding-top:7px;font-weight:bold;color:#5c9e23;}
.tabs-noheight .sliderkit-nav-clip .right_category2 li a{width:33px !important;}
/* Panel */
.tabs-noheight .sliderkit-panels{width:320px}
.tabs-noheight .sliderkit-panel{position:relative;}
/* News block */
.tabs-noheight .sliderkit-news h3,
.tabs-noheight .sliderkit-news h3 a{color:#000;font-weight:bold;}
.tabs-noheight .sliderkit-news h3{font-size:1.2em;margin:0 0 15px;}
.tabs-noheight .sliderkit-news p{margin:0;}



.spesial{ text-align:center;width:270px; height:25px; background:#fff; margin-bottom:5px; padding-top:5px; color:#666; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.right_category{width:272px; text-align:center; height:33px; background:#f2f5f7; border-top:1px solid #CCC; border-right:1px solid #CCC;}
.right_category li{ float:left}
.right_category_on{ height:25px; background:#FFF; text-align:center; font-weight:bolder; font-size:10pt; width:33px; color:#5c9e23; padding-top:7px; border-left:1px solid #CCC; border-bottom:1px solid #FFF }
.right_category_off{ height:25px; text-align:center; width:33px;  padding-top:7px; border-left:1px solid #CCC; border-bottom:1px solid #ccc; color:#999999}
#right_01_title{ width:275px; height:30px; padding:15px 0 0 10px;}
#right_01_title li{ float:left; list-style:none}
#right_01_con{ width:271px; height:240px; background:#FFFFFF; margin-left:13px; border:1px solid #ccc; border-top:none;}
#league_a_01{ width:200px; height:30px; float:right; padding-top:10px;}
#league_a_01 li{ float:left; width:25px; text-align:right}
#league_pp{ width:250px; height:45px; border-bottom:1px solid #CCC; margin:0 10px 0 10px; padding:5px 0 0 5px; }
#league_p{ height:45px; margin:0 10px 0 10px; padding:5px 0 0 5px;}
#league_pp li{ float:left;}
#league_p li{ float:left;}
.league_score{ line-height:40px; padding-left:18px;}
.league_score2{ line-height:40px; padding-left:24px; font-weight:bolder}
.league_score_country{ line-height:40px; font-weight:bolder; width:80px;  text-align:left; padding-left:10px;}
#league_title{ height:20px; width:111px; margin-left:160px; padding-top:12px;}
#league_title li{ float:left; width:25px; letter-spacing:-1px;}
.menu_line{background: url(images/memu_line.gif) no-repeat right;}


/*player*/
#national_team{ width:670px; margin-top:10px; margin-left:10px;}
#national_team_01{ width:649px; height:530px; background:#edede6; border:1px solid #ccc;}

#coach_title{ width:650px; height:20px; background:#333333; padding:10px 0 10px 0; text-align:center}
#coach_01{ width:400px; height:150px; margin:10px 0 0 150px; }
.coach_img{ float:left}
.coach_text{ float:left; text-align:left; color:#333; margin:18px 0 0 10px; width:240px;}
.text_title{ color:#999; padding-right:15px; font-weight:bolder}
.hong_title{font-weight:bolder; font-size:15px;}
.player_name{font-weight:bolder; font-size:13px;}
#coach_02 li{ float:left; padding-left:20px;}
#coach_03 li{ float:left; padding-left:20px;}
.name_text{ font-weight:bolder; text-align:center; padding-top:5px;}
#players{ width:650px; height:490px; margin-top:30px; border-bottom:1px solid #ccc;}
#players{ width:650px; height:490px; margin-top:30px; border-bottom:1px solid #ccc;}
#players{ width:650px; height:490px; margin-top:30px; border-bottom:1px solid #ccc;}
#players{ width:650px; height:490px; margin-top:30px; border-bottom:1px solid #ccc;}
#player li{height:240px}
#profile{width:136px; height:80px;  font-size:11px; line-height:15px; padding-top:10px; text-align:center}
#profile ul{ text-align:center}
#profile li{ margin-left:0; text-align:center;}

#player_tabs {margin-top:10px;background:url(images/national_team_category.gif) no-repeat -1px -52px;}
/* ÅÇ ¼±Åà ½Ã Ç¥½ÃÇÒ ¿ä¼Ò(div) Á¤ÀÇ(1¹ø ÅÇ ¼±Åà ½Ã ù ¹ø° div ¿ä¼Ò Ç¥½Ã) */
#player_tabs input:nth-of-type(1), #player_tabs input:nth-of-type(1) ~ div:nth-of-type(1), #player_tabs input:nth-of-type(2), #player_tabs input:nth-of-type(2) ~ div:nth-of-type(2), #player_tabs input:nth-of-type(3), #player_tabs input:nth-of-type(3) ~ div:nth-of-type(3), #player_tabs input:nth-of-type(4), #player_tabs input:nth-of-type(4) ~ div:nth-of-type(4) {display:none}
#player_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1), #player_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2), #player_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3), #player_tabs input:nth-of-type(4):checked ~ div:nth-of-type(4) {display:block}
/* ¶óº§ ±âº» ½ºÅ¸ÀÏ ÁöÁ¤ */
#player_tabs > label {
    display:inline-block;
		height: 44px;
		padding:8px 10px 0 10px; margin-right:-4px;
		background:url(images/national_team_category.gif) no-repeat;
		text-indent:-999px;
}
#player_tabs > label:hover { cursor:pointer}
#player_tabs label[for=tab1] {width: 80px;background-position: 0 0;}
#player_tabs label[for=tab2] {width: 80px;background-position: -100px 0;}
#player_tabs label[for=tab3] {width: 80px;background-position: -200px 0;}
#player_tabs label[for=tab4] {width: 80px;background-position: -300px 0;}

/* ¼±ÅÃµÈ ¶óº§, Ä¿¼­¸¦ ¿Ã¸° ¶óº§ ½ºÅ¸ÀÏ ÁöÁ¤ */
#player_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {	width: 80px;background-position: 0 -52px;}
#player_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover {	width: 80px;background-position: -100px -52px;}
#player_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover {	width: 80px;background-position: -200px -52px;}
#player_tabs input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover {	width: 80px;background-position: -300px -52px;}
#player_tabs li {float:left;margin-left:20px;}

/*day*/
#sub_schedule{ width:670px;font-family:"µ¸¿ò"; letter-spacing:-1px; margin-top:10px; margin-left:10px;}
#sub_schedule_con_con { border:1px solid #ccc; padding:15px 0 5px 15px; width:610px; margin-left:13px; background:#fafafa}
#sub_schedule_con_con li{ float:left;}
.sub_schedule_right{line-height:40px; font-weight:bold; font-size:16px;  text-align:left; width:110px; text-align:right; padding-right:20px;}
.sub_schedule_left{line-height:40px; font-weight:bold; font-size:16px;  text-align:left; width:110px; text-align:left; padding-left:20px;}
.sub_schedule_con_text2{ line-height:18px; font-size:14px; padding:0 0 0 10px; width:190px; text-align:left; color:#999; text-align:center}
#sub_schedule_day { width:640px; height:45px; margin-left:15px;}
#sub_schedule_day li{ float:left}
.day_p{ padding:10px 0 0 10px;}
.vs2{ line-height:40px; color:#F00; font-size:25px; padding:0 15px 0 15px;}
.vs3{ line-height:45px; color:#F00; font-size:20px; padding:0 5px 0 5px; font-weight:bolder; }
#cup_day_schedule{ width:600px; height:55px;}
.time{color:#333; font-size:11px; letter-spacing:0px;}

#schedule_tabs {width:650px;margin-top:10px;}
#schedule_tabs input:nth-of-type(1), #schedule_tabs input:nth-of-type(1) ~ div:nth-of-type(1), #schedule_tabs input:nth-of-type(2), #schedule_tabs input:nth-of-type(2) ~ div:nth-of-type(2), #schedule_tabs input:nth-of-type(3), #schedule_tabs input:nth-of-type(3) ~ div:nth-of-type(3), #schedule_tabs input:nth-of-type(4), #schedule_tabs input:nth-of-type(4) ~ div:nth-of-type(4), #schedule_tabs input:nth-of-type(5), #schedule_tabs input:nth-of-type(5) ~ div:nth-of-type(5) {display:none}
#schedule_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1), #schedule_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2), #schedule_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3), #schedule_tabs input:nth-of-type(4):checked ~ div:nth-of-type(4), #schedule_tabs input:nth-of-type(5):checked ~ div:nth-of-type(5) {display:block}
#schedule_tabs > label {
    display:inline-block;margin-right:-4px;
	background: #f2f5f7;
	border-bottom:1px solid #CCC;border-top:1px solid #CCC;
	height:33px; text-align:center; width:129px;  padding-top:12px; border-left:1px solid #CCC; border-bottom:1px solid #ccc; color:#999999; font-size:14pt;font-family:dotum
}
#schedule_tabs > label:hover { cursor:pointer}
#schedule_tabs label[for=tab5] {width:131px;border-right:1px solid #CCC;}

/* ¼±ÅÃµÈ ¶óº§ ½ºÅ¸ÀÏ ÁöÁ¤ */
#schedule_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1) {height:32px; background:#FFF; text-align:center; font-weight:bolder; font-size:15pt; color:#5c9e23; padding-top:13px; border-left:1px solid #CCC; border-bottom:1px solid #FFF;}
#schedule_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2) {height:32px; background:#FFF; text-align:center; font-weight:bolder; font-size:15pt; color:#5c9e23; padding-top:13px; border-left:1px solid #CCC; border-bottom:1px solid #FFF;}
#schedule_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3) {height:32px; background:#FFF; text-align:center; font-weight:bolder; font-size:15pt; color:#5c9e23; padding-top:13px; border-left:1px solid #CCC; border-bottom:1px solid #FFF;}
#schedule_tabs input:nth-of-type(4):checked ~ label:nth-of-type(4) {height:32px; background:#FFF; text-align:center; font-weight:bolder; font-size:15pt; color:#5c9e23; padding-top:13px; border-left:1px solid #CCC; border-bottom:1px solid #FFF;}
#schedule_tabs input:nth-of-type(5):checked ~ label:nth-of-type(5) {height:32px; background:#FFF; text-align:center; font-weight:bolder; font-size:15pt; color:#5c9e23; padding-top:13px; border-left:1px solid #CCC; border-bottom:1px solid #FFF;}


/*photo*/
#photo{ width:670px; height:870px; margin-left:10px; margin-top:10px; }
#photo_top{ width:650px; height:240px; margin-bottom:15px;}
#photo_top_01{ width:216px; height:240px; background:#F60; position:relative; float:left; border-right:1px solid #000;}
#photo_top_02{ width:216px; height:240px; background:#F60; position:relative; float:left; border-right:1px solid #000;}
#photo_top_03{ width:216px; height:240px; background:#F60; position:relative; float:left}
.photo_img{ width:216px; height:240px;}
#photo_shadow{
	width:207px;
	height:40px;
	background:url(images/box_bg.png);
	position:absolute; top:190px; padding:5px;font-weight:bolder; color:#FFFFFF
}
#photo_con{ width:670px;}
#photo_con_01{ width:670px; height:200px; margin-bottom:5px;}
#photo_con_01_01{ width:151px; height:130px; margin-right:15px;}
#photo_con_01 li{ float:left;height:190px}
#photo_con_img{width:151px; height:130px; overflow:hidden}
.photo_img2{ width:151px; height:130px;}
.photo_text{line-height:14px; padding-top:8px; font-weight:bolder; color:#999;}

#series_box{padding-left:16px;overflow:Hidden;width:670px;}
#series_box p.series_box_titles {padding-bottom:7px}
	.series{ width:300px;float:left;padding-right:31px}
	.series_title {background:#F2F5F7; height:30px; padding:10px 0 0 10px; border:1px solid #ccc; border-bottom:none;}
	.series_title li {float:left; list-style:none}
    .series_img{ width:298px; height:150px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
	.series_title_sub{ font-size:14px; font-weight:bolder; width:230px; text-align:left}
	.series_title_plus{ font-size:11px; color:#999; padding-left:5px;}
	#series_memo{padding:5px;border:1px solid #ccc; border-top:none;line-height:15px; color:#999;}
	#series_memo h3{width:290px;line-height:18px;padding-bottom:7px; color:#000;}



#tournament{ width:640px; height:828px; margin:20px 0 0 13px;  text-align:center; background:url(images/tournament_bg.png) no-repeat;}
#tournament_16{ width:140px;  float:left}
#game{ width:140px; height:185px; margin-bottom:10px;}
#game_01{ width:138px; height:85px; border:1px solid #ccc; margin-bottom:10px;}
.game_country_01{width:50px; height:55px; margin-left:2px; float:left; margin-top:12px;}
.game_vs{width:30px; height:40px; margin-left:2px; float:left ;margin-top:20px;font-weight:bolder; color:#FF0000; font-size:18px; }
.game_vs2{width:30px; height:40px; margin-left:2px; float:left ;margin-top:20px; color:#ccc;font-weight:bolder; font-size:18px;}
.game_vs3{font-size:10px; font-weight:normal; color:#FF0000;}
.game_country_02{width:50px; height:55px; margin-left:2px; float:left; margin-top:12px;}
.game_imgsize{ width:38px; border:1px solid #999;}
.game_title{ width:138px; height:20px; background:#f7f7f7; padding-top:5px; color:#666}
.game_countryname{ line-height:14px; padding-top:5px; font-size:11px; letter-spacing:-1px}
#tournament_8{ width:140px;  margin-left:25px; float:left; margin-top:50px; }
#game_08{ width:138px; height:85px; border:1px solid #ccc; margin-bottom:110px;}
#tournament_4{ width:140px;  margin-left:25px; float:left; margin-top:150px; }
#game_04{ width:138px; height:85px; border:1px solid #ccc; margin-bottom:305px;}
#tournament_final{ width:140px; margin-left:25px; float:left;margin-top:290px; }

#news_topArea_w .news_title {
    float: left;
    width: 660px;
    height: 100%;
    text-align: left;
    font-family: "Malgun Gothic", "¸¼Àº °íµñ", Verdana, Arial, helvetica, clean, sans-serif, µ¸¿ò, Dotum;
    padding: 15px 20px 10px 25px;
}