/* CSS Document */

/* 공통 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:AppleSDGothicNeo-Light,sans-serif; font-size:16px; line-height:200%; color:#222;}
body{position:relative; -webkit-text-size-adjust:none; word-break:keep-all;}
table{border-collapse:collapse}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
img{vertical-align:top}
strong {letter-spacing:-0.02em;}
/* //공통 */









/* Layout */
#wrap {width:100%; height:100%;}
#container {position:relative; min-width:320px; z-index:0;}
#header {position:relative;}
#footer {position:relative;}

.contents {position:relative;}
address {clear:both; font-size:0.833em; color:#999; background:#fff; padding:15px; text-align:center;}
/* //Layout */









/* GNB - 로고, 언어 선택 */
.top_menu {position:relative;}

.logo_kpanorama a {position:absolute; top:8px; left:13px; width:183px; height:28px; text-indent:-10000px; background:url(/special/kpanorama/images/common/logo_korea70y_e.png) 0 0 no-repeat; background-size:183px 28px; z-index:100;}

.sel_Language_area {height:45px; background:#00394e;}
.sel_Language_area_open {height:223px; padding:45px 5px 0; background:#00394e; z-index:0;}
.sel_Language_area_open li {float:left; width:50%; text-align:center;}
.sel_Language_area_open li a {display:block; min-height:32px; margin:1px; font-size:0.875em; color:#a8c6d1; border:1px solid #185a72;}
.sel_Language_area_open li a.curr {color:#fff; background:#62cdcb; border:1px solid #62cdcb;}

.btn_top_language {position:absolute; top:0; right:0; font-size:0.688em; line-height:240%; color:#a3afb5; z-index:100;}
.btn_top_language a {display:inline-block; width:24px; height:24px; padding:10px; text-indent:-10000px; background:url(/special/kpanorama/images/common/btn_language.png) 10px 10px no-repeat; background-size:24px 24px;}
.btn_top_language span {margin-right:-5px;}
/* //GNB - 로고, 언어 선택 */









/* GNB - 연도선택, 프로그램 바로가기 */
.gnb_menu_area {position:relative;}

.gnb_menu {position:relative; clear:both; height:36px; margin:5px;}
.gnb_menu .btn_top_years {float:left;}
.gnb_menu .btn_top_years a {position:absolute; top:0; left:0; width:50%; height:36px; font-size:0.78em; color:#00394e; background:#dde3e5 url(/special/kpanorama/images/common/icon_years_r.png) 8px 9px no-repeat; background-size:18px 18px;}
.gnb_menu .btn_top_years a.curr {color:#fff; background:#00394e url(/special/kpanorama/images/common/icon_years.png) 8px 9px no-repeat; background-size:18px 18px;}
.gnb_menu .btn_top_years .ico {display:block; float:left; padding:3px 0 0 32px;}
.gnb_menu .btn_top_years .bl {position:absolute; top:9px; right:4px; z-index:101; width:18px; height:18px; background:url(/special/kpanorama/images/common/icon_years_bl_r.png) 0 0 no-repeat; background-size:18px 18px;}
.gnb_menu .btn_top_years a.curr .bl {position:absolute; top:9px; right:4px; z-index:101; width:18px; height:18px; background:url(/special/kpanorama/images/common/icon_years_bl.png) 0 0 no-repeat; background-size:18px 18px;}

.gnb_menu .btn_top_special a {position:absolute; top:0; right:0; width:50%; height:36px; font-size:0.78em; color:00394e; background:#dde3e5 url(/special/kpanorama/images/common/icon_special_program_r.png) 8px 9px no-repeat; background-size:18px 18px;}
.gnb_menu .btn_top_special a.curr {color:#fff; background:#00394e url(/special/kpanorama/images/common/icon_special_program.png) 8px 9px no-repeat; background-size:18px 18px;}
.gnb_menu .btn_top_special .ico {display:block; float:left; padding:3px 0 0 32px;}
.gnb_menu .btn_top_special .bl {position:absolute; top:9px; right:4px; z-index:101; width:18px; height:18px; background:url(/special/kpanorama/images/common/icon_special_program_bl_r.png) 0 0 no-repeat; background-size:18px 18px;}
.gnb_menu .btn_top_special a.curr .bl {color:#fff; background:#00394e url(/special/kpanorama/images/common/icon_special_program_bl.png) 0 0 no-repeat; background-size:18px 18px;}

.gnb_menu_over {position:relative; clear:both; margin:5px; background:#00394e; overflow:hidden;}
.gnb_menu_over .btn_top_years {position:relative;}
.gnb_menu_over .btn_top_years a {position:absolute; top:0; left:0; width:100%; height:36px; font-size:0.938em; color:#fff; background:#00394e url(/special/kpanorama/images/common/icon_years.png) 8px 9px no-repeat; background-size:18px 18px;}
.gnb_menu_over .btn_top_years .ico {display:block; float:left; padding:3px 0 0 32px;}
.gnb_menu_over .btn_top_years .bl {position:absolute; top:9px; right:9px; z-index:101; width:18px; height:18px; background:url(/special/kpanorama/images/common/btn_close.png) 0 0 no-repeat; background-size:18px 18px;}

.gnb_menu_over ul {clear:both; padding:36px 1px 0;}
.gnb_menu_over li {float:left; width:50%; text-align:center;}
.gnb_menu_over li a {display:block; padding:5px 0; margin:1px; font-size:0.875em; color:#a8c6d1; border:1px solid #185a72;}
.gnb_menu_over li a.curr {color:#fff; background:#62cdcb; border:1px solid #62cdcb;}
@media all and (max-width:320px){
.gnb_menu .btn_top_years a {font-size:0.688em;}
.gnb_menu .btn_top_special a {font-size:0.688em;}
}
/* //GNB - 연도선택, 프로그램 바로가기 */









/* 연도 타이틀 */
.bg_years {position:relative;}

.tit_years {display:block; margin:15px auto 0; text-indent:-10000px; overflow:hidden;}
.tit_years span {display:block; float:left; padding:2px;}
@media all and (max-width:320px){
.tit_years {width:265px;}
.tit_years .bg_m0 {width:128px; height:167px; background:url(/special/kpanorama/images/common/bg_m0.png) 0 0 no-repeat; background-size:128px 167px;}
.tit_years .bg_m1 {width:128px; height:167px; background:url(/special/kpanorama/images/common/bg_m1.png) 0 0 no-repeat; background-size:128px 167px;}
.tit_years .bg_m2 {width:128px; height:167px; background:url(/special/kpanorama/images/common/bg_m2.png) 0 0 no-repeat; background-size:128px 167px;}
.tit_years .bg_m3 {width:128px; height:167px; background:url(/special/kpanorama/images/common/bg_m3.png) 0 0 no-repeat; background-size:128px 167px;}
.tit_years .bg_m4 {width:128px; height:167px; background:url(/special/kpanorama/images/common/bg_m4.png) 0 0 no-repeat; background-size:128px 167px;}
.tit_years .bg_m5 {width:128px; height:167px; background:url(/special/kpanorama/images/common/bg_m5.png) 0 0 no-repeat; background-size:128px 167px;}
.tit_years .bg_m6 {width:128px; height:167px; background:url(/special/kpanorama/images/common/bg_m6.png) 0 0 no-repeat; background-size:128px 167px;}
.tit_years .bg_m7 {width:128px; height:167px; background:url(/special/kpanorama/images/common/bg_m7.png) 0 0 no-repeat; background-size:128px 167px;}
.tit_years .bg_m8 {width:128px; height:167px; background:url(/special/kpanorama/images/common/bg_m8.png) 0 0 no-repeat; background-size:128px 167px;}
.tit_years .bg_m9 {width:128px; height:167px; background:url(/special/kpanorama/images/common/bg_m9.png) 0 0 no-repeat; background-size:128px 167px;}
}
@media all and (min-width:321px){
.tit_years {width:320px;}
.tit_years .bg_m0 {width:156px; height:203px; background:url(/special/kpanorama/images/common/bg_m0.png) 0 0 no-repeat; background-size:156px 203px;}
.tit_years .bg_m1 {width:156px; height:203px; background:url(/special/kpanorama/images/common/bg_m1.png) 0 0 no-repeat; background-size:156px 203px;}
.tit_years .bg_m2 {width:156px; height:203px; background:url(/special/kpanorama/images/common/bg_m2.png) 0 0 no-repeat; background-size:156px 203px;}
.tit_years .bg_m3 {width:156px; height:203px; background:url(/special/kpanorama/images/common/bg_m3.png) 0 0 no-repeat; background-size:156px 203px;}
.tit_years .bg_m4 {width:156px; height:203px; background:url(/special/kpanorama/images/common/bg_m4.png) 0 0 no-repeat; background-size:156px 203px;}
.tit_years .bg_m5 {width:156px; height:203px; background:url(/special/kpanorama/images/common/bg_m5.png) 0 0 no-repeat; background-size:156px 203px;}
.tit_years .bg_m6 {width:156px; height:203px; background:url(/special/kpanorama/images/common/bg_m6.png) 0 0 no-repeat; background-size:156px 203px;}
.tit_years .bg_m7 {width:156px; height:203px; background:url(/special/kpanorama/images/common/bg_m7.png) 0 0 no-repeat; background-size:156px 203px;}
.tit_years .bg_m8 {width:156px; height:203px; background:url(/special/kpanorama/images/common/bg_m8.png) 0 0 no-repeat; background-size:156px 203px;}
.tit_years .bg_m9 {width:156px; height:203px; background:url(/special/kpanorama/images/common/bg_m9.png) 0 0 no-repeat; background-size:156px 203px;}	
}

.bg_years .summary {position:absolute; top:50%; width:100%; padding:8px 0; margin-top:-26px; text-align:center; vertical-align:middle; background:#fff;}
.bg_years .summary span {display:block; font-size:1.188em; line-height:140%; padding:0 15px;}

.btn_scroll {width:70px; height:70px; margin:0 auto; border-radius:5em; background:#62cdcb url(/special/kpanorama/images/common/btn_scroll.png) 15px 24px no-repeat; background-size:40px 24px;}
.btn_audio_m {width:64px; height:64px; margin:0 auto;}
.btn_audio_m img {width:64px; height:64px;}
/* //연도 타이틀 */









/* 본문 */
.tit {display:inline-block; padding:0 15px 15px 15px; margin:20px 0 0 0; font-size:1.250em; line-height:140%; background:url(/special/kpanorama/images/common/bg_tit_line.png) right bottom no-repeat; background-size:500px 4px;}
.text_box {padding:15px; line-height:180%;}
@media all and (max-width:320px){.text_box p {line-height:180%;}}
@media all and (min-width:321px){.text_box p {line-height:200%;}}
/* //본문 */









/* 포토 리스트 */
.photo_list {}
.photo_list li {text-align:center; margin:5px 0;}
.photo_list li img {margin-top:30px; max-width:90%; max-height:320px;}
.photo_list span {display:block; margin:10px; font-size:0.875em; line-height:140%;}
.photo_list span.source {font-size:0.750em; color:#777; line-height:120%;}
.photo_list .first {margin-bottom:20px; text-align:center;}
@media all and (max-width:320px){.photo_list .first img {width:100%;}}
@media all and (min-width:321px){.photo_list .first img {width:100%; max-width:480px;}}
/* //포토 리스트 */









/* 영상 */
.video_list {margin-top:20px;}
/* //영상 */









/* 이전, 다음 페이지 이동 */
.menu_page {padding:10px; overflow:hidden;}
.menu_page .left {float:left; text-align:left; padding:0 8px 0 20px; font-family:"Times New Roman", Times, serif; font-size:2.250em; background:url(/special/kpanorama/images/common/btn_page_prev.png) left 5px no-repeat; background-size:22px 22px;}
.menu_page .right {float:right; text-align:right; padding:0 20px 0 8px; font-family:"Times New Roman", Times, serif; font-size:2.250em; background:url(/special/kpanorama/images/common/btn_page_next.png) right 5px no-repeat; background-size:22px 22px;}

.menu_page2 {padding:10px; overflow:hidden; text-align:center;}
.menu_page2 a {font-size:1.125em; margin:0 10px;}
/* //이전, 다음 페이지 이동 */









/* 특집프로그램 리스트 */
.tit_years_program {display:block; width:260px; margin:50px auto 0; text-indent:-10000px; overflow:hidden;}
.tit_years_program span {display:block; float:left;width:260px; height:55px; padding:2px; background:url(/special/kpanorama/images/common/bg_70years.png) 0 0 no-repeat; background-size:260px 55px;}
.summary_program {width:100%; padding:8px 0 20px; font-size:1.250em; text-align:center; vertical-align:middle; background:#fff;}

.program_list {padding:0 5px; margin-top:30px;}
.program_list li {max-width:502px; margin:20px auto; background:#00394e; overflow:hidden;}
.program_list div {position:relative; padding:10px 10px 15px; text-align:center;}
.program_list .panorana_audio {position:absolute; bottom:16px; right:8px; width:40px; height:40px; z-index:100;}

.program_list p {color:#fff; text-align:center; padding:0 20px; line-height:150%;}
.program_list .list_tit {font-size:1.063em;}
.program_list .list_date {padding-bottom:15px;}
.program_list .thumb {width:100%; max-width:480px; border:1px solid #c8c8c8;}

.btn_scroll_program {width:70px; height:70px; margin:0 auto; border-radius:5em; border:1px solid #62cdcb; background:#fff url(/special/kpanorama/images/common/btn_scroll2.png) 15px 24px no-repeat; background-size:40px 24px; overflow:hidden;}
/* //특집프로그램 리스트 */









/* 특집프로그램 상세보기 */
.program_view {text-align:center;}

.program_view h2 {padding:20px 10px 5px; font-size:1em; text-align:left; color:#00394e;}
.program_view .thumb {width:100%; max-width:480px;}
.program_view .view_tit {padding:15px 15px 0; font-size:1.375em;}
.program_view .view_date {color:#777;}
.program_view .program_view_box {text-align:left; padding:15px; line-height:180%;}

.program_view .thumb_box {position:relative; max-width:480px; margin:0 auto;}
.program_view .panorana_audio {position:absolute; bottom:0; right:0; width:40px; height:40px; z-index:100;}

.program_view .btn_program_view a {display:inline-block; padding:5px 30px; font-size:0.875em; color:#fff; text-align:center; background:#00394e;}
/* //특집프로그램 상세보기 */









/* 하단 언어 선택 */
.menu_language {padding:5px; overflow:hidden;}
.menu_language .tit {display:inline-block; padding:0 0 0 20px; margin-left:5px; font-size:1.063em; font-weight:bold; background:url(/special/kpanorama/images/common/bg_foot_tit_years.png) 0 8px no-repeat; background-size:14px 14px;}
.menu_language li {float:left; width:50%; text-align:center;}
.menu_language li a {display:block; min-height:32px; margin:1px; font-size:0.875em; color:#777; border:1px solid #dde3e5;}
.menu_language li a.curr {color:#fff; border:1px solid #00394e; background:#00394e;}
.menu_language .sel_arabic {font-size:20px;}
.menu_language .sel_chinese {font-family:"微软雅黑", STXihei, sans-serif;}
.menu_language .sel_english {font-family:Tahoma, Geneva, sans-serif;}
.menu_language .sel_french {font-family:Tahoma, Geneva, sans-serif;}
.menu_language .sel_german {font-family:Tahoma, Geneva, sans-serif;}
.menu_language .sel_indonesian {font-family:Tahoma, Geneva, sans-serif;}
.menu_language .sel_japanese {font-family:"微软雅黑", STXihei, sans-serif;}
.menu_language .sel_korean {}
.menu_language .sel_russian {font-family:Tahoma, Geneva, sans-serif;}
.menu_language .sel_spanish {font-family:Tahoma, Geneva, sans-serif;}
.menu_language .sel_vietnamese {font-family:Tahoma, Geneva, sans-serif;}
/* //하단 언어 선택 */









/* 하단 메뉴 */
.menu_foot {background:#dde3e5; margin:5px 0; overflow:hidden;}
.menu_foot li a {display:block; font-size:0.875em; font-weight:bold;}
.menu_foot .go_world {float:left; padding:15px 10px 15px 30px; background:url(/special/kpanorama/images/common/bg_foot_worldhome.png) 10px 23px no-repeat; background-size:15px 15px;}
.menu_foot .go_top {float:right; padding:15px 30px 15px 10px; background:url(/special/kpanorama/images/common/bg_foot_top.png) 40px 23px no-repeat; background-size:15px 15px;}

.copyright {padding:10px 10px 15px; font-size:0.875em; line-height:170%; text-align:center;}
/* //하단 메뉴 */