@charset "utf-8";

/* ------------------  공통  ------------------ */

/* 언어별 reset */
html {font-family:Tahoma, Helvetica, Geneva, sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; /* IE 및 iOS의 글꼴 크기 조정 방지 */}
body {background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_body.png) center repeat;}
#wrap {position:relative; width:100%; min-width:320px; height:100%;}

@media all and (max-width:768px) {
body {background-size:90%;}
}
/* //언어별 reset */









/* 기타 */
.l {float:left;}
.r {float:right;}
.view_none {display:none !important;}
/* //기타 */









/* footer */
footer {position:relative; clear:both; max-width:1200px; margin:0 auto;}
footer li {list-style:none;}
footer a {text-decoration:none;}
footer .copyright {padding:20px 0 40px 50px; font-size:12px; color:#555; line-height:140%;}
footer .btn_gotop {position:fixed; bottom:20px; right:20px;}
footer .btn_gotop a {display:block; width:50px; height:50px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_gototop.png) repeat; text-indent:-99999px;}
footer .menu_language {display:none;}
footer .menu_foot {display:none;}
footer .copyright {padding:20px 0 40px 50px;}
footer .copyright a {display:inline-block; float:left; width:223px; height:24px; margin:8px 0 0 -8px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/logo_world_foot_s.png) no-repeat 0 0; text-indent:-99999px;}
footer .copyright p {padding-left:170px; font-size:12px; color:#555; line-height:140%;}

@media all and (max-width:1119px) {
footer .copyright {padding:20px 80px 20px 20px;}
footer .btn_gotop {bottom:5px; right:15px;}
}

@media all and (max-width:767px) {
footer .btn_gotop {display:none;}
footer .menu_language {display:block; margin:0 10px; padding:5px 0; overflow:hidden;}
footer .menu_language .tit {padding:0 0 10px 20px; margin-left:2px; background:url(http://m.world.kbs.co.kr/special/kbscontest_2016/common/images/common/bg_foot_tit_years.png) 0 8px no-repeat; background-size:14px 14px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; color:#222; line-height:160%;}
footer .menu_language li {float:left; width:50%; text-align:center;}
footer .menu_language li a {display:block; margin:1px; padding:10px 0; background:#fff; border:1px solid #d1d0d0; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font-size:14px; color:#333; line-height:100%;}
footer .menu_language li a.curr {background:#3197a2; border:1px solid #3197a2; color:#fff;}
footer .menu_language li.sel_arabic a {font-size:16px; line-height:90%;}
footer .menu_foot {display:block; background:#dddcd3; margin:10px 0 5px; padding:0 10px; overflow:hidden;}
footer .menu_foot li {padding:5px 0 0;}
footer .menu_foot li a {display:block; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#000; line-height:100%;}
footer .menu_foot .go_world {float:left; padding:15px 10px 15px 20px; background:url(http://m.world.kbs.co.kr/special/kbscontest_2016/common/images/common/bg_foot_worldhome.png) 0 15px no-repeat; background-size:15px 15px;}
footer .menu_foot .go_top {float:right; margin-left:5px;}
footer .menu_foot .go_top a {display:inline-block; width:30px; height:30px; background:url(http://m.world.kbs.co.kr/special/unesco/common/images/common/icon_top.png) center 0 no-repeat; background-size:30px 30px; text-indent:-10000px;}
footer .btn_share_twitter, .btn_share_facebook {float:right; margin-left:5px;}
footer .btn_share_twitter a {display:inline-block !important; width:30px; height:30px; background:url(http://m.world.kbs.co.kr/special/unesco/common/images/common/icon_twitter.png) center 0 no-repeat; background-size:30px 30px; text-indent:-10000px;}
footer .btn_share_facebook a {display:inline-block !important; width:30px; height:30px; background:url(http://m.world.kbs.co.kr/special/unesco/common/images/common/icon_facebook.png) center 0 no-repeat; background-size:30px 30px; text-indent:-10000px;}
footer .copyright {padding:10px 10px 15px; font-size:12px; color:#222; line-height:160%; text-align:center;}
footer .copyright a {display:none;}
footer .copyright p {padding-left:0;}
}

@media all and (max-width:414px) {
footer .btn_gotop a {right:10px;}
footer .copyright {font-size:12px; line-height:140%;}
footer .menu_foot li {padding:3px 0 0;}
footer .menu_language .tit {background:url(http://m.world.kbs.co.kr/special/kbscontest_2016/common/images/common/bg_foot_tit_years.png) 0 6px no-repeat; background-size:14px 14px;}
footer .menu_foot .go_world {background:url(http://m.world.kbs.co.kr/special/kbscontest_2016/common/images/common/bg_foot_worldhome.png) 0 13px no-repeat; background-size:15px 15px;}
footer .copyright p {font-size:12px; line-height:140%;}
}
/* //footer */














/* ------------------  HEADER  ------------------ */

/* 공통 */
header {background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_gnb.png) center repeat;}
.top_area {position:relative; height:100px; max-width:1200px; width:100%; margin:0 auto; transition:all .1s;}

@media all and (max-width:1200px) {
.top_area {max-width:inherit;}
}

@media all and (max-width:768px) {
header {background-size:90%;}
.top_area {height:80px;}
}

@media all and (max-width:414px) {
.top_area {height:60px;}
}
/* //공통 */









/* 로고 */
.logo {position:absolute; top:10px; left:0; width:100%; text-align:center;}
.logo span {display:none;}
/*
.logo a {display:block; width:365px; height:80px; margin:0 auto; background:url(http://world.kbs.co.kr/special/northkorea/common/images/n_logo_e.png) no-repeat; background-size:100%; text-indent:-99999px; transition:all .1s;}
*/
/* 남북정상회담용 로고*/
.logo a {display:block; width:300px; height:80px; margin:0 auto; background:url(http://world.kbs.co.kr/special/northkorea/common/images/n_logo.png) no-repeat; background-position:center center; background-size:100%; text-indent:-99999px; transition:all .1s;}

@media all and (max-width:767px) {
.logo a {width:274px; height:60px;}
}

@media all and (max-width:640px) {
.logo {top:15px;}
.logo a {width:228px; height:50px;}
}

@media all and (max-width:414px) {
.logo {top:8px;}
.logo a {width:183px; height:40px;}
}

@media all and (max-width:320px) {
.logo {top:10px;}
.logo a {width:160px; height:35px;}
}

/* 남북정상회담용 로고*/
/*
@media all and (max-width:768px) {
.logo {top:0;}
}
@media all and (max-width:480px) {
.logo {top:10px;}
.logo a {width:188px; height:40px;}
}
*/

/* 이미지로 전환 전
.logo {position:absolute; top:22px; left:0; width:100%; text-align:center;}
.logo span {display:block; width:123px; margin:0 auto; text-align:center; background:url(http://world.kbs.co.kr/special/northkorea/common/images/logo_world.png) top center no-repeat; background-size:100%; text-indent:-99999px; transition:all .1s;}
.logo a {font-size:36px; font-weight:bold; color:#fff; line-height:100%; text-decoration:none; letter-spacing:-0.02em;}

@media all and (max-width:768px) {
.logo {top:16px;}
.logo span {height:20px; background-size:75%;}
.logo a {font-size:28px; line-height:60%;}
}

@media all and (max-width:680px) {
.logo a {font-size:25px;}
}

@media all and (max-width:480px) {
.logo a {font-size:20px;}
}

@media all and (max-width:414px) {
.logo {top:14px;}
.logo span {height:15px; background-size:60%;}
}

@media all and (max-width:320px) {
.logo a {font-size:18px;}
}
*/
/* //로고 */









/* gnb */
.gnb_area {}
.gnb_area .btn_gnb_open {display:block; position:absolute; top:25px; left:30px; width:50px; height:50px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_gnb_menu.png) center no-repeat; text-indent:-99999px; opacity:0.7;}
.gnb_area .btn_gnb_open:hover {opacity:1;}

.gnb_area #gnb_open {display:none; position:fixed; left:0; width:100%; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_gnb.png) center top repeat; transition:all 0.3 ease-in; animation:a_cdefault 0.3s 1; z-index:1000000;}
.gnb_area #gnb_open ul {position:relative; max-width:1140px; margin:10px auto 8px; padding:100px 0 20px;}
.gnb_area #gnb_open li {list-style:none; line-height:160%;}
.gnb_area #gnb_open li.depth1 {display:block; overflow:hidden; width:100%; padding:20px 0;}
.gnb_area #gnb_open li.depth1:hover {background-color:rgba(0,0,0,0.1)}
.gnb_area #gnb_open li.depth1 a {float:left; padding:10px 0 10px 30px; font-size:22px; font-weight:bold; line-height:160%; color:#fff; text-decoration:none;}
.gnb_area #gnb_open li.depth1 a:hover {color:#ff9f37;}
.gnb_area #gnb_open li.depth1 a.curr {color:#ff9f37;}
.gnb_area #gnb_open li.depth1:nth-child(1) {border-top:1px solid #4d858d;}
.gnb_area #gnb_open li.depth1:nth-child(2) {border-top:1px solid #4d858d;}
.gnb_area #gnb_open li.depth1:nth-child(3) {border-top:1px solid #4d858d;}
.gnb_area #gnb_open li.depth1:nth-child(4) {border-top:1px solid #4d858d;}
.gnb_area #gnb_open li ul {float:right; width:60%; padding:0; transition:all .1s;}
.gnb_area #gnb_open li li {display:inline-block; width:24%; padding:2px 0; vertical-align:top;}
.gnb_area #gnb_open li li a {padding:0 !important; font-size:16px !important; font-weight:normal !important; line-height:140% !important;}
.gnb_area #gnb_open .logo {position:absolute; z-index:1000000;}
.gnb_area #gnb_open .btn_gnb_close {display:block; position:absolute; top:30px; left:-10px; padding:0; z-index:1000000; width:50px; height:50px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_gnb_close.png) center no-repeat; text-indent:-99999px; opacity:0.7;}
.gnb_area #gnb_open .btn_gnb_close:hover {opacity:1;}

@media all and (max-width:1119px) {
.gnb_area #gnb_open .btn_gnb_close {left:10px;}
.gnb_area #gnb_open li.depth1 a {padding:10px 0 10px 20px;}
.gnb_area #gnb_open li ul {width:70%;}
.gnb_area #gnb_open li li a {font-size:14px !important;}
}

@media all and (max-width:768px) {
.gnb_area .btn_gnb_open {top:0; left:0; width:80px; height:80px; background-size:50%;}

.gnb_area #gnb_open {position:absolute;}
.gnb_area #gnb_open ul {margin:-20px 0 0;}
.gnb_area #gnb_open li.depth1 a {padding:0 10px 0 20px; font-size:18px; line-height:140%; display:block;}
.gnb_area #gnb_open li ul {width:60%; margin:10px auto 0;}
.gnb_area #gnb_open li li {width:45%; padding:6px 6px 6px 0;}
.gnb_area #gnb_open .btn_gnb_close {top:20px; left:0; width:80px; height:80px; margin:0; background-size:50%;}
}

@media all and (max-width:680px) {
.gnb_area #gnb_open li ul {width:100%; padding:0 20px;}
.gnb_area #gnb_open li li {width:100%;}
}

@media all and (max-width:480px) {
.gnb_area #gnb_open li li a {font-size:12px !important;}
}

@media all and (max-width:414px) {
.gnb_area .btn_gnb_open {width:50px; height:60px; background-size:60%;}

.gnb_area #gnb_open ul {margin:-40px 0 0;}
.gnb_area #gnb_open li.depth1 a {float:none; font-size:24px;}
.gnb_area #gnb_open li ul {float:none; width:100%; padding-left:20px;}
.gnb_area #gnb_open li li a {font-size:16px !important;}

.gnb_area #gnb_open .btn_gnb_close {top:40px; width:50px; height:60px; background-size:60%;}
}

@keyframes a_cdefault {
	from {top:-50px;}	
	to {top:0;}
}
/* //gnb */









/* 언어선택 및 SNS */
.language_area {}
.language_area .btn_lang_open {display:block; position:absolute; top:25px; right:15px; width:50px; height:50px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_gnb_lang.png) center no-repeat; opacity:0.7;}
.language_area .btn_lang_open span {display:none;}
.language_area .btn_lang_open:hover {opacity:1;}
.language_area .btn_share_open {display:block; position:absolute; top:25px; right:75px; width:50px; height:50px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_gnb_share.png) center no-repeat; opacity:0.7;}
.language_area .btn_share_open span {display:none;}
.language_area .btn_share_open:hover {opacity:1;}

.language_area #language_open {display:none; position:absolute; top:0; left:0; width:100%; height:100px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_gnb.png) center repeat; transition:all .1s; z-index:1010;}
.language_area #language_open .logo a {display:block; position:absolute; top:18px; left:20px; width:150px; height:20px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/logo_world.png) no-repeat; background-size:100%;}
.language_area #language_open ul {position:absolute; top:34px; right:100px;}
.language_area #language_open li {display:inline; margin-right:13px;}
.language_area #language_open li a {font-size:14px; color:#fff; text-decoration:none; transition:all .1s;}
.language_area #language_open li a:hover {color:#ff9f37;}
.language_area #language_open .sel_arabic a {font-size:18px;}
.language_area #language_open .btn_lang_close {display:block; float:right; width:50px; height:50px; margin:23px 12px 0 0; background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_gnb_close.png) center no-repeat; text-indent:-99999px; opacity:0.7;}

.language_area #sns_open {display:none; position:absolute; top:25px; right:75px; z-index:1000;}
.language_area #sns_open li {display:inline-block; width:50px; height:50px; margin-left:10px; text-align:center; vertical-align:middle;}
.language_area #sns_open li a {text-indent:-99999px; opacity:0.7;}
.language_area #sns_open li a:hover {opacity:1;}
.language_area #sns_open li:nth-child(1) a {display:block; height:50px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_gnb_facebook.png) center no-repeat;}
.language_area #sns_open li:nth-child(2) a {display:block; height:50px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_gnb_twitter.png) center no-repeat;}
.language_area #sns_open li:nth-child(3) a {display:block; height:50px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_gnb_share.png) center no-repeat; opacity:0.3;}

@media all and (max-width:1119px) {
.language_area #language_open ul {right:70px;}
.language_area #language_open li {display:inline; margin-right:8px;}
.language_area #language_open li a {font-size:13px;}
}

@media all and (max-width:880px) {
.language_area #language_open .logo a {display:none;}
.language_area #language_open ul {left:30px; right:inherit;}
}

@media all and (max-width:768px) {
.language_area .btn_lang_open {top:0; right:0; width:70px; height:80px; background-size:60%;}
.language_area .btn_share_open {top:0; right:60px; width:70px; height:80px; background-size:60%;}

.language_area #language_open {height:80px;}
.language_area #language_open ul {top:8px;}
.language_area #language_open li {display:inline-block; width:20%;}
.language_area #language_open .btn_lang_close {margin:12px 12px 0 0; background-size:90%;}

.language_area #sns_open {top:0; right:70px;}
.language_area #sns_open li {width:50px; margin:0;}
.language_area #sns_open li:nth-child(1) a {height:80px; background-size:85%;}
.language_area #sns_open li:nth-child(2) a {height:80px; background-size:85%;}
.language_area #sns_open li:nth-child(3) a {height:80px; background-size:85%;}
}

@media all and (max-width:680px) {
.language_area #language_open {height:192px; margin-top:4px; padding:2px 0;}
.language_area #language_open ul {left:10px; margin-right:30px;}
.language_area #language_open li {width:45%; margin:0;}
.language_area #language_open li a {display:block; border:1px solid #1d6975; margin:2px; padding:5px 0 5px 15px; font-size:11px;}
.language_area #language_open .sel_arabic a {font-size:16px; padding:2px 0 2px 15px;}
.language_area #language_open .btn_lang_close {margin:0; background-size:70%;}

.language_area #sns_open {background:#00525f; width:50px; height:175px; border:1px solid #084653;}
.language_area #sns_open li {display:block;}
.language_area #sns_open li:nth-child(1) a {background-size:60%;}
.language_area #sns_open li:nth-child(2) a {background-size:60%;}
.language_area #sns_open li:nth-child(3) a {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_gnb_close.png) center no-repeat; background-size:60%; opacity:0.7;}
}

@media all and (max-width:414px) {
.language_area .btn_lang_open {right:5px; width:40px; height:60px; background-size:75%;}
.language_area .btn_share_open {right:45px; width:40px; height:60px; background-size:75%;}

.language_area #language_open {height:232px;}
.language_area #language_open li a {padding:5px 0 5px 12px; font-size:14px;}

.language_area #sns_open {right:50px; width:40px; height:140px; padding-top:7px;}
.language_area #sns_open li {width:40px; height:40px;}
.language_area #sns_open li:nth-child(1) a {height:45px; background-size:70%;}
.language_area #sns_open li:nth-child(2) a {height:45px; background-size:70%;}
.language_area #sns_open li:nth-child(3) a {height:45px; background-size:70%;}
}

@media all and (max-width:360px) {
.language_area #language_open {height:204px;}
.language_area #language_open li a {padding:5px 0 5px 10px; font-size:12px;}
}
/* //언어선택 및 SNS */














/* ------------------  서브  ------------------ */

/* 공통 */
#container {overflow:hidden; position:relative; width:1200px; margin:15px auto; padding:0 10px; border-right:1px solid #d1d0d0; /*transition:all .1s;*/ z-index:0;}
.contens_area {position:relative; float:left; width:919px; margin:15px 0 0 0; padding:40px 60px; background:#fff; border:1px solid #d1d0d0; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align:center;}
.contens_area.news {text-align:left;}
.contens_area.news .history_menu {margin-left:29px; text-align:left;}
.contens_area.news .g_news {margin-left:0 !important;}
.contens_area.info img {width:100%;}
.contens_area .history_menu {margin-left:4px; font-size:12px; line-height:160%; color:#788e93; text-align:center;}
.contens_area .history_menu span {padding:0 4px;}
.contens_area p {font-size:16px; line-height:170%;}
.contens_area .news {text-align:left;}
.fr-img-wrap {display:block;text-align:center;}
.fr-img-wrap .fr-inner {display:block;}
.fr-fic.fr-dib {display:block;margin:auto;}

@media all and (max-width:1119px) {
#container {width:100%; border-right:0;}
.contens_area {width:100%; margin:15px 0; padding:40px;}
}

@media all and (max-width:768px) {
.contens_area {padding:20px;}
.contens_area.news .history_menu {margin-left:20px;}
}

@media all and (max-width:767px) {
.contens_area {margin:15px 0 0;}
.contens_area .history_menu {margin-top:15px;}
}

@media all and (max-width:640px) {
.contens_area.info {padding:0 !important;}
}

@media all and (max-width:414px) {
#container {padding:0;}
.contens_area {padding:15px 12px 40px; border-left:0; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.contens_area p {font-size:16px; line-height:180%;}
.contens_area.news .history_menu {margin-left:2px;}
}
/* //공통 */




/* 서브 - 2018 정상회담 상세페이지 */
.summit_summary {text-align:right;margin-bottom: 10px;}
.summit_summary h2 {text-align:left;}
.summit_summary ul {display:inline-block;width:52%;color:#555;text-align:left;line-height:30px;vertical-align:top;margin-left:20px;}
.summit_summary ul li {padding-right:20px;}
.summit_summary img {width:42%;}
.summit_summary p {color:#444;font-size:13px;text-align:right;padding:0 10px;}

.summit_sum {padding: 30px 0;border-top: 1px dashed #c8c6c3;border-bottom: 1px dashed #c8c6c3;}

.summit_gallery {padding:20px 0 40px;}
.summit_gallery ul {list-style:none;}
.summit_gallery li img {display:inline-block;width:32.5%;margin:1px 0.4%;}

.summit_gallery .bx-wrapper {position:relative;}
.summit_gallery .bx-controls {position:absolute;top:-40px;right:0;}
.summit_gallery .bx-controls-direction {display:inline-block;font-weight:bold;vertical-align:middle;}
.summit_gallery .bx-controls-direction a {color:#9a9a9a;}
.summit_gallery .bx-controls-direction .bx-prev {padding-right:73px;}
.summit_gallery .bx-controls-direction .material-icons {display: inline-block;width: 31px;height: 31px;font-size:30px;font-weight:bold;line-height: 26px;border: 3px solid #9a9a9a;border-radius:50%;}
.summit_gallery .bx-controls-direction .bx-prev .material-icons {text-indent: -4px;}
.summit_gallery .bx-controls-direction .bx-next .material-icons {text-indent: -1px;}
.summit_gallery .bx-controls-direction a:hover {color:#319ba6;}
.summit_gallery .bx-controls-direction a:hover .material-icons {border: 3px solid #319ba6;}

.summit_gallery .bx-pager {font-size:19px;line-height:31px;position:absolute;top:0;left:50%;
transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.summit_gallery .bx-pager > span {color:#319ba6;font-weight:bold;}
.summit_gallery > p {color:#444;font-size:13px;text-align:right;padding:0 10px;}


@media all and (max-width:480px) {
    .summit_summary {border-bottom: 1px dashed #cfcfcd;margin-bottom: 10px;}
    .summit_summary ul {width:96%;}
    .summit_summary ul li {padding-right:0;}
    .summit_summary img {width:100%;margin:20px 0;}
    
    .summit_sum {border-top:none;}
    
    .summit_gallery {padding:10px 0 20px;border-bottom: 1px dashed #cfcfcd;}
    #summitGallery h3 {padding:10px 0 40px;}
    .summit_gallery li img {width:48.1%;margin:1px 0.9%;}
}
/* //서브 - 2018 정상회담 상세페이지 */





/* 서브 타이틀 */
#container .tit_depth2 {display:block; padding:2px 0 2px 70px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/ico_con_title.png) 28px 4px no-repeat; font-size:26px; font-weight:bold; line-height:140%; color:#233336; vertical-align:top;}
.contens_area h1 {display:inline; margin:0 10px; font-size:44px; line-height:120%; color:#233336; font-weight:bold; text-align:center; vertical-align:middle;}

@media all and (max-width:1119px) {
.contens_area h1 {font-size:38px;}
}

@media all and (max-width:768px) {
#container .tit_depth2 {padding:2px 0 2px 55px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/ico_con_title.png) 13px 5px no-repeat;}
.contens_area h1 {display:inline-block; padding:0 30px; font-size:36px;}
.contens_area.news h1 {padding:0;}
}

@media all and (max-width:680px) {
.contens_area h1 {padding:5px 40px 0; font-size:32px;}
.contens_area.news h1 {padding:0;}
}

@media all and (max-width:414px) {
#container .tit_depth2 {padding:2px 0 2px 44px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/ico_con_title.png) 13px 3px no-repeat; background-size:24px 24px; font-size:22px; line-height:120%; letter-spacing:-0.02em;}
.contens_area h1 {padding:7px 30px 0; font-size:28px;}
.contens_area.news h1 {padding:0;}
}
/* //서브 타이틀 */









/* 2뎁스 셀렉트 메뉴 */
.detpth2_box {display:block; position:absolute; top:5px; right:270px; min-width:200px; min-height:34px; padding:4px 40px 4px 18px; background:#fff url(http://world.kbs.co.kr/special/northkorea/common/images/bl_depth2.png) 95% 12px no-repeat; border:1px solid #d1d0d0; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; z-index:10000;}
.detpth2_box h2 {font-size:14px; line-height:160%; color:#236971;}

.detpth2_box ul {display:none; position:absolute; top:-1px; right:-1px; min-width:200px; padding:10px 10px 10px 0; background:#fff url(http://world.kbs.co.kr/special/northkorea/common/images/bl_depth2.png) 95% 12px no-repeat; border:1px solid #d1d0d0; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; z-index:110;}
.detpth2_box li {list-style:none;}
.detpth2_box li a {display:block; width:100%; padding:4px 0 4px 18px; font-size:14px; font-weight:bold; line-height:160%; color:#000; text-decoration:none;}
.detpth2_box li a:hover {text-decoration:underline;}
.detpth2_box li a.curr {color:#236971;}

.detpth2_box .btn_close {display:none;}

.size1 {min-width:335px;}
.size1 ul {min-width:335px;}
.size2 {min-width:358px;}
.size2 ul {min-width:358px;}
.size4 {min-width:220px;}
.size4 ul {min-width:220px;}

@media all and (max-width:1119px) {
.detpth2_box {right:10px;}
}

@media all and (max-width:768px) {
.detpth2_box h2 {font-size:16px;}
.detpth2_box .btn_close {display:block; margin:10px 0 -10px; padding:8px 0; background:#f3f3f3; text-align:center; cursor:pointer;}
}

@media all and (max-width:767px) {
.detpth2_box {position:relative; top:10px; left:0;}
.detpth2_box ul {width:100%; top:32px; left:-1px; background:#fff; box-sizing:content-box;}
.detpth2_box li a {font-size:16px;}
.detpth2_box .btn_close {display:none;}
}

@media all and (max-width:414px) {
.detpth2_box {top:10px; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.detpth2_box ul {top:32px; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.detpth2_box h2 {font-size:15px; letter-spacing:-0.02em;}
.detpth2_box li a {font-size:15px; letter-spacing:-0.02em;}
.detpth2_box .btn_close {display:block; font-size:15px; text-align:center; cursor:pointer;}
}
/* //2뎁스 셀렉트 메뉴 */









/* 3뎁스 셀렉트 메뉴 */
.menu_depth3 {display:inline-block; position:relative; margin-left:10px; vertical-align:middle;}
.menu_depth3 div {position:relative; display:inline-block;}
.menu_depth3 .menu_depth3_btn {display:block; width:47px; height:47px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_depth3_open.png) no-repeat; background-size:100% !important; -moz-border-radius:36px; -khtml-border-radius:36px; -webkit-border-radius:36px; border-radius:36px; text-indent:-99999px;}

.menu_depth3 .menu_depth3_list {display:none; position:absolute; top:0; left:54px; padding:15px 10px; background:#3197a2; -moz-border-radius:22px; -khtml-border-radius:22px; -webkit-border-radius:22px; border-radius:22px; z-index:1000;}
.menu_depth3 .menu_depth3_list li {max-width:240px; min-width:200px; margin-left:30px; padding:7px 10px 7px 0; color:#fff; list-style:circle; text-align:left;}
.menu_depth3 .menu_depth3_list a {font-size:16px; color:#fff; line-height:140%; text-decoration:none;}
.menu_depth3 .menu_depth3_list a.curr {font-weight:bold; text-decoration:underline;}
.menu_depth3 .menu_depth3_list a:hover {text-decoration:underline;}

@media all and (max-width:1119px) {
.menu_depth3 .menu_depth3_btn {width:43px; height:43px;}

.menu_depth3 .menu_depth3_list {top:52px; left:inherit; right:0; padding:12px 7px; -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.menu_depth3 .menu_depth3_list li {max-width:220px; min-width:180px;}
.menu_depth3 .menu_depth3_list a {font-size:15px;}
}

@media all and (max-width:768px) {
.menu_depth3 {position:static; float:right; margin:0;}
.menu_depth3 .menu_depth3_btn {position:absolute; top:-14px; right:0; width:44px; height:44px;}

.menu_depth3 .menu_depth3_list {top:40px; padding:7px;}
.menu_depth3 .menu_depth3_list a {font-size:14px;}
}

@media all and (max-width:767px) {
.menu_depth3 .menu_depth3_list {padding:12px 7px; -moz-border-radius:15px; -khtml-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
}

@media all and (max-width:414px) {
.menu_depth3 {position:static;}
.menu_depth3 .menu_depth3_btn {top:-10px; width:36px; height:36px;}
.menu_depth3 .menu_depth3_list {top:30px;}
.menu_depth3 .menu_depth3_list a {font-size:16px;}
}
/* //3뎁스 셀렉트 메뉴 */









/* 뉴스 리스트 */
.news_b {position:relative; overflow:hidden;}
.news_b a {display:block; color:#000; text-decoration:none;}
.news_b a:hover .tit {text-decoration:underline;}
.news_b a:hover img {opacity:0.9;}
.news_b .thumb {position:relative; float:left; margin:0 30px 0 0;}
.news_b .thumb img {width:400px;}
.news_b .tit {padding:15px 0 0; transition:all .1s;}
.news_b .tit strong {font-size:30px; font-weight:bold; line-height:120%; color:#000;}
.news_b .date {padding:15px 0 35px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; font-weight:lighter;}
.news_b .date em {display:inline-block; padding-left:2px; font-style:normal; font-weight:bold; color:#0094a9;}
.news_b .date span {color:#bebebe;}

.news_list_area {overflow:hidden; margin:-9px -15px 20px;}
.news_list_area .news_list {float:left; width:50%;}
.news_list_area .news_list a {display:block; color:#000; text-decoration:none;}
.news_list_area .news_list a:hover .tit {text-decoration:underline;}
.news_list_area .news_list a:hover img {opacity:0.9;}
.news_list_area .news_list .item_layout {position:relative; min-height:400px; margin:12px 15px;}
.news_list_area .news_list .item_layout .thumb {height:278px;overflow:hidden;position:relative; margin-bottom:5px;}
.thumb .vod {position:absolute; top:9px; right:9px; width:41px; height:30px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_vod_ico.png) no-repeat; z-index:1000;}
.news_list_area .news_list .item_layout .thumb img {width:100%;}
.news_list_area .news_list .item_layout .tit {font-size:15px; line-height:150%; word-break:normal;}
.news_list_area .news_list .item_layout .date {margin:8px 0 15px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:160%; color:#555;}
.news_list_area .news_list .item_layout p em {margin:8px 0 0 1px; font-size:14px; font-style:normal; font-weight:bold; color:#0094a9; }

.news_b_li {margin:20px 0; border-bottom:1px solid #e3e3e3;}

.graphic .news_list .item_layout {min-height:370px; margin:12px 15px 20px;}
.graphic .news_list .item_layout .thumb {position:relative; overflow:hidden; margin-bottom:15px; padding-top:70%;}
.graphic .news_list .item_layout .thumb img {position:absolute; top:0; left:0; width:100%;}

@media all and (max-width:1119px) {
.news_b .thumb {width:40%;}
.news_b .thumb img {width:100%;}
.news_b .tit {padding:10px 0 0;}
.news_b .tit strong {font-size:23px;}
.news_b .date {padding:10px 0 25px;}
.news_b p {font-size:15px;}

.news_list_area .news_list .item_layout {min-height:450px;}

.graphic .news_list .item_layout {min-height:420px; margin:12px 15px 20px;}
.graphic .news_list .item_layout .thumb {position:relative; overflow:hidden; margin-bottom:15px; padding-top:70%;}
.graphic .news_list .item_layout .thumb img {position:absolute; top:0; left:0; width:100%;}
}

@media all and (max-width:880px) {
.news_list_area {margin:-9px -10px 20px;}
.news_list_area .news_list .item_layout {min-height:380px; margin:9px 10px;}
.news_list_area .news_list .item_layout .tit {font-size:14px;}

.graphic .news_list .item_layout {min-height:340px; margin:12px 15px 20px;}
.graphic .news_list .item_layout .thumb {position:relative; overflow:hidden; margin-bottom:15px; padding-top:70%;}
.graphic .news_list .item_layout .thumb img {position:absolute; top:0; left:0; width:100%;}
}

@media all and (max-width:768px) {
.news_b .thumb {float:right; margin:0 0 0 30px;}
.news_b .date {padding:5px 0 8px;}

.news_list_area .news_list .item_layout {min-height:300px; border:0;}
.news_list_area .news_list .item_layout .thumb {overflow:hidden; height:100px;}

.graphic .news_list .item_layout {min-height:280px; margin:12px 15px 20px;}
.graphic .news_list .item_layout .thumb {position:relative; overflow:hidden; margin-bottom:15px; padding-top:70%;}
.graphic .news_list .item_layout .thumb img {position:absolute; top:0; left:0; width:100%;}
}

@media all and (max-width:767px) {
.news_b .tit {padding:4px 0 0;}
.news_b .tit strong {font-size:22px;}
.news_b .date {padding:5px 0 10px;}
.news_b .date em {padding-left:0;}
.news_b p {font-size:13px;}

.news_list_area .news_list {float:left; width:33.333%;}

.graphic .news_list .item_layout {min-height:300px; margin:0 15px 20px;}
.graphic .news_list .item_layout .thumb {position:relative; overflow:hidden; margin-bottom:15px; padding-top:70%;}
.graphic .news_list .item_layout .thumb img {position:absolute; top:0; left:0; width:100%;}
}

@media all and (max-width:600px) {
.news_list_area .news_list {clear:both; float:inherit; width:100%;}
.news_list_area .news_list .item_layout {overflow:hidden; /*min-height:inherit;*/ min-height:106px; padding:5px 0 10px; border-bottom:1px solid #e3e3e3;}
.news_list_area .news_list .item_layout .thumb {position:absolute; top:10px; right:0; float:inherit; width:100px; margin:0 0 0 10px;}
.news_list_area .news_list .item_layout .thumb span {top:5px; right:5px; width:24px; height:18px; background-size:100%;}
.news_list_area .news_list .item_layout .tit {margin:0; padding:5px 120px 5px 0; font-size:17px; line-height:150%; word-break:normal;}
.news_list_area .news_list .item_layout .date {margin:0 0 0 1px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:160%; color:#555;}
.news_list_area .news_list .item_layout p {line-height:100%;}
.news_list_area .news_list .item_layout p em {margin:0 0 0 1px; font-size:12px; font-style:normal; font-weight:bold; color:#0094a9;}

.graphic .news_list .item_layout {height:120px !important;}
.graphic .news_list .item_layout .thumb {height:80px !important;}
.graphic .news_list .item_layout .thumb img {height:80px !important;}
}

@media all and (max-width:414px) {
.news_b p {font-size:16px;}
.news_b .thumb {overflow:hidden; width:100%; height:180px; margin:0 0 10px;}
.news_b .tit strong {font-size:24px;}
}
/* //뉴스 리스트 */









/* 뉴스 상세보기 */
.news_contents {padding:0 25px 25px;}
.news_contents h1.tit_news {margin:15px 0 10px; font-size:36px; line-height:130%; text-align:left;}
.news_contents summary {display:block; padding:0 0 40px 3px; border-bottom:1px solid #d1d0d0; font-size:14px; text-align:left; color:#555;}
.news_contents summary em {font-weight:bold; font-style:normal; color:#3097a2;}
.news_contents summary span {padding:0 10px; color:#bcbcbc;}

.news_contents .sns_news_share {margin:15px 10px 0 0; text-align:right;}
.news_contents .sns_news_share li {display:inline-block; width:33px; height:33px; background-size:100%; list-style:none;}
.news_contents .sns_news_share li a {display:block; margin:0 2px; width:33px; height:33px; text-indent:-99999px;}
.news_contents .sns_news_share li a span {display:none;}
.news_contents .sns_news_share li:nth-child(1) {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_link_f.png) no-repeat;}
.news_contents .sns_news_share li:nth-child(2) {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_link_t.png) no-repeat;}
.news_contents .sns_news_share li:nth-child(3) {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_link_e.png) no-repeat;}
.news_contents .sns_news_share li:nth-child(4) {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_link_u.png) no-repeat;}
.news_contents .sns_news_share li:nth-child(5) {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_print.png) no-repeat;}
.news_contents .sns_news_share li:nth-child(1):hover {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_link_f_r.png) no-repeat;}
.news_contents .sns_news_share li:nth-child(2):hover {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_link_t_r.png) no-repeat;}
.news_contents .sns_news_share li:nth-child(3):hover {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_link_e_r.png) no-repeat;}
.news_contents .sns_news_share li:nth-child(4):hover {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_link_u_r.png) no-repeat;}
.news_contents .sns_news_share li:nth-child(5):hover {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_print_r.png) no-repeat;}

.news_contents .news_text {text-align:left; font-size:16px; line-height:180%;}
.news_contents .news_text .imgbox {width:100%; margin:30px auto 40px; text-align:center;}
.news_contents .news_text .imgbox img {max-width:100%;}
.news_contents .news_text .vodbox {position:relative; margin:30px 0 0; padding:56.4% 0 0;}
.news_contents .news_text .vodbox iframe {position:absolute; top:0; left:0;}
.news_contents .news_text p {padding-bottom:30px; font-size:16px; line-height:180%; text-align:left;}

.news_contents .btn_list {padding:40px 0; text-align:center;}
.news_contents .btn_list a {display:inline-block; padding:12px 40px; background:#3197a2; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font-size:16px; font-weight:bold; color:#fff; text-decoration:none;}

.news_view_list_area {}
.news_view_list_area h2 {display:inline-block; margin-bottom:10px; padding:2px 0 2px 30px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/ico_news_list.png) 0 4px no-repeat; font-size:20px; color:233336;}
.news_view_list_area .news_list {position:relative; overflow:hidden; padding:10px 30px 7px; border-top:1px solid #e8e7e7; vertical-align:middle;}
.news_view_list_area .news_list a {display:inline; color:#000; text-decoration:none;}
.news_view_list_area .news_list a:hover .tit {text-decoration:underline;}
.news_view_list_area .news_list a:hover img {opacity:0.9;}
.news_view_list_area .news_list .item_layout {display:table; overflow:hidden; width:100%;}
.news_view_list_area .news_list .item_layout .thumb {display:table-cell; width:86px; vertical-align:middle;}
.news_view_list_area .news_list .item_layout .thumb img {width:100%;}
.news_view_list_area .news_list .item_layout p {display:table-cell; vertical-align:middle;}
.news_view_list_area .news_list .item_layout p em {margin:8px 0 0 1px; font-style:normal; font-weight:bold; color:#0094a9; }
.news_view_list_area .news_list .item_layout p span {color:#555;}
.news_view_list_area .news_list .item_layout p.tit {padding:0 30px 0 20px; font-size:15px; line-height:150%; word-break:normal;}
.news_view_list_area .news_list .item_layout p.date {width:180px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:160%; color:#555; text-align:right;}

@media all and (max-width:768px) {
.news_contents {padding:0 0 25px;}
.news_contents h1.tit_news {font-size:30px;}

.news_contents .sns_news_share li:nth-child(4) {background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_sns_link_u_r.png) no-repeat;}
.news_contents .sns_news_share li:nth-child(5) {display:none;}

.news_view_list_area .news_list {padding:5px 15px 3px;}
.news_view_list_area .news_list .item_layout {display:inline;}
.news_view_list_area .news_list .item_layout .thumb {position:absolute; top:18px; right:15px; width:86px;}
.news_view_list_area .news_list .item_layout p {display:block;}
.news_view_list_area .news_list .item_layout p.tit {padding:10px 100px 5px 1px;}
.news_view_list_area .news_list .item_layout p.date {float:none; padding:5px 0 10px 0; text-align:left;}
}

@media all and (max-width:640px) {
.news_contents .news_text p .fr-fic.fr-dib {width:100%!important;}
}

@media all and (max-width:414px) {
.news_contents h1.tit_news {font-size:24px;}
.news_contents summary {padding:0 0 20px 3px;}

.news_contents .sns_news_share {text-align:center;}

.news_contents .news_text p {padding-bottom:30px; font-size:18px; line-height:160%; text-align:left;}

.news_view_list_area .news_list {padding:0;}
.news_view_list_area .news_list .item_layout .thumb {top:18px; right:5px;}
}
/* //뉴스 상세보기 */










/* 페이징 */
.paginate {overflow:hidden; clear:both; padding:30px 0 50px; border-top:1px solid #e3e3e3; text-align:center; line-height:normal;}
.paginate a, .paginate strong {display:inline-block; position:relative; margin:0; padding:8px 12px; font-size:14px; font-family:Tahoma, Sans-serif; color:#222; background:#fff; border:1px solid #e6e6e6; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; line-height:normal; text-decoration:none; vertical-align:middle;}
.paginate a:hover, .paginate a:active, .paginate a:focus {background:#0094a9; color:#fff; border:1px solid #0094a9;}
.paginate strong {background:#0094a9; color:#fff; border:1px solid #0094a9;}
.paginate .direction {font-weight:normal; color:#767676; white-space:nowrap; margin:0 10px;}
.paginate .direction span {font-size:14px;}
.paginate .direction:hover, .paginate .direction:active, .paginate .direction:focus {background:#0094a9; color:#fff;}

@media all and (max-width:600px) {
.paginate {margin:0 -10px; border:0;}
.paginate a, .paginate strong {padding:7px 10px; font-size:12px;}
.paginate .direction {margin:0 5px;}
}

@media all and (max-width:320px) {
.paginate a, .paginate strong {padding:6px 8px; font-size:11px;}
.paginate .direction {margin:0 4px;}
}
/* //페이징 */















/* ------------------  우단  ------------------ */

/* 공통 */
aside {float:right; width:260px; margin-top:-41px;}
aside section {overflow:hidden; position:relative; margin:8px 0 50px 0; padding:0 30px;}
aside section h2 {display:inline-block; margin:2px 0 0; padding-right:10px; font-size:18px; color:#233336;}
aside section p {word-break:normal;}
aside section .tit {margin:10px 0 0;}
aside .btn_right_more a {position:absolute; top:5px; right:30px; width:16px; height:17px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_right_more.png) no-repeat; text-indent:-99999px;}
aside .btn_right_go a {display:inline-block; margin:10px 0 0; padding:1px 15px 5px; background:#3197a2; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font-family:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:bold; color:#fff; line-height:100%; text-decoration:none;}

@media all and (max-width:1119px) {
aside {position:relative; top:inherit; right:inherit; width:100%; margin:0;}
aside section {padding:0 30px;}
}

@media all and (max-width:880px) {
aside section .tit {font-size:14px;}
aside section {padding:0 15px;}
}

@media all and (max-width:767px) {
aside section h2 {font-size:18px;}
aside .btn_right_more a {right:10px;}
}

@media all and (max-width:480px) {
aside section h2 {font-size:20px;}
aside section .tit {font-size:16px;}
}
/* //공통 */









/* 우단 - 뉴스 */
aside .r_news {}
aside .r_news article {padding:15px 2px; border-bottom:1px solid #d1d0d0;}
aside .r_news article a {font-size:15px; line-height:150%; color:#000; text-decoration:none;}
aside .r_news article a:hover {text-decoration:underline;}
aside .r_news article a:hover img {opacity:0.7;}
aside .r_news .thumb {margin:8px 0 0;}
aside .r_news .thumb img {width:100%;}

@media all and (max-width:1119px) {
aside .r_news {float:left; width:50%; margin-top:25px; margin-bottom:0;}
aside .r_news h2 {float:left;}
aside .r_news article {float:right; width:50%;}
aside .r_news article.big {clear:both; float:left; width:45%; margin:15px 0 100px 0; padding:0; border:0;}
aside .r_news .thumb {margin:5px 0 0;}
}

@media all and (max-width:880px) {
aside .r_news article a {font-size:14px;}
}

@media all and (max-width:767px) {
aside .r_news {float:none; width:100%; padding:0 5px; margin-bottom:20px;}
aside .r_news h2 {padding-left:10px;}
aside .r_news article.big {clear:both; float:left; width:30%; margin:15px 10px 0;}
aside .r_news article {float:right; width:65%;}
aside .r_news article p {margin-left:10px;}
}

@media all and (max-width:480px) {
aside .r_news {padding:0;}
aside .r_news article {float:right; width:100%; padding:8px 2px; border-bottom:1px solid #d1d0d0;}
aside .r_news article.big {clear:both; float:left; width:100%; margin:0; border-bottom:1px solid #d1d0d0;}
aside .r_news article.big .thumb {float:left; width:30%; margin:12px 15px 0 5px;}
aside .r_news article a {display:block; overflow:hidden; padding:5px; font-size:16px;}
aside .r_news article p {margin-left:7px;}
}
/* //우단 - 뉴스 */









/* 우단 - 그래픽 뉴스 */
aside .r_graphic_news {}
aside .r_graphic_news article a {font-size:15px; line-height:150%; color:#000; text-decoration:none;}
aside .r_graphic_news article a:hover {text-decoration:underline;}
aside .r_graphic_news a:hover img {opacity:0.7;}
aside .r_graphic_news .thumb {margin:23px 0 0;}
aside .r_graphic_news .thumb img {width:100%;}

@media all and (max-width:1119px) {
aside .r_graphic_news {float:left; width:25%; margin-top:25px;}
aside .r_graphic_news .thumb {margin:18px 0 0;}
}

@media all and (max-width:767px) {
aside .r_graphic_news {clear:both; width:33%; margin-bottom:30px;}
aside .r_graphic_news article p {margin-left:10px;}
}

@media all and (max-width:480px) {
aside .r_graphic_news {width:100%; margin-bottom:20px; padding:0 10px;}
aside .r_graphic_news .thumb {float:left; width:30%; margin:10px 15px 0 0;}
aside .r_graphic_news a {display:block; overflow:hidden;}
}
/* //우단 - 그래픽 뉴스 */









/* 우단 - 인포그래픽 */
aside .r_infographic {height:169px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_right_info.png) 100px top no-repeat;}
aside .r_infographic h2 {display:inline-block; margin:20px 0 0;}

@media all and (max-width:1119px) {
aside .r_infographic {float:right; width:24%; margin-bottom:20px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_right_info.png) right top no-repeat; background-size:60%;}
aside .r_infographic .thumb {margin:18px 0 0;}
}

@media all and (max-width:880px) {
aside .r_infographic {margin-bottom:0;}
}

@media all and (max-width:767px) {
aside .r_infographic {float:left; width:33%; height:200px; padding:0 30px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_right_info.png) right bottom no-repeat; background-size:60%;}
}

@media all and (max-width:480px) {
aside .r_infographic {width:50%; height:180px; margin-bottom:30px; padding:0 10px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_right_info.png) center bottom no-repeat; background-size:50%;}
}
/* //우단 - 그래픽 뉴스 */









/* 우단 - 자료실 */
aside .r_archives {height:124px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_right_achive.png) 40px bottom no-repeat;}

@media all and (max-width:1119px) {
aside .r_archives {float:right; width:24%; margin-bottom:0; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_right_achive.png) right bottom no-repeat; background-size:80%;}
}

@media all and (max-width:767px) {
aside .r_archives h2 {margin:20px 0 0;}
aside .r_archives {float:left; width:33%; height:180px; padding:0 30px;}
}

@media all and (max-width:480px) {
aside .r_archives {width:50%; height:160px; padding:0 10px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bg_right_achive.png) center bottom no-repeat; background-size:80%;}
}
/* //우단 - 그래픽 뉴스 */















/* ------------------  콘텐츠  ------------------ */

/* 공통 */
.contents {margin:10px 0 0; text-align:left;}
.contents h2 {display:inline-block; clear:both; width:100%; margin:60px 0 0; padding:30px 0; border-top:1px dashed #c8c6c3; font-size:26px; line-height:140%; color:#008391; font-weight:bold;}
.contents h2.first {margin:0; border:0;}
.contents h3 {padding:10px 0 20px; font-size:20px; line-height:150%; font-weight:bold;}
.contents h4 {padding:0 0 10px; font-size:16px; line-height:150%; color:#008391; font-weight:bold;}
.contents h3.first {padding-top:35px;}
.contents p {margin-bottom:30px;}
.contents .imgbox_l {clear:both; float:left; margin:0 30px 20px 0;}
.contents .imgbox_r {clear:both; float:right; margin:0 0 30px 20px;}

@media all and (max-width:768px) {
.contents h2 {margin:30px 0 0; padding:30px 0 15px; font-size:22px;}
.contents h3 {font-size:19px;}
.contents .imgbox_l,
.contents .imgbox_r {float:none;; margin:0 auto 20px; text-align:center;}
}

.pt35 {padding-top:35px;}
.pb35 {padding-bottom:35px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;} 
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

.p_first {padding-top:32px;}

.textcenter {text-align:center;}

@media all and (max-width:480px) {
.imgbox_l img,
.imgbox_r img {width:100%;}
}
/* //공통 */









/* 테이블 */
table table {width:100%;}
td p, th p {margin-bottom:10px !important;}

.table_tit {display:block; text-align:center; padding-bottom:15px; font-weight:bold; color:#008391;}

.table_box {width:100%; border-top:2px solid #4f7f85;}
.table_box caption {display:none;}
.table_box thead th {background:#f9fbfb; border-right:1px solid #efefef; border-bottom:1px solid #efefef; padding:10px; text-align:center;}
.table_box thead th.line_r {border-right:0;}
.table_box tbody th {font-weight:normal; border-right:1px solid #efefef; border-bottom:1px solid #efefef; text-align:center;}
.table_box tbody td {border-right:1px solid #efefef; border-bottom:1px solid #efefef; padding:15px 15px 15px 15px; line-height:26px;}
.table_box tbody td.line_r {border-right:0;}
.table_box tbody li {line-height:26px; padding-bottom:15px; margin-left:30px;}
.table_box tbody li.last {padding-bottom:0;}


.table_box_w {width:100%; border-top:2px solid #4f7f85;}
.table_box_w caption {display:none;}
.table_box_w tbody th {background:#f9fbfb; border-right:1px solid #efefef; border-bottom:1px solid #efefef; padding:10px; text-align:center;}
.table_box_w tbody th.line_r {border-right:0;}
.table_box_w tbody td {border-right:1px solid #efefef; border-bottom:1px solid #efefef; padding:15px 15px 15px 30px;line-height:28px;}
.table_box_w tbody td.line_r {border-right:0;}
.table_box_w tbody td.line_r img {padding:4px 8px 4px 10px; vertical-align:middle;}
.table_box_w tbody li {list-style:none; vertical-align:middle; }

.table_box_w thead th {background:#f9fbfb; border-right:1px solid #efefef; border-bottom:1px solid #efefef; padding:10px; text-align:center;}
.table_box_w thead th.line_r {border-right:0;}

.table_box_center {width:100%; border-bottom:1px solid #efefef; text-align:center;}
.table_box_center caption {display:block; text-align:center; padding-bottom:30px; font-weight:bold; color:#008391;}
.table_box_center tr {display:block; clear:both; position:relative; width:100%;}
.table_box_center th {display:block; position:absolute; top:-15px; left:0; width:100%; text-align:center;}
.table_box_center th span {display:inline-block; padding:10px 20px; background:#236971; border-radius:50px; color:#fff; font-weight:bold;}
.table_box_center td {display:block; float:left; width:50%; border-top:1px solid #efefef; padding:20px 10px;}
.table_box_center td img {vertical-align:middle;}
.table_box_center td.td_r {border-right:1px solid #4f7f85;}


.table_box_center .table_box_s {padding:10px 0 25px; margin:0 auto; font-size:13px;}
.table_box_center .table_box_s tr {display:inherit; width:100%;}
.table_box_center .table_box_s th {display:table-cell; position:inherit; top:0; width:inherit; padding:10px 0; border-bottom:1px solid #efefef; border-top:1px solid #efefef;  text-align:center; background:#f9fbfb;}
.table_box_center .table_box_s td {display:table-cell; float:inherit; width:inherit; border-bottom:1px solid #efefef; border-top:0px; padding:10px 10px;}
.table_box_center .table_box_s .tbs1 {width:40%;}
.table_box_center .table_box_s .tbs2 {width:20%;}
.table_box_center .table_box_s .tbs3 {width:40%; border-right:0;}

@media all and (max-width:480px) {
table th, table td {font-size:14px !important; line-height:150% !important; /*word-break:break-all;*/}
table td p, table td p {font-size:14px !important; line-height:150% !important;}
table td li, table td li {font-size:14px !important; line-height:150% !important;}
.table_box_w tbody th {padding:15px 5px;}
.table_box_w tbody td {padding:15px 0 15px 10px;}
.table_box_w tbody td.line_r img {width:12%; padding:2px 5px;}
}
/* //테이블 */









/* 자료실 - 북한핵 */
.listup {overflow:hidden; background:url(http://world.kbs.co.kr/special/northkorea/common/images/list_line2.gif) left top repeat-y;}
.listup li {position:relative; margin-bottom:55px; list-style:none; line-height:25px;}
.listup li strong {display:block; position:absolute; top:0; left:0; width:130px; height:25px; margin:0 40px 0 0; background:url(http://world.kbs.co.kr/special/northkorea/common/images/list_img2.gif) no-repeat;  color:#fff; font-weight:bold; text-align:center;}
.listup li span {display:inline-block; margin-left:150px;}
.listup li.lastline {margin-bottom:0px;}
.list_tit {background:#3197a2; margin-bottom:20px; padding:10px; font-weight:bold; font-size:18px; color:#fff; text-align:center;}

.list_scon { padding-bottom:15px;}
.list_scon li {margin-left:15px; line-height:25px; padding-bottom:15px;}

.listtable {overflow:hidden; margin:0 0 20px; padding:45px 25px; background:#f6f6f6;}
.listtable .img {float:left; width:220px;}

.listtable .box {float:left; width:487px; padding-left:35px; /*min-height:380px; margin-left:30px; border-left:1px solid #c0c0c0;*/}
.listtable .box ul {padding-bottom:30px;}
.listtable .box li {margin-left:14px; line-height:26px;}
.listtable strong {font-size:26px; padding-bottom:25px; color:#008391; font-weight:bold;}
.listtable .box p {margin-bottom:10px;}

.text_back {overflow:hidden; background:#f9fbfb; border-top:2px solid #4f7f85; padding:20px 30px;}
.text_back span {float:left;}

@media all and (max-width:1119px) {
.listtable {}
.listtable .img {width:30%;}
.listtable .img img {width:100%;}
.listtable .box {width:70%;}
}

@media all and (max-width:768px) {
.listup {background:none;}
.listup li strong {width:auto; padding:0 25px; background:#236971; border-radius:13px; -moz-border-radius:13px; -khtml-border-radius:13px; -webkit-border-radius:13px;}
.listup li span {margin:35px 0 0 0;}	
	
.listtable .img {width:100%; float:none; margin-bottom:30px; text-align:center;}
.listtable .img img {width:50%;}
.listtable .box {width:100%; float:none; padding:0 15px; /*min-height:auto;*/}
}

@media all and (max-width:480px) {
.listtable {padding:25px 15px;}
.listtable .img img {width:80%;}
.text_back {padding:20px 15px;}
}

.imgbox1 {background:#f6f6f6;}
.imgbox1 div {float:left; width:50%; line-height:0;}
.imgbox1 div img {width:100%;}
.imgbox1 p {clear:both; margin:0; padding:10px 20px 20px}

.imgbox2 {width:40%; background:#f6f6f6;}
.imgbox2 img {width:100%;}
.imgbox2 p {margin:0; padding:10px 20px 20px;}

.imgbox3 {background:#f6f6f6;}
.imgbox3 img {width:100%;}
.imgbox3 p {margin:0; padding:10px 20px 20px}

.img_w100per {line-height:0;}
.img_w100per img {width:100%;}
.img_w40per_l {clear:both; width:40%; float:left; margin:0 30px 20px 0;}
.img_w40per_r {clear:both; width:40%; float:right; margin:0 0 30px 20px;}
.img_w50per {width:50%; float:left; line-height:0;}
.img_w50per img {width:100%;}

.imgset_1pc {padding:30px 20px; background:#f9fbfb; border:#efefef 1px solid; text-align:center;}
.imgset_1pc img {max-width:100%;}
.imgset_2pcs {overflow:hidden; width:100%; margin-bottom:30px; text-align:center;}
.imgset_2pcs .set_l,
.imgset_2pcs .set_r {width:50%; float:left; line-height:0;}
.imgset_2pcs .set_l {text-align:right;}
.imgset_2pcs .set_r {text-align:left;}
.imgset_2pcs .set_l div,
.imgset_2pcs .set_r div {width:80%; display:inline-block; text-align:center;}
.imgset_2pcs .set_l div img,
.imgset_2pcs .set_r div img {width:100%;}
.imgset_2pcs p {margin:0; padding:12px 20px 20px; background:#f6f6f6;}

.source {margin-bottom:15px !important; color:#666;}

.btn_link { overflow:hidden; width:40%; margin:0 auto; border-radius:50px; background:#4f7f85; text-align:center; vertical-align:middle; padding:15px 30px;}
.btn_link a {color:#fff; text-decoration:none;}
.btn_link a:hover {color:#fff; font-weight:bold; text-decoration:underline;}
.btn_link a img {vertical-align:middle; margin-bottom:3px; padding-left:10px;}

@media all and (max-width:768px) {
.imgbox2 {width:70%;}
.img_w40per {width:100%;}
.img_w50per {width:100%; float:none;}

.imgset_2pcs .set_l,
.imgset_2pcs .set_r {float:none; width:70%; margin:0 auto; text-align:center !important;}
.imgset_2pcs .set_l div,
.imgset_2pcs .set_r div {width:100%;}
}
@media all and (max-width:640px) {
.imgbox2 {width:80%;}
.imgset_2pcs .set_l,
.imgset_2pcs .set_r {width:80%;}
}
@media all and (max-width:480px) {
.imgbox1 div {width:100%;}
.imgbox2 {width:100%;}
.imgbox1 p,
.imgbox2 p,
.imgbox3 p {padding:5px 12px 10px;}
.imgset_2pcs .set_l,
.imgset_2pcs .set_r {width:100%;}
}
/* //자료실 - 북한핵 */





/* 자료실 - 남북정상회담 */
.sign_l {float:left; width:50%; padding:0 10px; text-align:center;}
.sign_r {float:right; width:50%; padding:0 10px; text-align:center;}

@media all and (max-width:480px) {
.sign_l,
.sign_r {float:none; width:100%; text-align:left;}
}
/* //자료실 - 남북정상회담 */



/* 자료실 > faq */
.faq_area {position:relative; width:100%;margin:49px 0 0; text-align:left; padding:0 0 50px 0;}
.faq_area .txt_faq {margin:15px 0 20px 0;}

.faq {margin:0; border-bottom:1px solid #e8e8e8; overflow:hidden; word-break:keep-all;}
.faq p { }
.faq ul {}
.faq li {padding:0 !important; background:#fff; list-style:none;}
.faq .q {margin:0; padding:0;}
.faq .q a {border-top:1px solid #e8e8e8; color:#333; font-weight:600;}
.faq .q a span {display:block; clear:both; float:left; width:20px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bl_green.png) 0 no-repeat; text-indent:-9999px;}
.faq .q a.trigger {display:block; padding:17px 15px; background:#86c7ce; font-weight:600; text-align:left; text-decoration:none !important;}
.faq .hide .q a.trigger {font-weight:normal; background:none;}
.faq .q a.trigger:hover, .faq .q a.trigger:active, .faq .q a.trigger:focus {}
.faq .a {margin:0; padding:30px 35px; border-top:1px solid #e8e8e8; background:#f6f6f6; line-height:160%;}
.faq .a .table_box thead th,
.faq .a .table_box tbody td {padding:5px !important;}

@media all and (max-width:1119px) {
.faq .a .table_box thead th,
.faq .a .table_box tbody td {font-size:14px !important;}
}

@media all and (max-width:768px) {
.faq .a .table_box thead th,
.faq .a .table_box tbody td {font-size:13px !important;}
}

@media all and (max-width:480px) {
.faq .a {padding:15px 15px 17px;}
.faq .a .table_box thead th,
.faq .a .table_box tbody td {padding:5px 2px !important; font-size:12px !important;}
}
/* //자료실 > faq */









/* 북핵일지 - 텝메뉴 */
.his_tabmenu {overflow:hidden; margin:15px 0 40px; background:#4d9696 url(http://world.kbs.co.kr/special/northkorea/common/images/bg_history_tab.png) center no-repeat; background-size:100% auto; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.his_tabmenu ul {display:table; width:100%; height:92px;}
.his_tabmenu li {display:table-cell; position:relative; padding:30px 0 0; text-align:center; vertical-align:middle;}
.his_tabmenu li a {font-size:15px; font-weight:bold; color:#fff; text-decoration:none;}
.his_tabmenu li a:hover {text-decoration:underline;}
.his_tabmenu li span {display:block; position:absolute; top:24px; width:21px; height:21px;}
.his_tabmenu li .icon1 {left:50%; margin-left:-10px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_history_tab1.png) no-repeat; background-size:100%;}
.his_tabmenu li .icon2 {left:-10px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_history_tab1.png) no-repeat; background-size:100%;}
.his_tabmenu li .icon3 {left:0; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_history_tab2.png) no-repeat; background-size:100%;}
.his_tabmenu li .icon4 {left:50%; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_history_tab1.png) no-repeat; background-size:100%;}
.his_tabmenu li .icon5 {left:5%; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_history_tab2.png) no-repeat; background-size:100%;}
.his_tabmenu li .icon6 {left:50%; margin-left:-10px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_history_tab2.png) no-repeat; background-size:100%;}
.his_tabmenu li .icon7 {left:70%; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_history_tab2.png) no-repeat; background-size:100%;}
.his_tabmenu li .icon8 {right:0; background:url(http://world.kbs.co.kr/special/northkorea/common/images/icon_history_tab2.png) no-repeat; background-size:100%;}

@media all and (max-width:480px) {
.his_tabmenu ul {display:table; width:100%; height:76px;}
.his_tabmenu li a {font-size:12px;}
.his_tabmenu li span {width:14px; height:14px;}
}
/* //북핵일지 - 텝메뉴 */









/* 북핵일지 - 리스트 */
.his_list {clear:both; position:relative; margin:0 0 80px; padding:0 30px; text-align:left;}
.his_list h2 {display:inherit; margin:20px 0 0; padding:20px 0; background:#fff; font-family:"Times New Roman", Times, serif; font-size:80px; line-height:100%;}
.his_list ul {width:100%; padding:30px 0 130px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/li_history_years.png) 55px top repeat-y;}
.his_list li {position:relative; padding:0 0 40px 170px; list-style:none; line-height:160%;}
.his_list li em {display:block; position:absolute; top:0; padding:5px 0; -moz-border-radius:30px; -khtml-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; font-size:14px; font-weight:bold; color:#fff; line-height:160%; text-align:center;}
.his_list li em:nth-child(1) {left:5px; width:100px; background:#4d9696; font-family:Tahoma, Geneva, sans-serif;}
.his_list li em:nth-child(2) {left:100px; width:120px; background:none; font-size:15px; color:#000;}
.his_list li ul {padding:0; background:none;}
.his_list li li {overflow:hidden; position:relative; padding:3px 0 20px 60px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/bl_history.png) 48px 14px no-repeat;}
.his_list .photos {float:right; width:40%; max-width:240px; margin:0 0 10px 10px;}
.his_list .btn_histop {display:block; position:absolute; bottom:0; left:71px; width:31px; height:31px; background:url(http://world.kbs.co.kr/special/northkorea/common/images/btn_history_top.png) no-repeat;}

@media all and (max-width:768px) {
.his_list {margin:0 0 40px; padding:0 10px;}
.his_list h2 {font-size:64px;}
.his_list li em {top:3px; padding:4px 0;}
.his_list li em:nth-child(2) {font-size:14px;}
.his_list li li {font-size:15px;}
.his_list .btn_histop {left:51px;}
}

@media all and (max-width:480px) {
.his_list {margin:0; padding:0; background:url(http://world.kbs.co.kr/special/northkorea/common/images/li_history_years.png) 0 top repeat-y;}
.his_list h2 {display:block; margin:0; background:none; text-align:center; font-size:56px;}
.his_list ul {padding:20px 0 50px; background:none;}
.his_list li {padding:0 0 20px 15px;}
.his_list li em {display:block; position:absolute; top:0; padding:5px 0; -moz-border-radius:0 30px 30px 0; -khtml-border-radius:0 30px 30px 0; -webkit-border-radius:0 30px 30px 0; border-radius:0 30px 30px 0; font-size:14px; font-weight:bold; color:#fff; line-height:160%; text-align:center;}
.his_list li em:nth-child(1) {left:0; width:90px;}
.his_list li em:nth-child(2) {left:110px; text-align:left; font-size:15px;}
.his_list li li {overflow:hidden; padding:3px 0 20px 10px; background-position:0 14px;}
.his_list li ul {padding:40px 0 0;}
.his_list .photos {width:30%;}
.his_list .btn_histop {left:50%; margin-left:-10px;}
}
/* //북핵일지 - 리스트 */









/* 인포그래픽 */
.info_img {display:block; width:100%;}
.info_img_m {display:none; width:100%;}

@media all and (max-width:640px) {
.info_img {display:none;}
.info_img_m {display:block;}
}
/* //인포그래픽 */









/* 페이지 이동 버튼 */
.btn_movement {overflow:hidden; clear:both; padding:30px 0 50px; /*border-top:1px solid #e3e3e3;*/ text-align:center; line-height:normal;}
.btn_movement a {display:inline-block; position:relative; margin:0; padding:8px 12px; font-size:14px; font-family:Tahoma, Sans-serif; color:#222; background:#fff; border:1px solid #e6e6e6; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; line-height:normal; text-decoration:none; vertical-align:middle;}
.btn_movement a:hover, .btn_movement a:active, .btn_movement a:focus {background:#0094a9; color:#fff; border:1px solid #0094a9;}
.btn_movement .direction {font-weight:normal; color:#767676; white-space:nowrap; margin:0 2px;}
.btn_movement .direction span {font-size:14px;}
.btn_movement .direction:hover, .btn_movement .direction:active, .btn_movement .direction:focus {background:#0094a9; color:#fff;}

@media all and (max-width:600px) {
.btn_movement {margin:0 -10px; border:0;}
.btn_movement a {padding:7px 10px; font-size:12px;}
}

@media all and (max-width:320px) {
.btn_movement a {padding:6px 8px; font-size:11px;}
.btn_movement .direction {margin:0 1px;}
}
/* //페이지 이동 버튼 */