@charset "UTF-8";

/* 2020 메인개편 공통 UI 추가(개편 반영 후, 전체 정리 예정) */
@import url('https://static.hankyung.com/css/www/w/common.ui.all.css?v=202404301519');

.icon-hkonly {margin:0 4px 0 0; vertical-align:1px}
/* // */

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-size:100%}
a {text-decoration:none}
table, th, td {border:0 none; border-collapse:collapse; table-layout:fixed}
ul, ol, dl, li, dt, dd {list-style:none}
em {font-style:normal}
caption, legend {visibility:hidden; font-size:0; text-indent:-9999em}
input,select,textarea,button,img {vertical-align:middle}
input, fieldset, img {border:0 none}
form {display:block; *width:100%}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input[type="text"] {border:1px solid #bbb; color:#777}
input[type="button"] {background:none; cursor:pointer; color:#777}
input[type=text]:-ms-clear {display:none}

/* common */
body {font-size:13px; /*font-family:'Malgun Gothic','맑은 고딕',AppleSDGothicNeo,'돋움',Dotum, 'Gulim','굴림', sans-serif; line-height:1.2; color:#222*/}
body,html {height:100%}
#wrap {min-width:1200px}
.inner {width:1180px; padding:0 20px; margin:0 auto}
.icon_charge {display:inline-block; width:28px; height:16px; border:1px solid #ffbbbb; text-align:center; font-size:11px; line-height:16px; color:#ff0009; *display:inline; *zoom:1}
strong.keyword {font-weight:bold}
input[type="button"].btn_basic {width:43px; height:27px; text-align:center; line-height:25px; font-size:12px; color:#fff; background:#777}
input[type="button"].btn_reset {width:49px; height:25px; border:1px solid #777; text-align:center; line-height:25px; font-size:12px}

input[type="button"].btn_basic:disabled {opacity:.3}

/* icon */
img.icon-premium {width:12px; height:16px; vertical-align:middle}
.article .tit img.icon-premium {margin-right:5px; vertical-align:-2px}

/* header */
#header {border-bottom:2px solid #457fff}
#header .inner {*zoom:1}
#header .inner:after {content:''; display:block; clear:both}
#header .tit_wrap {float:left; *zoom:1}
#header .tit_wrap:after {content:''; display:block; clear:both}
#header .logo {float:left}
#header .logo a {display:block}
#header .logo .logo-short-hk {display:inline-block; height:60px; padding:24px 12px 0; background-color:#142c67; vertical-align:top; box-sizing:border-box}
#header .logo .logo-short-hk::before {width:49px; height:26px; vertical-align:top}
#header .tit_main {float:left; margin:22px 0 0 10px}
#header .tit_main .section-title {display:inline-block; color:#555; font-weight:700; font-size:26px; /*font-family:'Noto Serif KR', serif;*/ letter-spacing:-.075em; vertical-align:top}
#header .search_wrap {float:left; margin:20px 0 0 30px}
#header .search_box {position:relative; float:left; width:334px; height:18px; padding:8px 10px; border:3px solid #457fff; background:#fff}
#header .search_box input[type="text"] {font-size:15px; line-height:18px; width:320px; border:0 none; color:#222; background:none}
#header .search_box input[type="text"]:focus {outline:none}
#header .search_box .btn_lately {display:block; width:10px; height:5px; position:absolute; right:12px; top:15px; background:url('https://search.hankyung.com/img/search_arr_off.gif') center center no-repeat; text-indent:-9999em}
#header .search_box .btn_lately .on {background-image:url('https://search.hankyung.com/img/search_arr_on.gif')}
#header .search_box .search_layer {position:absolute; top:37px; left:-3px; width:358px; border:1px solid #bebebe; border-top:0 none; background:#fff; display:none; z-index:10}
#header .search_box .btn_wrap {padding:8px 14px 8px 12px; background:#f3f3f3}
#header .search_box .btn_wrap a {font-size:12px; color:#777}
#header .search_box .btn_wrap a:hover {font-weight:bold}
#header .search_box .btn_wrap span {float:right}
#header .search_box .btn_wrap span a + a {margin-left:5px; padding-left:9px; background:url('https://search.hankyung.com/img/line_auto.gif') left center no-repeat}
#header .search_layer li {position:relative; padding:8px 27px 9px 10px; font-size:13px}
#header .search_layer li:hover {background:#fff3f4}
#header .search_layer li .link_txt {color:#777}
#header .search_layer .lately {border-bottom:1px solid #e5e5e5; display:none}
#header .search_layer .lately>.tit {padding:8px 10px; border-bottom:1px solid #e5e5e5; font-size:13px; color:#222; background:#f3f3f3}
#header .search_layer .lately .date {font-size:11px; color:#999; float:right}
#header .search_layer .lately .btn_del {display:block; position:absolute; top:11px; right:11px; width:8px; height:8px; background:url('https://search.hankyung.com/img/icon_del.gif') center center no-repeat; text-indent:-9999em}
#header .search_layer .auto_search {border-bottom:1px solid #e5e5e5; display:none}
#header .search_layer .auto_search .auto {font-weight:bold; color:#457fff}/* 검색어 자동완성 */
#header .btn_search {float:left; width:55px; height:40px; margin-left:5px; font-size:15px; line-height:40px; color:#fff; background:#457fff}
#header .login_wrap {float:right; margin-top:33px}
#header .login_wrap a + a {margin-left:10px}
#header .login_wrap a:hover {text-decoration:underline; font-weight:bold}

/* gnb */
#gnb {margin-top:29px; padding:15px 0; border-top:1px solid #e5e5e5}
#gnb .nav {*zoom:1}
#gnb .nav:after {content:''; display:block; clear:both}
#gnb li {float:left}
#gnb li ~ li {margin-left:38px}
#gnb li.active a {color:#ff0009}
#gnb li a {font-size:15px; font-weight:bold}

/* option */
#option {position:relative; background:#f3f3f3; z-index:2}
#option .inner {*zoom:1}
#option .inner:after {content:''; display:block; clear:both}
#option .inner > li {position:relative; float:left}
#option .inner > li > a {display:block; padding:13px 14px 13px 0; background:url('https://search.hankyung.com/img/option_arr_off.gif') right center no-repeat; font-size:13px}
#option .inner > li.on > a {background-image:url('https://search.hankyung.com/img/option_arr_on.gif'); font-weight:bold}
#option .inner > li ~ li {margin-left:40px}
#option .option_layer {position:absolute; top:34px; left:0; padding:13px 0; border:1px solid #bebebe; background:#fff; display:none; z-index:1}
#option .inner > li.on .option_layer {display:block}
#option .option_layer li {padding-left:13px}
#option .option_layer li ~ li {margin-top:17px}
#option .option_layer li a {display:block; font-size:13px; color:var(--hk-text-secondary)}
#option .option_layer li a.on {font-weight:bold; color:#222}
#option .option_layer li a:hover {font-weight:bold; color:#222}
#option .option_layer input[type="text"] {color:#222}
#option .option_layer.align {width:88px}
#option .option_layer.period {width:80px; padding:13px 0 0}
#option .option_layer.period:has(.select_date) {width:118px}
#option .select_date {position:relative; padding:13px 13px; border-top:1px solid #bebebe}
#option .select_date p:after {content:''; display:block; clear:both}
#option .select_date p > span {float:left; *zoom:1}
#option .select_date .btn_calendar {float:right}
#option .select_date form {*zoom:1}
#option .select_date form:after {content:''; display:block; clear:both}
#option .select_date input[type="text"] {width:81px; height:23px; padding-left:7px; margin-top:5px}
#option .select_date input[type="text"]:first-child {margin-top:10px}
#option .select_date .btn_basic {float:right; margin-top:5px}
#option .select_date .layer_calendar {position:absolute; left:108px; top:13px; width:287px; height:116px; padding:15px 10px; border:1px solid #bebebe; background:#fff; display:none}
#option .select_date .layer_calendar.on {display:block}
#option .option_layer.area {width:88px}
#option .option_layer.detail {width:242px; padding:14px 13px}
#option .option_layer.sort {width:95px}
#option .option_box input[type="text"] {width:231px; height:28px; padding-left:7px; margin-top:5px}
#option .option_layer.detail em {display:block; margin-top:15px; padding-left:8px; color:#777; letter-spacing:0}
#option .option_layer.editor {padding:14px 15px}
#option .editor input[type="text"] {width:198px; height:23px; padding-left:7px}
#option .editor input[type="text"] + input {margin-top:4px}
#option .option_layer .btn_wrap {margin-top:14px; *zoom:1}
#option .option_layer .btn_wrap:after {content:''; display:block; clear:both}
#option .option_layer .btn_wrap .btn_reset {float:left}
#option .option_layer .btn_wrap span {float:right; *zoom:1}
#option .option_layer .btn_wrap span input + input {margin-left:5px}

/* container */
#content {background:url('https://search.hankyung.com/img/line_content.gif') 830px center repeat-y;*zoom:1}
#content::after {content:''; display:block; clear:both}
.left_cont {float:left; width:780px; padding-bottom:30px; margin-top:-1px}
.right_cont {position:relative; float:right; width:300px; margin-left:1px; padding-bottom:20px}
.related {position:relative; padding:20px 0; *zoom:1}
.related:after {content:''; display:block; clear:both}
.related .tit {float:left; width:65px; font-weight:bold; color:#222}
.related .related_keyword {float:left; width:560px; max-height:62px; overflow:hidden; margin-top:-15px; overflow:hidden; display:none}
.related.on .related_keyword {display:block}
.related .related_keyword.on {max-height:none; overflow:visible}
.related span {margin-left:30px; color:#1951cc}
.related.on span {display:none}
.related .btn_open {position:absolute; top:14px; right:20px; display:block; width:23px; height:23px; padding:0 17px 0 9px; border:1px solid #777; line-height:23px; font-size:12px; color:#777; background:url('https://search.hankyung.com/img/btn_open.gif') 37px 7px no-repeat}
.related .btn_open:hover {text-decoration:underline}
.related_keyword a {display:inline-block; margin:15px 0 0 30px; white-space:nowrap; color:#1951cc; *display:inline; *zoom:1}
.related_keyword a:hover {text-decoration:underline}
.related .btn_close {position:absolute; top:20px; right:20px; width:16px; height:16px; border:1px solid #e5e5e5; background:url('https://search.hankyung.com/img/icon_del.gif') center center no-repeat; text-indent:-9999em; display:none}
.related.on .btn_close {display:block}
.related .btn_toggle {position:absolute; right:20px; bottom:20px; padding-right:13px; color:#777; background:url('https://search.hankyung.com/img/option_arr_off.gif') right 6px no-repeat; display:none}
.related .btn_toggle:hover {text-decoration:underline}
.related.on .btn_toggle {display:block}
.related .btn_toggle.on {background-image:url('https://search.hankyung.com/img/option_arr_on.gif')}

.left_cont .inner_left {padding:0}
.left_cont .section {padding:30px 0 0; border-top:1px solid #e5e5e5}
.left_cont .section.low_level {border-top:0 none}
.left_cont .powerlink {position:relative}
.left_cont .powerlink .ad {font-size:11px; font-weight:bold}
.click_choice {position:absolute; top:30px; right:20px; text-decoration:underline; font-size:12px; color:#777}
.section.low_level > .tit {padding-left:20px}
.section > .tit > span,
.section > .tit-wrap > .tit > span {color:var(--hk-text-secondary); font-weight:normal}
.section_cont {margin-top:15px; padding-bottom:30px}
.low_level .section_cont .article{padding-left:18px}
.news .section_cont {padding:17px 19px; border:1px solid #bebebe; display:none; *zoom:1}
.news .section_cont:after {content:''; display:block; clear:both}
.news .section_cont em {display:block; float:left; padding-right:13px; border-right:1px solid #e5e5e5; font-weight:bold; letter-spacing:0; color:#222}
.news .section_cont div {float:left; width:550px}
.news .section_cont a {display:block; float:left; margin-left:20px; color:#1951cc}
.news .section_cont a:hover {text-decoration:underline}
.article li {*zoom:1}
.article li ~ li {margin-top:33px}
.article li:after {content:''; display:block; clear:both}
.article .txt_wrap {float:left; width:100%; box-sizing:border-box}
.article .txt_wrap > a {display:block}
.article .txt_wrap > a:hover {text-decoration:underline}
.article .tit {display:block; max-height:2.6em; overflow:hidden; font-size:17px; line-height:1.35; color:#1951cc; text-decoration:underline}
.article .tit .icon_charge {margin-left:10px}
.article .txt {overflow:hidden; max-height:40px; margin-top:11px; line-height:20px; letter-spacing:0}
.article .thumbnail {position:relative; float:right; width:88px; height:55px; overflow:hidden; margin-left:15px; border:1px solid #e5e5e5}
.article .thumbnail a {display:block; width:100%; height:100%}
.article .thumbnail img {width:100%; height:100%; object-fit:cover; object-position:center top; position:static !important; margin:0 !important}
.article .info {margin-top:10px; font-size:12px; color:var(--hk-text-secondary)}
.article .info a {color:var(--hk-text-secondary)}
.article .info a:hover {text-decoration:underline}
.article .hash_wrap {margin-top:9px}
.article .hash_wrap span {display:inline-block}
.article .hash_wrap span ~ span {margin:6px 6px 0 0}
.article .hash_wrap a {display:inline-block; padding:3px 5px; font-size:12px; color:#666; background:#f3f3f3}
.article .hash_wrap a:hover{text-decoration:underline}
.btn_more {padding-top:30px; text-align:right}
.btn_more a {display:inline-block; padding-right:9px; color:#1951cc; background:url('https://search.hankyung.com/img/icon_more.gif') right 4px no-repeat}
.btn_more a:hover {text-decoration:underline}
.img_grid {position:relative; height:160px; overflow:hidden}
.img_grid a {position:absolute; height:160px}
.img_grid a img {height:100%; max-height:160px}
.video_wrap {margin:-30px 0 0 -16px; *zoom:1}
.video_wrap:after {content:''; display:block; clear:both}
.video_wrap li{float:left; width:249px; margin:30px 0 0 16px}
.video_wrap a {display:block}
.video_wrap a:hover {text-decoration:none}
.video_wrap a:hover .tit {text-decoration:underline}
.video_wrap .thumbnail {position:relative; width:100%; height:162px; overflow:hidden; background:#000}
.video_wrap .thumbnail .layer_mask {position:absolute; left:0; top:0; width:100%; height:100%; background:url('https://search.hankyung.com/img/video_mask.png'); z-index:1}
.video_wrap .thumbnail .icon_play {position:absolute; right:10px; bottom:10px; width:30px; height:30px; text-indent:-9999em; background:url('https://search.hankyung.com/img/icon_play.png') center center no-repeat; z-index:2}
.video_wrap .thumbnail img {max-width:216px; max-height:162px}
.video_wrap .tit {max-height:44px; overflow:hidden; margin-top:12px; font-size:15px; line-height:22px; color:#1951cc}
.video_wrap .info {margin-top:13px; font-size:12px; color:var(--hk-text-secondary); letter-spacing:0}
.paper_wrap {width:696px; margin:-25px 0 0 -16px; *zoom:1}
.paper_wrap:after {content:''; display:block; clear:both}
.paper_wrap li{float:left; width:158px; height:235px; margin:25px 0 0 16px; overflow:hidden}
.paper_wrap a {display:block}
.paper_wrap a:hover {text-decoration:underline}
.paper_wrap .thumbnail {position:relative; width:100%; height:119px; overflow:hidden; background:#f3f3f3}
.paper_wrap .thumbnail img {max-width:158px; max-height:119px}
.paper_wrap .tit {max-height:44px; overflow:hidden; margin-top:12px; font-size:15px; line-height:22px; color:#1951cc}
.paper_wrap .info {display:block; margin-top:13px; font-size:12px; color:var(--hk-text-secondary); letter-spacing:0}
.paper_wrap .icon_charge {margin-top:10px}
.site_list li ~ li {margin-top:20px}
.link {font-size:17px; color:#1951cc; text-decoration:underline}
.url {display:inline-block; max-width:650px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; font-size:13px; color:#6bb041; white-space:nowrap; letter-spacing:0; *display:inline; *zoom:1}
.url:hover {text-decoration:underline}
.site_list p {margin-top:5px}
.web_list li ~ li {margin-top:20px}
.web_list p {overflow:hidden; max-height:40px; margin-top:5px; line-height:20px}
.dictionary dt ~ dt {margin-top:20px}
.dictionary .class {font-size:12px; color:var(--hk-text-secondary)}
.dictionary .explain {max-height:60px; overflow:hidden; margin-top:5px; line-height:20px}

.land h4.tit {font-size:15px; font-weight:normal; color:#222; letter-spacing:0}
.land h4.tit span {color:#1951cc}
.land .land_option {margin-top:20px}
.land_option input[type="radio"] {margin-top:2px; vertical-align:middle}
.land_option input[type="radio"] ~ input[type="radio"] {margin-left:20px}
.land_option label {margin-left:5px; font-size:15px; color:#777; vertical-align:middle; letter-spacing:0}
.land_option .on + label {color:#222; font-weight:bold}
.land_option .on + label em {color:#1951cc; font-weight:normal}
.tb_land {margin-top:15px; border-bottom:1px solid #e5e5e5}
.tb_land th {padding:12px 0; border-top:1px solid #e5e5e5; font-weight:normal; color:#999}
.tb_land td {padding:12px 0; border-top:1px solid #e5e5e5; text-align:center; color:#222}
.tb_land td.name {padding-left:10px; text-align:left}
.tb_land td.exp {border-top:0 none; padding:0 0 12px 10px; text-align:left}
.tb_land a {color:#1951cc; text-decoration:underline}
.hk_check {width:64px; height:19px; margin:0 auto; padding-top:21px; border:1px solid #ef4689; background:url('https://search.hankyung.com/img/hk_mark.png') center 2px no-repeat}
.hk_check .date {color:#ef4689}
.hk_check.deal {border:1px solid #999; background:url('https://search.hankyung.com/img/hk_mark_deal.png') center 2px no-repeat}
.hk_check.deal .date {color:#999}

.stock .kospi {position:relative; border-bottom:1px solid #e5e5e5; padding-bottom:8px}
.stock .kospi > a{display:block; position:relative}
.stock .kospi .name {font-size:17px; color:#222}
.stock .kospi .name em {font-size:15px; font-weight:normal; color:#777}
.stock .kospi .summary {display:block; margin-top:8px}
.stock .kospi .index {font-size:30px; font-weight:normal; color:#222}
.stock .kospi .index em {display:inline-block; margin-left:8px; padding-left:17px; font-size:17px; background:url('https://search.hankyung.com/img/icon_stock_equal.png') left 9px no-repeat; *display:inline; *zoom:1}
.stock .kospi .date {position:absolute; right:0; bottom:5px; font-weight:normal; font-size:13px; color:#999; letter-spacing:0}
.stock .stock_detail{padding-top:30px; *zoom:1}
.stock .stock_detail:after {content:''; display:block; clear:both}
.stock .chart_wrap {float:left; width:320px}
.stock .period a {color:#999}
.stock .period a.on {color:#222}
.stock .period a:hover {color:#222}
.stock .period a ~ a {margin-left:30px}
.stock .chart {height:173px; margin-top:12px; background:#f5f5f5}
.stock .detail_info {float:left; width:320px; margin-left:40px}
.stock .detail_info:only-child {float:none; width:100%; margin:0}
.stock .tb_info {width:100%}
.stock .tb_info th {height:23px; font-weight:normal; color:#999; text-align:left; vertical-align:top}
.stock .tb_info td {height:35px; vertical-align:top; font-size:15px; color:#222}
.stock .tb_info .up {color:#ff0009}
.stock .tb_info .down {color:#457fff}
.btn_stock {*zoom:1}
.btn_stock:after {content:''; display:block; clear:both}
.btn_stock a{float:left; height:16px; padding:4px 11px; border:1px solid #e5e5e5; line-height:16px; font-weight:normal}
.btn_stock a ~ a {margin-left:5px}
.stock p {margin-top:10px; font-size:13px; color:#999; letter-spacing:-1px}
.right_cont .section {margin-top:30px; padding:0}
.hot_keyword .section_cont{border-top:1px solid #e5e5e5}
.hot_keyword .keyword_list li{position:relative; margin-top:15px}
.hot_keyword .keyword_list a {display:block; width:260px; overflow:hidden; text-overflow:ellipsis; font-size:15px; white-space:nowrap}
.hot_keyword .keyword_list a:hover {text-decoration:underline}
.hot_keyword .keyword_list .num {display:inline-block; width:15px; margin-right:15px; font-family:'Trebuchet MS'; font-weight:bold; color:#457fff; text-align:center; *display:inline; *zoom:1}
.hot_keyword .icon_txt {position:absolute; top:4px; right:13px}
.section .aside a {display:block}

/* footer */
#footer {min-width:1000px; padding:20px; border-top:1px solid #f3f3f3; font-size:12px}
#footer a {color:#555}
/* 2020.07.23 공통푸터 변경 */
.footer_inner {max-width:1040px; margin:0 auto; color:#555; line-height:18px}
.footer_inner .f_item + .f_item {margin-top:10px}
.footer_inner dt {margin-bottom:3px; font-weight:bold}
.footer_inner .f_item_group > a,
.footer_inner .f_item_group > span {display:inline-block; margin-right:13px; letter-spacing:-0.04em}
/***** 2020.07.23 footer_inner 반영이후 삭제 가능 *****/
#footer a:hover {text-decoration:underline;}
#footer .b {font-weight:bold}
#footer .grd-row {position:relative; max-width:1040px; margin:0 auto}
#footer .grd-row > div + div {margin-top:6px}
#footer .ftr_nav dl, #footer .ftr_info {width:100%; overflow:hidden; line-height:18px; *zoom:1}
#footer .ftr_nav dl:after, #footer .ftr_info:after {content:''; display:block; clear:both}
#footer .ftr_nav dt {float:left; margin-right:10px; font-weight:bold; color:#555}
#footer .ftr_nav dd {float:left; *zoom:1}
#footer .ftr_nav dd a, #footer .ftr_nav dd span, #footer .ftr_info span {position:relative; float:left; padding:0 8px 0 0; color:#555; letter-spacing:-0.04em}
#footer .ftr_nav dd > a:before, #footer .ftr_nav dd > span:before, #footer .ftr_info > span:before {content:''; display:block; float:left; width:1px; height:11px; margin:5px 8px 0 0; background:#e5e5e5}
#footer .ftr_nav dd > a:not(:root:root):before,
#footer .ftr_nav dd > span:not(:root:root):before,
#footer .ftr_info > span:not(:root:root):before {margin-top:2px}
#footer .ftr_nav dd > a:first-child:before, #footer .ftr_info span.fst:before, #footer .ftr_info span:first-child:before {display:none}
#footer .ftr_nav dd span a {float:none; padding:0}
#footer .marketing_link {position:absolute; top:0; right:0; min-height:30px}
#footer .marketing_link a {display:block; padding-right:28px; background:url('https://static.hankyung.com/img/www/w/common/icon-marketing-link.png') no-repeat 99% 3px; color:#555; font-weight:bold; text-decoration:none}
#footer .marketing_link span {display:block; font-weight:normal; font-size:11px; letter-spacing:0}
/***** //2020.07.23 footer_inner 반영이후 삭제 가능 *****/

/* 공통 푸터 사이트맵 */
.footer_sitemap {padding:12px 40px 11px; border-top:1px solid #e5e5e5}
.footer_sitemap ul {max-width:1040px; margin:0 auto; overflow:hidden; *zoom:1}
.footer_sitemap li {float:left; padding-left:27px}
.footer_sitemap li h2 {float:left; font-weight:normal; font-size:12px}
.footer_sitemap li h2:before {content:'· '; position:relative; top:-1px}
.footer_sitemap li a {color:#555}
.footer_sitemap li:first-child {padding-left:0}
/* 공통 푸터 사이트맵 (2020.01.23 개편) */
.footer_sitemap_area {border-top:1px solid #e5e5e5; font-size:13px}
.footer_sitemap_area > div {max-width:1040px; margin:0 auto; box-sizing:border-box}
.footer_sitemap_area .category_tit > span {display:block}
.footer_sitemap_area .category_list {*zoom:1}
.footer_sitemap_area .category_list > li {float:left; margin-right:30px; line-height:30px}
.footer_sitemap_area .category_list:after {content:''; display:block; clear:both}
.footer_sitemap_area .section_menu {position:relative; padding:21px 0 21px 110px}
.footer_sitemap_area .section_menu + .section_menu {border-top:1px solid #e5e5e5}
.footer_sitemap_area .section_menu .category_tit {position:absolute; top:29px; left:0; font-weight:bold; font-size:14px}
.footer_sitemap_area .section_menu_news .category_tit,
.footer_sitemap_area .section_menu_pro .category_tit {font-size:16px}
.footer_sitemap_area .section_menu_news .category_list > li {width:9%; margin:0}
.footer_sitemap_area .section_menu_pro .category_list > li {width:12.5%; margin:0}
.footer_sitemap_area .section_submenu {display:none}
/* 공통 푸터 사이트맵 (2020.08.03 수정- 반영후 위내용과 통합) */
.footer_sitemap_area .en {letter-spacing:0}
.footer_sitemap_area .icon-premium {width:10px; height:12px; margin:0 0 0 4px; vertical-align:-2px}
.footer_sitemap_area.list_only_type .section_menu {padding:11px 2px}
.footer_sitemap_area.list_only_type .category_tit {display:none}
.footer_sitemap_area.list_only_type .section_menu .category_list > li {width:12%}
.footer_sitemap_area.list_only_type .section_menu .category_list > li:nth-child(8n + 3),
.footer_sitemap_area.list_only_type .section_menu .category_list > li:nth-child(8n + 4) {width:14%}
@media \0screen {
	.footer_sitemap_area.list_only_type .section_menu .category_list > li {width:12.5%}
}
/* paging */
.paging {margin:40px 0 20px; text-align:center}
.paper + .paging {margin-top:55px}
.video + .paging {margin-top:60px}
.paging_wrap {display:inline-block; *display:inline; *zoom:1}
.paging_wrap:after {content:''; display:block; clear:both}
.paging_wrap strong {display:block; float:left; height:26px; padding:0 9px; border:1px solid #457fff; color:#457fff; line-height:26px}
.paging_wrap a {display:block; float:left; margin:0 2px; height:26px; padding:0 9px; line-height:26px; font-weight:bold; color:#222; vertical-align:bottom}
.paging_wrap a:hover {text-decoration:underline}
.paging_wrap > a {width:8px; border:1px solid #e5e5e5; font-weight:normal; text-indent:-9999em}
.paging_wrap .first {background:url('https://search.hankyung.com/img/btn_first.gif') center no-repeat}
.paging_wrap .prev {background:url('https://search.hankyung.com/img/btn_prev.gif') center no-repeat}
.paging_wrap .next {background:url('https://search.hankyung.com/img/btn_next.gif') center no-repeat}
.paging_wrap .last {background:url('https://search.hankyung.com/img/btn_last.gif') center no-repeat}
.paging_wrap .num {float:left; margin:0 3px}
.paging_wrap .num a {margin-top:1px}

#option .option_layer.origin {width:100px}

#img_content {background:none}
.img_inner {width:auto; padding:0 20px; min-width:1040px}
.img_wrap {position:relative; width:100%; padding-top:37px}
.img_wrap h3 {margin-bottom:15px}
.img {position:relative}
.img > div {position:absolute}
.img > div > a {display:block}
.img .hover_txt {display:none; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:url('https://search.hankyung.com/img/hover_back.png') repeat}
.img a:hover .hover_txt {display:block}
.img .hover_txt p {display:inline-block; width:80%; font-size:15px; color:#fff; vertical-align:middle; word-break:break-word; *display:inline; *zoom:1}
.img .hover_txt span {display:inline-block; height:100%; vertical-align:middle; *display:inline; *zoom:1}
.img_view_wrap {position:absolute; top:15%; width:100%; min-width:1040px; z-index:10001}
.img_view_wrap .img_view {height:500px; text-align:center; background-color:#222}
.img_view_wrap .img_view .img_box {height:100%; padding:0 440px 0 40px; text-align:center}
.img_view_wrap .img_view .img_box span {display:inline-block; height:100%; font-size:0; vertical-align:middle; *display:inline; *zoom:1}
.img_view_wrap .img_view .img_box a {display:inline-block; max-width:100%; max-height:382px; vertical-align:middle; *display:inline; *zoom:1}
.img_view_wrap .img_view .img_box img {max-width:100%; max-height:382px}
.img_view_wrap .img_view .img_info {position:absolute; top:58px; right:40px; width:320px; padding:0 60px 0 19px; border-left:1px solid #333; text-align:left}
.img_view_wrap .img_info .tit a {font-size:17px; color:#fff; line-height:26px; letter-spacing:0}
.img_view_wrap .img_info .tit a:hover {text-decoration:underline}
.img_view_wrap .img_info .info {margin-top:10px; font-size:12px; color:#999}
.img_view_wrap .img_info .rel {margin-top:15px; padding-top:15px; border-top:1px solid #333}
.img_view_wrap .img_info .rel span {font-size:12px; color:#999}
.img_view_wrap .img_info .img_nav {margin-top:5px}
.img_nav {width:330px; margin-left:-5px; *zoom:1}
.img_nav:after {content:''; display:block; clear:both}
.img_nav div {float:left; width:100px; height:75px; margin:5px; position:relative; overflow:hidden}
.img_nav a {display:block}
.img_nav a.on {width:96px; height:71px; border:2px solid #457fff}
.img_nav a img {width:100%}
.img_nav a:hover p{text-decoration:underline}
.img_nav div p {position:absolute; width:100%; height:100%; background:url('https://search.hankyung.com/img/hover_back.png') repeat; line-height:75px; color:#fff; text-align:center}
.img_view_wrap .btn_close {position:absolute; top:20px; right:20px}
.img_view_wrap .btn_next {position:absolute; top:230px; right:20px}
.img_view_wrap .btn_prev {position:absolute; top:230px; left:20px}
.btn_img_more {max-width:1180px; margin:0 auto; height:36px}
.btn_img_more a {display:block; border:1px solid #e5e5e5; padding:10px 0; text-align:center}
.dim {position:fixed; top:0; right:0; bottom:0; left:0; /*background:url('/img/dim.png'); 이미지경로 없음 */ z-index:10000}

/* 메인 */
#main_content .search_wrap {width:560px; margin:30px auto 80px; *zoom:1}
#main_content .search_wrap:after {content:''; display:block; clear:both}
#main_content .search_box {position:relative; float:left; width:474px; height:18px; padding:11px 10px 10px; border:3px solid #457fff; background:#fff}
#main_content .search_box input[type="text"] {font-size:15px; line-height:18px; width:320px; border:0 none; color:#222; background:none}
#main_content .search_box input[type="text"]:focus {outline:none}
#main_content .search_box .btn_lately {display:block; width:10px; height:5px; position:absolute; right:12px; top:17px; background:url('https://search.hankyung.com/img/search_arr_off.gif') center center no-repeat; text-indent:-9999em}
#main_content .search_box .btn_lately .on {background-image:url('https://search.hankyung.com/img/search_arr_on.gif')}
#main_content .search_box .search_layer {position:absolute; top:42px; left:-3px; width:498px; border:1px solid #bebebe; border-top:0 none; background:#fff; display:none; z-index:10}
#main_content .search_box .btn_wrap {padding:8px 14px 8px 12px; background:#f3f3f3}
#main_content .search_box .btn_wrap a {font-size:12px; color:#777}
#main_content .search_box .btn_wrap a:hover {font-weight:bold}
#main_content .search_box .btn_wrap span {float:right}
#main_content .search_box .btn_wrap span a + a {margin-left:5px; padding-left:9px; background:url('https://search.hankyung.com/img/line_auto.gif') left center no-repeat}
#main_content .search_layer li {position:relative; padding:8px 27px 9px 10px; font-size:13px}
#main_content .search_layer li:hover {background:#fff3f4}
#main_content .search_layer li .link_txt {color:#777}
#main_content .search_layer .lately {border-bottom:1px solid #e5e5e5; display:none}
#main_content .search_layer .lately>.tit {padding:8px 10px; border-bottom:1px solid #e5e5e5; font-size:13px; color:#222; background:#f3f3f3}
#main_content .search_layer .lately .date {font-size:11px; color:#999; float:right}
#main_content .search_layer .lately .btn_del {display:block; position:absolute; top:11px; right:11px; width:8px; height:8px; background:url('https://search.hankyung.com/img/icon_del.gif') center center no-repeat; text-indent:-9999em}
#main_content .search_layer .auto_search {border-bottom:1px solid #e5e5e5; display:none}
#main_content .search_layer .auto_search .auto {font-weight:bold; color:#457fff}
#main_content .btn_search {float:left; width:55px; height:45px; margin-left:5px; font-size:15px; line-height:40px; color:#fff; background:#457fff}
#main_content {width:700px; margin:0 auto; padding:100px 0 60px; word-break:keep-all; letter-spacing:0}
#main_content h1 {text-align:center}
#main_content h2 {font-size:24px; color:#222; line-height:36px; text-align:center}
#main_content dl {overflow:hidden; padding:34px 0px 40px 79px; background-repeat:no-repeat; background-position:20px 30px; border-bottom:1px solid #e1e1e1}
#main_content dt {float:left; width:85px; margin-right:35px; padding-top:5px; font-size:20px; font-weight:bold; color:#222; letter-spacing:0}
#main_content dt span {color:#457fff}
#main_content dd {float:left; width:480px; color:#222; font-size:17px; line-height:24px}
#main_content .item00 {background-image:url(https://search.hankyung.com/img/icon_main05.png); border-top:3px solid #000; margin-top:35px}
#main_content .item01 {background-image:url(https://search.hankyung.com/img/icon_main01.png)}
#main_content .item02 {background-image:url(https://search.hankyung.com/img/icon_main02.png)}
#main_content .item03 {background-image:url(https://search.hankyung.com/img/icon_main03.png)}
#main_content .item04 {background-image:url(https://search.hankyung.com/img/icon_main04.png)}
#main_content .item02 dd li, #main_content .item03 dd {width:70%}
#main_content dd ol >li {text-indent:-55px; padding-left:55px; margin-top:21px; line-height:24px}
#main_content dd ol >li:first-child{margin-top:-0px}
#main_content dd ol >li strong {margin-right:4px}
#main_content dd ul {margin-top:9px}
#main_content dd ul li {font-size:15px; line-height:30px; text-indent:10px; background:url(https://search.hankyung.com/img/bullet_square.gif) no-repeat left center}
#main_content .note {color:#777; margin-top:18px; padding-left:20px}

.stock .kospi .index.up {color:#ff0009}
.stock .kospi .index.up em {background:url('https://search.hankyung.com/img/icon_stock_up.png') left 5px no-repeat}
.stock .kospi .index.down {color:#457fff}
.stock .kospi .index.down em {background:url('https://search.hankyung.com/img/icon_stock_down.png') left 5px no-repeat}

.search_none {padding-top:55px}
.txt_none {font-size:17px; color:#222}
.txt_none .keyword {color:#ff0009}
.guide_search {margin-top:15px}
.guide_search li {padding-left:20px; line-height:20px; /*background:url('/img/dot_guide_search.gif') 13px center no-repeat 이미지경로없음 */}


.check-style .inp-radio,
.check-style .inp-check {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}

.check-style {display:inline-flex; align-items:center; position:relative; cursor:pointer; margin-right:10px}
.check-style label {cursor:pointer; user-select:none}
.check-style .label-txt {display:inline-flex; align-items:center}
.check-style .label-txt::before {content:''; display:inline-block; width:16px; height:16px; margin-right:6px; border:1px solid #121212; background:#fff; box-sizing:border-box}
.check-style .inp-check:checked + .label-txt::before {border:none; background:#121212 url('https://static.hankyung.com/img/www/w/common/form/icon-check-fff.svg') no-repeat center center/10px 9px}
.check-style .inp-check:disabled + .label-txt::before,
.check-style .inp-check[readonly] + .label-txt::before {background-color:#eee; cursor:not-allowed}
.check-style:last-child {margin-right:0}

.section > .tit-wrap {display:flex; align-items:center; justify-content:space-between}



.left_cont .hk_news .type_news {color:#ff0009}
.sort_order {margin-top:20px; *zoom:1}
.sort_order:after {content:''; display:block; clear:both}
.sort_order li {float:left; padding-left:15px; color:var(--hk-text-secondary); letter-spacing:0;background:url('https://search.hankyung.com/img/sort_order.png') 1px center no-repeat; cursor:pointer}
.sort_order li.on {color:#222; background-image:url('https://search.hankyung.com/img/sort_order_on.png')}
.sort_order li ~ li {margin-left:15px}
.sort_order + div {margin-top:30px}

/* 검색어 추천 */
.fix_keyword + .related {border-top:1px solid #e5e5e5}
.fix_keyword {position:relative; padding:20px 0; *zoom:1; border-bottom:1px solid #e5e5e5}
.fix_keyword:after {content:''; display:block; clear:both}
.fix_keyword .tit {float:left; width:85px; font-weight:bold; color:#222}
.fix_keyword span {margin-left:30px; color:#1d3050}
.fix_keyword .fix_word {color:#ff0009}
.fix_keyword a {color:#1951cc}
.fix_keyword a:hover {text-decoration:underline}

/* 통합검색 옵션추가 */
.switch-field {display:inline-block; vertical-align:middle; padding-bottom:3px; background:url('https://search.hankyung.com/img/switch-line.png') no-repeat}
.option-cont {display:inline-block !important; background:none !important}
.switch-field input {position:absolute !important; clip:rect(0, 0, 0, 0); height:1px; width:1px; border:0; overflow:hidden}
.switch-field label {float:left}
.switch-field label.on {border-right:0}
.switch-field label.off {border-left:0}
.switch-field label {display:inline-block; width:28px;  background-color:#fff; color:var(--hk-text-secondary); font-size:10px; font-weight:normal; text-align:center;
                    text-shadow:none; padding:3px 0; border:1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition:all 0.1s ease-in-out;
  -moz-transition:   all 0.1s ease-in-out;
  -ms-transition:    all 0.1s ease-in-out;
  -o-transition:     all 0.1s ease-in-out;
  transition:        all 0.1s ease-in-out;
}
.switch-field label:hover {cursor:pointer}
.switch-field input:checked + label {
  border:1px solid #376FEB; -webkit-box-shadow:none; box-shadow:none; color:#376FEB}

/* 상단 바로가기 */
.btn_top_wrap {position:fixed; bottom:0; left:50%; width:1px; height:0}
.btn_position {position:absolute; bottom:65px; right:-560px}
.ico.btn_top {position:fixed; display:block; width:40px; height:40px; overflow:hidden; text-indent:-9999px; font-size:0;
  background:url('https://www.hankyung.com/resource/images/w/2017hk-sprite.png') no-repeat -95px -372px}




/* 개편헤더 - 통합검색 */
.hk-header .section__logo__area {display:flex; justify-content:center; align-items:center; gap:16px}
.hk-header .search_wrap {position:relative; display:flex; align-items:center; width:480px; border:1px solid #DDD; /*border-radius:25rem;*/ background:#fff; box-sizing:border-box}
.hk-header .search_box {flex:1}
.hk-header .search_box input[type="text"] {width:100%; height:48px; padding:0 40px 0 16px; border:0 none; color:#121212; font-size:15px; background:none; box-sizing:border-box}
.hk-header .search_box input[type="text"]:focus {outline:none}
.hk-header .search_box .btn_lately {content:''; position:absolute; right:50px; top:50%; transform:translateY(-50%); display:inline-block; width:40px; height:40px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6'%3E%3Cpath fill='%23888' d='M5.177 5.228c-.3.365-1.053.365-1.354 0L.606 1.324C.305.959.68.502 1.283.502h6.434c.602 0 .978.457.677.822L5.177 5.228Z'/%3E%3C/svg%3E") no-repeat center right/10px 7px; text-indent:-9999em}
.hk-header .search_box .btn_lately.on {background-position:center left; transform:translateY(-50%) rotate(-180deg)}

.hk-header .search_box .search_layer {display:none; position:absolute; top:49px; left:-1px; right:-1px; border:1px solid #ddd; border-top:0 none; background:#fff; z-index:8}
.hk-header .search_box .btn_wrap {padding:8px 14px 8px 12px; background:#f3f3f3}
.hk-header .search_box .btn_wrap a {font-size:12px; color:var(--hk-text-secondary)}
.hk-header .search_box .btn_wrap a:hover {font-weight:bold}
.hk-header .search_box .btn_wrap span a + a {margin-left:5px; padding-left:9px; background:url('https://search.hankyung.com/img/line_auto.gif') left center no-repeat}
.hk-header .search_layer li {position:relative; padding:8px 27px 9px 10px; font-size:13px}
.hk-header .search_layer li:hover {background:#fff3f4}
.hk-header .search_layer li .link_txt {color:var(--hk-text-secondary)}
.hk-header .search_layer .lately {border-bottom:1px solid #e5e5e5; display:none}
.hk-header .search_layer .lately>.tit {padding:8px 10px; border-bottom:1px solid #e5e5e5; font-size:13px; color:#222; background:#f3f3f3}
.hk-header .search_layer .lately .date {font-size:11px; color:var(--hk-text-secondary); float: right;}
.hk-header .search_layer .lately .btn_del {display:block; position:absolute; top:11px; right:11px; width:8px; height:8px; background:url('https://search.hankyung.com/img/icon_del.gif') center center no-repeat; text-indent:-9999em}
.hk-header .search_layer .auto_search {border-bottom:1px solid #e5e5e5; display:none}
.hk-header .search_layer .auto_search .auto {font-weight:bold; color:#457fff}
.hk-header .btn_search {width:48px; height:48px; color:transparent; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' class='icon-svg'%3E%3Cpath fill='none' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m15.75 15.75-4.5-4.5m1.5-3.75a5.25 5.25 0 1 1-10.5 0 5.25 5.25 0 0 1 10.5 0Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%/24px 24px; user-select:none}
.hk-header #gnb {margin:0; border-top:none; border-bottom:1px solid #121212}
.hk-header #gnb .nav {display:flex; justify-content:center; gap:32px}
.hk-header #gnb .nav:after {display:none}
.hk-header #gnb li {float:none}
.hk-header #gnb li ~ li {margin-left:0}
.hk-header #gnb li.active a {color:#121212; font-weight:700;}
.hk-header #gnb li a {font-size:16px; font-weight:400}

.hk-header:has(.allmenu-serach-wrap) #gnb {border-bottom:none}
.isSticky .section__logo__area:not(:only-child):has(.search_wrap) {height:auto}

/* 기간 - 달력 (Flatpickr) */
#option .option_layer.period:has(.period-option-wrap) {width:auto; padding:16px}
#option .option_layer.period:has(.period-option-wrap) .period-option-wrap > ul > li {padding:0}
.period-option-wrap {display:flex}
.period-option-wrap > ul {flex:0 0 auto; width:64px}
.period-option-wrap > .layer-calendar {display:none; flex:1 1 auto; max-width:246px; padding:0 0 0 16px; border-left:1px solid #EDEDED; box-sizing:border-box}
.period-option-wrap .layer-calendar .date-range-input {display:flex; align-items:center; justify-content:space-between}
.period-option-wrap .layer-calendar .inp-txt {width:105px; padding:0 8px; border:1px solid #bbb; font-size:13px; line-height:23px; box-sizing:border-box}
.period-option-wrap .layer-calendar .btn-area {margin-top:10px; text-align:center}
.period-option-wrap .flatpickr-calendar {box-shadow:none; font-size:13px}
.period-option-wrap .flatpickr-calendar,
.period-option-wrap .flatpickr-calendar .flatpickr-days,
.period-option-wrap .flatpickr-calendar .dayContainer {width:230px; min-width:230px; max-width:230px;}
.period-option-wrap .flatpickr-calendar .flatpickr-day {max-width:unset; height:25px; margin:0; border:none; line-height:25px; border-radius:0}
.period-option-wrap .flatpickr-day.selected.startRange.endRange,
.period-option-wrap .flatpickr-day.startRange.startRange.endRange,
.period-option-wrap .flatpickr-day.endRange.startRange.endRange,
.period-option-wrap .flatpickr-day.selected.startRange,
.period-option-wrap .flatpickr-day.startRange.startRange,
.period-option-wrap .flatpickr-day.endRange.startRange,
.period-option-wrap .flatpickr-day.endRange.endRange {border-radius:0; box-shadow:none}
.period-option-wrap .flatpickr-calendar .flatpickr-current-month {display:flex; justify-content:center; align-items:center; flex-direction:row-reverse; height:46px; padding:0; font-size:13px}
.period-option-wrap .flatpickr-months .flatpickr-month {height:46px}
.period-option-wrap .flatpickr-months .flatpickr-prev-month,
.period-option-wrap .flatpickr-months .flatpickr-next-month {display:flex; align-items:center; height:auto}
.period-option-wrap .flatpickr-months .flatpickr-prev-month {padding:16px 16px 16px 0}
.period-option-wrap .flatpickr-months .flatpickr-next-month {padding:16px 0 16px 16px}
.period-option-wrap .flatpickr-months .flatpickr-prev-month:hover svg,
.period-option-wrap .flatpickr-months .flatpickr-next-month:hover svg {fill:#457fff}
.period-option-wrap .flatpickr-current-month input.cur-year,
.period-option-wrap .flatpickr-current-month .flatpickr-monthDropdown-months {font-weight:700; font-size:16px}
.period-option-wrap .flatpickr-current-month .numInputWrapper {width:56px}
.period-option-wrap .flatpickr-current-month input.cur-year {padding:0}
.period-option-wrap .flatpickr-current-month .flatpickr-monthDropdown-months {-webkit-appearance:none; -moz-appearance:none; appearance:none;     background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0 center / 16px 12px; padding:0 16px 0 0}
.period-option-wrap .flatpickr-day.today:hover,
.period-option-wrap .flatpickr-day.today:focus {color:#121212}
.period-option-wrap .flatpickr-day.inRange {box-shadow:none; background:rgb(243, 243, 243)}
.period-option-wrap .flatpickr-day.selected,
.period-option-wrap .flatpickr-day.startRange,
.period-option-wrap .flatpickr-day.endRange,
.period-option-wrap .flatpickr-day.selected.inRange,
.period-option-wrap .flatpickr-day.startRange.inRange,
.period-option-wrap .flatpickr-day.endRange.inRange,
.period-option-wrap .flatpickr-day.selected:focus,
.period-option-wrap .flatpickr-day.startRange:focus,
.period-option-wrap .flatpickr-day.endRange:focus,
.period-option-wrap .flatpickr-day.selected.prevMonthDay,
.period-option-wrap .flatpickr-day.startRange.prevMonthDay,
.period-option-wrap .flatpickr-day.endRange.prevMonthDay,
.period-option-wrap .flatpickr-day.selected.nextMonthDay,
.period-option-wrap .flatpickr-day.startRange.nextMonthDay,
.period-option-wrap .flatpickr-day.endRange.nextMonthDay {color:#121212; background:rgb(226, 226, 226)}
.period-option-wrap .flatpickr-day.selected:hover,
.period-option-wrap .flatpickr-day.startRange:hover,
.period-option-wrap .flatpickr-day.endRange:hover  {background:#d7f0ff}
.period-option-wrap > .layer-calendar.active {display:block}