@charset "UTF-8";
@import url('common.css');

/* search */
.search_box_wrap {overflow: hidden;}
.search_results {padding: 10px 10px 30px 10px; background-color: #fff; border-top: 1px solid #d8d8d8;}
.search_results h2 {padding: 10px 0; font-family: OpenSans; font-weight: bold; color: #0a9354; font-size: 16px;}
.search_results h2 span {font-size: 14px; color: #4e4e4e;}
.search_result_list {border-top: 2px solid #000; border-bottom: 2px solid #000;}
.search_result_list li {padding: 10px 0; border-top: 1px solid #bababa;}
.search_result_list li:first-child {border-top: none;}
.search_article .headline {padding: 5px 7px; font-size: 1.6em; font-family: Crimson, 'Crimson Text'; font-weight: bold; line-height: 1.1;}
.search_article .headline_kor {padding: 5px 7px; font-size: 1.4em; font-family: Crimson, 'Crimson Text'; font-weight: bold; line-height: 1.1;}
.search_article .lead {padding: 0 7px 7px 7px; font-size: 1.1em; color: #666; font-family: Lato; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4;-webkit-box-orient: vertical; display: -webkit-box; word-wrap: normal; max-height: 6em;}
.search_article .lead span {color: #0a9354; font-weight: bold;}
.pagination {text-align: center; padding-top: 10px;}
.pagination>a {display: inline-block; width: 43px; height: 34px; margin: 0 10px;}
.pagination>a img {vertical-align: middle;}
.pagination span {display: inline-block; line-height: 34px; font-family: Lato; font-size: 16px; color: #666;}
.pagination span.current_num {font-weight: bold; color: #0a9354;}
.m_key {color: #70b341;}
.m_key::after {content: " | "; color: #70b341; padding: 0px 0px 0px 0px; font-family: Helvetica, sans-serif;}
.article_img {text-align: center; position: relative;}
.article_img img {width: 100%;}
.top_section .article_img {min-height: 20px; padding-bottom: 10px;}
.curation_area {width: 100%; overflow: hidden;}
.section_sizer {width: 100%;}
.gutter_sizer {width: 0;}
.section_more_story .section_sizer {height: 0; padding: 0;}
.section_more_story .gutter_sizer {height: 0; padding: 0; border: none;}
.section_more_story .brick {width: 100%; float: none;}
.curation_area .curation_section {width: 100%; float: none;}
.curation_area_hide {display: none;}
#photoSection .photo_list .brick {width: 49.7%; float: left; margin-bottom: 0.6%;}
#photoSection .photo_list .section_sizer {width: 49.7%;}
#photoSection .photo_list .gutter_sizer {width: 0.6%;}

/* article */
#container.article_container {background-color: #fff;}
.article_header {padding: 15px 10px;}
.article_header .hdv {font-family: 'Lora', serif; font-weight: 600; color: #000; font-size: 23px; line-height: 1.3; padding-bottom: 20px;}
.article_header .hdvk {font-family: Crimson, 'Crimson Text'; font-weight: 600; color: #000; font-size: 22px; line-height: 1.2; padding-bottom: 20px;}
.article_info {overflow: hidden; padding-bottom: 10px;}
.article_info span {font-size: 14px; font-family: Lato;}
.article_info .category {color: #0a9354; padding: 0;}
.article_info .date {color: #a0a0a0; float: right;}
.tool_box {padding-bottom: 15px;}
.tool_box a {display: inline-block; width: 34px;}
.tool_box .btn_listen {display: block; float: right; height: 30px; border-radius: 5px; border: 1px solid #dfdfdf; text-align: center; padding: 0 5px 0 15px;}
.tool_box button span {font-family: Arial; background: url(../images/icon_speaker.png) 0 0 no-repeat; background-size: auto 15px; padding-left: 15px; color: #000;}
.tool_box #webtalks_btn_listen {margin-top: 6px;}
.sns_tts {display: block; height: 35px;}
.sns_area {float: left; text-align: left; width: 70%;}
.article_view {padding: 0 10px; font-family: Crimson, 'Crimson Text', serif; font-size: 1.23em; color: #444; line-height: 1.3;}
.article_img {text-align: center; position: relative;}
.article_img img {width: 100%;}
.top_section .article_img {min-height: 20px; padding-bottom: 10px;}

.article_view .article_img_caption {padding: 10px; color: #010101; font-family: Lato, serif; font-size: 0.8em; line-height: 1.3; text-align: left; background-color: #eee;}
.article_view table {margin-bottom: 20px; width: 100%;}
.article_view p {font-family: Crimson, 'Crimson Text';}
.article_view em {padding-bottom: 15px;}
.article_view p a {font-weight: bold; color: #2553a7; text-decoration: none;}
.article_view a[href^="https"], .article_view a[href^="http"] {font-weight: bold; color: #2553a7; text-decoration: none; /*underline;*/;}
.article_view .inside_ad {display: block;}
.article_view h3 {line-height: 1.1; font-weight: bold; color: #000; padding-bottom: 20px;}
.article_view .kor_lang {font-size: 18px; color: #0a9354; padding-bottom: 3px; border-bottom: 1px solid #bababa; font-weight: bold; font-family: OpenSans; margin-bottom: 20px;}
.article_view i {font-style: italic;}
.reporter {padding: 10px; overflow: hidden; position: relative;}
.reporter .portrait {display: block; float: left; width: 52px; height: 52px; margin-right: 10px;}
.reporter span {font-family: Lato;}
.reporter .reporter_name {display: block; color: #121010; padding-top: 5px; font-size: 15px;}
.reporter .reporter_email {display: block; color: #8f8f8f; padding-top: 7px; font-size: 13px;}
.reporter .sns_link {position: absolute; top: 50%; margin-top: -15px; right: 10px;}
.reporter .sns_link a {display: inline-block; width: 30px; height: 30px;}
.reporter .sns_link span {display: inline-block; width: 30px; height: 30px;}
.article_container .article_link {padding: 15px 10px;}
.article_tag {padding: 10px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; position: relative; overflow: hidden; font-family: Lato;}
.article_tag a {display: inline-block; padding: 10px; font-size: 14px; color: #0a9354; background-color: #f2f2f2; margin-bottom: 5px;}
.article_link_01 {padding: 15px 10px;}
.article_link_01 li {padding-bottom: 5px;}
.article_link_01 li a {display: block; padding-left: 20px; background: url(../images/middot_01.png) 0 3px no-repeat; background-size: 12px 15px; font-family: Lato; font-size: 1.2em; color: #000;}
.reply_facebook {padding: 15px 10px; border-top: 1px solid #cdcdcd;}
.article_link {padding: 20px 0;}
.article_link li {padding: 1px 0;}
.article_link li a {display: block; padding-left: 20px; font-size: 1.2em; color: #151112; background: url(../images/icon_link_new.png) 0 3px no-repeat; background-size: 12px 12px; font-family: Crimson, 'Crimson Text'; font-weight: bold;}
.reporter_article {background-color: #fff; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #e2e2e2;}
.reporter_article li {border-top: 1px solid #e2e2e2; padding: 10px;}
.reporter_article li:first-child {border-top: none;}
.curation_area {width: 100%; overflow: hidden;}
.section_sizer {width: 100%;}
.gutter_sizer {width: 0;}
.section_more_story .section_sizer {height: 0; padding: 0;}
.section_more_story .gutter_sizer {height: 0; padding: 0; border: none;}
.section_more_story .brick {width: 100%; float: none;}
.curation_area .curation_section {width: 100%; float: none;}
.curation_area_hide {display: none;}
#photoSection .photo_list .brick {width: 49.7%; float: left; margin-bottom: 0.6%;}
#photoSection .photo_list .section_sizer {width: 49.7%;}
#photoSection .photo_list .gutter_sizer {width: 0.6%;}

/*///// view page - herb /////*/
.writer {margin: 0 0 25px 0;}
.editor-p {margin: 0 0 25px 0;}
.herb_subheadline {margin: 0 0 25px 0; font-weight: 600;}
.editor-img-box {position: relative; margin: 0 0 0 0; overflow: visible;}
.editor-img-box img {display: block; position: relative;}
.editor-img-box .caption p {font-style: normal; font-family: Lato, serif; font-size: 0.8em; line-height: 135%; font-weight: 400; color: #151515; padding: 10px; text-align: left; background-color: #f5f5f5; word-wrap: break-word; word-break: keep-all;}
.editor-video-box {margin: 0 0 30px 0;}
.editor-note {margin: 0 0 25px 0;}
.editor-note .title {display: block; font-family: Crimson, 'Crimson Text'; margin-bottom: 8px; font-size: 1em; font-weight: 500; color: #005a6e; padding-bottom: 0;}
.editor-note .title:before {content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 16px; margin: -10px 10px -6px 0; background: #007a4c;}
.editor-note p {font-family: Crimson, 'Crimson Text'; font-weight: 400; line-height: 24px; font-size: 0.85em; color: #777777; font-style: italic;}
.div-line-gray {display: block; margin: 0 auto 30px auto; border-top: 1px solid #e5e5e5; width: 100%;}
.sub-tit-ll {margin: 20px 0 25px 0; position: relative; font-size: 20px; line-height: 150%; font-weight: 500; color: #007a4c; padding-left: 15px; border-left: 3px solid #70b341;}
.sub-tit-ll:before {content: ''; display: block; position: absolute; left: -3px; top: 0; width: 3px; height: 0px; background: #fff;}
.sub-tit-ll:after {content: ''; display: block; position: absolute; left: -3px; bottom: 0; width: 3px; height: 5px; background: #fff;}
.module-quote {padding-top: 20px; padding-bottom: 40px;}
.module-quote .module-area {text-align: center; margin: 0 auto;}
.module-quote .module-area blockquote {font-size: 19px; letter-spacing: -0.035em;}
.module-quote .module-area .who {display: inline-block; font-style: normal; font-weight: 400; letter-spacing: -0.05em; line-height: 22px; color: #70b341;}
.module-quote.no-bg-type .module-area {background-image: url(https://www.koreatimes.co.kr/www2/img/ic_quote01.svg); background-repeat: no-repeat; background-size: 30px 26px; background-position: center top; width: 85%;}
.module-quote.no-bg-type .module-area blockquote {font-size: 19px; line-height: 160%; margin: 0; padding-top: 40px;}
.module-quote.no-bg-type .module-area .who {font-size: 16px; padding-top: 10px;}
.module-quote.no-bg-type .bottom_quote {text-align: center; margin: 0 auto; background-image: url(https://www.koreatimes.co.kr/www2/img/ic_quote02.svg); background-repeat: no-repeat; background-size: 30px 26px; background-position: center bottom; width: 85%; height: 40px;}
.div-line {display: block; margin-top: 0px; border-top: 0px solid #111;}
.editor-tit {margin: 10px 0 10px 0; font-weight: 600;}

/* herb table */
.editor-table-tit {font-size: 17px; letter-spacing: -.094em; line-height: 28px; margin-top: 48px; margin-bottom: 10px; color: #111;}
.editor-table-tit:after {content: ''; display: block; clear: both;}
.editor-table-tit .editor-tit-sub {font-size: 12px; font-weight: 400; letter-spacing: -.05em; line-height: 20px; margin-top: 4px; color: #999; float: right;}
.editor-table {margin-bottom: 40px; border-top: 1px solid #111; border-bottom: 1px solid #111;}
.editor-table .table-box {overflow-x: scroll;}
.editor-table table {border-collapse: collapse; border-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 100%;}
.editor-table thead {border-bottom: 1px solid #111;}
.editor-table tbody tr {border-bottom: 1px solid #e2e2e2;}
.editor-table tbody tr:last-child {border-bottom: none;}
.editor-table th {font-size: 13px; font-weight: 400; letter-spacing: -.05em; line-height: 22px; background-color: #f7f7f7; color: #111; padding: 14px 10px;}
.editor-table td {font-size: 13px; text-align: center; letter-spacing: -.05em; line-height: 22px; padding: 14px 10px;}
.editor-table td, .editor-table th+th {border-left: 1px solid #e2e2e2;}
.editor-table .caption {font-size: 14px; letter-spacing: -.05em; line-height: 21px; padding-top: 14px; color: #999;}

/* subscribe */
.section_s01 { margin-top: 0px; background-color: #fff; padding: 20px 10px; border-top: 1px dotted #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.section_s01 > h2 { font-family: OpenSans; font-size: 15px; font-weight: bold; color: #0a9354; padding-bottom: 10px; }

.subpage_stt { font-size:13px; font-weight:600; margin-top:20px; }
.subpage_stt img { vertical-align:top; }

.subpage_stt2 { font-size:13px; font-weight:600; margin:10px 0 0 10px; }
/*
.subpage_stt2 input { display:none;}
.subpage_stt2 label { color:#333333; padding-left:20px; background:url('http://img.koreatimes.co.kr/www2/img/img_checkbox.jpg') left no-repeat; }
.subpage_stt2 input:checked ~ label { color:#00582c; background:url('http://img.koreatimes.co.kr/www2/img/img_checkedbox.jpg') left no-repeat; }
*/

.subpage_stt2 input[type='checkbox'] { display:none;}
.subpage_stt2 input[type='checkbox']+label { color:#333333; padding-left:20px; background:url('http://img.koreatimes.co.kr/www2/img/img_checkbox.jpg') left no-repeat; }
.subpage_stt2 input[type='checkbox']:checked+label { color:#00582c; background:url('http://img.koreatimes.co.kr/www2/img/img_checkedbox.jpg') left no-repeat; }

.subpage_stt2 a { text-decoration:none; color:#555555; font-size:13px; font-weight:500; }
.subpage_stt2 a:hover { text-decoration:none; color:#00582c; font-size:13px; font-weight:500; }
.subpage_stt2 a:active { text-decoration:none; color:#555555; font-size:13px; font-weight:500; }
.subpage_stt2 a:visit { text-decoration:none; color:#555555; font-size:13px; font-weight:500; }
.subpage_stt2 a img { vertical-align:middle; margin:0 0 0 10px; }

.about_box { float:left; width:100%; font-size:14px; line-height:180%; color:#333333; text-align:left; padding:15px; border:2px #70b341 solid; border-radius:5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; margin-bottom:20px; }
.about_box p { margin:0 0 10px 0; }
.about_box img { vertical-align:text-top; margin:4px 5px 0 0; }
.about_box a { text-decoration:none; color:#333333; }
.about_box a:hover { text-decoration:none; color:#00582c; }
.about_box a:active { text-decoration:none; color:#333333; }
.about_box a:visit { text-decoration:none; color:#333333; }
.subpage_bt { float:none; width:100%; text-align:center; margin:30px 0 20px 0; }
.subpage_bt img { margin-right:20px; }
a.roll img.over { display: none;}
a.roll:hover img { display: none;}
a.roll:hover img.over { display: inline;}
.subpage_form_div { float:none; margin:10px 0; font-size:13px; }
.subpage_form_div div { margin-bottom:8px; }
.subpage_form_div img { margin-right:10px; vertical-align:middle; }
.subpage_form { display: block; }
.subpage_form_input01 { width:60%/*230px*/; padding:3px 5px; line-height:14px; border:1px #cccccc solid; background-color:#ffffff; border-radius:5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; vertical-align:middle; }
.subpage_form_input02 { width:25%/*120px*/; padding:3px 5px; line-height:14px; border:1px #cccccc solid; background-color:#ffffff; border-radius:5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; vertical-align:middle; }
.subpage_form_input03 { width:40%/*80px*/; padding:3px 5px; line-height:14px; border:1px #cccccc solid; background-color:#ffffff; border-radius:5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; vertical-align:middle; }
.subpage_form_input05 { width:97%/*230px*/; padding:3px 5px; line-height:14px; border:1px #cccccc solid; background-color:#ffffff; border-radius:5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; vertical-align:middle; }
.subpage_form_select01 { width:60%/*200px*/; padding:3px 5px; line-height:18px; border:1px #cccccc solid; background-color:#ffffff; border-radius:5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; vertical-align:middle; }
.subpage_form_radio { vertical-align:text-top; margin-right:3px; }
.subpage_form_div2 { float:none; margin:10px 0; width:100%; font-size:13px; text-align:center; color:#555555; font-weight:600; }
.line_green { border-bottom:1px #00542a solid; margin-top:10px; }
.prices_text2 { font-size:14px; color:#333333; text-decoration:none; line-height:160%; }
.prices_text2 ul { list-style-type:none; }
.prices_text2 li { list-style-type:none; background:url('/images/ic_green_dots.png') no-repeat 0 8px; padding-left:12px; vertical-align:middle; margin-bottom:10px; }
.prices_text2 a { color:#333333; text-decoration:none; }
.prices_text2 a:hover { color:#333333; text-decoration:none; }
.subpage_bt2 { float:none; width:100%; text-align:center; margin:15px 0; }
.subpage_bt2 img { margin-right:12px; }

/* e-paper */
.epaper_s01 { margin-top: 0px; background-color: #fff; padding: 20px 10px; border-top: 1px dotted #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.epaper_s01 > h2 { font-family: 'OpenSans', sans-serif; font-size: 16px; font-weight: 600; color: #0a9354; padding: 0 0 10px 0; text-align: center; }
.epaper_s01 > h2 strong { font-family: 'OpenSans', sans-serif; font-size: 16px; font-weight: 600; color: #005e33; }
.epaper_s01 > h3 { font-family: 'OpenSans', sans-serif; font-size: 15px; font-weight: 600; color: #333333; padding: 10px 0 10px 0; }
.bt_apps { margin: 20px 0 10px 0; padding: 10px; text-align: center; }
.bt_apps img { border: 3px solid #42883c; width: 60px; height: 60px; padding: 10px 10px; margin: 0 10px 0 10px; border-radius: 20%; }

/* Read More */
.HelveticaBold { font-family: 'Roboto', Helvetica, sans-serif; font-weight: 600; font-size: 0.8em; }
.fr-readmore .readmore_tt { width: 90%; margin: 20px auto; margin-bottom: -20px; color: #777777; }
.readmore_box { width: 90%; margin: 0 auto; border-top: 1px solid #818181; border-bottom: 1px solid #818181; padding-left: 8px; padding-right: 8px; list-style-type: none; margin-bottom: 20px; }
.readmore_box li { clear: both; width: 100%; font-family: Georgia, "Times New Roman", 'Noto Serif KR', Times, serif; font-size: 0.75em; line-height: 150%; font-weight: 500; text-decoration: none; color: #333333; text-align: left; font-stretch: normal; padding: 10px 0 10px 12px; }
.readmore_box li:before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #70b341; margin: 10px 0 0 -12px; }
.readmore_box li a { color: #333333; text-decoration: none; }
.readmore_box li a[href^="https"], .readmore_box li a[href^="http"] { color: #333333; text-decoration: none; }
.readmore_box li+li { border-top: 1px dashed #e1e1e1; }

.fr-readmore .relatedstories_tt { width: 100%; margin: 20px auto; margin-bottom: -20px; color: #777777; }

.article_view iframe {width: 100%;}

/* Last Update 2024-11-28 */