/* CSS Document */

/* ------------------  오디오북  ------------------ */

/* 오디오북 레이아웃 */
.audio_book_area_wrap {position:relative; width:100%;}
.audio_book_area {width:100%; height:100%; background:none !important;}
.audio_book_area .view {display:block !important;}
/* //오디오북 레이아웃 */




/* 우측 오디오 컨트롤 */
.audio_control_area {position:relative; width:100%;}
.audio_control_area figcaption {padding:20px 10px; font-size:20px; font-weight:600; letter-spacing:-0.05em; line-height:130%;}

.audio_control_wrap {width:100%; padding:0; background:#f1f1f1;}
.audio_control_wrap ul {position:relative; padding:8px; overflow:hidden;}
.audio_control_wrap li {float:left; width:25%; list-style:none;}
.audio_control_wrap li div {margin:1px;}
.audio_control_wrap li a {display:block; position:relative; height:60px;}
.audio_control_wrap li a:hover {border:2px solid #ffb400;}
.audio_control_wrap li a.curr {border:7px solid #ffb400;}
.audio_control_wrap li span {position:absolute; bottom:8px; right:11px; text-align:right; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#fff;}
.audio_control_wrap li a:hover span {bottom:4px; right:7px;}
.audio_control_wrap li a.curr span {bottom:1px; right:4px;}


#cwrap {clear:both; padding:20px 0;}
#cwrap.nolist {display:none;}
#cwrap audio {width:100%;}
#nowPlay {width:100%; height:100%;}

#npimg {position:relative; width:100%;}
#npimg article {width:100%; height:100%;}
#npimg article div {width:100%; padding-top:60%; margin-bottom:-10%;}
#npimg h2 {margin:0 0 10px 0; padding:40px 0 0 10px; font-size:24px; letter-spacing:-0.05em;}
#npimg article .npTitle {padding:20px 10px; font-size:16px; line-height:160%; background:#fff;}


#canvas {width:100%;}
.canvas_bg {overflow:hidden; height:5px; margin:20px 20px 0; background:#ddd; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}


#extraControls {text-align:center;}
#extraControls button {margin:0 5px;}
#extraControls .ctrlbtnl {display:inline-block; width:30px; height:30px; background:url(http://world.kbs.co.kr/special/unesco/common/images/btn_audio_prev.png) center no-repeat; border:0; text-indent:-9999px; vertical-align:top;}
#extraControls .ctrlbtnr {display:inline-block; width:30px; height:30px; background:url(http://world.kbs.co.kr/special/unesco/common/images/btn_audio_next.png) center no-repeat; border:0; text-indent:-9999px; vertical-align:top;}
#extraControls .ctrlplay {display:inline-block; width:30px; height:30px; background:url(http://world.kbs.co.kr/special/unesco/common/images/btn_audio_play.png) center no-repeat; border:0; text-indent:-9999px; vertical-align:top;}
#extraControls .ctrlpause {display:inline-block; width:30px; height:30px; background:url(http://world.kbs.co.kr/special/unesco/common/images/btn_audio_pause.png) center no-repeat; border:0; text-indent:-9999px; vertical-align:top;}

/* //우측 오디오 컨트롤 */




/* 우측 오디오 섬네일 */
.audio_control_wrap ul.unesco1 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco1_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco1 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco1_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco1 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco1_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco1 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco1_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco1 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco1_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco1 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco1_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco1 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco1_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco1 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco1_audio8.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco2 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco2_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco2 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco2_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco2 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco2_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco2 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco2_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco2 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco2_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco2 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco2_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco2 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco2_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco2 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco2_audio8.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco3 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco3_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco3 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco3_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco3 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco3_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco3 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco3_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco3 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco3_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco3 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco3_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco3 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco3_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco3 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco3_audio8.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco4 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco4_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco4 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco4_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco4 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco4_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco4 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco4_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco4 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco4_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco4 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco4_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco4 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco4_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco4 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco4_audio8.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco5 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco5_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco5 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco5_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco5 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco5_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco5 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco5_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco5 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco5_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco5 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco5_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco5 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco5_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco5 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco5_audio8.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco6 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco6_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco6 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco6_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco6 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco6_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco6 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco6_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco6 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco6_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco6 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco6_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco6 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco6_audio7.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco7 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco7_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco7 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco7_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco7 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco7_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco7 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco7_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco7 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco7_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco7 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco7_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco7 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco7_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco7 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco7_audio8.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco8 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco8_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco8 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco8_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco8 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco8_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco8 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco8_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco8 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco8_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco8 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco8_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco8 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco8_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco8 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco8_audio8.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco9 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco9_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco9 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco9_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco9 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco9_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco9 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco9_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco9 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco9_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco9 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco9_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco9 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco9_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco9 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco9_audio8.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco10 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco10_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco10 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco10_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco10 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco10_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco10 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco10_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco10 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco10_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco10 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco10_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco10 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco10_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco10 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco10_audio8.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco11 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco11_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco11 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco11_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco11 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco11_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco11 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco11_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco11 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco11_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco11 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco11_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco11 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco11_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco11 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco11_audio8.jpg) center no-repeat; background-size:cover;}

.audio_control_wrap ul.unesco12 li:nth-child(1) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco12_audio1.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco12 li:nth-child(2) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco12_audio2.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco12 li:nth-child(3) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco12_audio3.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco12 li:nth-child(4) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco12_audio4.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco12 li:nth-child(5) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco12_audio5.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco12 li:nth-child(6) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco12_audio6.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco12 li:nth-child(7) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco12_audio7.jpg) center no-repeat; background-size:cover;}
.audio_control_wrap ul.unesco12 li:nth-child(8) div {background:url(http://world.kbs.co.kr/special/unesco/common/images/thumb_unesco12_audio8.jpg) center no-repeat; background-size:cover;}
/* //우측 오디오 섬네일 */