@charset "utf-8";
/* CSS Document */
@import url("http://world.kbs.co.kr/css/contents.css");


/* common */

html {overflow-y:scroll;}
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; color:#333;}
img, fieldset {border:0;}
ul, ol {list-style:none;}
em, address {font-style:normal;}
a {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}

div {line-height:18px;}
li {line-height:24px;}


.vod_mobile {clear:both; width:500px; height:290px; position:relative; text-align:center; margin:0 auto;}


/* contents style Guide */

/* ��ī�̺� ���콺 ���� css */

/* 앱 이벤트 유선 */
.app_event_list {
    float: left; width: 100%; height: auto;
}
.app_event_list li {
    list-style: square; width: 33.33333333333333%; float: left; padding-bottom: 25px; list-style-position: inside; color: #282828;
}

/*백쳇 전언어 공통 사용 css*/
.box-lightblue {
	background: #f4f9fb;
}

.box-lightblue .a {
	background: url(/images/bschat_a.gif) no-repeat 6px 11px transparent !important;
	color: #5196b6 !important;
	padding-top: 0 !important;
}

.box-lightblue .q {
	background: url(/images/bschat_q.gif) no-repeat 6px 7px transparent !important;
	font-weight: bolder;
	color: #165f81 !important;
}

html[lang="ar"] .box-lightblue .a {
	background: url(/images/bschat_a.gif) no-repeat 608px 11px transparent !important;
}

html[lang="ar"] .box-lightblue .q {
	background: url(/images/bschat_q.gif) no-repeat 608px 7px transparent !important;
}

html[lang="ar"] .box-lightorange .a {
	background: url(/images/bschat_a.gif) no-repeat 608px 11px transparent !important;
}

html[lang="ar"] .box-lightorange .q {
	background: url(/images/bschat_q.gif) no-repeat 608px 7px transparent !important;
}

.box-lightorange {
	background: #fbf3f0;
}

.box-lightorange .a {
	background: url(/images/bschat_a.gif) no-repeat 6px 11px transparent !important;
	color: #896b55 !important;
	padding-top: 0 !important;
}

.box-lightorange .q {
	background: url(/images/bschat_q.gif) no-repeat 6px 7px transparent !important;
	font-weight: bolder;
	color: #684a26 !important;
}

hr.line-lightorange {
	visibility: visible;
	width: 100%;
	border: none;
	border-bottom: 1px solid #fcf8f5;
	position: static;
}
.txt_green_b13 {
    color: #007630;
    font-weight: bold;
    font-size: 13px;
}

#wrap > #header ~ #container > #menutitle + #content_area > .headline_detail > .title + .content > .photo {
	float: left;
	width: 100%;
	text-align: center;
}
#wrap > #header ~ #container > #menutitle + #content_area > .headline_detail > .title + .content > .photo img {
	max-width: 100%;
	box-sizing: border-box;
	vertical-align: bottom;
}
.headline_detail .content .photo .extra02 {
  margin: 5px auto;
  padding-left: 0;
  display: inline-block;
  text-align: left;
}
.headline_detail .content .photo .extra02 a {
  float: left;
  padding-left: 25px;
}
/*---------------------------*\
	archive 스크롤 생성
\*---------------------------*/

.archive_menu .am_special_depth2 {
	overflow: auto;
    width: 153px !important;
}
.archive_menu .am_special_depth3 {
	width: 622px !important;
}
html[lang="RU"] .archive_menu .am_special_depth3 {
	width: 591px !important;
}


/* 프로그램 본문 하단 배너 : Seoul Travel Tips(e) */
ul.banner_detail_bottom{margin-bottom:20px;}
ul.banner_detail_bottom li{border:1px solid #cdcdcd; margin-bottom:10px; width:630px; height:69px;}
ul.banner_detail_bottom li.end{margin-bottom:0;}

/**
 * SNS 아이콘 호버 효과
 */

.social > .list > ul > a {
  float: left;
  display: block;
}
.social > .list > ul > a:hover {
  background: #fffbea;
}

.depth02_main > div > .breaking_btn01 {
  float: left;
  margin: 0;
  margin-top: 4px;
  position: static;
  right: auto;
}

.program_headline_detail .content .photo {
  width: 100%;
  padding-right: 0;
  text-align: center;
}

.top10_tit {
  text-align: center;
  font-size: 1.8em;
  line-height: 1.3em;
  font-weight: bold;
  padding: 15px 20px 0 20px;
  margin: 0;
}

.archive_detail .specialpro .lnb h2 {
  line-height: 120%;
}

.archive_detail .specialpro .lnb ul li a {
  line-height: 130%;
}

html[lang="ar"] .top10_copyright {
  text-align: left;
  margin-bottom: 20px;
}
.top10_copyright {
  text-align: right;
  margin-bottom: 20px;
}

.world-sns-lib {
  margin-top: 15px;
}
/* 타일 갤러리 생성시 js가 로드되기전 미리 초기화시켜 레이아웃 틀어짐을 방지하는 선로드 css*/
.js-tyle-gallery {
  margin: 0;
}

.js-tyle-gallery > img {
  float: left;
  margin-right: -100%;
  top: 0;
  position: relative;
  width: 100%;
}

.js-tyle-gallery > img:nth-of-type(2),
.js-tyle-gallery > img:nth-of-type(2) ~ img {
  visibility: hidden;
}

.star_chat_list { width: 633px; overflow: hidden; background: #f9f9f9; border-left: #e7e7e7 1px solid; border-right: #e7e7e7 1px solid; margin-bottom: 15px; padding-bottom: 10px; }

.headline_detail .content .photo .extra {
  width: 452px;
}

/* 다국어 프로젝트별 공통 css */

.content-item, .google-map, .content-main, .title--360vr {float: left;}.content-item, .google-map, .content-main, .title--360vr > img {width: 100%;height: auto;}.content-item {margin-top: 50px;}@media all and (max-width: 700px) {.content-item {margin-top: 30px;}}.content-item .heading {display: inline-block;color: #e75c2b;font-weight: bold;padding-bottom: 4px;border-bottom: 4px solid #e75c2b;width: 80px;text-align: center;position: relative;left: 50%;transform: translateX(-50%);font-size: 24px;line-height: 36px;}@media all and (max-width: 700px) {.content-item .heading {font-size: 16px;line-height: 18px;}}html[lang="ar"] .content-item .heading {left: auto;right: 50%;transform: translateX(50%);}.content-item .title {margin-top: 35px;margin-bottom: 40px;width: 100%;text-align: center;font-weight: bold;font-size: 22px !important;line-height: 36px;}@media all and (max-width: 700px) {.content-item .title {margin-top: 20px;margin-bottom: 30px;font-size: 18px;line-height: 24px;}}.content-item p {font-size: 14px;line-height: 20px;}@media all and (max-width: 700px) {.content-item p {font-size: 15px;line-height: 20px;}}.google-map {margin: 50px 0;}.learn-korea-detail__sns {background: #f4f4f4;float: none;padding: 18px 0;margin: 0 auto;width: 630px;height: auto;clear: both;}.learn-korea-detail__sns::after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}@media all and (max-width: 630px) {.learn-korea-detail__sns {width: 100%;}}@media all and (max-width: 700px) {.learn-korea-detail__sns {padding: 8px 0;}}.content-item .js-tyle-gallery, .content-item .kwr-youtube {margin-top: 30px;}.content-item .kwr-360 {margin-top: 5px;}.margin-none {margin: 0 !important;}.content-main {margin-top: 30px;}@media all and (max-width: 700px) {.content-main {margin-top: 20px;}}.title--360vr {margin-top: 25px;}.title--360vr > img {max-width: 100%;}@media all and (max-width: 500px) {.title--360vr {width: 25.6%;}}

/* 특집 모아보기 */
.more-news {
  background: #fafafa;
  border: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 15px 0 40px 0;
  padding: 23px 0;
  display: table;
  width: 100%;
}

.more-news a {
  text-decoration: none;
  display: table-cell;
  width: 100%;
}

.more-news > h1 {
  display: inline-block;
}

.more-news > h1 > span {
  background: #5465b4;
  display: inline-block;
  white-space: nowrap;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  margin-right: 15px;
  line-height: 18px;
}

.more-news p {
  color: #000;
  font-weight:bold;
  font-size: 16px;
  line-height: 18px;
  padding-right: 30px;
}

html[lang="ar"] .more-news > h1 > span {
  margin-left: 15px;
  margin-right: 0;
}

.more-news p span {
  font-size: 14px;
  font-weight:bold;
  color: #5465b4;
}

/*20170313 koreanmain 하단배너 추가*/
.koreanmain-banner {
  float: left;
  width: 100%;
  text-align: center;
}

.koreanmain-banner a {
  display: block;
}

/*20170323 라이브리 배너 제거*/
#fakenews-banner-box{ display:none !important; }

/*201704026 쇼케이스 캐릭터 설명 위치 조정*/
.split-description {
  display: block;
  width: 100%;
  clear: both;
  padding-bottom: 10px;
  float: left;
  line-height: inherit;
}
.split-description img {
  float: left;
  margin-right: 10px;
}

.split-description > div {
  line-height: inherit;
  float: left;
  width: 520px;
  width: calc(100% - 110px);
}

html[lang="ar"] .split-description {
  float: right;
}
html[lang="ar"] .split-description img {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

html[lang="ar"] .split-description > div {
  float: right;
}

.qna-box {margin-bottom:25px;}
.qna-box .tit {margin-bottom:10px;}
.qna-box .q {padding:6px 8px; background:url(/images/bschat_q.gif) no-repeat 6px 5px; padding-left:32px; color:#333;}
.qna-box .a {padding:8px 10px 10px 8px; background:url(/images/bschat_a.gif) no-repeat 6px 0 #f4f9fb !important; color:#64949d; padding-left:32px;}
.qna-box .greet {background: none; font-weight: bold; background-color: #f4f9fb; text-align:center; color:#64949d; padding-left:32px; padding:8px 10px 10px 8px;}
.qna-box .a strong{padding-top:4px; display: inline-block;}

/*20주년 로고 한시적 스타일*/

#header {
  height: 191px !important;
}

#header h1 {
  height: 115px !important;
}

.top_right {
  margin-top: 20px !important;
}

.m_top_banner {
  margin-top: 15px !important;
}

.sel_lang_open {
  top: 53px !important;
}

.a11y-hidden {
  overflow: hidden;
  position: absolute;
  clip:     rect(0 0 0 0);
  clip:     rect(0,0,0,0);
  width:    1px;
  height:   1px;
  margin:   -1px;
  border:   0;
  padding:  0;

}
.a11y-hidden:active, .a11y-hidden:focus {
  overflow: visible;
  position: static;
  clip:     auto;
  width:    auto;
  height:   auto;
  margin:   0;
}

[id^="today"] .con img {
  width: 450px !important;
}

.m_top_banner .more {
  left: 160px !important;
  top: -4px !important;
}