@charset "utf-8";

/*@import url("/css/fa/css/font-awesome.css");*/

/*중문 폰트 관련*/
body, input, textarea, select, button, table {font-family:tahoma, Geneva, sans-serif; font-size:12px; color:#333;}
div {line-height:18px;}
li {line-height:24px;}


.clear {clear:both;}
.float_l {float:left;}
.float_r {float:right;}



/* Layout */
#wrap {position:relative; width:1042px; height:100%; margin:0 auto;}

#accessibility, hr, legend, label {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; text-indent:-5000px;}

/* header */
#header {position:relative; width:960px; height:158px; z-index:30; margin:0 auto;}
#header h1 {float:left; width:270px; height:82px; margin:0 0 0 67px;}

.top_banner {float:left; width:235px; height:76px; padding:6px 0 10px 0; /* *padding:0px 0 15px 0; */}
.top_banner .btn {float:right; height:10px; /* *height:16px;*/ padding-right:1px;}
.top_banner .btn ul { margin:0; padding:0;}
.top_banner .btn ul li {float:left; height:10px; margin:0; padding:0 0 0 2px; font-size:0; line-height:0;}
.top_banner .banner {float:left; width:235px; height:49px;}
.top_right {float:right; margin-top:5px;}
.time {float:right; width:200px; height:33px; height:33px; height:32px\9; overflow:hidden;}
.time ul li {float:right; padding-left:12px; padding-top:1px; font-size:0;}
.time ul li.date {padding-top:8px; font-family:Tahoma, Geneva, sans-serif; color:#333; font-size:0.83em;}
/* .top_menu {float:right; width:150px; padding-top:5px; overflow:hidden;}
.top_menu li {float:right; padding:0 11px 0 10px; color:#333; font-size:0.688em;}
.top_menu li a {color:#333;}
.top_menu li.bl {float:right; padding:0 11px 0 10px; background:url(/images/layout/bl_topmenu.gif) no-repeat right 8px; color:#333; font-size:0.688em;} */
.select_lang {clear:both; float:right;}
.sel_lang {width:183px; height:22px; background:url(/images/layout/bg_select.gif) no-repeat right top; color:#555; cursor:pointer; line-height:17px;line-height:20px\0IE8+9;line-height:20px\9;}
.sel_lang a {display:block; width:172px; height:20px; padding:2px 0 0 11px; color:#555;}
.sel_lang a:hover {text-decoration:none;}
.sel_lang_open {position:absolute; left: 777px; top:33px; top:32px\9; width:181px; padding:1px 0 4px 0; background:#FFF url(/images/layout/bg_select_open.gif) no-repeat right top; border:#cecece 1px solid; cursor:pointer; z-index:30;}
.sel_lang_open ul li {color:#555; cursor:pointer; line-height:20px;}
.sel_lang_open ul li a {display:block; width:171px;padding-left:10px; color:#333;}
.sel_lang_open ul li.sel {line-height:17px;line-height:20px\0IE8+9;line-height:20px\9;}
.sel_lang_open ul li.sel a:hover {text-decoration:none;}
.sel_lang_open ul li.sel_arabic {font-family:Arabic Transparent; font-size:1.33em;}
.sel_lang_open ul li.sel_chinese {font-family:MS Gothic; font-size:1.00em;}
.sel_lang_open ul li.sel_french {font-family:Tahoma, Geneva, sans-serif; font-size:0.92em; padding-left:1px;}
.sel_lang_open ul li.sel_german {font-family:Tahoma, Geneva, sans-serif; font-size:0.92em; padding-left:1px;}
.sel_lang_open ul li.sel_indonesian {font-family:Tahoma, Geneva, sans-serif; font-size:0.92em; padding-left:1px;}
.sel_lang_open ul li.sel_japanese {font-family:MS Gothic; font-size:1.00em;}
.sel_lang_open ul li.sel_korean {font-family:dotum sans-serif; font-size:1.00em;}
.sel_lang_open ul li.sel_russian {font-family:Tahoma, Geneva, sans-serif; font-size:0.92em; padding-left:1px;}
.sel_lang_open ul li.sel_spanish {font-family:Tahoma, Geneva, sans-serif; font-size:0.92em; padding-left:1px;}
.sel_lang_open ul li.sel_vietnamese {font-family:Tahoma, Geneva, sans-serif; font-size:0.92em; padding-left:1px;}




/* gnb */
#gnb {clear:both; position:relative; width:960px; height:71px; background:url(/images/layout/bg_gnb_top.gif) repeat-x top; z-index:20;}
.all_menu {float:right; width:90px; height:20px; margin:12px 10px 0 0;}

.gnb_menu {float:left; width:850px; height:42px; overflow:hidden;}
.gnb_menu li.depth01 {float:left;}
.gnb_menu li.depth01 a.depth01_menu {display:block; padding:10px 30px 10px 30px; background:url(/images/layout/bl_03.gif) no-repeat right 17px; color:#153282; font-size:14px; font-weight:bold;}
.gnb_menu li.depth01 a:hover.depth01_menu, a:active.depth01_menu, a:focus.depth01_menu {color:#153282; text-decoration:none;}
.gnb_menu li.depth01_last {float:left;}
.gnb_menu li.depth01_last a.depth01_menu {display:block; padding:10px 30px 10px 30px; background:none; color:#153282; font-size:14px; font-weight:bold;}
.gnb_menu li.depth01_last a:hover.depth01_menu, a:active.depth01_menu, a:focus.depth01_menu {color:#153282; text-decoration:none;}
.gnb_menu ul.depth02 li {color:#fff;  font-size:11px; font-weight:normal; line-height:20px; /*font-size:1.08em; font-weight:bold; line-height:24px; '121031 mey'*/}
.gnb_menu ul.depth02 li a {color:#fff;}
.gnb_menu ul.depth02 li a:hover, a:active, a:focus {color:#fff; text-decoration:underline;}
.gnb_menu ul.depth02 .lang{font-size:0.8em; color:#e3e3e3;}
.gnb_menu ul.depth03_type1 {overflow:hidden; padding-bottom:10px;}
.gnb_menu ul.depth03_type1 li {float:left; width:90px; padding:2px 0 2px 8px; background:url(/images/layout/bl_depth03.gif) no-repeat 0px 9px; color:#a9b2d7; font-size:11px; font-weight:normal; line-height:16px;}
.gnb_menu ul.depth03_type1 li a {color:#a9b2d7;}
.gnb_menu ul.depth03_type1 li a:hover, a:active, a:focus {color:#a9b2d7; text-decoration:underline;}
.gnb_menu ul.depth03_type2 {overflow:hidden; padding-bottom:10px;}
.gnb_menu ul.depth03_type2 li {float:left; width:139px; padding:2px 0 2px 5px; background:url(/images/layout/bl_depth03.gif) no-repeat 0px 9px; color:#a9b2d7; font-size:11px; font-weight:normal; line-height:16px;}
.gnb_menu ul.depth03_type2 li a {color:#a9b2d7;}
.gnb_menu ul.depth03_type2 li a:hover, a:active, a:focus {color:#a9b2d7; text-decoration:underline;}
.gnb_menu ul.depth03_type3 {overflow:hidden; padding-bottom:10px;}
.gnb_menu ul.depth03_type3 li {float:none; width:260px; padding:2px 0 2px 8px; background:url(/images/layout/bl_depth03.gif) no-repeat 0px 9px; color:#a9b2d7; font-size:11px; font-weight:normal; line-height:16px;}
.gnb_menu ul.depth03_type3 li a {color:#a9b2d7;}
.gnb_menu ul.depth03_type3 li a:hover, a:active, a:focus {color:#a9b2d7; text-decoration:underline;}

/* News depth02 */
#gnb_depth02_news {position:absolute; left:0; top:42px; display:none;}
.gnb_curr_news {position:absolute; left:50px; top:-4px;}
.depth02_news {position:relative; width:956px; padding:7px 0; background:#2a40a3; border:#00328c 2px solid; overflow:hidden;}
.depth02_news .bg_depth02_news {background:url(/images/layout/bg_gnb_box.gif) repeat-y; overflow:hidden;}
.depth02_news .box01 {float:left; width:303px; padding:5px 0 5px 15px;}
.depth02_news .box02 {float:left; width:303px; padding:5px 0 5px 15px;}
.depth02_news .box03 {float:left; width:303px; padding:5px 0 4px 15px;}
.depth02_news .box03 .photo {float:left; width:145px; height:105px; padding-top:1px;}
.depth02_news .box03 .photo img {border:#bbb 1px solid;}
.depth02_news .box03 .tit {float:left; width:119px; padding:1px 15px 0 15px; font-size:11px; font-weight:normal; line-height:18px; color:#fff;}
.depth02_news .box03 .tit a {color:#fff;}

/* Program depth02 */
#gnb_depth02_program {position:absolute; left:0; top:42px; display:none;}
.gnb_curr_program {position:absolute; left:158px; top:-4px;}
.depth02_program {position:relative; width:956px; padding:7px 0; background:#2a40a3; border:#00328c 2px solid; overflow:hidden;}
.depth02_program .bg_depth02_program {background:url(/images/layout/bg_gnb_box.gif) repeat-y; overflow:hidden;}
.depth02_program .box01 {float:left; width:303px; padding:5px 0 5px 15px;}
.depth02_program .box02 {float:left; width:303px; padding:5px 0 5px 15px;}
.depth02_program .box03 {float:left; width:303px; padding:5px 0 4px 15px;}

/* About Korea depth02 */
#gnb_depth02_korea {position:absolute; left:0; top:42px; display:none;}
.gnb_curr_korea {position:absolute; left:290px; top:-4px;}
.depth02_korea {position:relative; width:956px; padding:7px 0; background:#2a40a3; border:#00328c 2px solid; overflow:hidden;}
.depth02_korea .bg_depth02_korea {background:url(/images/layout/bg_gnb_box.gif) repeat-y; overflow:hidden;}
.depth02_korea .box01 {float:left; width:303px; padding:5px 0 5px 15px;}
.depth02_korea .box02 {float:left; width:303px; padding:5px 0 5px 15px;}
.depth02_korea .box03 {float:left; width:303px; padding:5px 0 4px 15px;}

/* About KBS World Radio depth02 */
#gnb_depth02_about {position:absolute; left:0; top:42px; display:none;}
.gnb_curr_about {position:absolute; left:470px; top:-4px;}
.depth02_about {position:relative; width:956px; padding:7px 0; background:#2a40a3; border:#00328c 2px solid; overflow:hidden;}
.depth02_about .bg_depth02_about {background:url(/images/layout/bg_gnb_box.gif) repeat-y; overflow:hidden;}
.depth02_about .box01 {float:left; width:303px; padding:5px 0 5px 15px;}
.depth02_about .box02 {float:left; width:303px; padding:5px 0 5px 15px;}
.depth02_about .box03 {float:left; width:303px; padding:5px 0 4px 15px;}
.depth02_about .box03 .photo {float:left; padding-top:35px;}

/* How to Listen depth02 */
#gnb_depth02_how {position:absolute; left:0; top:42px; display:none;}
.gnb_curr_how {position:absolute; left:665px; top:-4px;}
.depth02_how {position:relative; width:956px; padding:7px 0; background:#2a40a3; border:#00328c 2px solid; overflow:hidden;}
.depth02_how .bg_depth02_how {background:url(/images/layout/bg_gnb_box.gif) repeat-y; overflow:hidden;}
.depth02_how .box01 {float:left; width:294px; padding:5px 0 5px 24px;}
.depth02_how .box02 {float:left; width:294px; padding:5px 0 5px 24px;}
.depth02_how .box03 {float:left; width:294px; padding:5px 0 4px 24px;}
.depth02_how .box03 .photo {float:left; padding-top:35px;}



/* Breaking News */
.depth02_main {clear:both; width:960px; height:27px; background:#2a40a3; border-bottom:#00328c 2px solid; color:#FFF; font-size:1em;position: relative;}
.depth02_main .breaking {float:left; margin:4px 0 0 20px; color:#60faff; }
.depth02_main .breaking a {color:#60faff;}
.depth02_main .breaking_btn {float:left; margin:6px 0 0 20px; overflow:hidden;}
.depth02_main .breaking_btn p{float:left;}
.depth02_main .breaking_btn p a{color:#fff;}

.depth02_main .breaking_btn01 {position:absolute; right:145px; margin:3px 0 0 20px; overflow:hidden;}
.depth02_main .breaking_btn01 p{display:inline-block; padding-left: 2px;}
.depth02_main .breaking_btn01 p a{color:#fff; font-size:0.9em;}

.depth02_main .breaking_con {float:left; margin:4px 10px 0 10px; background:#2a40a3; color:#FFF;}
.depth02_main .breaking_con a {color:#FFF;}
.depth02_main .breaking_date {float:left; padding-right:10px; margin:5px 0 0 15px; background:url(/images/layout/bl_m_bn.gif) right 6px no-repeat; font-size:0.92em; color:#d6dcf5;}
.depth02_main .breaking_ico {float:left; margin:9px 10px 0 0; color:#fa9218;}
.depth02_main .breaking_ico a{color:#fa9218;}
.breaking_con {background:#2a40a3; color:#FFF;}
.breaking_con a {color:#FFF;}

/* 201404추가 */
.news-gnb-mn {float:right;}

/* all menu */
.all_menu_box {display:none; position:absolute; width:952px; left:50%; margin-left:-480px; top:0; z-index:10; border:#2a40a3 4px solid;}
.all_menu_top {float:left; width:952px; height:33px; background:url(/images/layout/bg_allmenu_top.gif) repeat-x top;}
.all_menu_top .tit {float:left; width:107px; height:11px; padding:12px 0 0 14px;}
.all_menu_box .btn {position:absolute; right:6px; top:5px;}
.all_menu_bottom {float:left; width:952px; height:40px; background:#f4f4f4;}
.all_menu_bottom .foot {float:left; width:800px;}
.all_menu_bottom .foot ul {height:20px; padding:8px 0 12px 6px;}
.all_menu_bottom .foot ul li {float:left;}
.all_menu_bottom .foot ul li a {font-size:11px; color:#333;}
.all_menu_bottom .foot ul li a.rss {padding:0;}
.all_menu_bottom .foot ul li.first a {padding-left:17px;}
.all_menu_bottom .foot ul li img {padding:7px 10px 0 10px;}
.all_menu_bottom .foot ul li img.rss {padding:3px 5px 0 0;}
.all_menu_con {float:left; width:952px; height:478px; overflow-y:auto; overflow-x:hidden; background:url(/images/layout/bg_allmenu.gif) repeat-y left top #fff; border-bottom:#e2e6f9 1px solid;}
.all_menu01 {float:left; width:233px;}
.all_menu02 {float:left; width:236px;}
.all_menu03 {float:left; width:235px;}
.all_menu04 {float:left; width:231px;}
.all_menu_tit {margin:0 10px; padding:14px 0 0 3px; border-bottom:#818ec9 1px solid;}
.all_menu_list {padding:9px 0 0 22px;}
.all_menu_list ul li {color:#3a3d4a; font-size:11px; font-weight:bold; line-height:22px;}
.all_menu_list ul li a {color:#333;}
.all_menu_list ul li.depth_03 {padding:1px 0 20px 0; font-size:11px;}
.all_menu_list ul li.depth_03 ul li {padding-left:12px; background:url(/images/layout/bl_05.gif) no-repeat 2px 9px; line-height:20px;}
.all_menu_list ul li.depth_03 ul li a {color:#555; font-size:11px; font-weight:normal;}

.btn_close {float:right; width:41px; height:43px; padding:44px 0 0 42px; background:url(/images/layout/bg_close.gif) no-repeat right bottom;}
.btn_contact {float:right; width:100px; height:16px; padding:12px 23px 0 0; text-align:right;}


/* container */
#container {position:relative; z-index:0;}
#container:after {display:block; clear:both;}

#container_audio {position:relative; width:960px; height:100%; margin:-146px 0 -27px 0; z-index:0;}
#container_audio:after {display:block;height:100%;  clear:both;}

#menutitle {position:relative; width:960px; height:35px; border-bottom:1px solid #cecece; margin-left:41px;}
#menutitle p {float:right; color:#999; font-size:0.92em; text-align:right; padding:13px 10px 3px 0;}
#menutitle p a {color:#999;}
#menutitle p span {color:#153282; font-weight:bold;}
#menutitle p span a {color:#153282;}
#menutitle h1 {float:left; font-size:1.17em; color:#153282; padding:12px 0 0 5px;}
#menutitle h1 span.comment {font-size:0.82em; color:#909090; font-weight:normal; padding-left:10px;}
	
#content_area {position:relative; clear:both; float:left; width:635px; padding-left:41px;}
#content_area02 {position:relative; clear:both; float:left; width:960px; padding-left:41px;}

#rside {position:relative; float:right; width:310px; margin-right:41px;}
#rside_audio {position:relative; float:right; width:310px; background:#f9f9f9; margin-right:41px;}

#m_news {position:relative; width:960px; margin:10px 0 0 0; padding:0 41px 20px 41px; overflow:hidden; background:url(/images/layout/bg_main_news_bottom.gif) no-repeat 41px bottom;}




/* footer */
#footer {position:relative; clear:both; width:960px; padding:25px 41px 0 41px; color:#333; overflow:hidden; z-index:10; margin:0 auto;}

#footer ul {width:100%; height:27px; border-bottom:1px solid #cdcdcd; padding:11px 0 9px 0; border-top:2px solid #8a8a8a;}
#footer ul li {float:left; font-size:0.9em;}
#footer ul li a {color:#333;}
#footer ul li a.rss {padding:0;}
#footer ul li.first a {padding-left:17px;}
#footer ul li img {padding:7px 9px 0 9px;}
#footer ul li img.rss {padding:3px 5px 0 0;}
#footer ul li.family_link {float:right; margin-top:2px; margin-right:10px;}
#footer ul li.family_link select {width:150px; color:#555; height:20px; font-size:10px;}


#footer address {font-size:0.83em; line-height:14px; padding:15px 0 15px 6px; color:#999;}


/* Paginate */
.listview_paginate {position:relative; width:635px; clear:both; overflow:hidden; zoom:1; margin:14px 0 0 0; text-align:center; font-size:0.92em; line-height:18px;}
.listview_paginate a {border:1px solid #fff; _position:relative; display:-moz-inline-box; display:inline-block; padding:1px 1px 1px 3px; _padding:0 1px 1px 3px; color:#999; text-decoration:none !important;}
.listview_paginate a:hover {border:1px solid #afc5ec; text-decoration:none; color:#3260a1}
.listview_paginate a span{position:relative; top:0; zoom:1; padding:0 5px 0 3px; display:block; _display:inline; color:#666;}
.listview_paginate a:hover span {*padding:0 4px 0 3px; text-decoration:none; cursor:pointer; color:#3260a1; font-weight:bold; letter-spacing:-1px; *letter-spacing:-2px;}

.listview_paginate a.curr {border:1px solid #afc5ec; _position:relative; display:-moz-inline-box; display:inline-block; padding:1px 1px 1px 3px; _padding:0 1px 1px 3px; color:#3260a1; text-decoration:none !important; font-weight:bold; letter-spacing:-1px;}
.listview_paginate a:hover.curr {border:1px solid #afc5ec; text-decoration:none;}
.listview_paginate a.curr span {position:relative; top:0; zoom:1; padding:0 5px 0 3px; padding:0 5px 0 3px; display:block; _display:inline; color:#3260a1;}
.listview_paginate a:hover.curr span {text-decoration:none; cursor:pointer; color:#3260a1;}

.listview_paginate a.pre  {position:relative; padding:0; top:6px; _top:3px; *top:3px; border:0; }
.listview_paginate a:hover.pre  {position:relative; padding:0; top:6px; _top:3px; *top:3px; border:0;}
.listview_paginate a.pre2  {position:relative; padding:0; top:6px; _top:3px; *top:3px; border:0; margin-right:6px; }
.listview_paginate a:hover.pre2  {position:relative; padding:0; top:6px; _top:3px; *top:3px; border:0; margin-right:6px;}
.listview_paginate a.next {position:relative; padding:0; top:6px; _top:3px; *top:3px; border:0; margin-left:6px;}
.listview_paginate a:hover.next {position:relative; padding:0; top:6px; _top:3px; *top:3px; border:0; margin-left:6px;}
.listview_paginate a.next2 {position:relative; padding:0; top:6px; _top:3px; *top:3px; border:0;}
.listview_paginate a:hover.next2 {position:relative; padding:0; top:6px; _top:3px; *top:3px; border:0;}