@charset "utf-8";
/* CSS Document */


/* KBS World Radio main */
.radio_about_main .tit {width:630px; padding:27px 0 7px 5px; border-bottom:#f0f0f0 1px solid; color:#111; font-size:14px; font-weight:bold; overflow:hidden;}
.radio_about_main .tit em {float:left;}
.radio_about_main .tit span {font-size:12px; color:#555;}
.radio_about_main .tit .more {float:left; padding:5px 0 0 10px;}
.radio_about_main .box {width:630px; padding:10px 0 10px 5px; border-bottom:#f0f0f0 1px solid; color:#111; overflow:hidden;}
.radio_about_main .box p {padding-bottom:15px;}
.radio_about_main .lang_list {width:630px;}
.radio_about_main .lang_list ul {display:table;}
.radio_about_main .lang_list li {float:left; width:120px; padding:0 0 0 10px; margin-right:20px; background:url(/images/layout/bl_01.gif) left 9px no-repeat; color:#111; font-weight:bold; overflow:hidden;}
.radio_about_main .lang_list li a {color:#111;}
.radio_about_main .pro {padding-bottom:13px; color:#555; font-size:12px;}
.radio_about_main .pro span {padding:0 3px; line-height:20px;}
.radio_about_main .pro a {color:#555;}
.radio_about_main .how_list {padding:5px 0 10px 0; overflow:hidden;}
.radio_about_main .how_list ul li {float:left; padding-right:15px;}
.radio_about_main .how_list ul li div {width:88px; color:#555; font-size:11px; text-align:center;}
.radio_about_main .how_list ul li div a {color:#555;}
.radio_about_main .how_list ul li .ico {height:36px;}
.radio_about_main .pr_list {padding:2px 0 0 0;}
.radio_about_main .pr_list ul {float:left;}
.radio_about_main .pr_list ul li.title {float:left;width:555px; padding:0 0 6px 10px; background:url(/images/layout/bl_01.gif) 0 8px no-repeat; color:#111; line-height:16px;}
.radio_about_main .pr_list ul li.title a {color:#111;}
.radio_about_main .pr_list ul li.date {float:right; color:#999; font-size:11px; line-height:18px;}


/* Interactive - Reception Report */
.radio_about_con01 {float:left; width:635px; overflow:hidden;}
.radio_about_con01 p {padding-left:5px; line-height:1.5em;}
.radio_about_con01 p.tit {color:#4a5ba8; font-weight:bold;}
.radio_about_con01 p.tit01 {color:#4a5ba8; font-weight:bold; padding-bottom:10px;}
.radio_about_con01 p.btn img {margin-right:10px;}


.radio_about_con01 .photo01 {float:left; width:353px; padding-right:15px;}
.radio_about_con01 .photo01 img {border:#cdcdcd 1px solid;}
.radio_about_con01 .title01 {float:left; width:630px; margin-bottom:5px; padding-left:5px; color:#111; font-weight:bold; overflow:hidden}
.radio_about_con01 .line01 {width:630px; border-bottom:#ececec 1px solid;}
.radio_about_con01 .title02 {float:left; width:630px; margin-bottom:15px; padding-top:15px; padding-left:5px; color:#111; font-weight:bold; overflow:hidden}

/* tab */
.radio_about_con01 .tab {float:left; width:635px; height:27px; background:url(/images/layout/bg_tab.gif) repeat-x bottom; border-left:#d6d6d6 1px solid; overflow:hidden;}

.radio_about_con01 .tab ul li {float:left; height:29px; width:89px; padding-top:1px; border-top:#d6d6d6 1px solid; border-right:#d6d6d6 1px solid; background:url(/images/layout/bg_tab_12.gif) repeat-x bottom; color:#fff; cursor:hand; cursor:pointer; text-align:center;}
.radio_about_con01 .tab ul li.over {background:none; color:#333; cursor:hand; cursor:pointer;}
.radio_about_con01 .tab ul li.indo {width:93px;}
.radio_about_con01 .tab ul li.over_indo {width:93px; background:none; color:#333; cursor:hand; cursor:pointer;}



.report_form {width:635px; margin-top:10px;}
.report_form .table th {padding:0 15px; border-bottom:#ececec 1px solid; color:#111; font-size:12px; font-weight:normal; text-align:left;}
.report_form .table th.tit_center {text-align:center;}
.report_form .table td {border-bottom:#ececec 1px solid;}
.report_form .table td input {height:16px; padding:2px 4px; border:#d6d6d6 1px solid; font-size:12px;}
.report_form .table td select {font-size:12px;}
.report_form .table td.name {border-bottom:none;}
.report_form .table td.con {padding:5px 0;}
.report_form .table td.con textarea {border:#d6d6d6 1px solid;}
.report_form .table02 {border-top:#ececec 1px solid; border-left:#ececec 1px solid;}
.report_form .table02 td {border-right:#ececec 1px solid; border-bottom:#ececec 1px solid; padding:3px 0 0 5px; font-size:12px;}
.report_form .table02 td input {margin-right:3px; border:0; vertical-align: middle;}
.report_form .search_select .btn ul li {float:left; padding:0 16px 0 2px; font-size:12px;}
.report_form .search_select .btn ul li input {border:0; vertical-align: middle; font-size:12px;}
.report_form .sel_date {height:22px;}
.report_form .sel_date div {float:left;}
.report_form .sel_date div input {height:18px; padding:2px 4px 0 4px; border:#d6d6d6 1px solid;}

.report_form02 {width:635px; margin-top:5px; padding-bottom:5px; border-bottom:#ececec 1px solid; overflow:hidden;}
.report_form02 .search_select .btn ul {float:left; width:635px;}
.report_form02 .search_select .btn ul li {float:left; width:193px; padding:4px 0 4px 15px; line-height:20px;}
.report_form02 .search_select .btn ul li input {margin-right:3px; border:0; vertical-align: middle;}

.report_form03 {width:635px; margin-top:10px; padding-bottom:10px; border-bottom:#ececec 1px solid; overflow:hidden;}	


/* KBS World Radio Quarterly Quiz */
.quiz_visual {width:635px; margin-top:15px; overflow:hidden;}

.quiz_question {width:635px; padding-top:20px; overflow:hidden;}
.quiz_question .tit {width:623px; height:25px; padding:6px 0 0 10px; background:url(/images/layout/bg_bar33.gif) repeat-x; border:#ddd 1px solid; color:#333; font-weight:bold;}
.quiz_question .box {clear:both; width:634px; border-left:#ddd 1px solid; overflow:hidden;}
.quiz_question .box td {width:290px; padding:13px; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; overflow:hidden;}
.quiz_question .box .title {padding-bottom:10px; font-weight:bold; color:#4858d7;}
.quiz_question .box .con {float:left; width:290px; overflow:hidden;}
.quiz_question .box .con img {border:#394da9 1px solid;}
.quiz_question .box .radio_btn {clear:both; width:270px; padding:10px 10px 20px 10px; overflow:hidden;}
.quiz_question .box .radio_btn img {padding-right:10px;}
.quiz_question .box .radio_btn ul li {float:left; width:260px; padding:4px 0; margin-right:5px; overflow:hidden;}  /*width:130px;*/
.quiz_question .box .radio_btn ul li input {margin-right:3px; border:0; vertical-align: middle;}

.quiz_question .quiz_bg {width:573px; background:url(/images/layout/quiz_bg.gif) repeat-x; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid;overflow:hidden; padding:35px 0 35px 60px;}
.quiz_question .quiz_bg .title {padding-bottom:20px; font-weight:bold; color:#4858d7; overflow:hidden;}
.quiz_question .quiz_bg .list {width:573px;}
.quiz_question .quiz_bg .list ul li {float:left; width:250px; padding:4px 19px 4px 5px; background:url(/images/layout/dot_quiz.gif) left 15px no-repeat; overflow:hidden;}

.quiz_box {position:relative; width:605px; margin-top:20px; padding:15px; background:#f8f8f8; overflow:hidden;}	
.quiz_box p {overflow:hidden;}
.quiz_box .table {width:590px; padding:15px 0 10px 15px;}
.quiz_box .table th {color:#111; font-size:12px; font-weight:normal; text-align:left;}
.quiz_box .table td input {height:16px; padding:2px 4px; border:#d6d6d6 1px solid;}
.quiz_box td .sel_date { width:505px; padding:0;}
.quiz_box td .sel_date p {float:left;}
.quiz_box td .sel_date p input {height:18px; padding:2px 4px 0 4px; border:#d6d6d6 1px solid;}

/*hint*/

.hint_img {float:left; width:140px;}    
.hint_text {float:left; width:150px;} 


/* Moblie apps Main */
.mapps_list {width:650px;}
.mapps_list ul li {float:left; width:305px; padding:0 15px 0 5px;}
.mapps_list ul li div {float:left;}
.mapps_list ul li .ico {width:76px; padding-right:14px;}
.mapps_list ul li .con {width:214px; overflow:hidden;}
.mapps_list ul li .con .tit {width:214px; color:#111; font-size:14px; font-weight:bold; padding:2px 0 7px 0;}
.mapps_list ul li .con .tit a {color:#111;}
.mapps_list ul li .con .txt {clear:both; width:214px; color:#555; font-size:12px; line-height:1.5em;}
.mapps_list ul li .con .view {clear:both; width:214px; color:#2a40a3; font-size:11px; padding:17px 0 0 0;}
.mapps_list ul li .con .view a {color:#2a40a3;}

/*2015.11.05 추가*/
[data-mobile^="true"] p, [data-onair="true"] strong, [data-onair="true"] ul{float:left;}
[data-mobile^="true"] {font-size:16px; width:635px; height:348px; background:url(../images/about/img_about_hybridapp.jpg) 0 0 no-repeat; margin-top:15px;}
[data-mobile="true_onair"] {background:url(../images/about/img_about_onairapp.jpg) 0 0 no-repeat;}
[data-mobile^="true"] strong{color:#2d2d2d;}
[data-mobile^="true"] p{margin:210px 0px 0px 43px;}
[data-mobile^="true"] ul{clear:both; margin:3px 0 0px 49px;}
[data-mobile^="true"] ul li{color:#777;}
[data-mobile="true_onair"] > *{visibility:hidden;}
[data-mobile="true_onair"] p{visibility:visible;}

/*20110706 추가*/
.tab_mobile .on {;height: 24px;margin-right: 1px;padding: 2px 25px 0 25px;background: #fff;border-top: #cecece 1px solid;border-left: #cecece 1px solid;border-right: #cecece 1px solid;
color: #333;font-weight: bold;overflow: hidden;}
.tab_mobile {width:635px; height:27px; margin-top:15px; background:url(/images/about/bg_tab_mobile.gif) left bottom repeat-x; overflow:hidden;}
.tab_mobile li {float:left; height:24px; margin-right:1px; padding:3px 27px 0 27px; background:url(/images/about/tab_mobile_r.gif) left top repeat-x; border:none; color:#fff; cursor:pointer; cursor:hand; overflow:hidden;}
.korea_about_con01 .tab_mobile li.over {height:24px; margin-right:1px; padding:2px 25px 0 25px; background:#fff; border-top:#cecece 1px solid; border-left:#cecece 1px solid; border-right:#cecece 1px solid; color:#333; font-weight:bold; overflow:hidden;}
.korea_about_con01 .mobile_gray_box {width:599px; padding:30px 18px 30px 18px; margin-bottom:20px; background:#f9f9f9; border-top:#d6d6d6 1px solid; border-bottom:#d6d6d6 1px solid; overflow:hidden;}
.korea_about_con01 .mobile_gray_box .img_mobile02_02 {float:left;}
.korea_about_con01 .mobile_gray_box .img_mobile02_03 {float:left; padding:10px 0 10px 18px;}
.korea_about_con01 p {line-height:1.5em;}
.board-01 {display:none;}


.korea_about_con01 .tab_mobile2 {width:635px; height:27px; margin-top:15px; background:url(/images/about/bg_tab_mobile.gif) left bottom repeat-x; overflow:hidden;}
.korea_about_con01 .tab_mobile2 li {float:left; height:24px; margin-right:1px; padding:3px 20px 0 20px; background:url(/images/about/tab_mobile_r.gif) left top repeat-x; border:none; color:#fff; cursor:pointer; cursor:hand; overflow:hidden;}
.korea_about_con01 .tab_mobile2 li.over {height:24px; margin-right:1px; padding:2px 20px 0 20px; background:#fff; border-top:#cecece 1px solid; border-left:#cecece 1px solid; border-right:#cecece 1px solid; color:#333; overflow:hidden;}


/* How to Listan Submian */
.how_main {position:relative; clear:both; width:635px; padding:12px 0 18px 0; border-bottom:#d6d6d6 1px solid; overflow:hidden;}
.how_main p.title {float:left; padding:0 20px 0 3px; font-size:14px; font-weight:bold;}
.how_main p.title img {padding-right:8px;}
.how_main p.more {padding-top:10px;}
.how_main p.more a {font-size:0.92em; color:#777;}
.how_main p {float:left; width:625px; padding:0 5px; line-height:1.5em;}



/* 접근성 고려 콘텐츠 테이블 */
/* 리스트 */

.contents_table caption {visibility:hidden; overflow:hidden; width:0; height:0x; font-size:0; line-height:0; padding:0; margin:0;}




/* 멤버 리스트 */
.about_member {position:relative; width:635px; border-top:1px dotted #d6d6d6; margin-top:20px;}
.about_member dl {position:relative; display:table; float:left; width:300px; min-height:100px; padding:20px 10px 0 5px; overflow:hidden;}
.about_member dd {float:left;}
.about_member dd img {width:64px;}
.about_member dd.tit {width:200px; font-weight:bold; color:#10327e; padding:5px 0 0 10px;}
.about_member dd.txt {width:200px; color:#333; padding:10px 0 0 10px;}

.about_member2 {position:relative; width:635px;}
.about_member2 dl {position:relative; display:table; float:left; width:300px; min-height:100px; padding:20px 10px 10px 5px; overflow:hidden; border-bottom:1px dotted #d6d6d6;}
.about_member2 dd {float:left;}
.about_member2 dd img {width:64px;}
.about_member2 dd.tit {width:225px; font-weight:bold; color:#10327e; padding:0 0 0 10px;}
.about_member2 dd.txt {width:225px; color:#333; padding:5px 0 10px 10px; font-size:11px; line-height:16px;}


.programme_info {position:relative; width:625px; margin-top:10px; padding:0 5px 5px 5px;}
.programme_info li {list-style:none; border-bottom:1px dotted #d6d6d6; padding:0 0 15px 0; margin-bottom:15px; overflow:hidden;}
.programme_info p.tit {font-size:15px; font-weight:bold; padding:0 0 8px 0;}
.programme_info p.photo {float:left; width:100px; min-height:100px; padding:2px 20px 15px 0;}
.programme_info p.stit {font-weight:bold; line-height:18px;}
.programme_info p.text {margin:15px 0 0 0; line-height:18px;}