@charset "UTF-8";

/* 공통 영역 */
.view_sec_wrap {overflow:hidden; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px 0; border-top: 1px solid #E2E2E2; max-width: 767px; margin: 0 auto; position: relative; background-color: #FFF;}
.view_sec_wrap.bd_null {border-top:0}
.view_sec_wrap.pd_null {padding:0}
.view_sec_wrap .tit_group {position: relative; font-size: 18px; font-weight: 700; padding: 0 20px 15px; overflow: visible;}
.view_sec_wrap .tit_group.mgzl {padding-right:14px; background:url(//img.khan.co.kr/images/khan/pc/ci-mgzl-side.png) no-repeat right 22%; background-size:10px 17px;} /* 매거진L 로고 적용 */
.view_sec_wrap .sub_bl.tit_group {font-size: 16px; padding: 0 20px 15px; color: #4469B0;}
/* 더보기 */
.sec_more {display: block; text-align: center; margin: 10px 20px 0; padding: 10px 0 0; border-top: 1px solid #F2F2F2; clear: both; cursor: pointer;}
.sec_more span {font-size: 15px; color: #222222; display: inline-block; padding: 5px 15px 5px 0px; background: url(//img.khan.co.kr/images/khan/m/ico_arr_btm_s_gr.svg) no-repeat right 50%; background-size: 10px 5px;}

/* 단독,속보 라벨 */
.header_tit_serial .lable_pt {font-size: 12px; top:1px; padding: 0;}
.header_tit_serial .lable_pt span {padding: 5px 6px;}
/* 꼭지명 */
.sheaf_tit {color:#4469b0; font-weight:700; -webkit-font-smoothing:antialiased;}
.sheaf_tit .link_txt {font-size:13px;}
/* 리드문 */
.lead {margin:7px 0 5px;}
/* 영문 기사일 때 적용 */
.eng_txt {}
.eng_txt .wrap_list_df_thumb .tit_thumb {font-family:Georgia,Times,serif; line-height:1.4;}
.eng_txt .sec_tit_1dep {font-family:Georgia,Times,serif;}
.eng_txt .art_header .tit_view {font-family:Georgia; font-style:italic; letter-spacing:0;}
.eng_txt .article_view .art_txt {letter-spacing:0; font-family:Georgia,Times,serif; font-weight:400; line-height:1.8;}

/* 동영상 기사 아이콘 */
.view_list_type .list .link_thumb .ico-mov {right:10px; bottom:10px; width:20px; height:20px;} /* 기사 본문 하단 주요기사 */
.sec_slide_2 .item .link_thumb .ico-mov {right:10px; bottom:10px; width:25px; height:25px;} /* 기사 본문 하단 추천 이슈 */


/****************************************************************************
	ViewPage
****************************************************************************/
/* header */
.head_article {position: fixed; top: -50px; width: 100%; min-width: 320px; -webkit-transform:translate3d(0,0,0); z-index:100; transition:All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.head_article.on {top:0;}
.head_article .common-header-title {position:relative; height:50px; background-color:#fff;}
.head_article .link_corp {width:30px; height:30px;}
/* 기사뷰 헤더 수정에 따른 주석(backUp) */
/* .box_menu_left {position: absolute; top: 10px; left: 15px; z-index: 20;}
.box_menu_left .btn_menu {background: url(//img.khan.co.kr/images/khan/m/btn_gnb_menu.svg) center no-repeat; background-size:20px 16px;}
.box_menu_left .btn_home {background: url(//img.khan.co.kr/images/khan/m/btn_gnb_home.svg) center no-repeat; background-size:22px 20px; margin-left: 8px;} */
.box_menu_left {position: absolute; top: 0; left: 0; z-index: 20;}
.box_menu_left .btn_menu {width: 50px; height: 50px; background: url(//img.khan.co.kr/images/khan/m/btn_gnb_menu.svg) center no-repeat; background-size:20px 16px; background-color: #efefef;}
.box_menu_left .btn_home {width: 83px; height: 50px; background: url(//img.khan.co.kr/images/khan/m/logo_khan.svg) center no-repeat; background-size: contain; margin-left: 8px;}
.box_menu_left .ico-khanup-label {display:none; position:absolute; top:14px; width:80px; height:23px; margin-left:8px; border-radius:7px; background:url(//img.khan.co.kr/images/khan/pc/thumb-label-khanup.svg) center no-repeat; background-size:80px;}
.box_menu_left .ico-khanup-label.on {display:inline-block;}
.box_menu_left .logo220303 {width:100px; height:50px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_nowar_m.png) center no-repeat; background-size:100px 21px; margin-left:8px;} /* 2022 반전 제호 */
.box_menu_left .logo220308 {width:103px; height:50px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_women_m.png) center no-repeat; background-size:103px 21px; margin-left:8px;} /* 2022 여성의 날 제호 */
.box_menu_left .logo220309 {width:100px; height:50px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_election2022_m.png) center no-repeat; background-size:100px 21px; margin-left:8px;} /* 2022 대통령 선거 제호 */
.box_menu_left .logo221031 {width:100px; height:50px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_221031_m.png) center no-repeat; background-size:100px 28px; margin-left:8px;} /* 2022 이태원 참사 애도 제호 */
.box_menu_left .logo230208 {width:120px; height:50px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_230208_m.png) center no-repeat; background-size:120px 34px; margin-left:8px;} /* 2023 튀르키예 지진 애도 제호 */
.box_menu_left .logo240308 {width:112px; height:50px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_women24.svg) center no-repeat; background-size:112px 30px; margin-left:8px;} /* 2024 여성의 날 제호 */
/* 완독 기능 이동 */
.box_menu_left .complete-section {position:static; overflow:hidden; margin-left:1px;}
.box_menu_left .complete-section .complete-wrap {left:0;}
.box_menu_left .complete-section .bubble-msg {left:20px;}
.box_menu_left .complete-section .bubble-msg::before {left:129px;}
.box_menu_left .complete-section.khanup {left:140px; min-width:40px;}
.box_menu_left .complete-section.khanup .bubble-msg {left:20px;}
.box_menu_left .complete-section.khanup .bubble-msg::before {left:129px;}
.box_menu_left .complete-section.khanup .complete-wrap {left:0; top:14px;}
.box_menu_left .complete-section.khanup .complete-wrap .ico-complete-check {width:21px;}
.box_menu_left .complete-section.khanup .complete-wrap .txt-complete-check {left:0; padding-left:23px; font-size:13px;}
.box_menu_right {position: absolute; top: 10px; right: 10px; z-index: 20;}
.box_menu_right .link_corp {float: left;}
.box_menu_right .link_corp .ico {width: 30px; height: 30px; text-indent: -9999px;}
.box_menu_right .btn_reply {width:auto; margin:0 3px 0 3px;}
.box_menu_right .btn_reply .ico_reply {background:url(//img.khan.co.kr/images/khan/m/btn_gnb_reply.svg) center no-repeat; background-size:20px 20px; width: 20px;}
.box_menu_right .btn_reply em {position: relative; top: 5px; font-size: 12px; font-weight: 600; letter-spacing: 0; font-family: Roboto;}
.box_menu_right .btn_share {margin:0 3px 0 0;}
.box_menu_right .btn_share .ico_share {background:url(//img.khan.co.kr/images/khan/m/btn_gnb_share.svg) center no-repeat; background-size:20px 20px;}
.box_menu_right .btn_more {margin: 0 5px 0 0;}
.box_menu_right .btn_more .ico_more {background:url(//img.khan.co.kr/images/khan/m/btn_gnb_more.svg) center no-repeat; background-size:20px 20px;}
.box_menu_right .btn_fsize {margin: 0;}
.box_menu_right .btn_fsize .ico_fsize {background:url(//img.khan.co.kr/images/khan/m/ico-font-ctrl.svg) center no-repeat; background-size:20px 20px;}
.box_menu_right .bookmark {display:inline-block; width:30px; height:30px; margin:0 6px 0 3px; text-indent:-9999px; background:url(//img.khan.co.kr/images/khan/m/ico_bookmark_save.svg) center no-repeat; background-size:20px 20px;}
.box_menu_right .bookmark.on {background:url(//img.khan.co.kr/images/khan/m/ico_bookmark_save_on.svg) center no-repeat; background-size:20px 20px;}
.box_menu_right .btn_bookmark {margin:0 2px 0 2px;}
.box_menu_right .btn_bookmark .ico_bookmark {background:url(//img.khan.co.kr/images/khan/m/ico_bookmark_save.svg) center no-repeat; background-size:20px 20px;}
.box_menu_right .btn_bookmark.on .ico_bookmark {background:url(//img.khan.co.kr/images/khan/m/ico_bookmark_save_on.svg) center no-repeat; background-size:20px 20px;}
.box_menu_right .tts {margin:0 9px 0 3px;}
.box_menu_right .curation {margin:0 7px;}
.box_menu_right .curation .m-pop-curation {position:relative; top:4px;}
.box_menu_right .curation button, 
.box_menu_right .curation a {display:block; width:30px; height:30px; font-size:0; background:url(//img.khan.co.kr/images/khan/m/ico-ku-star.svg) center no-repeat; background-size:23px 23px;}
.box_menu_right .curation.on button, 
.box_menu_right .curation.on a {background:url(//img.khan.co.kr/images/khan/m/ico-ku-star-on.svg) center no-repeat; background-size:23px 23px;}
.box_menu_right .newsply {display:block; margin:0 7px; width:30px; height:30px; font-size:0; background:url(//img.khan.co.kr/images/khan/m/ico-ku-star.svg) center no-repeat; background-size:23px 23px;}
.box_menu_right .newsply.on {background:url(//img.khan.co.kr/images/khan/m/ico-ku-star-on.svg) center no-repeat; background-size:23px 23px;}
/* 더보기 레이어 */
.box_menu_right .btn_more.on .more_layer {display: block;}
.box_menu_right .btn_fsize.on .more_layer {display: block;}
.box_menu_right .more_layer {display: none; position: absolute; top: 35px; right: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 120px;border: 1px solid #666; border-radius: 5px; background: #fff; z-index: 50;}
.box_menu_right .more_layer .control {display: block; text-align: center; padding: 12px 15px; /* border-bottom: 1px solid #E2E2E2; */ font-size: 17px; font-weight: 700;}
.box_menu_right .more_layer .control strong {padding: 0 10px;}
.box_menu_right .more_layer .control .disable {opacity: .3;}
.box_menu_right .more_layer .control .plus {float: right; width: 20px; height: 20px; background:url(//img.khan.co.kr/images/khan/m/ico_plus_round.svg) center no-repeat; background-size: 16px}
.box_menu_right .more_layer .control .minus {float: left; width: 20px; height: 20px; background:url(//img.khan.co.kr/images/khan/m/ico_minus_round.svg) center no-repeat; background-size: 16px}
.box_menu_right .more_layer button {display: block; font-size: 14px; color: #444; font-weight: 500;}
.box_menu_right .more_layer .voice {background:url(//img.khan.co.kr/images/khan/m/ico_voice_mode.svg) left center no-repeat; background-size: 15px 13px; padding-left: 25px; margin: 15px 18px;}
.box_menu_right .more_layer .bookmark {background:url(//img.khan.co.kr/images/khan/m/ico_bookmark_save.svg) left center no-repeat; background-size: 13px 14px; padding-left: 25px; margin: 15px 18px;}
.box_menu_right .more_layer .bookmark.on {background:url(//img.khan.co.kr/images/khan/m/ico_bookmark_save_on.svg) left center no-repeat; background-size: 13px 14px; color: #4C68AB;}
.box_menu_right .more_layer .fn-area {overflow:hidden; width:100%;}
.box_menu_right .more_layer > .fn-area.tts {margin:0; padding:6px 0 4px; border-bottom:1px solid #E2E2E2;}
.box_menu_right .more_layer > .fn-area.tts > .tts {margin:0 6px 0 9px;}
.box_menu_right .more_layer > .fn-area.tts .tts-info-txt {float:left; line-height:2.2em; font-size:15px;}
.box_menu_right .more_layer > .fn-area.bookmark {margin:0; padding:0; background:none;}
.box_menu_right .more_layer > .fn-area.bookmark .bookmark {margin:12px 15px 10px; font-size:15px; font-family:'Noto Sans KR'; font-weight:400; background-size:18px 19px;}
/* 최신 이슈 노출 */
.r-issue {position:absolute; top:0; right:10px; z-index:20;}
.r-issue .issue-txt {display:inline-block; margin-right:5px;}
.r-issue .issue-txt > a {color:#1a1a1a; font-size:13px; font-weight:600; line-height:52px; border:1px solid #aaa; border-radius:100px; padding:6px 12px; box-sizing:border-box; letter-spacing:-0.07em;}
.r-issue .link_corp {display:inline-block; vertical-align:middle;}
.r-issue .link_corp.btn_login {height:50px;}
.r-issue .link_corp .ico {width:30px; height:30px; text-indent:-9999px;}
.r-issue .btn_login .ico_login {height:50px; background:url(//img.khan.co.kr/images/khan/m/btn_snb_login.svg) center no-repeat; background-size: 20px 20px;}
.r-issue .btn_login .ico_login.sign-in {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-in.svg) center no-repeat; background-size: 24px 24px;}
.head_article.theme-bl .r-issue .btn_login .ico_login {background:url(//img.khan.co.kr/images/khan/m/btn_snb_login_wt.svg) center no-repeat; background-size: 20px 20px;}
.head_article.theme-bl .r-issue .btn_login .ico_login.sign-in {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt-in.svg) center no-repeat; background-size:24px 24px;}
/* 로그인 마이 메뉴 */
.head_article .login-svc-wrap {position:absolute; top:0; right:10px;}
.head_article .box_menu_right .login-svc-wrap {position:static; float:left;}
.head_article .box_menu_right .login-svc-wrap .link_corp.btn_login {height:30px;}
.login-svc-wrap .link_corp {display:inline-block; vertical-align:middle; text-indent:-9999px;}
.login-svc-wrap .link_corp.btn_login {height:50px; background:url(//img.khan.co.kr/images/khan/m/btn_snb_login.svg) center no-repeat; background-size: 20px 20px;}
.login-svc-wrap .link_corp.btn_login.sign-in {height:50px; background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-in.svg) center no-repeat; background-size: 24px 24px;}
/* .login-svc-wrap .link_corp .ico {width:30px; height:30px; text-indent:-9999px;}
.login-svc-wrap .btn_login .ico_login {height:50px; background:url(//img.khan.co.kr/images/khan/m/btn_snb_login.svg) center no-repeat; background-size: 20px 20px;}
.login-svc-wrap .btn_login .ico_login.sign-in,
.login-svc-wrap .link_corp.sign-in .ico_login {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-in.svg) center no-repeat; background-size: 24px 24px;} */

.head_article.theme-bl .login-svc-wrap .link_corp.btn_login {height:50px; background:url(//img.khan.co.kr/images/khan/m/btn_snb_login_wt.svg) center no-repeat; background-size: 20px 20px;}
.head_article.theme-bl .login-svc-wrap .link_corp.btn_login.sign-in {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt-in.svg) center no-repeat; background-size: 24px 24px;}
/* .head_article.theme-bl .login-svc-wrap .btn_login .ico_login {height:50px; background:url(//img.khan.co.kr/images/khan/m/btn_snb_login_wt.svg) center no-repeat; background-size: 20px 20px;}
.head_article.theme-bl .login-svc-wrap .btn_login .ico_login.sign-in,
.head_article.theme-bl .login-svc-wrap .link_corp.sign-in .ico_login {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt-in.svg) center no-repeat; background-size: 24px 24px;} */

/* .login-svc-wrap .khan_id {padding-right:15px; background:url("//img.khan.co.kr/images/khan/pc/ico-arrow-down-s.svg") right 53% no-repeat; background-size:10px; cursor:pointer;}
.login-svc-wrap .pop-mymenu {display:none; position:absolute; right:20px; top:45px; width:100px; padding:10px 15px 10px; border:1px solid #666; border-radius:5px; background:#fff; z-index:1;}
.login-svc-wrap .pop-mymenu.on {display:block;}
.login-svc-wrap .pop-mymenu-list {}
.login-svc-wrap .pop-mymenu-list li {display:block; padding:0; line-height:1.9em;}
.login-svc-wrap .pop-mymenu-list li a {font-size:15px;}
.login-svc-wrap .pop-mymenu .btn-mymenu-logout {display:block; width:100%; margin:5px 0 5px; padding:0 5px; border:1px solid #aaa; border-radius:3px; text-align:center; font-size:15px; line-height:2em; box-sizing:border-box; background-color:#fefefe;}
.login-svc-wrap .pop-mymenu .btn-mymenu-logout:hover {color:#fefefe; border:1px solid #333; background-color:#333;} */
.login-svc-wrap .pop-mymenu {right: 0;}
.login-svc-wrap .pop-mymenu-list li {text-align: right;}

/* 뉴스레터 뷰 관련 헤더 추가 .theme-bl .theme-wt */
.head_article.theme-bl {}
.head_article.theme-bl .common-header-title {background-color:#5a77d1;}
.head_article.theme-bl .box_menu_left .btn_menu {background:url(//img.khan.co.kr/images/khan/m/btn_gnb_menu_wt.svg) center no-repeat; background-color:transparent;}
.head_article.theme-bl .box_menu_left .btn_home {background: url(//img.khan.co.kr/images/khan/m/logo_khan_wt.svg) center no-repeat;}
.head_article .box_menu_left .label-nl {display:inline-block; position:relative; top:-20px; margin:0 0 0 10px; padding:4px 8px; border-radius:4px; vertical-align:middle; color:#00153e; font-size:13px; background-color:#c9d8ff;}
.head_article .box_menu_right .btn_login .ico_login {background:url(//img.khan.co.kr/images/khan/m/btn_snb_login.svg) center no-repeat; background-size: 20px 20px;}
.head_article .box_menu_right .btn_login .ico_login.sign-in {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-in.svg) center no-repeat; background-size: 24px 24px;}
.head_article.theme-bl .r-issue .issue-txt > a {border:1px solid #5570c6; color:#364e9a; font-weight:500; background-color:#e7edff;}
.head_article.theme-bl .box_menu_right .btn_login .ico_login {background:url(//img.khan.co.kr/images/khan/m/btn_snb_login_wt.svg) center no-repeat; background-size: 20px 20px;}
.head_article.theme-bl .box_menu_right .btn_login .ico_login.sign-in {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt-in.svg) center no-repeat; background-size:24px 24px;}
.head_article.theme-bl .box_menu_right .btn_srch .ico_srch {background:url(//img.khan.co.kr/images/khan/m/btn_gnb_search_wt.svg) center no-repeat; background-size: 20px 20px;}
.head_article.theme-bl .box_menu_right .btn_share .ico_share {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-share-wt.svg) center no-repeat; background-size:20px 20px;}
.head_article.theme-bl .box_menu_right .btn_bookmark .ico_bookmark {background:url(//img.khan.co.kr/images/khan/m/ico_bookmark_save_wt.svg) center no-repeat; background-size:20px 20px;}
.head_article.theme-bl .box_menu_right .btn_bookmark.on .ico_bookmark {background:url(//img.khan.co.kr/images/khan/m/ico_bookmark_save_on_wt.svg) center no-repeat; background-size:20px 20px;}
.head_article.theme-wt .wrap_art_top_header.scroll {border-bottom:2px solid #5a77d1;}

/* 완독률 Progress Bar */
.wrap_art_top_header .area_progress {display:block; position:absolute; top:50px; height:3px; transition:width .4s ease-out; transform:rotateZ(0deg); background-color:#005af8; z-index:19;}



 
/****************************************************************************
    기사뷰 본문 
****************************************************************************/
.article_view {max-width:767px; margin:0 auto; padding-bottom:0; background-color:#fff;}


/* 기사 헤더 영역 */
.art_header {position:relative; margin-bottom:30px; padding:20px 20px 0;}
.art_header .wrap_issue_view {margin:0 0 7px;}
.art_header .wrap_issue_view .issue_view {font-size:14px; font-weight:700;}
.art_header .wrap_issue_view .issue_view_tit {margin:0 4px 0 0; padding:2px 5px 2px 4px; border:1px solid #4469b0; border-radius:2px; color:#4469b0; font-size:12px; vertical-align:middle; letter-spacing: -0.025em;}
.art_header .header_tit_serial {margin:7px 0 5px; color:#4469B0; font-size:13px; font-weight:700; letter-spacing:-0.075em; line-height:22px}
.art_header .header_tit_serial.tit_nativead {display:inline-block; margin-bottom:2px; padding:6px 10px 6px; border-radius:50px; color:#fff; font-size:13px; font-weight:400; line-height:10px; letter-spacing:-0.025em; background-color:#5a77d1;} /* 네이티브 애드용*/
.art_header .header_tit_serial a {padding-right:11px; background:url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_bl.svg) no-repeat right center; background-size:5px 10px;}
.art_header .header_tit_serial .issue_view_tit {margin:0 5px 0 0; padding:2px 5px; border:1px solid #879bc1; border-radius: 1px; color:#879bc1; font-size:12px;}
.art_header .header_tit_serial .issue_view_tit a {padding-right:0; background:none;}
.art_header .header_tit_serial .issue_view_txt {margin:7px 4px 4px 0; color:#879bc1; font-size:13px; font-weight:700; letter-spacing:-0.075em;}
.art_header .header_tit_serial .issue_view_txt a {padding-right:0; background:none;}
.art_header .header_tit_serial .subscribe_link {display:inline-block; margin:-3px 0 0 8px; padding:2px 7px 2px 15px; line-height:1.2em; border:1px solid #4469b0; border-radius:3px; color:#4469b0; font-size:12px; font-weight:550; vertical-align:middle; background:url(//img.khan.co.kr/images/khan/pc/ico-plus-blue.svg) no-repeat 5px center; background-size:8px 8px; background-color:#fff;} /* 연재 구독 버튼 */
.art_header .header_tit_serial .subscribe_link.ing {border:1px solid #666; color:#4a4a4a; background:url(//img.khan.co.kr/images/khan/pc/ico-btn-check-gray.svg) no-repeat 5px center; background-size:10px 10px; background-color:#fff;} /* 연재 구독중 */
.art_header .tit_view {overflow:hidden; margin-top:5px; font-weight:600; color:#121212; font-size:24px; line-height:32px; letter-spacing:-0.052em;}
.art_header .bizinfo_tit {margin:0 0 7px; color:#5a5a5a; font-size:14px; font-weight:700;} /* 보도자료 일때 노출 */
.art_header .election2022-link {width:79px; /* text-indent:-9999px; background:url(//img.khan.co.kr/images/micro/election/2022/img-link-election2022.png) no-repeat scroll 50% 50% transparent; background-size:contain; */ color:#3f3fb9; font-size:17px; font-weight:700;} /* 대선 2022 바로가기 링크 */

/* 본문 안 : 기자정보 & 기사입력시간 */
.article_cont .info_view {display:block; position:relative; margin:30px 20px; line-height:1.4em; color:#555; letter-spacing:0;}
.article_cont .info_view .author {font-size:14px;}
.article_cont .info_view .author a {position:relative; color: #555; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);}
.article_cont .info_view .txt_info {display:block; overflow:hidden; margin:6px 0 0;}
.article_cont .info_view .txt_info em {float:left; padding-right:15px; color:#555; font-size:14px;}
.article_cont .info_view .txt_info em.close {float:left; background:url(//img.khan.co.kr/images/khan/m/ico_arr_btm_s_gr.svg) no-repeat right 50%; background-size:9px 5px;}
.article_cont .info_view .txt_info em.open {background:url(//img.khan.co.kr/images/khan/m/ico_arr_top_s_gr.svg) no-repeat right 50%; background-size:9px 5px;}
.article_cont .info_view .txt_info em:nth-child(2) {display:none; clear:left; background:none;}

/* header 안 : 기자정보 & 기사입력시간  */
.art_header .info_view {display:block; position:relative; margin:8px 0px 30px; line-height:1.4em; color:#555; letter-spacing:0;}
.art_header .info_view .author {font-size:14px;}
.art_header .info_view .author a {position:relative; color: #555; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);}
.art_header .info_view .txt_info {display:block; overflow:hidden; margin:6px 0 4px;}
.art_header .info_view .txt_info em {float:left; padding-right:15px; color:#555; font-size:14px;}
.art_header .info_view .txt_info em.close {float:left; background:url(//img.khan.co.kr/images/khan/m/ico_arr_btm_s_gr.svg) no-repeat right 50%; background-size:9px 5px;}
.art_header .info_view .txt_info em.open {background:url(//img.khan.co.kr/images/khan/m/ico_arr_top_s_gr.svg) no-repeat right 50%; background-size:9px 5px;}
.art_header .info_view .txt_info em:nth-child(2) {display:none; clear:left; background:none;}

/* 기자 바이라인 20220502 */
.bl_wrap {display:inline-block; position:relative;}
.reporter_area {display:none; position:absolute; left:0; top:25px; min-width:250px; padding:0 20px; border:1px solid #aaa; border-radius:10px; background-color:#fff; z-index:99;}
.bl_wrap.on .reporter_area {display:block;}
.bl_wrap .author::after {display:inline-block; vertical-align:top; width:6.65771px; height:6.65771px; margin:4px 0 0 6px; -webkit-transform:rotate(135deg); transform:rotate(135deg); border:1px solid rgba(0,0,0,0.4); border-width:1px 1px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; content:'';}
.bl_wrap.on .author::after {display:inline-block; vertical-align:top; width:6.65771px; height:6.65771px; margin:7px 0 0 6px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border:1px solid rgba(0,0,0,0.4); border-width:1px 1px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; content:'';}
.bl_wrap .author:hover {color:#333; cursor:pointer;}
.reporter_card_wrap {position:relative; margin:15px 0;}
.reporter_card_wrap:before {display:block; position:absolute; top:-8px; width:100%; border-top:1px solid #eee; -webkit-box-sizing:border-box; box-sizing:border-box; content:'';}
.reporter_area div.reporter_card_wrap:first-child:before {border-top:none;}
.reporter_card {overflow:hidden; display:block;}
.reporter_card_inner {display:table; table-layout:fixed; width:100%;}
.card_thumb {display:table-cell; position:relative; width:40px; vertical-align:middle;}
.card_thumb .thumb {position:relative; width:40px; height:40px;}
.card_thumb .thumb::after {display:block; position:absolute; top:0; right:0; bottom:0; left:0; content:''; border:1px solid rgba(0,0,0,0.04); border-radius:50%;}
.card_thumb .thumb img {border-radius:50%; vertical-align:top;}
.card_info {display:table-cell; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:0; line-height:0; vertical-align:middle;}
.card_thumb + .card_info {padding-left:10px;}
.subscribe_wrap + .reporter_card .card_info {padding-right:20.68966%;}
.card_name {overflow:hidden; vertical-align:top; font-size:16px; font-weight:600; color:#3a3a3a; letter-spacing:-0.28px; line-height:24px;}
.card_name .inner{padding-right:2px; vertical-align:top;}
.card_name .inner em {display:inline; vertical-align:top; font-style:normal; font-weight:600;}
.reporter_card .card_name .inner em::after {display:inline-block; vertical-align:top; width:5.65771px; height:5.65771px; margin:9px 0 0 2px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border:1px solid rgba(0,0,0,0.48); border-width:1px 1px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; content:'';}
.card_subscribe {display:block;}
.card_subscribe .inner {display:inline-block; margin-top:3px;color:#3a3a3a; font-size:13px; letter-spacing:-0.3px; line-height:16px;}
.card_subscribe .inner i {font-style:normal; font-weight:400;}
.subscribe_btn_wrap {display:inline-block; position:absolute; right:0; top:10px; z-index:1; padding-left:5px; line-height:1;}
.subscribe_btn_wrap a {display:inline-block;}
.subscribe_btn_wrap .subscribe_btn {display:block; position:relative; padding:3px 8px; border:1px solid transparent; border-radius:12px; color:#fff; font-weight:600; font-size:12px; line-height:16px; letter-spacing:-0.5px; background:#4469B0;}
.subscribe_btn_wrap .subscribe_btn.ing {border:1px solid #4469B0; color:#4469B0; background:#fff;}

/* 부제목 */
.art_sub_tit {margin:30px 20px 30px 20px; padding:1px 0 1px 15px; border-left:4px solid #3A3A3A; color:#252525; font-size:1em; font-weight:600; letter-spacing:-0.052em;}
.art_sub_tit strong {display:block; margin:5px 0; line-height:1.3em; color:#252525; font-size:1em; letter-spacing:-0.052em;}

/* 기사 본문 내 이미지 */
.art_figure_thumb:before {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.art_figure_thumb {display:table; max-width:100%; margin:30px auto 30px; clear:both;}
.art_figure_thumb:first-child {margin-top:0}
.art_figure_thumb.pd {padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box;} /* 인포그래픽 이미지 좌우 여백 */
.art_figure_thumb .figure_thumb {display:block; position:relative;}
.art_figure_thumb .figure_thumb .ico_thumb_scaler {position:absolute; top:15px; right:15px; z-index:110; width:35px; height:35px; border-radius:50px; /* background-color:rgba(43, 185, 249, 0.6);  */ background-color:rgba(0, 0, 0, 0.75); background-size:18px 18px; background-position:50% 50%;} /* 이미지 확대 아이콘 */
.art_figure_thumb .thumb_img {display:block; width:100%; height:auto; margin:0; vertical-align:top;}
.news_view .article_view .link_photo {position:absolute; top:10px; right:9px; width:35px; height:35px; background-position:0 -35px;}
.art_figure_thumb.left {float:left; margin:10px 15px 5px 20px;}
.art_figure_thumb.right {float:right; margin:10px 20px 5px 15px;}
.art_figure_thumb.info_g {padding:0 15px;}

/* 기사 본문 내 동영상 */
.art_mov_thumb {display:table; width:100%; margin:32px auto 30px;}
.art_mov_thumb .link_movplayer {display:block; overflow:hidden; position:relative; padding: 0 20px;}
.art_mov_thumb .link_movplayer iframe {width:100%;}
.art_mov_thumb .title {display:table-caption; width:100%!important; max-width:100%; min-width:180px; margin:8px auto 0; padding:0 20px; font-size:14px; font-weight:550; line-height:1.4em; color:#64728d; letter-spacing:-0.025em; -webkit-box-sizing:border-box; box-sizing:border-box; caption-side:bottom; word-break:break-word;}
.art_mov_thumb .thumb_caption {display:table-caption; width:100%!important; max-width:100%; min-width:180px; margin:8px auto 0; padding:0 20px; font-size:13px; line-height:1.4em; color:#8191af; letter-spacing:-0.025em; -webkit-box-sizing:border-box; box-sizing:border-box; caption-side:bottom; word-break:break-word;}

/* 기사 본문 내 오디오 */
.art_audio {position:relative; clear:both; margin:25px 0; padding:0 20px; box-sizing:border-box; text-align:center;}
.art_audio:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;}
.art_audio .art_audio_wrap {width:100%; max-width:480px; margin:0 auto;}
.art_audio .art_audio_wrap iframe {width:100%;}
.art_audio.audio_left {display:inline-block; float:left; margin:25px 25px 25px 0; text-align:center;}
.art_audio.audio_center {margin:0 auto; text-align: center;}
.art_audio.audio_right {display:inline-block; float:right; margin:25px 0 25px 25px; text-align:center;}

/* 이미지 설명 */
.art_figure_thumb .title {display:table-caption; width:100%!important; max-width:100%; min-width:180px; margin:8px auto 0; padding:0 20px; font-size:14px; font-weight:550; line-height:1.4em; color:#64728d; letter-spacing:-0.025em; -webkit-box-sizing:border-box; box-sizing:border-box; caption-side:bottom; word-break:break-word;}
.article_view .thumb_caption {display:table-caption; width:100%!important; max-width:100%; min-width:180px; margin:8px auto 0; padding:0 20px; font-size:13px; line-height:1.4em; color:#8191af; letter-spacing:-0.025em; -webkit-box-sizing:border-box; box-sizing:border-box; caption-side:bottom; word-break:break-word;}
.article_view .thumb_caption a {position:relative;}
.article_view .thumb_caption a:after {content:""; position:absolute; left:0; bottom:0px; width:100%; height:5px; background-color:rgba(0,126,229,.25);}

/* 부제목 */
.article_view .art_summary {display:block; overflow:hidden; position:relative; padding-left:12px; margin:0 15px 29px; line-height:1.625; font-weight:normal; color:#ff0060; font-size:1.025em;}
.article_view .art_summary:before {position:absolute; content:''; top:4px; left:0; bottom:-3px; width:2px; margin-bottom:10px; background-color:#ff0060;}

/* 기사 본문 - 텍스트 */
.article_view .article_cont {font-size:18px; line-height:1.6; margin-bottom: 30px; /* font-weight: 300; */}
.article_view .article_cont:after {display:block; content:''; visibility:hidden; clear:both; height:0; font-size:0;}
.article_view .art_txt {margin:0 20px 25px; word-break:break-all; word-wrap:break-word; color:#121212; font-weight:400; line-height:1.7em; letter-spacing:-0.025em; box-sizing:border-box;}
.article_view .art_txt a {position:relative; box-shadow:inset 0 -4px 0 rgba(0,126,229,.25);} /* 본문 내 외부링크 */
.article_view .art_txt .strapline {display:block; padding:4px 0 4px 15px; border-left:2px solid #a8a8a8; line-height:1.6em; font-size:1em; letter-spacing:-0.052em;} 
.article_view .art_txt .art_txt_link {position:relative;}

/* 기사 본문 박스 구역 */
.article_view .article_cont .boxLineBG {margin:30px 20px; padding:15px 20px; border-top:2px solid #E2E2E2; border-bottom:2px solid #E2E2E2; color:#454545; line-height:1.7em; background-color:#fafafa;}
.article_view .article_cont .boxLineBG .thumb_caption {min-width:0; padding:0;}
.article_view .article_cont .boxLineBG .art_txt {margin:20px 0 20px; color:#454545; font-size:0.925em; line-height:1.6;}
.article_view .article_cont .boxLineBG:after {display:block; content:''; visibility:hidden; clear:both; height:0; font-size:0;}
.article_view .article_cont .boxLineBG .strapline {display:inline-block; padding:2px 0 2px 10px; border-left:2px solid #a8a8a8; line-height:1.6em; font-size:1em;}
.article_view .article_cont .boxLineBG.bg01 {background-color:#fafafa;} /* gray */
.article_view .article_cont .boxLineBG.bg02 {background-color:#f1f9fd;} /* blue */
.article_view .article_cont .boxLineBG.bg03 {background-color:#f1fdf3;} /* green */
.article_view .article_cont .boxLineBG.bg04 {background-color:#fdfcf1;} /* yellow */
.article_view .article_cont .boxLineBG.bg05 {background-color:#fdf1f1;} /* red */

/* 기사 본문 내 동영상 */
.wrap_mov_player {display:block; margin:32px auto 30px;}

/* 바이라인 */
.article_view .reporter {display:inline-block;margin:0 20px 26px; border-bottom:1px dashed #aaa; line-height:1.6;}

/* 자사프로모션구역 */
.ad_article_view {text-align:center}
.ad_article_view .link_cartoon {display:block;width:100%;line-height:0;background-color:#af282a}
.ad_article_view .link_cartoon img {width:100%;max-width:500px;height:auto}

/* 영문번역기사 배너 */
.eng_translation_bnr {margin:0 20px 35px;}
.eng_translation_btn {color:#4469b0; padding-right:11px; background:url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_bl.svg) no-repeat right center; background-size:5px 10px;}

/* 본문 내 인용구 */
.article_cont .quoto_box {position:relative; max-width:700px; margin:30px 20px 30px;}
.webp .article_cont .quoto_box .quoto_icon {position:absolute; left:0; top:0; width:30px; height:30px; background:url(//img.khan.co.kr/images/khan/m/ico_quoto_view.webp) no-repeat; background-size:30px 30px;}
.no-webp .article_cont .quoto_box .quoto_icon {position:absolute; left:0; top:0; width:30px; height:30px; background:url(//img.khan.co.kr/images/khan/m/ico_quoto_view.png) no-repeat; background-size:30px 30px;}
.article_cont .quoto_box .quoto_txt {width:100%; box-sizing:border-box; padding:0 0 0 40px; letter-spacing:-1.5px; text-shadow:0px 0px 1px rgba(0,0,0,0.3); font-weight:bold; font-size:17px; line-height:1.7em; font-style:italic;}
.article_cont .quoto_box .quoto_txt .from {display:block; margin-top:10px; color:#999; font-size:14px; text-shadow:none; line-height:21px;}


/* 기사 본문 내 관련 연재 리스트 */
.article_view .view-series-box {border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; margin: 50px 30px 30px; position: relative;}
.article_view .view-series-box .inner {padding: 25px 0 15px;}
.article_view .view-series-box .s-tit {max-width: calc(100% - 110px); padding: 0 10px 0 12px; background: #4469b0; border-radius: 50px; position: absolute; top: -14px; left: 0;}
.article_view .view-series-box .s-tit:before {content: ''; display: block; position: absolute; right: -10px; top: 0; width: 10px; height: 100%; background-color: #fff;}
.article_view .view-series-box .s-tit span {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 15px; font-weight: 400; color: #fff; padding-right: 10px; background: url(//img.khan.co.kr/images/khan/pc/ico-arrow-right-s-wt.svg) no-repeat right center; background-size: 5px 10px;}
.article_view .view-series-box .subscribe_link {display:inline-block; position:absolute; right:0; top:-15px; margin:0 0 0 10px; padding:4px 10px 4px 20px; line-height:1.3em; border:1px solid #4469b0; border-radius:7px; color:#4469b0; font-size:14px; font-weight:550; vertical-align:middle; background:url(//img.khan.co.kr/images/khan/pc/ico-plus-blue.svg) no-repeat 8px center; background-size:10px 10px; background-color:#fff;} /* 연재 구독 버튼 */
.article_view .view-series-box .subscribe_link.ing {border:1px solid #666; color:#4a4a4a; background:url(//img.khan.co.kr/images/khan/pc/ico-btn-check-gray.svg) no-repeat 8px center; background-size:10px 10px; background-color:#fff;} /* 연재 구독중 */
.article_view .view-series-box .subscribe_link:before {content:''; display:block; position:absolute; left:-11px; top:0; width:10px; height:100%; background-color:#fff;}
.article_view .view-series-box ul {margin: 0 0 0 5px;}
.article_view .view-series-box li {overflow: hidden; position: relative; margin: 7px 0; padding-left: 10px;}
/* .article_view .view-series-box li:nth-child(2) {margin: 10px 0 5px 0;} */
.article_view .view-series-box li p {position: relative;}
.article_view .view-series-box li p:before {content: ''; display: block; position: absolute; left: -10px; top: 50%; margin-top: -3px; width: 4px; height: 4px; border-radius: 4px; background-color: #9dabc5;}
.article_view .view-series-box li p.art_txt {margin: 0 !important; display: flex; align-items: flex-start; flex-wrap: nowrap;}
.article_view .view-series-box li .art_txt span {position: relative; top: -1px; margin-right: 12px; padding-left: 8px; font-weight: bold; color: #4469b0; word-break: keep-all; display: inline-block; line-height: 1.2em;}
/* .article_view .view-series-box li .art_txt span:before {content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 4px; background-color: #9dabc5;} */
.article_view .view-series-box li .art_txt a {box-shadow: none !important; overflow: hidden; text-overflow: ellipsis; white-space: inherit; display: inline-block; max-height: 2.4em; line-height: 1.2em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/* 테마 묶음 */
/* .theme_link {display:inline-block; margin:0 0 20px 20px;}
.theme_kw {border-bottom:1px dashed #d0baf3; color:#6e44b0;} */

/* 검색 키워드 */
.sch_kw {padding: 20px 20px 10px; font-size: 0;}
.sch_kw .list a {display: inline-block; background: #FFF; padding: 4px 10px; border: 1px solid #879bc1; border-radius: 15px; font-size: 14px; color: #4C68AB; margin: 0 10px 10px 0; max-height: 28px; box-sizing: border-box; font-family: HelveticaNeue,AppleSDGothicNeo-Regular,Arial,sans-serif;}

/* 오늘의 퀴즈 바로가기 버튼 */
.btn-go-quiz {display:block; margin:30px auto; padding:10px 20px; border:1px solid #666; border-radius:50px; text-align:center; font-size:16px; letter-spacing:-0.052em; box-shadow:5px 6px 0px #4a4a4a; background-color:#fefefe;}
.btn-go-quiz:hover {border-top:1px dashed #111; border-left:1px dashed #111; color:#111; box-shadow:5px 6px 0px #111; background-color:#fff;}

/* 박수 지수 */
.clapping_wrap {display:flex; justify-content:center; margin:30px 0; text-align:center;}
.clapping_wrap > a {margin:0 15px;}
.clapping {display: inline-block; vertical-align: middle; font-size: 0;}
.clapping .ico_clap {width: 30px; height: 30px; display: inline-block; margin-right: 5px; vertical-align: bottom; background: url(//img.khan.co.kr/images/khan/m/ico_clapping.svg) no-repeat center; background-size: 30px 30px;}
.clapping .count {display: inline-block; color: #444; font-size: 14px; font-family: Roboto; padding: 5px 0;}
.clapping.on .count {color: #4469B0; font-weight: bold;}
.clapping.on .ico_clap {background: url(//img.khan.co.kr/images/khan/m/ico_clapping_on.svg) no-repeat center; background-size: 30px 30px;}
.clapping_wrap .link_corp .ico {width:30px; height:30px; text-indent:-9999px;}
.clapping_wrap .btn_share .ico_share {background:url(//img.khan.co.kr/images/khan/m/btn_gnb_share.svg) center no-repeat; background-size:20px 20px;}
.clapping_wrap .newsply {display:block; width:30px; height:30px; font-size:0; background:url(//img.khan.co.kr/images/khan/m/ico-ku-star.svg) center no-repeat; background-size:23px 23px;}
.clapping_wrap .newsply.on {background:url(//img.khan.co.kr/images/khan/m/ico-ku-star-on.svg) center no-repeat; background-size:23px 23px;}

/* 1x@ 썸네일 기사리스트 - 리드문없음 */
.view_list_type {overflow:hidden;}
.view_list_type .list {padding: 0 20px;}
.view_list_type .list .item {position:relative; padding:16px 0px;}
.view_list_type .list .item:first-child {padding-top:0}
.view_list_type .list .item:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.view_list_type .list .item.noimg .link_caption {height:auto;}
.view_list_type .list .num {position:absolute; top:50%; left:0; width:1em; margin-top:-0.5em; font-size:17px; font-weight:500; font-style:italic; color:#4469B0; text-align:center; line-height:1em; white-space:nowrap;}
.view_list_type .list .link_thumb {display:block; overflow:hidden; float:right; position:relative; width:100px; height:69px; max-height:69px; line-height:0; }
.view_list_type .list .link_thumb:after {content:"";position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;border:1px solid #d9d9d9 \0/IE8+9;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box}
.view_list_type .list .link_thumb .thumb {display:block; width:100px; height:100%;}
.view_list_type .list .link_thumb .ad {position:absolute; right:0; top:0;}
.view_list_type .list .link_thumb .num_g {display:inline-block; position:absolute; top:0; left:0; width:20px; height:20px; line-height:22px; text-align:center; color:#fff; font-weight:normal; font-family:Helvetica; font-size:14px; background:rgba(0,0,0,.4);}
.view_list_type .list .link_caption {display:table-cell; vertical-align:middle; height:69px; padding:0 0.625em 0 0em;}
.view_list_type .list .link_caption .tit {font-size:17px;font-weight:400; letter-spacing: -0.025em; }
.view_list_type .list .link_caption .tit .tab_tit {display: block;overflow: hidden; width: 146px; line-height: 1.5em; color: #454545; font-weight: bold; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; -webkit-font-smoothing: antialiased;}
.view_list_type .list .link_caption .info_area {display:block; overflow:hidden; margin-top:2px; font-size:14px; line-height:16px; color:#888;}
.view_list_type .list .link_caption .num_eye {display: block; font-size: 14px; letter-spacing: -0.025em; font-weight: 400; padding: 0px 0 0 17px; background: url(//img.khan.co.kr/images/khan/m/ico_view_eye.svg) no-repeat left 30%; background-size: 14px 11px;} /* 조회수순icon */
.view_list_type .list .link_caption .num_share {display: block; font-size: 14px; letter-spacing: -0.025em; font-weight: 400; padding: 0px 0 0 17px; background: url(//img.khan.co.kr/images/khan/m/ico_view_share.svg?v=210604) no-repeat left 30%; background-size: 12px 13px;} /* 공유순icon */
.view_list_type .list .link_caption .num_bubble {display: block; font-size: 13px; letter-spacing: -0.025em; font-weight: 400; padding: 0px 0 0 17px; background: url(//img.khan.co.kr/images/khan/m/ico_view_bubble.svg) no-repeat left 60%; background-size: 10px 10px;} /* 댓글순icon */

.view_list_type .list .txt_tab_info {display:block; padding:10px 7px 10px; color:#4469B0; font-size:12px;}
/*
@media (min-width:640px){
	.major_list .list .item {padding: 10px 15px 10px 0;}
	.view_list_type .list .item {padding: 10px 15px 10px 0;}
	.recomm_list .list .item {float:left; width:50%; padding:10px 15px 10px 0; border-top:0; box-sizing:border-box;}
}
*/

/* 1x@ 기사리스트 - 썸네일 없음 */
.nothumb .view_list_type .list .item {padding:7px 0;}
.nothumb .view_list_type .list .link_caption {display:block; height:auto; padding:0 0 0 12px;}
.nothumb .view_list_type .list .link_caption:before {content:""; position:absolute; left:0; top:17px; width:4px; height:4px; border-radius:10px; background-color:#3a3a3a;}


/* 하단 기자 정보 : 2인 이상 */
.sec_slide {width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 30px 20px 0px; white-space: nowrap;}
.sec_slide .list {overflow-x: auto; margin: 0 -20px; padding: 0px 20px 30px 7px; font-size: 0; -webkit-overflow-scrolling: touch;}
.sec_slide .list::-webkit-scrollbar {display: none;}
.sec_slide .list .item {display: inline-block; width: 280px; background-color: #fff; border-radius: 4px; box-shadow: 2px 3px 7px 0 rgba(121,129,158,.2); box-sizing: border-box; margin-left: 13px;}
.sec_slide .list .item .list_type {overflow:hidden; min-height:60px;}
/* 하단 기자 정보 : 1명 */
.sec_box {width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 30px 20px 0px; white-space: nowrap;}
.sec_box .list {margin: 0; padding: 0px 0 30px; font-size: 0;}
.sec_box .list .item {display: block; width: 100%; background-color: #fff; border-radius: 4px; box-shadow: 2px 3px 7px 0 rgba(121,129,158,.2); }
/* gray 슬라이드 */
.bg_slide {background: #F7F7F7;}

/* 기자 정보 */
.reporter_cont {display: flex; align-items: center; padding: 15px 15px 0;}
.reporter_cont .hd {position: relative; display: block; width: 100%; padding: 0 0 10px; border-bottom: 1px solid #f2f2f2; /* min-height: 40px; */}
.reporter_cont .thumb {display: inline-block; overflow: hidden; width: 40px; height: 40px; min-width: 40px; border-radius: 50%; vertical-align: middle;}
.reporter_cont .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
.reporter_cont .caption {margin: 0px 0 0 10px; display: inline-block; width: calc(100% - 120px); vertical-align: middle; color:#d4b080; font-size:14px; font-weight:600;}
.reporter_cont .caption > a {margin:0 3px;}
.reporter_cont .caption::before {content: ''; background: none;}
.reporter_cont .name {display: inline-block; margin: 0; padding: 10px 10px 5px 0px; background: url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_bk.svg) no-repeat right 60%; background-size: 4px 9px; overflow: hidden; height: 22px;}
.reporter_cont .caption > strong,
.reporter_cont .name strong {font-size: 16px; line-height: 22px;font-weight: 700; color: #222; word-break: break-all; white-space: normal;}
.reporter_cont .btns {position: absolute; right: -5px; bottom: 15px;}
.reporter_cont .btns .btn {display: inline-block; margin-left: 5px;}
.reporter_cont .mail a {display: block; width: 20px; height: 20px; background: url(//img.khan.co.kr/images/khan/m/ico_reporter_mail.svg) center no-repeat; background-size: 20px 16px; text-indent: -9999px; overflow: hidden; padding: 5px;}
.reporter_cont .subsc a {display: block; width: 20px; height: 20px; background: url(//img.khan.co.kr/images/khan/m/ico_reporter_subsc.svg) center no-repeat; background-size: 20px 16px; text-indent: -9999px; overflow: hidden; padding: 5px;}
.reporter_cont .subsc.on a {background: url(//img.khan.co.kr/images/khan/m/ico_reporter_subsc_on.svg) center no-repeat; background-size: 20px 16px;}
#gija_box .item {vertical-align:top;}
#gija_box .list_type {padding:10px 0 15px;}
#gija_box .list_type .link_caption {height:50px; max-height:50px; box-sizing:border-box;}
#gija_box .list_type .link_caption strong {-webkit-line-clamp:2; font-size:15px; line-height:1.3em;}
/* 한줄 뉴스 */
.list_type {padding: 15px 0; margin: 0;}
.list_type li {margin:0 15px; padding:0;}
.list_type .link_caption {display: block; color: #444444; padding: 5px; overflow: hidden; max-height: 20px; white-space: normal;}
.list_type .link_caption strong {overflow:hidden; font-weight:normal; font-size: 16px; color: #444444;}


/* 연재물 - 슬라이드2 */
.sec_slide_2 {width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 20px; white-space: nowrap;}
.sec_slide_2 .list {overflow-x: scroll; overflow-y: hidden; margin: 0 -20px; padding: 0px 20px 0 10px; font-size: 0; -webkit-overflow-scrolling: touch;}
.sec_slide_2 .list::-webkit-scrollbar {display: none;}
.sec_slide_2 .item {display: inline-block; width: 150px; background-color: #fff; margin-left: 10px;}
.sec_slide_2 .item .link_thumb {display: block; overflow: hidden; position: relative; width: 150px; height: 103px; border-radius: 4px; line-height: 0;}
.sec_slide_2 .item .link_thumb:after {position:absolute; left:0; right:0; bottom:0; top:0; border:1px solid rgba(0,0,0,0.05); content:'';}
.sec_slide_2 .item .rt_tit {margin: 12px 3px 0; /* display: -webkit-box!important; */ overflow: hidden; text-overflow: ellipsis; /* -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; */ white-space: nowrap;}
.sec_slide_2 .item .tit {display: inline-block; margin: 8px 3px 0; height: 42px; max-height: 42px; overflow: hidden; vertical-align: middle;box-sizing: border-box;}
.sec_slide_2 .item .tit strong {font-size: 17px; line-height: 20px;font-weight: normal; color: #222; word-break: break-all; white-space: normal;letter-spacing: -0.025em; }
.serials .sec_slide_2 .item .link_thumb {min-height: 100px;}
.serials .sec_slide_2 .item .tit {margin: 5px 3px 0;}
.rt_slide .item .tit {margin: 5px 3px 0;}

/* 동영상 슬라이드 */
.video_slide .item .link_thumb {height: 84px;}
.video_slide .item .link_thumb:before {content:''; display:block; width:25px; height:25px; /* background:url(//img.khan.co.kr/images/khan/m/ico_vd_play.svg) no-repeat; */ background:url(//img.khan.co.kr/images/khan/m/ico-th-mov_sd.svg) no-repeat; background-size:25px 25px; position:absolute; bottom:10px; right:10px; /* border-radius:100px; */ box-shadow:1px 1px 2px 0 rgba(121,129,158,.2);}

/* 기사면 라이브리 소셜 댓글 */
#liverePlugIn, #lv-container {padding:20px!important;}
.area-noreply {margin:30px 20px 50px; padding:35px 0 40px; text-align:center; border:2px dashed #efefef; border-radius:10px;}
.area-noreply .inner {display:inline-block; padding:35px 0 0; text-align:center; line-height:1.6em; font-size:16px; background:url(//img.khan.co.kr/images/khan/pc/ico-fn-reply.svg) no-repeat scroll center 0 transparent; background-size:28px;}

/* 추천연재, 커버스토리 */
.series .tit_group .tit_link {color:#20201f; font-weight:700; font-size:18px; padding-right:12px; background:url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_bk.svg) no-repeat right 50%; background-size:5px 10px;}

/* 기사 본문 내 투표하기 영역 추가 */
.wrap_khsurvey_area {margin:20px;}
.wrap_khsurvey_area:before {clear:both; display:block; content:"";}
.khsurvey_title {padding:15px 0 10px; border-bottom:none; font-size:16px; font-weight:700; background-color:#fff;}
.wrap_khsurvey {overflow:hidden; margin:-4px auto 0; padding-top:20px; border:4px solid #efefef; background-color:#fff;}
.khsurvey_num {width:100%; height:25px; line-height:1em; font-size:23px; font-weight:700;}
.khsurvey_num span {margin-left:20px;}
.wrap_khsurvey_qstn {padding:0 20px 20px; box-sizing:border-box;}
.wrap_khsurvey_dstr {padding:0 20px 20px; box-sizing:border-box;}
.wrap_khsurvey_dstr:after {clear:both; display:block; content:"";}
.wrap_khsurvey .voter {font-size:15px;}
.wrap_khsurvey .khsurvey_qstn {font-size:20px; font-weight:700; line-height:1.4em; letter-spacing:-0.05em;}
.wrap_khsurvey .ex_date {margin-top:5px; font-size:15px;}
.wrap_khsurvey .khsurvey_dstr_list {float:none; position:relative; width:100%; margin:15px 0 0 -20px; padding-left:21px; line-height:21px; letter-spacing:-1px; box-sizing:border-box;}
.wrap_khsurvey .khsurvey_dstr_list:after {content:""; position:absolute; top:0; left:40px; width:2px; height:100%; background-color:#ccc;}
.wrap_khsurvey .khsurvey_dstr_list input {position:relative; top:10px; height:13px; margin:0 -20px 0 0;}
.btn_area_survey {display:block; position:relative; margin:30px auto 10px; text-align:center; cursor:pointer; z-index:1;}
.btn_area_survey .btn_survey {width:110px; padding:9px 0; border:1px solid #999; border-radius:4px; font-size:16px; cursor:default; background-color:#fff;}
.btn_area_survey .btn_survey:hover {border:1px solid #333; color:#222;}
.btn_area_survey .btn_survey.off {color:#ababab; border:1px solid #cacaca; cursor:default; background-color:#fdfdfd;}
.wrap_khsurvey .khsurvey_dstr_info {display:inline; position:relative; left:30px;}
.wrap_khsurvey .khsurvey_dstr_info .survey_txt {color:#232323; font-size:14px;}
.wrap_khsurvey_dstr .btn_select {display:block; position:absolute; left:12px; top:11px; width:18px; height:18px; margin:0; font-weight:normal; border:1px solid #bcbcbc; border-radius:30px;}
.wrap_khsurvey_dstr .active .btn_select {width:22px; height:22px; border:0; border-radius:0; background-image:url(//img.khan.co.kr/images/khan/m/khsurvey_check-circle_on.svg); background-size:auto 35px;}
.wrap_khsurvey_dstr .btn_select input {position:absolute; left:-9000px; text-align:left; text-indent:-900px; width:1px;}
.survey_graph {position:relative; line-height:.9em; white-space:nowrap;}
.survey_graph .s_bar {display:inline-block; position:relative; width:170px; height:11px; margin:0 5px 0 0; border:1px solid #dedede; border-radius:15px; font-size:11px; background-color:#f8f8f8;}
.survey_graph .s_action {display:inline-block; position:relative; height:11px; margin:-1px 0 0 -1px; border:1px solid #fd6f61; border-radius:15px; background-color:#fd6f61;}
.survey_graph .s_percent {color:#333; font-size:14px;}
.survey_graph .s_percent strong {margin-right:3px; font-weight:400;}
.wrap_khsurvey_dstr.hide_data .khsurvey_dstr_list {height:45px; background:url(//img.khan.co.kr/images/khan/m/bg_graph_blur.png) no-repeat 40px 130%;}
.wrap_khsurvey_dstr.hide_data .survey_graph .s_bar {opacity:0;}
.wrap_khsurvey_dstr.hide_data .survey_graph .s_action {display:none;}
.wrap_khsurvey_dstr.hide_data .survey_graph .s_percent {display:none;}
.wrap_khsurvey_dstr .check_type .btn_select {width:16px; height:16px; border-radius:0;}
.wrap_khsurvey_dstr .check_type .active .btn_select {width:18px; height:18px; border:0; border-radius:0; background-image:url(//img.khan.co.kr/images/khan/m/khsurvey_check-box_on.svg); background-size:auto 23px; background-color:#fd6f61; background-position:2px 3px;}
.wrap_khsurvey .khsurvey_dstr_list.inp_hidden {padding-left:0;}
.wrap_khsurvey .khsurvey_dstr_list.inp_hidden .btn_select {display:none;}
.wrap_khsurvey .khsurvey_dstr_list.inp_hidden:after {left:0; background-color:#fff;}


/* 먼저 보는 칸업 콘텐츠 영역 */
.wrap_app_bnr.khanup {background: url(//img.khan.co.kr/images/khan/m/bnr-ku-m-230920.png) no-repeat center 50%; background-size: 320px 50px; background-color: #005af8;}
.wrap_app_bnr.khanup .app_bnr_btn {width:100%; height:100%;}
.wrap_app_bnr.khanup .app_bnr_txt p {text-indent:-9999px; background:none;}
.wrap_app_bnr.khanup .close:after, .wrap_app_bnr.khanup .close:before {background-color:#fff;}

.view_sec_wrap.khanup {margin: 0 auto 30px; background: #f4f7fe; border-top: 0; padding: 30px 0;}
.khanup-list {overflow:hidden;}
.khanup-list {padding: 0 20px;}
.khanup-list li {position:relative; padding:16px 0px;}
.khanup-list li:first-child {padding-top:0}
.khanup-list li:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.khanup-list li a.link_cont {display: flex; align-items: center;}
.khanup-list .thumb-wrap {display: block; overflow:hidden; position:relative; width:100px; height:69px; max-height:69px; line-height:0; border-radius: 4px;}
.khanup-list .thumb-wrap .thumb {display:block; width:100px; height:100%; object-fit: cover;}
.khanup-list .txt {width: calc(100% - 110px); padding: 0 0 0 10px;display:block;}
.khanup-list .txt .tit {font-size:17px;font-weight:400; letter-spacing: -0.025em; }
.khanup-list li .txt .rt_tit {margin-bottom: 3px;}
/* 칸업 기사 썸네일 라벨 */
.ico-khanup {content:""; display:block; position:absolute; left:0; top:0; width:63px; height:18px; z-index:99; background:url(//img.khan.co.kr/images/khan/pc/thumb-label-khanup.svg) 80% 50% no-repeat; background-size:contain;     overflow: hidden; border-radius: 4px 0 0 0;}


/* 주요기사 영역 추가 */
.staple-cont-wrap {position:relative; margin:60px 20px 50px;}
.staple-cont-wrap .tit_group {overflow:visible; position:absolute; left:0; top:-14px; padding:0 10px 0 5px; font-size:18px; font-weight:700; background-color:#fff;}
.staple-cont-list {padding:25px 0 0 0; background-color:#ffffff;}
.staple-cont-list li {position:relative; margin:0 0 7px; line-height:1.7em;}
.staple-cont-list li:last-child {margin:0;}
.staple-cont-list .link-list {display:block; overflow:hidden; width:100%; padding:0 0 0 12px; text-overflow:ellipsis; box-sizing:border-box; white-space:nowrap; color:#444; font-size:17px;}
/* .staple-cont-list .link-list:before {content:''; display:block; position:absolute; left:2px; top:2px; width:26px; height:26px; border-radius:50px; background-color:#f4f7fe;} */
.staple-cont-list .link-list:after {content:""; position:absolute; left:0; top:13px; width:4px; height:4px; border-radius:10px; background-color:#3a3a3a;}
.staple-cont-list .link-list .num {display:inline-block; position:relative; width:30px; height:30px; margin-right:8px; color:#1a1a1a; font-size:14px; font-weight:550; text-align:center; z-index:1;}
.staple-cont-list li:first-child .link-list .num,
.staple-cont-list li:nth-child(2) .link-list .num, 
.staple-cont-list li:nth-child(3) .link-list .num {color:#005AF8;}

/* 주요기사 영역 AB테스트 */
.major-a .staple-cont-list .link-list {display:block; overflow:hidden; width:100%; padding:0 0 0 12px; text-overflow:initial; box-sizing:border-box; white-space:normal; color:#444; font-size:17px;}
.major-a .staple-cont-list .link-list .tit {font-weight: 400;}
.major-b .staple-cont-list .link-list {display:block; overflow:hidden; width:100%; padding:0 0 0 12px; text-overflow:initial; box-sizing:border-box; white-space:normal; color:#444; font-size:17px;}
.major-b .staple-cont-list .link-list .tit {font-size: 16px; line-height: 1.6; font-weight: 400;}
.major-c.view_list_type .list {padding: 25px 0 0;}
.major-c.view_list_type .list .item {padding: 8px 0px;}
.major-c.view_list_type .list .item:first-child {padding-top: 0;}
.major-c.view_list_type .list .link_thumb {width: 70px; height: 48px;}
.major-c.view_list_type .list .link_thumb .thumb {width: 100%;}
.major-c.view_list_type .list .link_caption {height: 48px;}
.major-c.view_list_type .list .link_caption .tit {font-size: 15px; line-height: 1.5;}




/**************************************************************************** 
    wcms 연동 뷰페이지 표현 양식
****************************************************************************/
/* 제목 */
.editor-newstitle {margin:0 auto 40px auto; line-height:50px; color:##1a1a1a; font-size:37px; font-weight:600; letter-spacing:-2px;}

/* 부제목 */
.editor-subtitle {margin:30px 20px 30px 20px; padding:0 0 0 5px; border-left:4px solid #3a3a3a; color:#252525; font-size:1em; font-weight:600;}
.editor-subtitle p {margin-bottom:7px; font-size:1em; line-height:1.3em; font-weight:600; padding-left:9px; letter-spacing:-0.35px;}

/* 중간제목01 */
.editor-middle-title {margin:35px 20px 25px; padding:12px 0 11px; border-top:4px solid #5670D1; border-bottom:1px solid #CED4DA; clear:both;}
.editor-middle-title .title {color:#333; padding:0 6px; font-size:1em; line-height:32px; font-weight:400;}

/* 중간제목02 */
.editor-middle-title02 {margin:0 20px 25px; padding:2px 0 2px 15px; border-left:2px solid #a8a8a8; clear:both;}
.editor-middle-title02 .title {color:#222; font-size:1em; line-height:1.6em; font-weight:600; letter-spacing:-0.025em;}

/* 포토 */
.editor-photo_wrap {max-width:700px; margin:0px auto 40px auto; text-align:center;}
.editor-photo_wrap .photo-img {margin-bottom:2px; max-width:700px;}
.editor-photo_wrap .photo-img figure {margin:0; max-width:700px; height:auto;}
.editor-photo_wrap .photo-img img {vertical-align:top; margin:0 auto; max-width:700px; height:auto;}
.editor-photo_wrap .title {font-size:16px; font-weight:500; letter-spacing:-0.04px; color:#333333; text-align:left;}
.editor-photo_wrap .caption {margin-top:2px; font-size:14px; font-weight:300; color:#7a7a7a; text-align:left; line-height:1.4em;}

/* 오픈링크 가로형 */
.editor-openlink-horizontal {width:calc(100% - 70px); margin:0 20px 25px; padding:15px; border:1px solid #CED4DA;}
.editor-openlink-horizontal a {display:block; overflow:hidden;}
.editor-openlink-horizontal .editor-link-img {float:left; width:100px; height:100px; margin-right:20px; line-height:96px; text-align:center; background:#eee;}
.editor-openlink-horizontal .editor-link-img img {overflow:hidden; max-width:100px; max-height:100px; text-align:center; vertical-align:middle; background-color:#eee;}
.editor-openlink-horizontal .editor-link-body {/* height:100px; */}
.editor-openlink-horizontal .editor-link-body .title {margin-bottom:4px; font-size:18px; font-weight:400; color:#000; line-height:1.4em;}
.editor-openlink-horizontal .editor-link-body .caption {margin-bottom:4px; color:#000; font-size:14px; font-weight:300; line-height:1.4em;}
.editor-openlink-horizontal .editor-link-body .link {display:block; text-decoration:underline; color:#063BFF; font-size:13px;}

/* 오픈링크 세로형 */
.editor-openlink-vertical {width:280px; margin:0 auto 25px; padding:15px; border:1px solid #CED4DA;}
.editor-openlink-vertical a {display:block; overflow:hidden;}
.editor-openlink-vertical .editor-link-img {width:174px; margin:0 auto 16px auto; line-height:160px; text-align:center; background:#eee;}
.editor-openlink-vertical .editor-link-img img {overflow:hidden; max-width:174px; max-height:165px; text-align:center; vertical-align:middle; background-color:#eee;}
.editor-openlink-vertical .editor-link-body {/* height:100px; */}
.editor-openlink-vertical .editor-link-body .title {margin-bottom:4px; font-size:18px; font-weight:400; color:#000; line-height:1.4em;}
.editor-openlink-vertical .editor-link-body .caption {margin-bottom:4px; color:#000; font-size:14px; font-weight:300; line-height:1.4em;}
.editor-openlink-vertical .editor-link-body .link {display:block; text-decoration:underline; color:#063BFF; font-size:13px;}

/* 구분선 */
.editor-line {overflow:hidden; margin:0 20px 25px; clear:both;}
.editor-line hr {display:block; border:0 none;}
.editor-line.type1 hr {height:2px; margin:0; padding:0; background:#333;}
.editor-line.type2 {border:1px dashed #333; border-width:2px 0 0;}
.editor-line.type3 hr {width:100%; height:2px; background:url(//img.khan.co.kr/images/khan/pc/bg_border_dotted.gif) 0 0 repeat-x;}
.editor-line.type4 hr {height:1px; margin:0; padding:0; background:#333;}
.editor-line.type4 hr + hr {margin-top:2px;}

/* 인용구01 */
.editor-quotation01 {margin:0 20px 25px; clear:both;}
.editor-quotation01:before {display:inline-block; content:""; width:60px; height:60px; background:url(//img.khan.co.kr/images/khan/pc/icon_quoto_wideview.png) no-repeat 0 0;}
.editor-quotation01 .content-quotation {margin:-25px 30px 0 80px;}
.editor-quotation01 .content-quotation p {font-weight:700; font-style:italic; letter-spacing:-0.025em; font-family:'NanumMyeongjo Regular'; line-height:1.7em; text-shadow:0 0 1px rgb(0 0 0 / 30%);}
.editor-quotation01 .content-quotation span.source {display:inline-block; margin-top:10px; color:#999;}

/* 인용구02 */
.editor-quotation02 {margin:0 20px 25px; padding:10px 0 10px 20px; border-left:3px solid #474747; clear:both;}
.editor-quotation02 .content-quotation p {font-weight:700; font-style:italic; letter-spacing:-0.025em; font-family:'NanumMyeongjo Regular'; line-height:1.7em; text-shadow:0 0 1px rgb(0 0 0 / 30%);}
.editor-quotation02 .content-quotation span.source {display:inline-block; margin-top:10px; color:#999;}

/* 인용구03 */
.editor-quotation03 {position:relative; margin:0 20px 25px; padding:20px; border:2px solid #CED4DA; border-radius:15px; text-align:center; clear:both;}
.editor-quotation03 .content-quotation {display:inline-block;}
.editor-quotation03 .content-quotation p {font-size:1em; font-weight:700; font-style:italic; letter-spacing:-0.025em; font-family:'NanumMyeongjo Regular'; line-height:1.7em; text-shadow:0 0 1px rgb(0 0 0 / 30%); text-align:left;}
.editor-quotation03::after {content:""; display:block; position:absolute; bottom:-18px; left:0; right:0; width:35px; height:18px; margin:0 auto; background:url(//img.khan.co.kr/images/khan/pc/bg_quotation.png) no-repeat 0 0;}
.editor-quotation03 .content-quotation span.source {display:inline-block; margin-top:10px; color:#999;}

/* 동영상*/
.editor-video-wrap {max-width:700px; margin:40px auto 40px auto;}
.editor-video-wrap .video {margin:0 auto 6px;}
.editor-video-wrap .video iframe {overflow:hidden; border:none;}
.editor-video-wrap .title {font-size:1em; font-weight:500; letter-spacing:-0.04px; color: #333333;}
.editor-video-wrap .caption {margin-top:2px; font-size:14px; font-weight:300; letter-spacing:-0.04px; color:#7a7a7a; line-height:1.4em;}

/* 지도 */
.editor-map {max-width:700px; margin:0 auto 25px; text-align:center;}
.editor-map .map-area {display:inline-block; width:100%;}
.editor-map .map-area iframe {width:100%;}
.editor-map .caption {display:block; width:100%!important; max-width:100%; min-width:180px; margin:8px auto 0; padding:0 20px; text-align:left; font-size:13px; line-height:1.4em; color:#8191af; letter-spacing:-0.025em; -webkit-box-sizing:border-box; box-sizing:border-box; caption-side:bottom; word-break:break-word;}

/* GIF */
.editor-gif {max-width:700px; margin:0 20px 25px; text-align:center;}
.gif-area {max-width:500px; margin:0 auto;}
.gif-area figure {max-width:500px; height:auto;}
.gif-area figure img {width:100%; max-width:500px; height:auto;}
.gif-area .title {font-size:1em; font-weight:500; letter-spacing:-0.04px; color:#333333; text-align:left;}
.gif-area .caption {font-size:14px; font-weight:300; letter-spacing:-0.04px; color:#7a7a7a; text-align:left;}

/* sns 공유 */
.sns-share-wrap {margin:30px auto;}
.editor-share {max-width:700px; margin:40px auto 40px auto;}
.sns-twitter {border:1px solid #ddd; border-radius:12px; max-width:500px; height:auto; overflow:hidden; margin:20px auto;}
.twitter-tweet {margin:10px auto; padding:0 20px; box-sizing:border-box;}

/* 테이블 */
.editor-table {margin:0 20px 25px;}
.editor-table table {margin:0 auto;}

/* 글상자 */
.editor-textbox {margin:0 20px 25px; padding:30px; border:1px solid #ddd; font-size:0.95em;}
.editor-textbox.bg01 {background:#fafafa;} /* gray */
.editor-textbox.bg02 {background:#f1f9fd;} /* blue */
.editor-textbox.bg03 {background:#f1fdf3;} /* green */
.editor-textbox.bg04 {background:#fdfcf1;} /* yellow */
.editor-textbox.bg05 {background:#fdf1f1;} /* red */

/* 목록구조 */
.editor-list-wrap {margin:20px 0; padding:0 40px;}
.editor-list-wrap li {padding:0; list-style-type:inherit;}
ul.editor-list-wrap li {list-style-type:disc;}
ol.editor-list-wrap li {list-style-type:decimal;}

/* 들여쓰기 */
.indent1 {padding-left:1em;}
.indent2 {padding-left:2em;}
.indent3 {padding-left:3em;}
.indent4 {padding-left:4em;}
.indent5 {padding-left:5em;}




/****************************************************************************
    이슈 연재 메일링 구독하기
****************************************************************************/
/* 연재 메일링 구독 신청 */
#seriesWrap {z-index: 101;}
.subscribe_btn {position: absolute; top: 0; right: 0; margin: 0;}
.subscribe_btn:after {content:'';clear: both; display:block;}
.subscribe_btn .txt_btn {display: inline-block; color:#121212; font-size: 14px; line-height: 20px; cursor: pointer;}
.subscribe_btn .tip_hover {position: relative; width:100%; background:url(//img.khan.co.kr/images/khan/m/btn_help_gr.svg) 0 center no-repeat; background-size: 14px 14px; margin: 12px 0 0 5px; cursor: pointer;}
.subscribe_btn .btn_tip {padding-left: 18px; color:#121212; font-size: 12px; letter-spacing: -0.08em;}

/* 기사뷰 공유 많은 기사 영역 툴팁 추가 */
.btn_share_tip {display:inline-block; position:relative; left:5px; top:-1px; width:15px; height:15px; background:url(//img.khan.co.kr/images/khan/m/btn_help_gr.svg) 0 center no-repeat; background-size:14px 14px;}
.tooltip-blue {--balloon-color:#505fdd;}

/* 광고 없는 연재 기사 상세 페이지 */
.wrap_psrelative .subscribe_btn {margin:25px 0 0 0;}
.wrap_psrelative .subscribe_btn:after {content:'';clear: both; display:block;}
.wrap_psrelative .subscribe_btn .txt_btn {display: inline-block; color:#fff; font-size: 14px; line-height: 20px; border-bottom: 1px solid #fff; cursor: pointer;}
.wrap_psrelative .subscribe_btn .tip_hover {display: block; position: relative; width:100%; height: 14px; background:url(//img.khan.co.kr/images/khan/m/btn_help_wt.svg) 0 center no-repeat; background-size: 14px 14px; margin: 12px 0 0 0; cursor: pointer;}
.wrap_psrelative .subscribe_btn .btn_tip {padding-left: 18px; color:#fff; font-size: 12px; font-size: 12px; line-height: 12px; display: block;}




/****************************************************************************
    뉴스플리
****************************************************************************/
/* 뉴스플리 팝업 */
.subscribepopup_sec .newspl_wrap .btn {padding:20px 0 0;}
.subscribepopup_sec .newspl_wrap #btn_createNewply.btn {text-align:left; padding:20px 10px 0;} /* 새 뉴스플리 만들기 버튼 정렬 */
.subscribepopup_sec .btn .generate {display:inline-block; width:auto; height:30px; margin:0 10px; padding-left:15px; font-size:14px; color:#1a1a1a; line-height:30px; background:url("//img.khan.co.kr/images/khan/pc/ico-btn-plus.svg") left 50% no-repeat; background-size:11px 11px;}
.subscribepopup_sec .newspl_wrap .btn .save {display:inline-block; width:100px; height:34px; margin:0 5px; border:1px solid #666; border-radius:8px; color:#1a1a1a; font-size:15px; line-height:34px; text-decoration:none; background-color:#fff;}
.subscribepopup_sec .newspl_wrap .btn .cancel {display:inline-block; width:100px; height:34px; margin:0 5px; border:1px solid #999; border-radius:8px; color:#787878; font-size:15px; line-height:34px; text-decoration:none; background-color:#fefefe;}
.subscribepopup_sec .generate_area {padding:20px 15px 0;}
.subscribepopup_sec .generate_area .generate_input_wrap {position:relative;}
.subscribepopup_sec .generate_area .generate_input_wrap .count {position:absolute; top:12px; right:10px; text-align:right; color:#aaa; font-size:12px;}
.subscribepopup_sec .generate_area input {width:100%; height:40px; background-color:#fff; font-size:13px; color:#222; border:1px solid #666; border-radius:5px; margin:0; padding:0 45px 0 10px; box-sizing:border-box;}
.subscribepopup_sec .generate_area .btn {padding:15px 0 0;}
.subscribepopup_sec .generate_area .input_guide_error {font-size: 13px; line-height: 13px; padding: 10px 5px; color: #ff0000;}
.btm-layer.newsplpopup {position:fixed; z-index:50; /*z-index:50;*/ bottom:-100%!important; width:100%; height:auto; -webkit-overflow-scrolling:touch;}
.btm-layer.newsplpopup.open {bottom:50px!important;}
.btm-layer.newsplpopup.bnr_extend {bottom:100px!important;}
.btm-layer.newsplpopup.appuse {bottom:0!important;}
.btm-layer.newsplpopup .inner {height:auto;}
.btm-layer.newsplpopup .inner .subscribepopup_sec {background-color:#fff;}
.newspl_wrap {}
.newspl_check_area {overflow:hidden; max-height:150px; padding:20px 10px 20px 20px; border-bottom:1px dashed #cecece;}
.newspl_check_area.scroll {overflow-y:scroll;}
.newspl_check_area .newspl_check_list {display:flex; /* margin:0 0 10px; */ cursor:pointer;}
.newspl_check_area .newspl_check_list.lock {background:url("//img.khan.co.kr/images/khan/m/ico-newspl-lock.svg") right center no-repeat; background-size:12px;}
.newspl_check_area .newspl_list_more .more_btn {margin:0 0 0 20px; padding:3px 18px 3px 8px; border:1px solid #ccc; border-radius:6px; font-size:12px; background:url("//img.khan.co.kr/images/khan/pc/ico-arrow-btm-s-gr.svg") 95% 50% no-repeat; background-size:10px; background-color: #fff;}
.newspl_check_area label {display:block; margin:0 0 10px; color:#666; font-size:14px; font-weight:400;}
/* .newspl_check_area label:last-child {margin:0;} */
.newspl_check_area input[id="newspl_check"] {display:none;}
.newspl_check_area input[class="newspl_check"] {display:none;}
.newspl_check_area input[type="checkbox"] + label{overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
    cursor: pointer;
    padding-left: 24px;
    background-image: url("//img.khan.co.kr/images/khan/m/ico-newspl-check.svg");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left 50%;
}
.newspl_check_area input[type="checkbox"]:checked + label{
    background-image: url("//img.khan.co.kr/images/khan/m/ico-newspl-checked.svg");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left 50%;
    color:#1a1a1a;
    font-weight:550;
}
.newspl_check_area label .badge-new {display:inline-block; width:26px; margin-left:5px; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/m/ico-newspl-new.svg") center center no-repeat; background-size:26px 12px;}
.newspl_check_area .newspl_check_list .badge-info {display:inline-block; font-size:12px; height:20px; margin-left:5px; line-height:1.6em;}
.newspl_check_area .newspl_check_list .badge-info.ins {color:blue;}
.newspl_check_area .newspl_check_list .badge-info.del {color:red;}




/****************************************************************************
    칸업
****************************************************************************/
/* 안내 레이어 팝업 */
.info-layerpopup-wrap {display:none; position:fixed; top:35px; width:100%; text-align:center; z-index:49;}
.info-layerpopup-wrap.on {display:block; animation:slideDown .5s;}
@keyframes slideDown {
    0% {transform:translate(0 ,-100px);}
    100% {transform:translate(0, 0);}
}
.info-layerpopup {position:relative; display:inline-block; width:auto; margin:0 20px; padding:15px 45px 15px 20px; border:1px solid rgb(74 74 74 / 25%); border-radius:20px; box-shadow:5px 6px 10px rgb(74 74 74 / 50%); background-color:#fff;}
.info-layerpopup.check {padding-left:50px; background:url(//img.khan.co.kr/images/khan/pc/ico-check-quiz-blue.svg) no-repeat 25px center; background-size:16px; background-color:#fff;}
.info-layerpopup .popup-cont {color:#3a3a3a; font-size:16px; font-weight:500;}
.info-layerpopup .popup-cont .btn-link-login {position:relative; color:#1a1a1a;}
.info-layerpopup .popup-cont .btn-link-login:after {display:block; position:absolute; bottom:0; left:0; right:0; width:100%; content:''; border-bottom:1px solid #005af8;}
.info-layerpopup .popup-cont strong {color:#005af8;}
/* .info-layerpopup .btn-close {position:absolute; top:50%; right:9px; width:15px; height:15px; margin-top:-7px; text-indent:-9999px; background:url(//img.khan.co.kr/images/khan/pc/ico-close-sm.svg) no-repeat left center; background-size:12px 12px;} */
.info-layerpopup .btn-close {position:absolute; top:16px; right:10px; width:10px; height:10px; padding:6px; /* border:1px solid rgb(0 0 0 / 55%); */ border-radius:60px; text-indent:-9999px; background:url(//img.khan.co.kr/images/khan/pc/ico-close-sm.svg) no-repeat center center; background-size:10px 10px; background-color:#fafafa;}
.info-layerpopup .btn-today-check {display: none;}
.info-layerpopup .btn-today-check.on {display: flex; height: 16px; position: absolute; /*top: -23px;*/ right: 12px; bottom: -30px; background-color: rgba(255, 255, 255, .85); border-radius: 50px; padding: 3px 10px;}
.info-layerpopup .btn-today-check input[class="close-today-check"] {display: none;}
.info-layerpopup .btn-today-check input[type="checkbox"] + label {font-size: 14px; line-height: 1.2em; font-weight: 500; cursor: pointer; padding-right: 15px; background-image: url(//img.khan.co.kr/images/khan/pc/ico-close-sm.svg); background-repeat: no-repeat; background-size: 10px 10px; background-position: center right;}
.info-layerpopup .btn-today-check input[type="checkbox"]:checked + label {background-image: url(//img.khan.co.kr/images/khan/pc/ico-close-sm.svg); background-repeat: no-repeat; background-size: 10px 10px; background-position: center right;}

/* 상단 레이어팝업 레이아웃 수정 */
.info-layerpopup-wrap.edit {top:110px;}
.info-layerpopup-wrap.edit.top-on {display:block; top:37px;}
.info-layerpopup-wrap.edit.mid-on {display:block; top:60px;}
.info-layerpopup-wrap.edit .info-layerpopup {padding:4px 14px; border:1px solid rgb(0 0 0 / 55%); border-radius:60px; box-shadow:2px 2px 2px rgb(74 74 74 / 0%); background-color:rgba(255 255 255 / 98%);}
.info-layerpopup-wrap.edit .info-layerpopup .popup-cont {color:#1a1a1a; font-size:15px; font-weight:400;}
.info-layerpopup-wrap.edit .info-layerpopup .popup-cont strong {font-weight:550;}
.info-layerpopup-wrap.edit .info-layerpopup .popup-cont .btn-link-login:after {border-bottom:none;}


/* 오늘의 퀴즈 */
.head_article .daily-quiz-header .common-header-title {background-color:#005af8;}
.head_article .daily-quiz-header .box_menu_left .btn_menu {background-color:unset; background:url(//img.khan.co.kr/images/khan/m/btn_gnb_menu_wt.svg) center no-repeat; background-size:20px 16px;}
.head_article .daily-quiz-header .box_menu_left .btn_home {display:none;}
.head_article .daily-quiz-header .login-svc-wrap .link_corp.btn_login {height:50px; background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt.svg) center no-repeat; background-size:20px 20px;}
.head_article .daily-quiz-header .login-svc-wrap .link_corp.btn_login.sign-in {height:50px; background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt-in.svg) center no-repeat; background-size:24px 24px;}
.daily-quiz-header {}
.daily-quiz-wrap {max-width:767px; margin:0 auto; padding-bottom:0; background-color:#fff;}
.daily-quiz-wrap .dq-tit {padding:20px 10px 30px; text-align:center; border-radius:0 0 50% 50%; background-color:#005af8;}
.daily-quiz-wrap .dq-tit strong {display:block; color:#fff; font-size:27px;}
.daily-quiz-wrap .dq-tit .date {color:#fff; font-size:19px;}
.daily-quiz-wrap .per-msg {padding:20px 20px 10px; text-align:center;}
.daily-quiz-wrap .per-msg .txt {font-size:18px; line-height:1.6em;}
.daily-quiz-wrap .per-msg .lv-badge-wrap {position:relative;}
.daily-quiz-wrap .per-msg .lv-badge-wrap .lv-badge {height:30px; vertical-align:middle;}
.daily-quiz-wrap .btn-goto-mp {display:inline-block; margin:10px 0 0; color:#005af8; font-size:17px; font-weight:550; text-decoration:underline;}
/* .daily-quiz-wrap .per-msg .lv-badge-wrap em {padding:0 5px; color:#113a79; font-size:15px; font-weight:900;}
.daily-quiz-wrap .per-msg .lv-badge-wrap em:before {display:block; position:absolute; top:-2px; right:0; bottom:0; left:0; width:30px; height:30px; content:''; border:2px solid #113a79; border-radius:50%;} */
/* 퀴즈 본문 */
.quiz-cont-wrap {margin:20px; padding:10px 30px 30px; border:2px solid #cee2e9; border-radius:20px; background-color:#f9fcfd;}
.quiz-cont-wrap .dq-cont-header {position:relative; height:20px;}
.quiz-cont-wrap .dq-cont-header .dq-cont-tit {display:inline-block; font-size:22px; font-weight:700; margin-right:10px;}
.quiz-cont-wrap .dq-cont-header .dq-cont-num {display:inline-block; position:relative; top:-30px; width:auto; height:24px; color:#bcbfca; font-size:17px; padding:5px 18px; border:2px solid #cee2e9; border-radius:50px; line-height:1.4em; background-color:#fff;}
.quiz-cont-wrap .dq-cont-header .dq-cont-num strong.on {color:#005af8;}
.quiz-cont-wrap .dq-cont-header .dq-cont-num em.arw-next {display:inline-block; width:32px; height:24px; background:url(//img.khan.co.kr/images/khan/pc/ico-page-next-gray.svg) no-repeat center; background-size:7px;}
.quiz-cont-wrap .dq-cont-header .dq-cont-num em.arw-next.on {display:inline-block; width:32px; height:24px; background:url(//img.khan.co.kr/images/khan/pc/ico-page-next-blue.svg) no-repeat center; background-size:7px;}
.quiz-cont-wrap .dq-cont-header .dq-cont-side {position:absolute; right:0; top:3px;}
.quiz-cont-wrap .dq-cont-header .btn-prev-quiz {position:relative; padding:5px 5px 5px 21px; /* border:1px solid #d3dfe3; border-radius:50px; */ font-size:13px; background:url(//img.khan.co.kr/images/khan/pc/ico-page-prev.svg) no-repeat 11px 50%; background-size:6px; /* background-color:#fff; */}
.quiz-cont-wrap .dq-cont-header .btn-next-quiz {position:relative; padding:5px 21px 5px 5px; font-size:13px; background:url(//img.khan.co.kr/images/khan/pc/ico-page-next.svg) no-repeat 90% 50%; background-size:6px;}
.quiz-cont-wrap .dq-cont-header .dq-cont-side > a.inactive {opacity:.5; cursor:default;}

/* .quiz-cont-wrap .dq-cont-header .btn-prev-quiz:after {display:block; position:absolute; bottom:3px; left:20px; right:0; width:58px; content:''; border-bottom:1px dashed #9fc3cf;} */
.quiz-cont-wrap .dq-cont-article {}
.quiz-cont-wrap .dq-cont-article .thumb {}
.quiz-cont-wrap .dq-cont-article .thumb img {width:100%; border-radius:5px;}
.quiz-cont-wrap .dq-cont-article .txt {margin:15px 0; line-height:1.6em; color:#1a1a1a; font-size:18px;}
.quiz-cont-wrap .dq-cont-article .example-list-wrap {width:100%; max-width:480px; margin:20px auto 30px;}
.quiz-cont-wrap .dq-cont-article .example-list {position:relative; margin:0 0 15px;}
.quiz-cont-wrap .dq-cont-article .example-list .example {display:block; padding:15px 40px 15px 20px; border:1px solid #666; border-radius:15px; box-sizing:border-box; color:#3a3a3a; font-size:18px; line-height:1.4em; background-color:#fff;}
.quiz-cont-wrap .dq-cont-article .example-list .result-mark {display:none; position:absolute; right:13px; top:15px; width:27px; height:27px;}
.quiz-cont-wrap .dq-cont-article .example-list.correct .example {border:3px solid #005af8;}
.quiz-cont-wrap .dq-cont-article .example-list.correct .result-mark {display:block; border:2px solid #005af8; border-radius:100%; background:url(//img.khan.co.kr/images/khan/pc/ico-check-quiz-blue.svg) no-repeat center; background-size:14px;}
.quiz-cont-wrap .dq-cont-article .example-list.wrong .example {border:3px solid #ff0000;}
.quiz-cont-wrap .dq-cont-article .example-list.wrong .result-mark {display:block; border:2px solid #ff0000; border-radius:100%; background:url(//img.khan.co.kr/images/khan/pc/ico-close-quiz-red.svg) no-repeat center; background-size:13px;}
.quiz-cont-wrap .dq-cont-article .msg-result-wrap {}
.quiz-cont-wrap .dq-cont-article .msg-result-wrap .msg-result {margin:0 0 20px; font-size:26px; font-weight:700; text-align:center;}
.quiz-cont-wrap .dq-cont-article .msg-result-wrap.correct .msg-result {color:#005af8;}
.quiz-cont-wrap .dq-cont-article .msg-result-wrap.wrong .msg-result {color:#ff0000;}
.quiz-cont-wrap .dq-cont-article .msg-result-wrap .result-explain {text-align:left; font-size:17px; line-height:1.6em;}
.quiz-cont-wrap .dq-cont-article .msg-btn-wrap {margin:30px 0 10px; text-align:center;}
.quiz-cont-wrap .dq-cont-article .msg-btn-wrap .btn-next-quiz {display:inline-block; min-width:170px; margin:0 auto; padding:12px 10px; border:1px solid #3a3a3a; border-radius:50px; font-size:18px; font-weight:700; background-color:#fff;}
.quiz-cont-wrap .dq-cont-article .msg-btn-wrap .btn-next-quiz.inactive {opacity:.45; cursor:default; border:1px solid #d3dfe3; font-weight:400;}
.quiz-cont-wrap .dq-cont-article .msg-btn-wrap .btn-next-quiz span {padding-right:20px; background:url(//img.khan.co.kr/images/khan/pc/ico-page-next.svg) no-repeat 100% 60%; background-size:9px;}
.daily-quiz-wrap .dq-clue-wrap {margin:50px 20px;}
.daily-quiz-wrap .dq-clue-wrap .clue-tit {margin:0 0 15px; color:#1a1a1a; font-size:16px;}
.daily-quiz-wrap .dq-clue-wrap .clue-tit strong {margin-right:5px; vertical-align:baseline; font-size:20px; font-weight:700;}
.daily-quiz-wrap .dq-clue-wrap .clue-art-wrap {position:relative; padding:30px; border:2px solid #cee2e9; border-radius:20px; background-color:#f9fcfd;}
.daily-quiz-wrap .dq-clue-wrap .clue-art-wrap.hide-cont ul {filter:blur(6px);}
.daily-quiz-wrap .dq-clue-wrap .clue-art-wrap .hint-msg {display:none; width:250px; text-align:center;}
.daily-quiz-wrap .dq-clue-wrap .clue-art-wrap .hint-msg span {height:30px; font-size:18px; line-height:1.6em;}
.daily-quiz-wrap .dq-clue-wrap .clue-art-wrap.hide-cont .hint-msg {display:block; position:absolute; left:50%; top:50%; margin-left:-125px; margin-top:-15px; z-index:6; cursor:pointer;}
.daily-quiz-wrap .dq-clue-wrap .clue-art-wrap.hide-cont .hint-msg span {padding-left:30px; background:url(//img.khan.co.kr/images/khan/pc/ico-hand-index.svg) no-repeat 0 50%; background-size:24px;}
.daily-quiz-wrap .dq-clue-wrap .clue-art-wrap.hide-cont:after {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:20px; content:''; background-color:rgba(255,255,255,.55); z-index:5;}
.daily-quiz-wrap .df-list li {display:table; position:relative; margin:0 0 20px 0;}
.daily-quiz-wrap .df-list li:last-child {margin:0;}
.daily-quiz-wrap .df-list .thumb {overflow:hidden; float:left; position:relative; width:115px; height:85px; margin:0 10px 0 0; text-align:center; background-color:#fff;}
.daily-quiz-wrap .df-list .thumb img {width:115px; height:85px; max-width:100%; min-height:85px;}
.daily-quiz-wrap .df-list .txt {display:table-cell; vertical-align:middle;}
.daily-quiz-wrap .df-list .tit {overflow:hidden; max-height:2.8em; line-height:1.4em; color:#1a1a1a; font-size:17px; font-weight:550;}
.daily-quiz-wrap .df-list .s-tit {display:inline-block; margin-bottom:5px; color:#4469B0; font-size:13px; font-weight:550;}
.daily-quiz-wrap .df-list .s-tit.issue {font-size:15px;}
.daily-quiz-wrap .df-list .s-tit .tag {margin-top:-3px; margin-right:4px; padding:1px 5px 2px 5px; font-size:11px; line-height:13px;}
.daily-quiz-wrap .df-list .thumb + .tit span[class^="label_"] {position:absolute;top:20px;left:0;}
.daily-quiz-wrap .df-list .lead {display:none; overflow:hidden; max-height:2.9em; font-size:14px; line-height:1.45em;}
.daily-quiz-wrap .df-list .lead a {color:#6a6a6a;}
.daily-quiz-wrap .df-list .byline {margin:4px 0 6px; color:#9a9a9a; font-size:12px; letter-spacing:0;}
.dq-rank-wrap {margin:50px 20px;}
.dq-rank-wrap .rank-tit {margin:0 0 25px; color:#1a1a1a; font-size:20px; font-weight:700;}
.dq-rank-wrap .rank-tbl-wrap {display:inline-block; position:relative; width:100%;}
.dq-rank-wrap .rank-tbl-wrap .info-txt {position:absolute; right:0; top:-23px; font-size:13px;}
.dq-rank-wrap .rank-tbl-wrap .tg {width:100%; border-collapse:collapse; border-spacing:0;}
.dq-rank-wrap .rank-tbl-wrap .tg tbody {border-top:2px solid #1a1a1a;}
.dq-rank-wrap .rank-tbl-wrap .tg tr {border-bottom:1px solid #ddd;}
/* .dq-rank-wrap .rank-tbl-wrap .tg tr:last-child {border-bottom:none;} */
.dq-rank-wrap .rank-tbl-wrap .tg tr.my-rank {background-color:#FEF8E4;}
.dq-rank-wrap .rank-tbl-wrap .tg td {overflow:hidden; padding:15px 5px; word-break:normal; font-size:16px;}
.dq-rank-wrap .rank-tbl-wrap .tg .tg-ct {text-align:center;}
.dq-rank-wrap .rank-tbl-wrap .tg .tg-rt {padding-right:20px; text-align:right;}
.dq-rank-wrap .rank-tbl-wrap .tg .level {width:60px;}
.dq-rank-wrap .rank-tbl-wrap .tg .level .lv-badge-wrap {display:block; position:relative; width:auto; max-width:60px; height:24px;}
.dq-rank-wrap .rank-tbl-wrap .tg .level .lv-badge-wrap .lv-badge {height:24px;}
/* .dq-rank-wrap .rank-tbl-wrap .tg .level .lv-badge-wrap:before {display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:22px; height:22px; content:''; border-radius:50%; background-color:#fff; z-index:5;}
.dq-rank-wrap .rank-tbl-wrap .tg .level .lv-badge-wrap em {position:relative; width:100%; text-align:center; margin-left:-2px; line-height:1.9em; color:#113a79; font-size:11px; font-weight:900; z-index:7;}
.dq-rank-wrap .rank-tbl-wrap .tg .level .lv-badge-wrap:after {display:block; position:absolute; top:-2px; left:-2px; width:22px; height:22px; content:''; border:2px solid #113a79; border-radius:50%; z-index:6;} */
.dq-rank-wrap .rank-tip-wrap {display:inline-block; width:320px;}

/* 칸업 로그인월 노출 영역 */
.khanupwall-wrap {display:none; position:relative; max-width:1100px; margin:0 20px 25px;}
.khanupwall-wrap.on {display:block;}
.khanupwall-wrap:before {content: ""; position:absolute; left:50%; top:12px; width:100%; width:calc(100% + 40px); height:193px; pointer-events:none; z-index:2;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(11.92%,hsla(0,0%,100%,0)),color-stop(65.51%,hsla(0,0%,100%,.6)),color-stop(93.45%,#fff));
    background-image:linear-gradient(180deg,hsla(0,0%,100%,0) 11.92%,hsla(0,0%,100%,.6) 65.51%,#fff 93.45%);
    -webkit-transform:translate(-50%,-193px);
    transform:translate(-50%,-193px);}
/* .khanupwall-wrap:after {content: ""; position:absolute; left:50%; bottom:-385px; width:100%; width:calc(100% + 40px); height:193px; pointer-events:none; z-index:2;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(93.45%,#fff),color-stop(65.51%,hsla(0,0%,100%,.6)),color-stop(11.92%,hsla(0,0%,100%,0)));
    background-image:linear-gradient(180deg,#fff 11.92%,hsla(0,0%,100%,.6) 65.51%,hsla(0,0%,100%,0) 93.45%);
    -webkit-transform:translate(-50%,-193px);
    transform:translate(-50%,-193px);} */
.khanupwall-wrap:after {content: ""; position:absolute; left:50%; bottom:-385px; width:100%; width:calc(100% + 40px); height:100px; pointer-events:none; z-index:2;
    background-color:#fff;
    -webkit-transform:translate(-50%,-285px);
    transform:translate(-50%,-285px);}
.khanupwall-wrap .khanupwall {display:none; position:relative; border-radius:15px; background-color:#dae8fe; z-index:2;}
.khanupwall-wrap .khanupwall.on {display:block;}
.khanupwall-wrap .khanupwall .inner {max-width:650px; margin:0 auto; padding:30px 10px; text-align:center;}
.khanupwall-wrap .khanupwall.case02 .inner {padding:30px 0 40px;}
.khanupwall .tit {display:block; margin:0 auto 10px; text-align:center;}
.khanupwall .tit strong {color:#1a1a1a; font-size:19px; font-weight:550;}
.khanupwall.case02 .tit {position:relative; padding-top:60px; font-size:20px;}
.khanupwall.case02 .tit:before {content: ""; position:absolute; left:0; bottom:80px; width:100%; height:45px; background:url(//img.khan.co.kr/images/khan/pc/ico-khanup-sort.png) 50% 50% no-repeat; background-size:44px;}
.khanupwall.case02 .tit .img-ci {height:19px; vertical-align:middle;}
.khanupwall.case02 .tit .sub-tit {display:block; margin:10px auto 30px; color:#3b4b7e; font-size:16px;}
.khanupwall .intro_wrap {padding:20px 0;}
.khanupwall .intro_wrap .txt {margin:0 0 5px; color:#3a3a3a; font-size:16px; font-weight:400; text-align:center;}
.khanupwall .intro_wrap .txt .img-ci {height:14px; margin:0 5px 0 0; vertical-align:middle;}
.khanupwall .intro_wrap .intro_list {display:flex; align-items:center; justify-content:center;}
.khanupwall .intro_wrap .intro_list li {display:flex; justify-content:center; align-items:center; width:auto; height:34px; margin:3px; padding:0 10px; border:1px solid #98b9f2; border-radius:40px; text-align:center; color:#3a3a3a; font-size:14px; background-color:#f5faff;}
.khanupwall .intro_wrap .intro_list li .con {font-size:15px;}
.khanupwall .btn_area {display:flex; margin:10px auto 0; padding:0 10px;}
.khanupwall.case02 .btn_area {max-width:340px;}
.khanupwall .btn_area > a {display:block; width:180px; height:46px; margin:0 auto; border:1px solid #5a77d1; border-radius:15px; font-size:17px; font-weight:500; text-align:center; line-height:46px;}
.khanupwall.case02 .btn_area > a {width:140px;}
.khanupwall .btn_area .btn_login {color:#fff; background-color:#5a77d1;}
.khanupwall .btn_area .btn_join {color:#5a77d1; background-color:#fff;}
.khanupwall .goto-join {display:inline-block; margin:3px auto 0;}
.khanupwall .goto-join span {color:#3b4b7e; font-size:14px; text-decoration:underline;}
@media (max-width:360px){
    .khanupwall-wrap .khanupwall .inner {padding:30px 12px;}
	.khanupwall .intro_wrap .intro_list li {font-size:12px;}
    .khanupwall-wrap .khanupwall.case02 .inner {padding:10px 12px 30px;}
    .khanupwall.case01 .tit strong {font-size:16px;}
    .khanupwall.case01 .intro_wrap .txt {font-size:14px;}
    .khanupwall.case01 .intro_wrap .txt .img-ci {height:11px;}
    .khanupwall.case02 .tit:before {bottom:72px; height:40px; background-size:40px;}
    .khanupwall.case02 .tit strong {font-size:16px;}
    .khanupwall.case02 .tit .img-ci {height:15px;}
    .khanupwall.case02 .tit .sub-tit {font-size:14px;}
    .khanupwall.case02 .btn_area > a {width:110px;}
}


/* 오늘의 퀴즈 배너 */
.dq-bnr-wrap {display:none;}
.dq-bnr-wrap .dq-bnr {overflow:hidden; position:fixed; color:#fff; cursor:pointer; text-align:center;}
.dq-bnr-wrap .dq-bnr.bf {right:10px; bottom:120px; width:50px; height:50px; border-radius:50px; box-sizing:border-box; background-color:#09bbfe; background-image:linear-gradient(0deg, #09bbfe 0%, #5a42ec 91%); z-index:39; line-height:2.6em; font-size:20px; font-weight:700;}
.dq-bnr-wrap .dq-bnr.af {display:none; right:10px; bottom:120px; width:280px; height:50px; border-radius:50px; box-sizing:border-box; background-color:#09bbfe; background-image:linear-gradient(0deg, #09bbfe 0%, #5a42ec 91%); z-index:39; line-height:3em; font-size:18px;}
.dq-bnr-wrap:hover .dq-bnr.bf {display:none;}
.dq-bnr-wrap:hover .dq-bnr.af {display:block;}
/* 오늘의 퀴즈 바로가기 배너 추가 */
.dq-btn-wrap {display:none; margin:20px auto 40px; text-align:center;}
.dq-btn-wrap .dq-btn {display:inline-block; width:auto; margin:0 auto; padding:12px 20px; border:1px solid #333; border-radius:40px; text-align:center; color:#3a3a3a; font-size:17px; font-weight:550;}
.dq-btn-wrap .dq-btn strong {color:#005af8; padding-left:14px; background:url(//img.khan.co.kr/images/khan/pc/ico-level-advanced.svg) no-repeat left 70%; background-size:12px;}

/* 완독 아이콘 */
.complete-wrap {display:none; position:relative; margin-right:35px; text-align:right; cursor:pointer;}
.complete-wrap:after {content:""; display:block; clear:both;}
.complete-wrap.on {display:block;}
.complete-wrap .ico-complete-check {display:inline; width:21px; height:20px; vertical-align:middle;}
.complete-wrap .txt-complete-check {position:relative; color:#4a4a4a; font-size:13px; font-weight:700;}
.complete-wrap .counter {position:absolute; right:-20px; font-weight:500; line-height:1.7em;}
/* .complete-wrap .counter {counter-reset: ms var(--number); animation: count .5s steps(3);}
.complete-wrap .counter::after {content:counter(ms); color:#4a4a4a; font-size:25px;}
@property --number {
   inherits: false; 
   syntax: '<integer>';
   initial-value: 3;
}
@keyframes count {
   0% { --number: 0; }
} */
/* .complete-check:before {content:""; display:block; clear:both; position:absolute; left:0; top:50%; width:12px; height:12px; margin-top:-8px; border:2px solid #333666; border-radius:100%;}
.complete-check.reads:before {content:""; display:block; clear:both; position:absolute; left:0; top:50%; width:12px; height:12px; margin-top:-8px; border:2px solid #333666; border-radius:100%; background-color:#aeedfa;}
.complete-check.reads:after {content:""; display:block; clear:both; position:absolute; left:0; top:50%; width:16px; height:16px; margin-top:-8px; background:url(//img.khan.co.kr/images/khan/pc/ico-check-deepblue.svg) no-repeat scroll 50% 50% transparent;} */
.point-info {display:none; position:absolute; right:-25px; font-size:0;}
.complete-wrap.on .point-info {display:inline-block; transition:0.5s cubic-bezier(0.47, 0, 0.75, 0.72); font-size:20px;}
/* 완독 아이콘 수정 202403 */
.complete-section {display:inline-block; position:absolute; left:55px; top:0; width:auto; min-width:60px; height:50px;}
.complete-section .complete-wrap {left:10px; top:14px; margin-right:0; text-align:left;}
.complete-section .complete-wrap .ico-complete-check {position:absolute; left:0; top:2px;}
.complete-section .complete-wrap .txt-complete-check {padding-left:22px;}
.complete-section .complete-wrap .counter {position:relative; right:unset; vertical-align:bottom; line-height:1.4em;}
.complete-section .bubble-msg {display:none; position:absolute; left:-20px; top:50px; width:280px; padding:10px 35px 10px 15px; border-radius:10px; box-sizing:border-box; color:#fff; font-size:12px; font-weight:400; letter-spacing:-0.025em; background-color:#4682e8; z-index:9999;
filter: drop-shadow(-1px -1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.15));}
.complete-section .bubble-msg.open {display:block;}
.complete-section .bubble-msg::before {content:""; display:block; position:absolute; left:52px; top:-11px; transform-origin:center; width:0; height:0; border:12px solid transparent; border-bottom:20px solid #4682e8; border-top:0; border-top-width:25px;}
.complete-section .bubble-msg em {text-decoration:underline;}
.complete-section .bubble-msg .close-btn {position:absolute; width:20px; height:20px; top:50%; right:10px; margin-top:-10px; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/m/ico_common_close_wt.svg") no-repeat center 50%; background-size:20px 20px;}
.complete-section.khanup {left:140px; min-width:40px;}
.complete-section.khanup .bubble-msg {left:-120px;}
.complete-section.khanup .bubble-msg::before {left:134px;}
.complete-section.khanup .complete-wrap .ico-complete-check {width:14px;}
.complete-section.khanup .complete-wrap .txt-complete-check {left:-1px; padding-left:16px; font-size:11px;}
.complete-section.khanup .complete-wrap {left:9px; top:13px;}
@media (max-width:320px){
    .complete-section .complete-wrap .ico-complete-check {top:5px; width:16px; height:16px;}
    .complete-section .complete-wrap .counter {font-size:12px;}
    .complete-wrap .txt-complete-check {padding-left:16px!important; font-size:12px;}
}




/* 기사 뷰 하단 연재 슬라이드 */
.view_sec_wrap.series .subscribe_btn {position: absolute; top: 15px; right: 20px;margin: 0;}
.view_sec_wrap.series .subscribe_btn .txt_btn {border-bottom: 0; text-decoration: underline;}

/* 연재 메인 */
.series_sec .opn_top {margin: 0 20px;}
.series_sec .opn_top:last-child {padding-top: 30px;}
.series_sec .opn_top .type_op {padding: 0 0 20px; border-bottom: 1px solid #F2F2F2;}
.series_sec .opn_top:last-child .type_op {padding: 0 0 30px; border-bottom: 0;}
.series_sec .opn_top .type_op .preview {padding: 0; border-bottom: 0;}
.series_sec .opn_top .more {display: inline-block; font-size: 12px; line-height: 12px; margin-top: 15px; padding: 0 10px 0 0; color: #999; background: url(//img.khan.co.kr/images/khan/m/ico_arr_right_gr.svg) no-repeat right 50%; background-size: 4px 9px;}

/* 만평 이전 다음 버튼 */
.cartoon_nav {margin:30px 0 40px; padding:0 20px; text-align:center;}
.cartoon_nav a {display:inline-block; height: 40px; line-height: 40px; font-size: 14px; font-weight: 600; margin:0 20px; border:1px solid #E2E2E2; border-radius:100px; box-sizing: border-box;}
.cartoon_nav .btn_list {width: 40px;}
.cartoon_nav .btn_list .ico_list {display: block; width: 40px; height: 40px; background: url(//img.khan.co.kr/images/khan/m/ico_list_layer.svg) no-repeat center; background-size: 16px 12px; text-indent: -9999px;}
.cartoon_nav .btn_viewer { width: 70px;}
.cartoon_nav .btn_viewer .ico_prev {padding:0 2px 0 12px; background: url(//img.khan.co.kr/images/khan/m/ico_arr_left_s_bk.svg) no-repeat left 60%; background-size: 6px 12px;}
.cartoon_nav .btn_viewer .ico_next {padding:0 12px 0 2px; background: url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_bk.svg) no-repeat right 60%; background-size: 6px 12px;}
.cartoon_nav .btn_viewer.disable {opacity:.3; border: 1px solid #AAA;}

/* 만평 인기 슬라이드 */
.cartoon_slide .item {padding: 20px;}
.cartoon_slide .item .link_thumb {display: block; overflow: hidden; position: relative; width: 240px; height: auto; border-radius: 4px; box-sizing: border-box;}
.cartoon_slide .item .tit {display: block; margin: 12px 0 0 5px;}
.cartoon_slide .item .tit .day {font-size: 15px; line-height: 22px; font-weight: 500; color: #222; word-break: break-all; box-sizing: border-box; white-space: normal;}

/* 기사뷰 헤더 앱 설치 유도 배너  */
.wrap_app_bnr {display: block; position: relative; left: 0; top: 0; width: 100%; height: 50px; padding: 0 14px; border-bottom: 1px solid #999; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: rgba(252, 252, 252, 1); z-index: 100; transition:All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.wrap_app_bnr .app_bnr_txt {overflow: hidden; text-align: center; height: 50px; line-height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;align-items: center;}
.wrap_app_bnr .app_bnr_btn {display: inline-block; font-size: 0}
.wrap_app_bnr .app_bnr_btn .ico_app {display: inline-block; width: 32px; height: 32px; background: url(//img.khan.co.kr/images/khan/m/ico_app_khan.png) no-repeat left 50%; background-size: 32px 32px; vertical-align: middle; box-shadow: 0px 0px 4px 0 rgb(0 0 0 / 10%); border-radius: 6px;}
.wrap_app_bnr .app_bnr_txt p {display: inline-block; font-weight: 700; font-size: 14px; line-height: 2.4em; color: #333; letter-spacing: -0.05em; vertical-align: middle; background: url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_bk.svg) no-repeat right 50%; background-size: 5px 10px; padding-right: 10px; margin-left: 8px;}
.wrap_app_bnr .app_bnr_txt p .tit {color:#194993;}
.wrap_app_bnr .close {display:block; position:absolute; top:8px; right:10px; width:35px; height:35px; font-size:0; color:transparent;}
.wrap_app_bnr .close:after,
.wrap_app_bnr .close:before {display:inline-block; position:absolute; top:16px; left:50%; width:20px; height:1px; margin-left:-6px; content:''; background-color:#252525;}
.wrap_app_bnr .close:before {-webkit-transform: rotate(45deg);}
.wrap_app_bnr .close:after {-webkit-transform: rotate(-45deg);}
.wrap_art_top_header {position:relative;}
.wrap_app_bnr.letter {background:url(//img.khan.co.kr/images/khan/m/bnr-nl-m-230303.gif) no-repeat center 50%; background-size:320px 50px; background-color:#0c2d8f;}
.wrap_app_bnr.letter .app_bnr_btn {width:100%; height:100%;}
.wrap_app_bnr.letter .app_bnr_txt p {text-indent:-9999px; background:none;}
.wrap_app_bnr.letter .close:after, .wrap_app_bnr.letter .close:before {background-color:#fff;}
/* 경향티비 배너 240115 */
.wrap_app_bnr.kytv {background:url(//img.khan.co.kr/images/micro/kyunghyangtv/bnr-kytv-m-240115.jpg) no-repeat center 50%; background-size:320px 50px; background-color:#ff3333;}
.wrap_app_bnr.kytv .app_bnr_btn {width:100%; height:100%;}
.wrap_app_bnr.kytv .app_bnr_txt p {text-indent:-9999px; background:none;}
.wrap_app_bnr.kytv .close:after, .wrap_app_bnr.kytv .close:before {background-color:#fff;}




/****************************************************************************
	광고 AD_banner
****************************************************************************/
/* 기사뷰 상단 배너 */
.art_top_bn {overflow:hidden; clear:both; height:50px; text-align:center; padding-top:20px; background-color:#fff;}

/* 메인- 중단- 배너*/
.ad_main_mid_bn {width:320px; margin:0 auto; text-align:center;}

/* 한줄뉴스 상단 배너 */
.ad_flash_bn {width:100%; margin:0 auto; text-align:center;}

/* 페이지 하단 플로팅 배너 */
.contBn_foot {overflow:hidden; position:fixed; bottom:0; width:100%; /* max-height:50px; */ margin:0; text-align:center; font-size:0; box-sizing:border-box;z-index:40;}

/* 기사뷰 상단 텍스트 2줄 */
.art_top_text {overflow:hidden; clear:both; height:60px; text-align:left; margin-top:7px; padding:0 20px; background-color:#fff;}

/* 200X200 본문 배너: 기사 본문 3번째 단락에서 시작 */
.art_text_include {float:right; padding:6px 15px 2px 10px; text-align:right;}
.art_text_include:after {display:block; content:''; visibility:hidden; clear:both; height:0; font-size:0;}
.article_bottom_ad {float:right; padding:6px 20px 2px 15px!important; text-align:right;}
.article_bottom_ad:after {display:block; content:''; visibility:hidden; clear:both; height:0; font-size:0;}
.article_bottom_ad_2nd {display:block; float:right; padding:6px 15px 2px 10px!important; text-align:right;}
.article_bottom_ad_2nd:after {display:block; content:''; visibility:hidden; clear:both; height:0; font-size:0;}
.article_bottom_ad.near-ad {float:none!important; width:100%; clear:both; padding:20px!important; text-align:center!important;}
.article_view .article_cont .boxLineBG .article_bottom_ad {padding:6px 0 2px 15px!important;}

/* 300X250 콘텐츠 하단 광고 */
.art_low_ad {width:100%; margin:0 auto; text-align:center;}
.art_mid_ad {width:100%; margin:0 auto 20px; text-align:center;}

/* 300X250 모비트리: 단락 사이에서 영역 점유하며 노출 */
.ad_mobitree {overflow:hidden; width:100%; height:250px; text-align:center; margin-bottom:20px;}

/* 텍스트 6줄: 기사 본문 하단 */
.art_btm_text {overflow:hidden; width:100%; padding:20px 20px 10px; box-sizing:border-box;}
.art_btm_text li {/* margin-bottom:8px; */ line-height:1.8em;}
.art_btm_text li:last-child {margin-bottom:0;}
.art_btm_text ul>iframe {height:25px; margin-bottom:4px;}
.art_btm_text ul>iframe:last-child {margin-bottom:0;}

/* 기사뷰 하단 썸네일 3개 배너 */
.art_btm_thumb {margin:15px 0 10px; padding:0 5px;}

/* 페이지 하단 메조광고 */
.ad_dft {padding:11px 0 0; text-align:center; text-align:center; background-color:#f2f2f2;}

/* 쩜태그 */
.dot_area {height:0;}

/* 광고 개편 : 20180706 추가 */
.ad_new {position:relative;}
.ad_new .tit_group {position:relative; min-height:8px; margin-bottom:10px; padding:0; color:#4469B0; font-size:18px; font-weight:700; letter-spacing:-0.06em;}
.ad_new li {overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; white-space:nowrap; height:25px; margin-bottom:7px; line-height:2em; color:#444; font-size:15px; letter-spacing:-0.025em;}
.ad_new li strong {color:#436ab5; font-weight:500;}
/* .ad_new .bullet_tit {padding-left:12px; background:url("//img.khan.co.kr/mobile/images/2018/ico_ad_bullet_tit01.png") no-repeat 0 50%; background-size:6px 6px;} */
.ad_new .bullet_tit {padding:0; background:none;}
/* .ad_new .num_tit .num_count {display:block; float:left; margin-right:10px; color:#436ab5; font-weight:500; font-style:italic; vertical-align:top;} */
.ad_new .num_tit .num_count {display:none;}
.ico_new_ad {position:absolute; right:20px; top:20px;}
.ico_new_ad img {width:22px; height:15px;}
.ad_typeA {margin-bottom:10px; padding:25px 20px 20px;} /* 이시각 관심정보*/
.ad_typeB {margin-bottom:10px;} /* 오늘의 인기정보 */
.ad_typeB ul {padding-left:0;} /* 이 시각 인기 정보 */
.ad_typeC {} /* 투데이 핫 인포 */

/* 포토화보 광고 */
.ad_ptcol_dp {position:absolute; left:20px; bottom:170px; width:100px; height:100px; z-index:99999;}
.ad_ptcol_dp.hide_btm {z-index:0!important;}

/* imad 광고 : 20200115 추가 */
.view_list_type .list1 {padding: 0 20px;}
.view_list_type .list1 .item {position:relative; padding:7px 0; border-top:1px solid #f5f5f5;}
.view_list_type .list1 .link_thumb {display:block; overflow:hidden; float:right; position:relative; width:100px; height:69px; max-height:130px; margin:6px 0; line-height:0;}
.view_list_type .list1 .link_thumb .thumb {display:block; width:100px; height:100%; margin-left:0;}
.view_list_type .list1 .link_thumb .ad {position:absolute; right:0; top:0;}
.view_list_type .list1 .link_thumb:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #d9d9d9 \0/IE8+9; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; z-index:100;}
.view_list_type .list1 .link_caption {display:table-cell; height:81px; padding:0 0.625em 0 0em; vertical-align:middle;}
.view_list_type .list1 .link_caption .tit {font-size:15px; font-weight:400;}
/*@media (min-width:640px){
	.wrap_recomm_art .view_list_type .list1 .item {float:left; width:50%; padding:0 15px 0 30px; border-top:0; box-sizing:border-box;}
    .view_list_type .list1 .item {padding:10px 15px 10px 0; border-top:none;}
}*/

/* 텍스트 광고 테스트 2021-10-28 */
.ad-txt-aa, .ad-txt-ab, .ad-txt-ac {}
.ad-txt-aa .ad_new .ad-info-t,
.ad-txt-ab .ad_new .ad-info-t,
.ad-txt-ac .ad_new .ad-info-t {position:absolute; right:25px; top:18px;}
.ad-txt-aa .ad_new .ad-info-t span,
.ad-txt-ab .ad_new .ad-info-t span,
.ad-txt-ac .ad_new .ad-info-t span {color:#f7f7f7; font-size:13px; padding:1px 9px; border-radius:15px; background-color:#4469b0;}
.ad-txt-aa .ad_new ul > li,
.ad-txt-ab .ad_new ul > li,
.ad-txt-ac .ad_new ul > li {position:relative; padding-left:12px;}
.ad-txt-aa .ad_new ul > li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:3px; background-color:#df791f;}
.ad-txt-ab .ad_new ul > li:before {content:""; position:absolute; top:11px; left:0; width:2px; height:6px; background-color:#df791f;}
.ad-txt-ab .ad_new ul > li:after {content:""; position:absolute; top:15px; left:0; width:6px; height:2px; background-color:#df791f;}
.ad-txt-ac .ad_new ul > li {padding-bottom:9px; border-bottom:1px solid rgba(223 121 31 / .5);}
.ad-txt-ac .ad_new ul > li:last-child {padding-bottom:0; border-bottom:none;}
.ad-txt-ac .ad_new ul > li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:3px; background-color:#df791f;}
.ad-txt-b {background-color:#595959;}
.ad-txt-b .ad_new .ad-info-t {display:none;}
.ad-txt-b .ad_new .tit_group {color:#bad4fe;}
.ad-txt-c {}
.ad-txt-c .ad_new .tit_group {color:#222;}
.ad-txt-c .ad_new .ad-info-t {position:absolute; right:25px; top:18px;}
.ad-txt-c .ad_new .ad-info-t span {color:#4469b0; font-size:13px; padding:0 5px; border:1px solid #6d91d5; border-radius:2px; background-color:#fff;}
.ad-txt-d {}
.ad-txt-d .ad_new .tit_group {color:#222; border-bottom:1px solid #999; padding-bottom:10px;}
.ad-txt-d .ad_new .ad-info-t {position:absolute; right:25px; top:18px;}
.ad-txt-d .ad_new .ad-info-t span {color:#4469b0; font-size:13px; padding:0 5px; border:1px solid #6d91d5; border-radius:2px; background-color:#fff;}
.ad-txt-d .ad_new ul > li {position:relative; padding-left:12px;}
.ad-txt-d .ad_new ul > li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:3px; background-color:#b2b2b2;}

/* 신규 광고 A/B 테스트 : 20230706 */
.ad-type-txt {}
.ad-type-thumb {display:flex; flex-direction:row; justify-content:space-around; flex-wrap:wrap; margin:0 auto; text-align:center;}
.ad_new .ad-type-thumb li {width:33.3%; height:auto; margin-bottom:10px;}

/* 타불라 광고 : 20220830 추가 */
.wrap_ad_tba {padding:0 20px;}


/* 250X250 jw애드 하단 광고 */
.art_btm_ad {width:100%; margin:20px auto; text-align:center;}




/****************************************************************************
	광고 없는 기사뷰
****************************************************************************/
/* ▼ Common Use ▼*/
.container { width: 100%;}
.wrap-psrelative { width: 100%; height :100%; position: relative; }
.wrap_psrelative  { width: 100%; height :100%; position: relative; }
.wrap_mw_1000 { max-width: 1000px; margin: 0 auto; }
.wrap_mw_1100 { max-width: 1100px; margin: 0 auto; }
.wrap_mw_1200 { max-width: 1200px; margin: 0 auto; }
.wrap_mw_900 { max-width: 900px; margin: 0 auto; }
.wrap_mw_800 { max-width: 800px; margin: 0 auto; }
.wrap_mw_700 { max-width: 700px; margin: 0 auto; }
.wrap_mw_650 { max-width: 650px; margin: 0 auto; }
.wrap_mw_550  { width: 100%; height: 100%; position: relative;  max-width: 550px; margin: 0 auto;}
.cover-pattern { width: 100%; height :100%; position: absolute; top: 0px; left: 0px; background: url(//img.khan.co.kr/images/khan/m/overptn.png) repeat;}
.cover-shadow { width: 100%; height :100%; position: absolute; top: 0px; left: 0px; background: url(//img.khan.co.kr/images/khan/m/black50.png) repeat; }
.cover-shadow2 { width: 100%; height :100%; position: absolute; top: 0px; left: 0px; background: url(//img.khan.co.kr/images/khan/m/black65.png) repeat;}
.cover-shadow3 { width: 100%; height :100%; position: absolute; top: 0px; left: 0px; background: url(//img.khan.co.kr/images/khan/m/black65.png) repeat;}


/*----------------------------------*/
/********     header    ********/
/*----------------------------------*/
.wrap_wideView .article_view {margin-bottom: 20px;}
.wrap_wideView .article_view .article_cont {margin-top:35px;}
.wrap_wideView .art_header_wide {width: 100%; margin-bottom: 35px; padding: 0px; border: 0px;}
.art_header_wide .header_cover {width: 100%; height: 350px;}
.art_header_wide .header_cover .wrap_psrelative {width: 100%; height: 100%; position: relative;}
/* .webp .art_header_wide .header_cover .cover_img img {position:absolute; width:100%; height:100%; background: url(//img.khan.co.kr/images/khan/m/img_defaultbg_wideview_05.webp) no-repeat; background-size:cover; background-position:center center; background-color:#425e98; object-fit: cover; display: block;} */
.art_header_wide .header_cover .cover_img img {position:absolute; width:100%; height:100%; /*background: url(//img.khan.co.kr/images/khan/m/img_defaultbg_wideview_05.jpg) no-repeat;*/ background-size:cover; background-position:center center; background-color:#425e98; object-fit: cover; display: block;}
.art_header_wide .header_cover .subject_box {position: relative; width: 100%; height: 100%;}
.art_header_wide .header_cover .subject_box .title-bottom {position: absolute; width: 100%; height: auto; bottom: 0px; left: 0px; box-sizing: border-box; padding: 20px 15px;}
.art_header_wide .header_cover .subject_box .issue_title {font-size: 13px; font-weight: bold; color: #A7B7DF; display: inline-block; *display: inline; zoom:1; width: auto;}
.art_header_wide .header_cover .subject_box .issue_title a {color: #A7B7DF}
.art_header_wide .header_cover .subject_box .issue_title a:hover { text-decoration: none;}
.art_header_wide .header_cover .subject_box .issue_title .under_bar {display:block; width:100%; height:2px; margin-top:2px; transition:all 0.3s ease 0s; background-color:#A7B7DF;}
.art_header_wide .header_cover .subject_box .issue_title:hover > .under_bar {animation:bar 1s linear normal;}
@keyframes bar {
    0% {width:0%;}
    100% {width:100%;}
}
.art_header_wide .header_cover .subject_box .title-bottom .subscribe_link {display:inline-block; margin:0 0 0 8px; padding:2px 7px 2px 15px; line-height:1.2em; border-radius:3px; color:#4469b0; font-size:12px; font-weight:550; vertical-align:middle; background:url(//img.khan.co.kr/images/khan/pc/ico-plus-blue.svg) no-repeat 5px center; background-size:8px 8px; background-color:#fff;} /* 연재 구독 버튼 */
.art_header_wide .header_cover .subject_box .title-bottom .subscribe_link.ing {color:#4a4a4a; background:url(//img.khan.co.kr/images/khan/pc/ico-btn-check-gray.svg) no-repeat 5px center; background-size:10px 10px; background-color:#fff;} /* 연재 구독중 */
.art_header_wide .header_cover .subject_box .article_head {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); margin-top: 5px; width: 100%; max-width: 767px; color:#fff; font-weight: bold; font-size: 22px; line-height: 1.32em; letter-spacing: -0.07em; opacity: 0.9;}
.art_header_wide .header_cover .list_toggle {position: absolute; top: 50px; right: 0px; cursor: pointer;}
.art_header_wide .header_cover .list_toggle > p {transition:all 0.3s ease 0s; width: 5px; height: 4px; background: #fff; opacity: 0.7; border-radius: 5px; margin: 5px 0px;}
.art_header_wide .header_cover .list_toggle:hover > p {width: 25px; opacity: 1;}
.art_header_wide .header_cover .list_toggle .des {display: none; font-size: 10px; color:#fff; text-align: right;}
.art_header_wide .header_cover .list_toggle:hover > .des {display: block; }
.art_header_wide .txt_info {margin-top: 7px; display: block; letter-spacing: -0.01em;}
.art_header_wide .txt_info em { font-size: 12px; color:#ddd; opacity: 0.8;}
/* 와이드뷰 기자정보 & 기사입력시간 */
.art_header_wide .header_cover .wrap_psrelative .info_view  {margin:30px 20px; color:#555;}

/* 기자 소개 영역 */
.art_header_wide .reporter_cont {background: #222; padding: 15px}
.art_header_wide .reporter_cont .hd {border: 0; padding: 0;}
.art_header_wide .reporter_cont .name {background: url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_wt.svg) no-repeat right 60%; background-size: 4px 9px;}
.art_header_wide .reporter_cont .name strong {color: #FFF;}
.art_header_wide .reporter_cont .btns {bottom: 5px;}
.art_header_wide .reporter_cont .mail a {background: url(//img.khan.co.kr/images/khan/m/ico_reporter_mail_wt.svg) center no-repeat;}
.art_header_wide .reporter_cont .subsc a {background: url(//img.khan.co.kr/images/khan/m/ico_reporter_subsc_wt.svg) center no-repeat;}
.art_header_wide .reporter_cont .subsc.on a {background: url(//img.khan.co.kr/images/khan/m/ico_reporter_subsc_on.svg) center no-repeat; background-size: 20px 16px;}

/* 목록 보기 */
.list_toggle_m {position: absolute;top: 10px;right: 10px; display: inline-block; width: 30px; height: 30px; background: url(//img.khan.co.kr/images/khan/m/btn_nav_list_wt.svg) center no-repeat;background-size: 20px 15px; text-indent: -9999px;}
.wrap_popUp_list{display: none; overflow: hidden; position: fixed; left: 0;top: 0;width: 100%;height: 100%; margin: 0; /*background-color: rgba(0,0,0,.75);*/z-index: 9999; box-sizing: border-box;padding: 30px 20px;}

/*----------------------------------*/
/********   popuplist layer  ********/
/*----------------------------------*/
.popUp_list_layer { z-index: 10; box-shadow: 3px 7px 15px rgba(0,0,0,0.3); position: absolute; width: 350px; background:#fff; border:1px solid #222;top: 40px;right: -10px;}
.popUp_list_layer h2  { background: #222; font-size: 15px;     line-height: 1.5em;padding: 15px;color: #A7B7DF; box-sizing: border-box;
width: 100%; padding-right: 50px; }
.popUp_list_layer .close_btn { cursor: pointer; position:absolute; top: 14px; right: 15px; }
.popUp_list_layer .issue_list { width: 100%; box-sizing: border-box; padding: 15px; padding-bottom: 30px;}
.popUp_list_layer .issue_list_wrap { width: 100%; max-height: 310px; overflow: scroll;}
.popUp_list_layer .issue_list ul { width: 100%; }
.popUp_list_layer .issue_list ul li { border-top: 1px solid #ddd;box-sizing: border-box;
padding: 10px 4px;  font-size: 13px;line-height: 1.6em;}
.popUp_list_layer .issue_list ul li:first-child { border-top: 0px; }
.popUp_list_layer .issue_list ul li a { font-size: 13px;  max-height: 22px; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; }
.popUp_list_layer .page_navi { width: 100%; margin: 10px 0px; width: 100%;margin: 10px 0px; box-sizing: border-box;
	padding-right: 10px; margin-bottom: 15px;}
.popUp_list_layer .page_navi::after {display: block; clear: both; content: ""; }
.popUp_list_layer .page_navi ul { float: right; position: relative; }
.popUp_list_layer .page_navi ul li { border-left: 1px solid #ddd; cursor: pointer; float: left; font-size: 14px;line-height: 14px; text-align: center; 
font-weight: bold; padding: 0 7px;}
.popUp_list_layer .page_navi ul li::after {display: block; clear: both; content: ""; }
.popUp_list_layer .page_navi ul::after {display: block; clear: both; content: ""; }
.popUp_list_layer .page_navi ul li.no_border_left { border: 0px; }
.popUp_list_layer .page_navi ul li.on {color:#d60000; }
.popUp_list_layer {  position: relative;top: 0;left: 0;width: 100%;}
.list_load_btn { width: 100%; cursor: pointer; box-sizing: border-box; padding: 15px 10px; margin-top: 10px;background:#e8ecef; font-size: 14px; font-weight: bold;color:#646b71; text-align: center;  letter-spacing: 1px; }

/*----------------------------------*/
/********      기사 본문    ********/
/*----------------------------------*/
.wrap_wideView .article_view { margin-bottom: 20px; }
.wrap_wideView .article_view .art_txt { font-size: 0.95em;}
.wrap_wideView .photo_wide .art_photo_wrap { width: 100%; }
.wrap_wideView .photo_wide .art_photo_wrap img { width: 100%;vertical-align: top; }
.wrap_wideView .art_sub_tit {font-size: 0.95em;}
.wrap_wideView .art_sub_tit strong { font-family:'Malgun Gothic','맑은 고딕',sans-serif; font-size: 1em;} 
.wrap_wideView .photo_wide .caption { padding: 15px; font-size: 12px; color: #777c7f;}
.wrap_wideView .thumb_caption {font-size: 12px;}
.wrap_wideView .art_figure_thumb {max-width: 700px;}
.wrap_wideView .art_figure_thumb .figure_thumb {margin: 0;}
.wrap_wideView .art_figure_thumb .title {display:table-caption; width:100%!important; max-width:100%; min-width:180px; margin:8px auto 0; padding:0 20px; font-size:15px; line-height:1.4em; color:#8191af; letter-spacing:-0.025em; -webkit-box-sizing:border-box; box-sizing:border-box; caption-side:bottom; word-break:break-word;}
.wrap_wideView .article_view .art_txt .strapline {font-size: 0.95em; line-height: 1.5em;}
.wrap_wideView .article_cont .quoto_txt {font-size: 0.95em;}
.wrap_wideView .article_cont .boxLineBG {float: none; font-size: 0.95em; box-sizing: border-box; margin: 30px 20px; /* border-top: 3px solid #222; border-bottom: 3px solid #222; max-width: 550px; padding: 30px 20px; background: #fff; background: no-repeat; */}
.wrap_wideView .boxLineBG b {text-align: center; display: block; margin-bottom: 20px;}
.wrap_wideView .boxLineBG .content_text { font-size: 15.5px; line-height: 1.9em; color: #555;}

.wrap_wideView .boxLineBG .art_photo .art_photo_wrap img { width: 100%; }
.wrap_wideView .art_copyright { padding-left: 15px;font-size: 12px;padding-bottom: 15px;border-bottom: 0;margin: 30px 0;}

.wrap_wideView .clapping_wrap { margin: 0 0 20px;}

/*----------------------------------*/
/********      하단컨텐츠     ********/
/*----------------------------------*/

/* 연재기사 더보기 */
.issue_recommend {/*padding: 30px 0;*/box-sizing: border-box;background: #fff; }
.issue_recommend h3 { position: relative; width: 110px;left: 50%; margin-left: -55px;}
.issue_recommend h3 em {display: inline-block; *display: inline; zoom:1; margin: 0 auto; width: 100%; text-align: center; border-bottom: 2px solid #222; line-height: 30px; font-size: 14px; font-weight:bold;}
.issue_recommend h3 .under_bar { width: 100%; margin-top: 4px; height:2px; background: #222;    display: block;}
.issue_recommend ul.issue_reco_list { margin-top: 20px; width: 100%; position: relative; overflow: hidden; }
.issue_recommend ul.issue_reco_list li { float: left; width: 32.3%; height: 200px;  margin: 0 0.5% 1%; overflow: hidden; }
.issue_recommend ul.issue_reco_list li > div > img { height: 100%; }
.issue_recommend ul.issue_reco_list li .reco_txt { position: absolute; bottom: 0px; left: 0px; width: 100%;box-sizing: border-box; padding: 15px;  }
.issue_recommend ul.issue_reco_list li .reco_txt .title { font-size: 18px; line-height: 1.4em; color: #fff; letter-spacing: -0.08em; font-weight: 550; }
.issue_recommend ul.issue_reco_list li .reco_txt .date { color: #b3b3b3; margin-top: 7px; font-size: 14px; } 
.issue_recommend ul.issue_reco_list li:hover > a > div > .reco_txt > .title { /* color:#d4b080; */ text-decoration: underline; }
.issue_recommend ul.issue_reco_list li:hover > a > div > .cover-shadow { opacity: 0.8; }
@media screen and (max-width: 436px) {
	.wrap_wideView .article_view .article_cont .boxLineBG { margin: 40px 20px; /* padding: 30px 10px; */}
	.issue_recommend ul.issue_reco_list { box-sizing: border-box;padding: 0px 15px;}
	.issue_recommend ul.issue_reco_list li { width: 100%;  margin: 5px 0; }
	.issue_recommend ul.issue_reco_list li img { width: 100%; }
}

/* 이슈 연재 소개 배너 */
.wrap_wideView .issue_banner {width: 100%; margin: 20px 0; height: auto; background:#222;}
.wrap_wideView .issue_banner .issue_title_logo {width: 200px;}
.wrap_wideView .issue_banner .banner_bg img {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size: cover; background-position: center center; object-fit: cover; display: block; width: 100%; height: 100%;}
.wrap_wideView .issue_banner .banner_txt {position: relative; width: 100%; height: 100%; box-sizing: border-box; padding: 55px 15px;}
.wrap_wideView .issue_banner .banner_txt .issue_title {font-size: 22px; color:#fff; opacity:0.9; font-weight: bold;}
.wrap_wideView .issue_banner .banner_txt .semi_border { background:#fff; width: 20px; height: 5px; margin: 25px 0;}
.wrap_wideView .issue_banner .banner_txt .issue_des {font-size: 14px;color: #fff; max-width: 400px; line-height: 1.5em; opacity: 0.9; text-shadow: 0px 0px 1px rgba(0,0,0,0.5);}
.wrap_wideView .issue_banner .banner_txt .issue_email {  font-size: 11px;color: #ddd;letter-spacing: 0.3em;margin-top: 10px;opacity: 0.8;}
.wrap_wideView .issue_banner .banner_txt .subscribe_btn {position: relative;}
.wrap_wideView .issue_banner .banner_txt .subscribe_btn .subscribe_link {display:inline-block; margin:-3px 0 0 8px; padding:3px 9px 3px 18px; line-height:1.2em; border:1px solid #4469b0; border-radius:6px; color:#4469b0; font-size:13px; font-weight:550; vertical-align:middle; background:url(//img.khan.co.kr/images/khan/pc/ico-plus-blue.svg) no-repeat 6px center; background-size:10px 10px; background-color:#fff;} /* 연재 구독 버튼 */
.wrap_wideView .issue_banner .banner_txt .subscribe_btn .subscribe_link.ing {border:1px solid #666; color:#4a4a4a; background:url(//img.khan.co.kr/images/khan/pc/ico-btn-check-gray.svg) no-repeat 6px center; background-size:11px 11px; background-color:#fff;} /* 연재 구독중 */

/* 이런 기사 어떠세요? */
.other_issue_list {width: 100%; margin-bottom: 0px; padding-bottom: 30px; box-sizing: border-box;background: #fff;}
.other_issue_list h3 { position: relative; width: 130px;left: 50%; margin-left: -65px;}
.other_issue_list h3 em {display: inline-block; *display: inline; zoom:1; margin: 0 auto; width: 100%; text-align: center; border-bottom: 2px solid #222; line-height: 30px; font-size: 14px; font-weight:bold;}
.other_issue_list ul.issue_list {width: 100%; position: relative; overflow: hidden; margin-top: 20px; box-sizing: border-box; width: 2600px; transform: translate3d(0px, 0px, 0px);}
.other_issue_list ul.issue_list li {box-sizing: border-box; float: left; width: 260px; height: 280px; margin: 0 5px; border:1px solid #ddd;  overflow: hidden; }
.other_issue_list ul.issue_list li .link_thumb { width: 100%; height: 200px; }
.other_issue_list ul.issue_list li .link_thumb img {width: 100%; transition:all 0.3s ease 0s; position: relative; top: 0px; left: 0px; }
.other_issue_list ul.issue_list li .link_thumb:hover > img { width: 110%; top: -8px; left: -8px; }
.other_issue_list ul.issue_list li .other_issue_txt {box-shadow: 0px -10px 20px rgba(0,0,0,0.3);  width: 100%; box-sizing:border-box; padding: 15px; height:115px; background:#fff; position: absolute; bottom: 0px; left:0px;}
.other_issue_list ul.issue_list li .other_issue_txt .issue_title {letter-spacing: -1px;  padding: 3px 0px; padding-bottom: 7px;display: inline-block; zoom: 1;color: #777;
font-size: 12px; line-height:12px; border-bottom: 2px solid #777;  margin-bottom: 10px; }
.other_issue_list ul.issue_list li .other_issue_txt .issue_art_head {font-size: 15px; line-height: 1.5em; font-weight: bold; color:#222; max-height: 45px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.other_issue_list ul.issue_list li .other_issue_txt .issue_art_head a { color:#222; }
.issue_list_slider { position: relative;width: 100%; /* padding-left: 15px; */ box-sizing: border-box;display: block; overflow-x:hidden; }

/* 플랫 시리즈 모음*/
.main-keyword-area .inner {max-width:900px; margin:0 auto 70px; text-align:center;}
.main-keyword-area .sec-tit {display:inline-block; *display:inline; zoom:1; position:relative; margin:0 auto 20px; padding:0 10px; border-bottom:2px solid #222; font-size:14px; font-weight:700; line-height:30px;}
.main-keyword-area .keys {display:flex; flex-wrap:wrap;}
.main-keyword-area .keys li {margin:0 8px 10px 0;}
.main-keyword-area .keys a {display:inline-block; padding:15px 20px 12px; border:1px solid #ea4120; border-radius:50px; color:#fff; font-size:16px; font-weight:550; background-color:#ea4120;} /* 연재 중인 상태 */
.main-keyword-area .keys a.ended {color:#1a1a1a; border:1px solid #4a4a4a; background-color:#fff;} /* 연재 종료 상태 */
@media screen and (max-width: 436px) {
    .main-keyword-area .inner {width:100%; margin:10px auto 50px; padding:0 15px;}
    .main-keyword-area .keys li {margin:0 6px 8px 0;}
	.main-keyword-area .keys a {padding:8px 15px; font-size:15px;}
}

/* 플랫 뷰페이지 푸터 */
@font-face {font-family: 'GmarketSansLight'; src: url(//img.khan.co.kr/spko/fonts/GmarketSansLight.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'GmarketSansMedium'; src: url(//img.khan.co.kr/spko/fonts/GmarketSansMedium.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
.footer-flat {width:100%; padding:60px 0 10px; border:0; background-color:#232323}
.footer-flat .site-info {position:relative; max-width:1240px; height:100px; margin:0 auto; padding:0;}
.footer-flat .site-info h1 {position:absolute; left:20px; top:30px; width:70px; height:38px; background:url("//img.khan.co.kr/images/micro/flat/flat-ci-wt.svg") no-repeat 0 0; z-index:9;}
.footer-flat .site-info h1 a {display:block; width:80px; height:100%; padding-left:78px; color:#fff; font-size:24px; font-weight:700; font-family:"GmarketSansLight"; line-height:1.2em;}
.footer-flat .site-info .social {position:absolute; right:20px; top:30px;}
.footer-flat .site-info .social .social-ico {display:inline-block; width:36px; height:36px; margin:0 3px; line-height:2em;}
.footer-flat .site-info .social .social-ico span {display:inline-block; text-indent:-9999px;}
.footer-flat .site-info .social .social-ico.join {background:url("//img.khan.co.kr/images/micro/flat/flat-ico-human-wt.svg") no-repeat 0 0;}
.footer-flat .site-info .social .social-ico.twitter {width:34px; height:26px; background:url("//img.khan.co.kr/images/micro/flat/flat-ico-twitter-wt.svg") no-repeat 0 0;}
.footer-flat .site-info .social .social-ico.instagram {width:26px; height:26px; background:url("//img.khan.co.kr/images/micro/flat/flat-ico-instagram-wt.svg") no-repeat 0 0;}
.footer-flat .f-info {max-width:1240px; margin:0 auto; padding:0 20px 20px; box-sizing:border-box; text-align:left; line-height:1.8em; color:#cecece; letter-spacing:0;}
.footer-flat .f-info .tit {color:#fefefe; font-size:18px; font-family:"GmarketSansMedium"; letter-spacing:-0.03em;}
.footer-flat .f-info .cont {margin:10px 0 30px; font-size:15px; line-height:1.6em; font-family:"GmarketSansLight";}
.footer-flat .f-info .copy {text-align:center; color:#fefefe; font-size:15px; font-family:"GmarketSansLight";}




/****************************************************************************
	오늘은 이런 경향 & 경향이 찍은 오늘
****************************************************************************/
/* 오늘은 이런 경향 */
.wrap_today_khan {position:relative; padding:0 0 20px; border-bottom:25px solid #f2f2f2;}
.wrap_today_khan:first-child {margin-top:30px}
.wrap_today_khan .num_today_khan {position:absolute; left:0; top:0; z-index:5;}
.wrap_today_khan .num_today_khan span {padding:10px 20px; color:#fff; font-weight:700; font-size:20px; background-color:rgba(43, 185, 249, 1);}
.wrap_today_khan .art_figure_thumb {margin:0 auto 15px;}
/* 관련기사 - 기본형태 */
.wrap_today_photo .relate_news {margin:0 20px 20px;}
.wrap_today_photo .relate_news .link_relate {display:block; position:relative; width:100%; margin-bottom:15px;}
.wrap_today_photo .relate_news .link_relate .inner_link {display:inline-block; overflow:hidden; max-width:100%; font-size:16px; line-height: 1.6; vertical-align:top;}
.wrap_today_photo .relate_news .link_relate .inner_link .tit_relate {position: relative; box-shadow: inset 0 -4px 0 rgb(0 126 229 / 25%); display: inline !important; overflow:hidden; color:#555; font-weight:400; font-size:16px;}
.wrap_today_photo .relate_news a:visited .inner_link .tit_relate {color:#858585;} 
.wrap_today_photo:last-of-type .relate_news {margin-bottom: 0;}
@media (min-width:640px){
	.num_today_khan {max-width: 700px; margin: 0 auto;}
}

/* 경향이 찍은 오늘 */
.wrap_today_photo {overflow:hidden; position:relative;}
.wrap_today_photo .num_today_khan {position:relative; margin-bottom:10px; z-index:5; padding:0 20px;}
.wrap_today_photo .num_today_khan span {font-weight:700; font-size:20px; padding:10px 0 0;}
.wrap_today_photo .today_photo_txt {margin:10px 20px; max-width: 700px;}
.wrap_today_photo .today_photo_txt strong {color:#121212; font-size:17px;}
.wrap_today_photo .art_figure_thumb {margin-top:10px; margin-bottom:15px;}
.wrap_today_photo .art_txt {/*max-width: 700px;*/}
@media (min-width:769px){
	.wrap_today_photo .today_photo_txt { margin: 0 auto;}
	.wrap_today_photo .art_txt {max-width: 700px; margin: 0 auto 25px;}
	.wrap_today_photo .relate_news {max-width: 700px; margin: 0 auto;}
}

/* 경향이 찍은 오늘 - 기사뷰 하단 구역 */
.wrap_today_art {padding:0 20px;}
/*.wrap_today_art:first-child .main_news {margin-bottom:0; border-bottom:1px solid #efefef;}*/
.wrap_today_art .tit_group {padding:0 0 12px; font-size: 16px;}
.wrap_today_art .tit_group a {color: #20201f; font-weight: 700; font-size: 16px; padding-right: 12px; background: url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_bk.svg) no-repeat right 50%; background-size: 5px 10px;}
.wrap_today_art .main_news {margin-bottom:10px;}
.wrap_today_art .main_news .link_thumb {margin-bottom:0;}
.wrap_today_art .main_news .cont_thumb {padding:5px 0 15px;}
.wrap_today_art .main_news .link_cont .art_tit {font-size:15px; line-height:22px; font-weight: normal;}

/* 오래전 이날 - 기사뷰 하단 구역 */
.wrap_list_col1_rankthumb.wrap_today_art .list {padding:0;}
.wrap_list_col1_rankthumb.wrap_today_art .list .item {padding-top:0;}
.wrap_list_col1_rankthumb.wrap_today_art .list .link_thumb {width:140px; /* height:86px; */ height:100px;}
.wrap_list_col1_rankthumb.wrap_today_art .list .link_thumb .thumb {width:160px; height:auto;}
.wrap_list_col1_rankthumb.wrap_today_art .list .link_caption .tit {font-size:16px;}


/* 수능 페이지 뷰 : 20181105 수정 */
.sat2018_wrap {padding:0 20px 40px; position: relative;}
.webp .sat2018_wrap .tit_area {margin:0 -20px 20px; padding:25px 20px; border:1px solid #edeaea; text-align:left; color:#294262; font-size:27px; font-weight:bold; letter-spacing:-0.075em; background:url("//img.khan.co.kr/mobile/images/2018/bg_m_ipsi_b.webp") repeat-y right top; background-size:contain; background-color:#f5f5f5;}
.no-webp .sat2018_wrap .tit_area {margin:0 -20px 20px; padding:25px 20px; border:1px solid #edeaea; text-align:left; color:#294262; font-size:27px; font-weight:bold; letter-spacing:-0.075em; background:url("//img.khan.co.kr/mobile/images/2018/bg_m_ipsi_b.png") repeat-y right top; background-size:contain; background-color:#f5f5f5;}
.sat2018_wrap .share_ipsi {position:absolute; border:1px solid rgba(10,10,10,.25); box-shadow:none; background:url(//img.khan.co.kr/images/khan/m/btn_share.svg) no-repeat center; background-size:20px 20px;  background-color:rgba(255,255,255,.75); right:15px; top:15px; width:40px; height:40px; border-radius:100px; text-indent:-9999px;}
.sat2018_wrap .tit_area strong {display:block; color:#f1740e; font-size:25px; letter-spacing:-0.05em;}
.sat2018_wrap .tit_area p {padding:10px 0 0; text-align:left; font-size:13px; font-weight:400; letter-spacing:-0.05em;}
.sat2018_wrap .viewer {margin:0 0 30px 0; font-size:15px;}
.sat2018_wrap .viewer .info {margin-bottom:5px;}
.sat2018_wrap .viewer .viewer_tit {margin-bottom:10px;}
.sat2018_wrap .viewer .viewer_btn_wrap {margin-left:15px; padding:10px; border:1px solid #dedede; border-radius:10px; box-sizing:border-box;}
.sat2018_wrap .viewer .viewer_btn_wrap a {display:inline-block; float:left; width:48%; box-sizing:border-box; text-align:center; font-size:14px;}
.sat2018_wrap .viewer .viewer_btn_wrap a img {vertical-align:middle;}
.sat2018_wrap .viewer .viewer_btn_wrap a span {position:relative; top:1px;}
.sat2018_wrap .tbl_wrap {}
.sat2018_wrap .tbl_wrap .subTitle {margin-bottom:6px; text-align:left; font-size:16px; font-weight:bold; letter-spacing:-0.05em;}
.sat2018_wrap table { width:100%; border:1px solid #DDD; /* margin-bottom:30px; */ }
.sat2018_wrap th {padding:8px 0 6px 0; border:1px solid #DDD; color:#787878; font-size:14px; background:#f5f5f5;}
.sat2018_wrap td { height:36px; padding:4px 0 2px 0; border:1px solid #DDD; text-align:center; line-height:120%; vertical-align:middle; font-size:14px;}
.sat2018_wrap .btn_sat_down {margin-left:5px; padding:3px 8px; border:1px solid #cecece; border-radius:5px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; background-color:#fafafa;}
/* 2021학년도 컨텐츠 추가 변경 */
.related_tag {margin: 20px 0 10px; padding: 0 15px;}
.related_tag li {display: inline-block; *display: inline; *zoom: 1; margin: 0 5px 10px;}
.related_tag li a.serial {display: block; padding: 3px 10px 5px; border: 1px solid #e77d58; border-radius: 30px;}	
.related_tag li a.serial span {color: #e77d58; font-size: 15px; font-weight: bold;}
.related_tag li a.serial:hover {text-decoration:none!important;}

/* 기사뷰 본문 하단 수능페이지 바로가기 버튼*/
.btn_sat_shortcut {display:block; margin:30px 20px;}
.btn_sat_shortcut span {position:relative; box-shadow:inset 0 -4px 0 rgba(0,126,229,.25); font-size:1em;}



/****************************************************************************
	뉴스레터 섹션 기사 페이지
****************************************************************************/
.ltr-view-top {padding:20px 20px 0;}
.ltr-view-top .tit-wrap {text-align:center;}
.ltr-view-top .tit-wrap .ltr-name {color:#5a77d1; font-weight:700;}
.ltr-view-top .tit-wrap .series-num {}
.ltr-view-top .tit-wrap .title {margin:5px 0; font-weight:550; font-size:27px;}
.ltr-view-top .cont {padding:0 5px; box-sizing:border-box;}
.ltr-view-top .info {display:flex; flex-direction:column; justify-content:space-between; margin:0 0 10px; align-items:center;}
.ltr-view-top .date {font-size:14px; color:#a8a8a8; letter-spacing:0;}
.ltr-view-top .time-taken {padding-left:20px; font-size:14px; color:#444; background:url(//img.khan.co.kr/images/khan/pc/ico_clock.svg) no-repeat left center; background-size:15px 15px;}
.ltr-view-top .hashtag-wrap {display:flex; flex-wrap:wrap; justify-content:center;}
.ltr-view-top .hashtag-wrap:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.ltr-view-top .hashtag {float:left; margin:10px 10px 0 0; padding:10px 13px; font-size:13px; line-height:1em; color:#666666; background:#eff1f7; border-radius:8px;}
.ltr-view-btm {}

/* 채널 홈 바로가기 */
.move-ch-home {margin:40px 0; padding:0 20px;}
.move-ch-home > a {display:flex; justify-content:center; background-color:#E4E9FF; border:1px solid #bbc5ed; border-radius:8px;}
.move-ch-home .thumb {display:none; overflow:hidden; position:relative; width:110px; height:80px; margin-right:15px; border-radius:8px;}
.move-ch-home .thumb:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.08;}
.move-ch-home .thumb img {display:block; width:100%; height:100%; object-fit:cover;}
.move-ch-home .cont {display:flex; flex-direction:row; align-items:center; justify-content:space-evenly; position:relative; width:auto;}
.move-ch-home .cont .tit-nl {margin:10px 0 10px; font-size:19px; font-weight:550;}
.move-ch-home .cont .lead {margin:0 0 0 10px; padding:3px 23px 3px 10px; border:1px solid #bbc5ed; border-radius:60px; font-size:13px; color:#4a4a4a; background:url(//img.khan.co.kr/images/khan/pc/ico-arrow-right.svg) 95px 50% no-repeat; background-color:#fff; background-size:10px 10px;}

/* 직전 레터 or 추천레터 보기 */
.move-letter {display:block; position:relative; margin:40px auto; box-sizing:border-box;}
.move-letter .letter-list {position:relative; width:100%; padding:0 20px; box-sizing:border-box;}
.move-letter .letter-list li:first-child {margin:0 0 20px;}
.move-letter .letter-list .letter a {display: flex; flex-flow: row}
.move-letter .letter-list .letter.next a {display: flex; flex-flow: row-reverse;}
.move-letter .letter-list .letter .thumb {position: relative; width:60px; height:60px; margin: 0 15px 0 0; border-radius:100px; overflow: hidden;}
.move-letter .letter-list .letter .thumb img {width: 100%; height: 100%; object-fit: cover; display: block;}
.move-letter .letter-list .letter.next .thumb { margin: 0 0 0 15px;}
.move-letter .letter-list .letter .cont {display: flex; align-items: center; max-width: 280px;}
.move-letter .letter-list .letter.next .cont {justify-content: right; text-align: right;}
.move-letter .letter-list .letter .cont .tit {overflow: hidden; max-height: 3em; font-size: 16px; line-height: 1.5em; word-break: break-all; word-wrap: normal;}
.move-letter .letter-list .letter .cont .tit .prev-btn {display:block; background:url(//img.khan.co.kr/images/khan/pc/ico-arrow-left-s.svg) no-repeat left center; background-size: 6px 13px; padding-left: 12px; font-size:14px; font-weight:550;}
.move-letter .letter-list .letter .cont .tit .next-btn {display:block; background:url(//img.khan.co.kr/images/khan/pc/ico-arrow-right-s.svg) no-repeat right center; background-size: 6px 13px; padding-right: 12px; font-size:14px; font-weight:550;}
.move-letter .letter-list .letter .cont .tit .prev-btn.re {padding-left:0; background:none;}
.move-letter .letter-list .letter .cont .tit .next-btn.re {padding-right:0; background:none;}
.move-ctrl {}
.move-ctrl a {position: absolute; top: 50%; transform: translateY(-50%); font-size: 14px; font-weight: 500;}
.move-ctrl .prev-btn {left: 0; background:url(//img.khan.co.kr/images/khan/pc/ico-arrow-left-s.svg) no-repeat left center; background-size: 6px 13px; padding-left: 12px;}
.move-ctrl .next-btn {right: 0; background:url(//img.khan.co.kr/images/khan/pc/ico-arrow-right-s.svg) no-repeat right center; background-size: 6px 13px; padding-right: 12px;}
.move-ctrl a.re {background: none;}

/* 공감 카운트 영역 */
.like-count-wrap {width:100%; margin: 30px auto 0; padding:50px 0; border-top: 2px solid #5a77d1;}
.like-count-wrap h3 {width: 100%; margin: 0 auto; font-size: 24px; font-weight: 600; text-align: center; line-height: 30px;}
.like-count-wrap ul {display:flex; justify-content:space-evenly; max-width: 450px; margin: 30px auto 0;}
.like-count-wrap ul::after {display:block; clear:both; content:"";}
.like-count-wrap ul li {float: left; position: relative; }
.like-count-wrap ul li:last-child {margin-right: 0;}
.like-count-wrap ul li a {display: table-cell; vertical-align: bottom; text-align: center; width: 50px; height: 54px; font-size: 13px;}
.like-count-wrap ul li.clapping {position: relative; width: auto; background: url(//img.khan.co.kr/images/khan/pc/ico-fn-clapping.svg) no-repeat scroll 50% top transparent; background-size: 30px 30px}
.like-count-wrap ul li.thumb {position: relative; width: auto; background: url(//img.khan.co.kr/images/khan/pc/ico-fn-thumb.svg) no-repeat scroll 50% top transparent; background-size: 34px 24px}
.like-count-wrap ul li.good {position: relative; width: auto; background: url(//img.khan.co.kr/images/khan/pc/ico-fn-idea.svg) no-repeat scroll 50% top transparent; background-size: 30px 30px}
.like-count-wrap ul li.interesting {position: relative; width: auto; background: url(//img.khan.co.kr/images/khan/pc/ico-fn-interesting.svg) no-repeat scroll 50% top transparent; background-size: 29px 30px}
.like-count-wrap ul li.want {position: relative; width: auto; background: url(//img.khan.co.kr/images/khan/pc/ico-fn-want.svg) no-repeat scroll 50% top transparent; background-size: 30px 28px}
.like-count-wrap ul li .count {display: block; padding-top: 10px; width: auto; color: #4469B0; font-size: 14px; font-weight: 600; text-align: center;}

/* 피드백 보내기 */
.feedback-wrap {position: relative; width:100%; margin: 60px auto 0; padding: 80px 0 50px; background: #5a77d1; /* border-radius: 8px; */}
.feedback-wrap .editor_profile {width: 120px; height: 120px; position: absolute; top: -60px; left: 50%; margin-left: -60px; border-radius: 100px; overflow: hidden;}
.feedback-wrap .editor_profile img {width: 100%; height: 100%; object-fit: cover; display: block;}
.feedback-wrap .editor_desc {width:100%; margin: 0 auto; padding:0 20px; box-sizing:border-box; text-align: center; font-size: 16px; color: #fff; font-weight: 400; line-height: 1.5em;}
.feedback-wrap .btn-send {display: block; text-align: center; margin: 30px auto 0; width: 180px; height: 55px; line-height: 55px; background-color: #fff; border-radius: 100px;}
.feedback-wrap .btn-send span {font-size: 15px; color: #4469b0; font-weight: 500; background: url(//img.khan.co.kr/images/khan/pc/ico-send-mail.svg) no-repeat left center; background-size: 20px 16px; padding-left: 25px;}

/* 공유하기 영역 */
.letter-share-wrap {position: relative; width:100%; margin: 0 auto 0; padding: 40px 0; border-bottom: 3px solid #5a77d1;}
.letter-share-wrap .editor_desc {width: 100%; margin: 0 auto; padding:0 20px; box-sizing:border-box; text-align: center; font-size: 16px; color: #1a1a1a; font-weight: 400; line-height: 1.5em;}
.letter-share-wrap .btn-send {display: block; text-align: center; margin: 30px auto 0; width: 180px; height: 55px; line-height: 55px; background-color: #fff; border-radius: 100px; border: 1px solid #aaaaaa;}
.letter-share-wrap .btn-send span {font-size: 15px; color: #1a1a1a; font-weight: 500; background: url(//img.khan.co.kr/images/khan/pc/ico-fn-share-re.svg) no-repeat left center; background-size: 18px 18px; padding-left: 25px;}

/* 많이 본 레터 */
.view_sec_wrap.ltr-list {padding:40px 0;}
.ltr-list .sec_slide_2 .list {margin: 0 -30px;}
.ltr-list .sec_slide_2 .item {width:200px; margin-left:20px;}
.ltr-list .sec_slide_2 .item .link_thumb {width:200px; height:140px;}
.ltr-list .sec_slide_2 .item .tit {margin:8px 0 0;}

/* 구독 플로팅 배너 */
.bnr-sub-nl {display:none; position:fixed; right:15px; bottom:40px; min-width: 230px; height:60px; margin:0 auto; border:2px solid #5a77d1; border-radius:70px; box-shadow:5px 5px #5a77d1; text-align:left; opacity:0; background-color:#fff; z-index:20; -webkit-transition-duration:.2s; transition-duration:.2s;}
.bnr-sub-nl a {display:block; height:60px;}
.bnr-sub-nl .txt {margin: 0 25px; padding:10px 0 10px 40px; text-align:left; color:#1a1a1a; font-size:14px; font-weight: 500; line-height:1.4em; background:url("//img.khan.co.kr/images/khan/pc/ico-newsletter_sub.svg") no-repeat 0 50%; background-size:30px 30px; letter-spacing: -0.07em;}
.bnr-sub-nl.on {display:block; opacity:.95; -webkit-transition-duration:.5s; transition-duration:.5s;}

/* 로그인 유도 팝업 */
.login-layer {position:fixed;z-index:50;bottom:0;width:100%;height:100%; -webkit-overflow-scrolling:touch;}
.btm-layer {bottom:-300px; width:100%; height: 300px; transition: All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.btm-layer.open {bottom:0; z-index: 100002;}
.btm-layer .bg_overlay {display:none; overflow:hidden;position:fixed;top:0;bottom:0px;left:0px;right:0; z-index:49;width:100%;height:100%;background:rgba(0, 0, 0, 0.35)}
.btm-layer.open .bg_overlay {display:block;}
.btm-layer .inner {position: relative; width: 100%; height:300px; max-width: 1110px; margin:0 auto; padding:20px; box-sizing:border-box; background-color:#fff; border-radius: 24px 24px 0 0;     box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%); z-index:49;}
.btm-layer .inner .ico {width: 59px; height: 70px; margin: 0 auto; background:url("//img.khan.co.kr/images/khan/pc/img-newsletter-sub.svg") no-repeat 50% 50%; background-size: 49px 58px; display: block;}
.btm-layer .inner .txt {font-size:20px; font-weight: 500; text-align:center; color:#1a1a1a; line-height:1.3em; margin: 10px 0 20px;}
.btm-layer .inner .btn-login {margin: 0 auto 10px; display: block; width: 160px; height: 55px; background-color: #5a77d1; font-size:16px; font-weight: 500; text-align:center; color:#fff; line-height:55px; border-radius: 8px;}
.btm-layer .inner .btns {display:block; position:relative; width:100%; height:30px;}
.btm-layer .inner .btns a {position: absolute; bottom: 0; font-size: 16px; font-weight: 500;}
.btm-layer .inner .btn-left {left: 0; background: url(//img.khan.co.kr/images/khan/pc/ico-arrow-left-s.svg) no-repeat left center; background-size: 7px 13px; padding-left: 13px;}
.btm-layer .inner .btn-right {right: 0; background: url(//img.khan.co.kr/images/khan/pc/ico-arrow-right-s-bl.svg) no-repeat right center; background-size: 7px 13px; padding-right: 13px; color: #4469B0;}

/* 칸업 로그인 유도 팝업 */
.loginpopup_sec {width:100%; position:relative; box-sizing:border-box;}
.loginpopup_wrap {position:relative; width:100%; margin:0 auto; padding:20px; box-sizing:border-box; border-radius:24px 24px 0 0; box-shadow:0 0 20px 0 rgb(0 0 0 / 20%); background-color:#fff; z-index:49;}
.loginpopup_wrap .tit {display:block; margin:5px auto 25px; text-align:center; font-size:20px;}
.loginpopup_wrap .benefit_wrap {padding:20px; border-radius:25px; background-color:#f2f5fc;}
.loginpopup_wrap .benefit_wrap .txt {margin:0 0 10px; color:#5f71a8;}
.loginpopup_wrap .benefit_wrap .benefit_list {display:flex; align-items:center; justify-content:space-between;}
.loginpopup_wrap .benefit_wrap .benefit_list li {display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:100px; text-align:center; color:#5a77d1; font-size:12px; background-color:#fff;}
.loginpopup_wrap .btn_area {display:flex; margin:20px auto; }
.loginpopup_wrap .btn_area > a {display:block; width:160px; height:50px; margin:0 auto; border:1px solid #5a77d1; border-radius:15px; font-size:16px; font-weight:500; text-align:center; line-height:50px;}
.loginpopup_wrap .btn_area .btn_login {color:#fff; background-color:#5a77d1;}
.loginpopup_wrap .btn_area .btn_cancel {color:#5a77d1; background-color:#fff;}
.loginpopup_wrap .intro_wrap {padding:5px 10px;}
.loginpopup_wrap .intro_wrap .txt {margin:0 0 15px; color:#3a3a3a; font-size:17px; font-weight:400; text-align:center;}
.loginpopup_wrap .intro_wrap .txt .img-ci {height:16px; margin:0 5px 0 0; vertical-align:middle;}
.loginpopup_wrap .intro_wrap .intro_list {display:flex; align-items:center; justify-content:center;}
.loginpopup_wrap .intro_wrap .intro_list li {display:flex; justify-content:center; align-items:center; width:auto; height:34px; margin:3px; padding:0 15px; border:1px solid #787878; border-radius:40px; text-align:center; color:#3a3a3a; font-size:14px;}
.loginpopup_wrap .intro_wrap .intro_list li .con {font-size:15px;}
.loginpopup_wrap .btns {display:block; position:relative; width:100%; height:30px;}
.loginpopup_wrap .btns a {position:absolute; bottom:0; font-size:14px; font-weight:500;}
.loginpopup_wrap .btn-left {left:0; background:url(//img.khan.co.kr/images/khan/pc/ico-arrow-left-s.svg) no-repeat left center; background-size:6px 11px; padding-left:10px;}
.loginpopup_wrap .btn-right {right:0; background:url(//img.khan.co.kr/images/khan/pc/ico-arrow-right-s-bl.svg) no-repeat right center; background-size:6px 11px; padding-right:10px; color:#4469B0;}
.loginpopup_wrap.case02 .tit {position:relative; padding-top:10px; font-size:20px;}
/* .loginpopup_wrap.case02 .tit:before {content: ""; position:absolute; left:0; bottom:80px; width:100%; height:45px; background:url(//img.khan.co.kr/images/khan/pc/ico-khanup-sort.png) 50% 50% no-repeat; background-size:44px;} */
.loginpopup_wrap.case02 .tit .img-ci {height:19px; vertical-align:middle;}
.loginpopup_wrap.case02 .tit .sub-tit {display:block; margin:10px auto 30px; color:#3b4b7e; font-size:16px;}
.loginpopup_wrap.case03 .tit {position:relative; margin:0 auto 25px; line-height:1.4em;}
/* 퀴즈 서비스 마감 알림 팝업 */
.quizpopup_sec {width:100%; position:relative; box-sizing:border-box;}
.quizpopup_wrap {position:relative; width:100%; margin:0 auto; padding:20px; box-sizing:border-box; border-radius:24px 24px 0 0; box-shadow:0 0 20px 0 rgb(0 0 0 / 20%); background-color:#fff; z-index:49;}
.quizpopup_wrap .tit {display:block; margin:10px auto 20px; text-align:center; font-size:18px;}
.quizpopup_wrap .info_wrap {margin:30px auto; text-align:center;}
.quizpopup_wrap .info_wrap .main_txt {color:#005af8; font-size:22px; font-weight:700;}
.quizpopup_wrap .info_wrap .sub_txt {color:#999; font-size:16px;}
.quizpopup_wrap .btn_area {display:flex; margin:20px auto;}
.quizpopup_wrap .btn_area > a {display:block; width:240px; height:55px; margin:0 auto; border:1px solid #5a77d1; border-radius:15px; font-size:16px; font-weight:500; text-align:center; line-height:55px;}
.quizpopup_wrap .btn_area .btn_goquiz {color:#fff; background-color:#5a77d1;}


/* 뉴스레터 본문 */
.public-email {background: #fff;padding: 0;}
.public-email ul, .public-email li {list-style-type: inherit;}
.stb-container-full {/* height: 100vh; */ box-sizing: border-box; /* overflow-y: auto; */}
@media only screen and (max-width: 640px) {
	.stb-left-cell,
	.stb-right-cell {max-width:100%!important;width:100%!important;}
	.stb-container {width: 94%!important}
	.stb-container-full {padding-bottom: 100px!important;}
}

/* 뉴스레터용 맨위로 탑버튼 */
.btn_area.ltr-top .btn_gotop_floating.appuse {bottom:115px;}



/**************************************************************************** 
	라운드업 기사 페이지
****************************************************************************/
/* top_header */
.head_article .l-series {position: absolute; top: 0; right: 10px; max-width: calc(100% - 180px); }
.head_article .l-series a {line-height: 50px; color: #1a1a1a; font-size: 14px; font-weight: 600; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.roundup .art_header .roundup-tit-wrap {display: flex; justify-content: space-between; align-items: center;}
.roundup .art_header .roundup-tit-wrap .sub-cont {padding-bottom: 15px;}
.roundup .art_header .roundup-tit-wrap .sub-cont span {font-size: 14px; color: #1a1a1a; font-weight: 600; line-height: 1.2em; display: inline-block;}
.roundup .art_header .roundup-tit-wrap span.live-state {font-size: 13px; font-weight: 400; color: #777}
.roundup .art_header .roundup-tit-wrap span.live-state.on {color: #d43232;}
.roundup .art_header .roundup-tit-wrap span.live-state strong {font-size: 14px; padding-right: 4px; display: inline-block;}
.roundup .art_header .roundup-tit-wrap span.series, .roundup .art_header .roundup-tit-wrap span.live-state {position: relative; padding-left: 10px;}
.roundup .art_header .roundup-tit-wrap span.series:after, .roundup .art_header .roundup-tit-wrap span.live-state:after {content: " "; display: block; clear: both; position: absolute; left: 4px; top: 3px; width: 1px; height: 12px; background-color: #ababab;}
.roundup .art_header .info_view {padding-bottom: 15px; border-bottom: 3px solid #1a1a1a;}

/* 인덱스 플로팅 */
.roundup .article_view {position: relative;}
.float-updete-wrap {overflow:visible !important; z-index: 120; position: relative;}
.float-updete-wrap .float-box {width: 100%; background-color: #f4f7fe; position: fixed; left: 0; top: 50px; z-index: 100; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);}
.float-updete-wrap .news-list {padding: 15px 45px 5px 15px; position: relative;}
.float-updete-wrap .news-list.scroll {height: 145px; overflow-y: scroll;}
.float-updete-wrap .news-list::-webkit-scrollbar {width: 8px;}
.float-updete-wrap .news-list::-webkit-scrollbar-track {background: #f4f7fe;}
.float-updete-wrap .news-list::-webkit-scrollbar-thumb {background: #ced4e0; border-radius: 10px;}
.float-updete-wrap .news-list li {margin-bottom: 10px; position: relative;}
.float-updete-wrap .news-list li.bd-none a:before {height: 0;}
.float-updete-wrap .news-list li .timeline-bullet {position: absolute; width: 20px; height: 100%; background: url(//img.khan.co.kr/images/khan/pc/ico-bullet-timeline.svg) no-repeat left center; background-size: 13px 13px; z-index: 1;}
.float-updete-wrap .news-list li a {display: flex; align-items: center; padding-left: 25px; position: relative; height: 40px;}
.float-updete-wrap .news-list li a:before {background-color: #cdcdcd; width: 1px; content: ""; position: absolute; top: 60%; bottom: -60%; left: 6px;}
.float-updete-wrap .news-list li a strong {line-height: 1.3em; font-size: 15px; color: #444; font-weight: normal;}
.float-updete-wrap .news-list li.close a:before {height: 0;}
.float-updete-wrap .news-list li.on a strong {font-weight: bold; color: #1a1a1a;}
.float-updete-wrap .btn-fold {position: absolute; bottom: 22px; right: 10px; width: 24px; height: 24px; display: block; background: url(//img.khan.co.kr/images/khan/m/ico-arrow-down-circle.svg) no-repeat left center; background-size: 24px 24px;}
.float-updete-wrap .btn-fold.on {transform: rotate(180deg); bottom: 15px;}

/* 업데이트 소식 박스 */
.update-box {margin: 30px 0; padding: 18px 20px; font-size:16px; line-height:1.7em; background-color:#f4f7fe; box-sizing: border-box;}
.update-box h2 {font-size: 16px; color: #1a1a1a;}
.update-box ul {margin-top: 15px;}
.update-box li {margin-bottom: 10px;position: relative;}
.update-box li p {margin-bottom: 0; padding-left: 25px; position: relative;}
.update-box li:last-child {margin-bottom: 0;}
.update-box li .art_txt {margin: 0 !important}
.update-box a {box-shadow: none !important; display: -webkit-box!important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.update-box a:hover {box-shadow: none;}
.update-box li p:before {background-color: #cdcdcd; width: 1px; content: ""; position: absolute; top: 60%; bottom: -60%; left: 6px;}
.update-box li:last-child p:before {height: 0;}
.update-box li .timeline-bullet {position: absolute; width: 20px; height: 100%; background: url(//img.khan.co.kr/images/khan/pc/ico-bullet-timeline.svg) no-repeat left center; background-size: 13px 13px; z-index: 1;}

/* 라운드업 - 오픈링크 기사 */
.openlink-wrap { border-bottom: 1px solid #cdcdcd; margin: 0 20px; box-sizing: border-box; margin-bottom: -1px;}
/* .openlink-wrap:last-of-type {padding-bottom: 50px; border-bottom: 1px solid #cdcdcd;} */
.openlink-wrap .subject {border-top: 1px solid #cdcdcd; margin: 0 0 20px; padding: 25px 0 0;}
.openlink-wrap .subject .date {display: block; font-size: 14px; color: #4469b0; font-weight: 600;}
.openlink-wrap .subject .headline {font-size: 20px; color: #1a1a1a; line-height: 1.3em; padding: 10px 0;}
.openlink-wrap .subject .author {display: block; font-size: 14px; color: #7a7a7a;}
.roundup .art_txt {margin: 25px 20px;}
.openlink-wrap .art_txt {margin: 0 0 25px !important;}
.openlink-wrap .content_text {margin-bottom: 30px;}
.openlink-wrap .source {display: block; font-size: 14px; color: #aaa; text-align: right; margin-bottom: 30px;}
.openlink-wrap .open_link {display: block; margin: 0 auto 30px; border-radius: 50px; background-color: #0064c0; width: 160px; height: 40px; line-height: 39px; text-align: center; box-sizing: border-box;}
.openlink-wrap .open_link span {display: inline-block; padding-right: 18px; font-size: 14px; font-weight: 400; color: #fff; background: url(//img.khan.co.kr/images/khan/pc/ico-btn-outlink-wt.svg) no-repeat right 45%; background-size: 13px 13px;}

/* 라운드업 - 연재 관련기사 */
.series-related-news {margin: 0 0 40px;}
.series-related-news .title-wrap {margin: 0 20px 20px; border-bottom: 3px solid #3a3a3a;}
.series-related-news .title-wrap .tit {display: inline-block; margin-bottom: 8px; color: #1a1a1a; font-size: 18px; font-weight: 700;}
.series-related-news .title-wrap a {display: table; float: right;}
.series-related-news .btn-all {display: block;  line-height: 30px;}
.series-related-news .btn-all span {display: inline-block; padding-right: 23px; font-size: 14px; font-weight: 600; color: #5a5a5a; background: url(//img.khan.co.kr/images/khan/pc/ico-arrow-right-circle.svg) no-repeat 98% center; background-size: 18px 18px;}
.series-related-news .img-wrap {position: relative; margin: 0 20px; z-index: 1;}
.type_a > .link_thumb {    min-height: 170px;}
.series-related-news .img-wrap .link_thumb {z-index: 1; min-height: 156px; max-height: 320px; display: block; overflow: hidden; position: relative; line-height: 0;}
.series-related-news .img-wrap .link_thumb::before {position: absolute; display: block; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.05);}
.series-related-news .caption {position: relative; margin: 13px 20px 25px; z-index: 2;}
.series-related-news .caption .tit strong {font-size: 20px; line-height: 24px;}
.series_list_type .list {margin: 0 20px;}
.series_list_type .list li {display: flex; align-items: center; margin-bottom:20px;}
.series_list_type .list li:last-child {margin-bottom:0;}
.series_list_type .list li > .link_thumb {-webkit-flex: none; -webkit-box-flex: 0; -ms-flex: none; flex: none; display:block; overflow: hidden; position: relative; width: 100px; height: 70px; line-height: 0; margin-right: 12px;}
.series_list_type .list li .tit {display: -webkit-box; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; color: #444444; padding: 5px 0; overflow: hidden; max-height: 48px;}
.series_list_type .list li .tit strong {overflow: hidden; font-weight: 400; font-size: 17px; line-height: 24px; color: #222;}




/**************************************************************************** 
    인포그래픽
****************************************************************************/
/* 공통 */
.infographic_wrap { position:relative; width:990px; text-align:center; }
.infographic_wrap .cpr { width:990px; text-align:center; margin-top:20px; float: left;}
.infographic_wrap .cpr:after { clear:both; display:block; content:""; }

/* 선거운동 발도장 */
.mainWrap h2 { text-indent:-9999px; height:46px; margin-bottom:40px; background:url(//img.khan.co.kr/spko/2012_election/h2.gif) no-repeat; }
.mainWrap h2.m3_5 { /*선거운동발도장*/ background-position:0 -1105px; }
.foot_stamp {border-bottom:solid 2px #444; margin-bottom:40px;}
.foot_stamp .tab { *zoom:1; }
.foot_stamp .tab:after { clear:both; display:block; content:""; }
.foot_stamp .tab li { float:left; }
.foot_stamp .tab li a span { display:block; height:33px; text-indent:-9999px; cursor:pointer; background:url(//img.khan.co.kr/spko/2012_election/imgset.gif) no-repeat; }
.foot_stamp .tab li.tab1 a span { width:200px; background-position:0 -755px; }
.foot_stamp .tab li.tab2 a span { width:200px; background-position:-201px -755px; }
.foot_stamp .tab li.tab3 a span { width:200px; background-position:-402px -755px; }
.foot_stamp .tab li.tab1 a.on span { width:200px; background-position:0 -720px; }
.foot_stamp .tab li.tab2 a.on span  { width:200px; background-position:-201px -720px; }
.foot_stamp .tab li.tab3 a.on span  { width:200px; background-position:-402px -720px; }
.stamp_area {position:relative; text-align:center;}
.stamp_area .s_info1 {position:absolute; top:237px; left:405px; color:#000; font-size:11px; letter-spacing:-1px; padding:5px; background-color:#fff; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c;}
.stamp_area .s_info1 span {color:#d72c62; }
.stamp_area .s_info2 {position:absolute; top:210px; left:420px; color:#000; font-size:11px; letter-spacing:-1px; padding:5px; background-color:#fff; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c;}
.stamp_area .s_info2 span {color:#bd7800; }
.stamp_area .s_info3 {position:absolute; top:250px; left:370px; color:#000; font-size:11px; letter-spacing:-1px; padding:5px; background-color:#fff; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c;}
.stamp_area .s_info3 span {color:#c90190; }

/* 이명박비리 */
.info_mb {position:relative; width:700px; margin:0 auto; line-height:15px; text-align:center; }
.info_mb .mb_info1 { position:absolute; top:165px; right:-15px; color:#000; font-size:11px; text-align:left; letter-spacing:-1px; padding:5px; background-color:#fff; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c;}
.info_mb a { color:#000; text-decoration:none;}
.info_mb a:hover { color:#3399ff; text-decoration:none;}

/* 여의도 대선마을 */
.infographic_wrap .layer_info1 { position:absolute; top:348px; right:198px; width:245px; color:#000; font-size:12px; text-align:left; line-height:16px; letter-spacing:-1px; padding:10px; background-color:#fffff7; border:1px solid #1c1311;}
.infographic_wrap .imglayer_info1 { position:absolute; top:15px; right:25px; width:438px;}
.infographic_wrap .imglayer_info2 { position:absolute; top:28px; right:225px; width:438px;}
.infographic_wrap .imglayer_info3 { position:absolute; top:125px; left:125px; width:438px;}
.infographic_wrap .imglayer_info4 { position:absolute; top:8px; left:120px; width:438px;}
.infographic_wrap .imglayer_info5 { position:absolute; top:19px; left:62px; width:438px;}
.infographic_wrap .info_img { position:relative; width:438px;}
.infographic_wrap .info_img .btn_close { position:absolute; top:0; right:4px; z-index:5;}
.infographic_wrap .info_news { position:relative; width:416px; background-color:#fffff7; color:#000; border-right: 1px solid #1c1311; border-bottom: 1px solid #1c1311; border-left: 1px solid #1c1311; padding:10px; text-align:left; line-height:18px;}
.infographic_wrap .info_news .box_line { background-color:#fdfdeb; border:1px solid #c1bbb0; padding:10px;}
.infographic_wrap .info_news .red_tit { display:block; color:#ff0000; font-size:12px; font-weight:bold; margin-bottom:4px;}

/* 대권주자출마선언 */
.infographic_wrap .runner_map { width:990px;}
.infographic_wrap .profile { width:990px; margin-top:10px; position:relative; text-align:left;}
.infographic_wrap .profile .name { background-color:#35384b; width:978px; height:32px; color:#fff; font-size:19px; font-weight:bold; padding:6px 0 0 12px;}
.infographic_wrap .profile .runner_info { width:918px; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0; padding:35px;}
.infographic_wrap .top_profile { overflow:hidden; width:100%; position:relative;}
.infographic_wrap .top_profile .profile_thumb { float:left; border:1px solid #d8d8d8; margin-right:40px;}
.infographic_wrap .top_profile .profile_cont { float:left; width:636px;}
.infographic_wrap .top_profile .profile_cont .profile_tit { float:left; width:100%; overflow:hidden; margin-bottom:20px; color:#000; font-size:18px; font-weight:bold; letter-spacing:-1px;}
/*.infographic_wrap .top_profile .profile_cont .profile_tit span { color:#0096ff;} */
.infographic_wrap .top_profile .profile_cont .profile_tit span { background:url("//img.khan.co.kr/spko/sub_2012/mark.gif") no-repeat scroll 0 0 transparent; width:10px; height:9px; overflow:hidden; text-indent:-9999px; display:inline-block;}
.infographic_wrap .top_profile .profile_cont .profile_tit span.mark_left { background-position:0 0; margin:0 4px 0 0; padding-top:5px;}
.infographic_wrap .top_profile .profile_cont .profile_tit span.mark_right { background-position:-30px 0;  margin:0 0 0 4px;  padding-top:5px;}
.infographic_wrap .top_profile .profile_cont .info01 { clear:both; line-height:24px;}
.infographic_wrap .top_profile .profile_cont .info01.role { margin-top:15px;  position:relative;}
.infographic_wrap .top_profile .profile_cont .info01 dt.tit { float:left; font-size:14px; color:#000; font-weight:bold; margin-right:20px; }
.infographic_wrap .top_profile .profile_cont .info01 dd.con { float:none; overflow:hidden; color:#000; font-size:14px; letter-spacing:-1px;}
.infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont { background-color:#f5f5f5; border:1px solid #cedfeb; padding:7px 5px 3px 50px; margin-top:3px; line-height:21px;}
.infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont .role_who { display:block; color:#000; font-size:14px; font-weight:bold; margin-bottom:1px;}
.infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont .role_why { color:#5c6871; font-size:14px;}
.infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont .role_why span { background:url("//img.khan.co.kr/spko/sub_2012/mark.gif") no-repeat scroll 0 0 transparent; width:10px; height:9px; overflow:hidden; text-indent:-9999px; display:inline-block;}
.infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont .role_why span.mark_left { background-position:0 0; margin:0 4px 0 0; padding-top:5px;}
.infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont .role_why span.mark_right { background-position:-30px 0;  margin:0 0 0 4px;  padding-top:5px;}
.infographic_wrap .top_profile .profile_cont .info01.role .role01 { position:absolute; top:-10px; left:43px; z-index:20;}
.infographic_wrap .top_profile:after { clear:both; display:block; content:""; }
.infographic_wrap .run_news { overflow:hidden; width:100%; margin-top:40px;}
.infographic_wrap .run_news strong.tit { background:url("//img.khan.co.kr/spko/sub_2012/sub_tit01.gif") no-repeat scroll 0 0 transparent; display:block; width:100%; height:20px; border-bottom:1px solid #bebebe;  text-indent:-9999px; padding-bottom:8px;}
.infographic_wrap .run_news ul { overflow:hidden; width:100%; margin-top:10px;}
.infographic_wrap .run_news ul li { padding-left:7px; line-height:26px; background:url("//img.khan.co.kr/spko/sub_2012/runner_news_blit.gif") no-repeat scroll 0 10px transparent;}
.infographic_wrap .run_news ul li a { font-size:14px;}
.infographic_wrap .run_photo { overflow:hidden; width:100%; margin-top:40px;}
.infographic_wrap .run_photo strong.tit { background:url("//img.khan.co.kr/spko/sub_2012/sub_tit01.gif") no-repeat scroll 0 -30px transparent; display:block; width:100%; height:20px; border-bottom:1px solid #bebebe;  text-indent:-9999px; padding-bottom:8px;}
.infographic_wrap .run_photo ul.phtxt { overflow:hidden; width:100%; margin-top:20px;}
.infographic_wrap .run_photo .phtxt li { float:left; margin-right:30px; width:122px; height:188px;}
.infographic_wrap .run_photo .phtxt li .thumb { overflow:hidden; display:block; text-align:center; width:122px;}
.infographic_wrap .run_photo .phtxt li .thumb a { display:table-cell; width:122px; height:122px;}
.infographic_wrap .run_photo .phtxt li .thumb img { border:1px solid #c5c5c5; max-width:120px;}
.infographic_wrap .run_photo .phtxt li .txt a { display:block; color:#000; font-size:12px; line-height:16px; margin-top:5px; letter-spacing:-1px;}
.infographic_wrap .run_photo .phtxt li .txt a .video { display:block; text-align:center; color:#4373fd; font-weight:bold;}
.infographic_wrap .pledge { overflow:hidden; width:100%; margin-top:40px; color:#000; font-weight:bold; font-size:18px; background-color:#FFF9F3; border:1px solid #E2D8CD; letter-spacing:-1px; padding:10px 0; text-align:center; font-family:"굴림",gulim,Sans-serif;}
.infographic_wrap .pledge span.tit { color:#f45c00;}

/* 낙동강 녹조현상 */
.infographic_wrap .greenMap { width:990px; position:relative;}
.infographic_wrap .greenMap .title { width:990px; position:relative; margin-bottom:9px; height:34px;}
.infographic_wrap .greenMap .title h3 { float:left; width:870px; background:url("//img.khan.co.kr/spko/sub_2012/green_title.gif?ee") no-repeat scroll 0 0 transparent; font-size:0; height:34px; text-indent:-9999px;}
.infographic_wrap .greenMap .title span.data { float:right; background:url("//img.khan.co.kr/spko/sub_2012/green_title2.gif") no-repeat scroll 0 0 transparent; font-size:0; width:120px; height:34px; text-indent:-9999px;}
.infographic_wrap .greenMap .mapView { width:990px; position:relative;}
.infographic_wrap .greenMap .mapView .mapLeft { position:relative; float:left; width:246px; height:636px; background:url("//img.khan.co.kr/spko/sub_2012/box_left_bg.gif") repeat-y scroll 0 0 transparent; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4;}
.infographic_wrap .greenMap .mapView .mapLeft .gree_explan { background:url("//img.khan.co.kr/spko/sub_2012/box_left_explan.gif?ee") no-repeat scroll 0 0 transparent; font-size:0; width:211px; height:243px; text-indent:-9999px; margin:32px 0 25px 13px;}
.infographic_wrap .greenMap .mapView .mapLeft .green_bot {position:absolute; bottom:17px; right:22px; z-index:5;}
.infographic_wrap .greenMap .mapView .mapright { float:left; width:744px;}
.infographic_wrap .greenMap .mecha_layer { position:absolute; top:37px; left:225px; width:584px; z-index:10;}
.infographic_wrap .greenMap .mecha_layer .tit { display:block; background:url("//img.khan.co.kr/spko/sub_2012/mecha_title.gif") no-repeat scroll 0 0 transparent; width:584px; height:39px; font-size:0; text-indent:-9999px;}
.infographic_wrap .greenMap .mecha_layer .btn_close { position:absolute; top:0; right:4px; z-index:5;}
.infographic_wrap .greenMap .greenlayer { position:absolute; top:70px; right:4px; z-index:5; width:398px; text-align:left; line-height:16px; letter-spacing:-1px; background-color:#fffff7; border:1px solid #000;}
.infographic_wrap .greenMap .greenlayer .name_tit { background-color:#000; height:26px; padding:9px 0 0 15px;}
.infographic_wrap .greenMap .greenlayer .name_tit span { color:#fff; font-size:16px; font-weight:bold;}
.infographic_wrap .greenMap .greenlayer .btn_close { position:absolute; top:0; right:4px; z-index:5;}
.infographic_wrap .greenMap .greenlayer .cont { padding:12px;}
.infographic_wrap .greenMap .greenlayer .cont .photo li { float:left; width:180px; height:120px; border:1px solid #57573c; margin-right:10px; margin-top:10px;}
.infographic_wrap .greenMap .greenlayer .cont .photo li img { width:180px; height:120px;}
.infographic_wrap .greenMap .greenlayer .cont .photo li.big { float:left; width:372px; height:247px; border:1px solid #57573c; margin-right:10px; margin-top:10px;}
.infographic_wrap .greenMap .greenlayer .cont .photo li.big img { width:372px; height:247px;}
.infographic_wrap .greenMap .greenlayer .cont .photo { margin-right:-10px; margin-top:-10px;}
.infographic_wrap .greenMap .greenlayer .cont .photo:after { clear:both; content:""; display:block;}
.infographic_wrap .greenMap .greenlayer .cont .graph { margin-top:35px;}
.infographic_wrap .greenMap .mapView:after { clear:both; content:""; display:block;}
.infographic_wrap .greenMap .green_news { overflow:hidden; width:948px; position:relative; background-color:#fffff7; border:1px solid #a8d4a7; padding:20px; margin-top:10px; text-align:left;}
.infographic_wrap .greenMap .green_news .tit { display:block; background:url("//img.khan.co.kr/spko/sub_2012/relation_tit.gif") no-repeat scroll 0 0 transparent; height:40px; font-size:0; text-indent:-9999px; border-bottom: 2px solid #777777; margin-bottom:20px;}
.infographic_wrap .greenMap .green_news .news_list { width:990px; position:relative;  background:url("//img.khan.co.kr/spko/sub_2012/relation_num_bg.gif") repeat-y scroll 0 0 transparent;}
.infographic_wrap .greenMap .green_news .news_list.last {background:none;}
.infographic_wrap .greenMap .green_news .news_list .date {float:left; margin-right:12px; width:44px; }
.infographic_wrap .greenMap .green_news .news_list dl { float:left; width:894px; margin-bottom:30px;}
.infographic_wrap .greenMap .green_news .news_list dl dt { color:#2b9c17; font-size:16px; font-weight:bold; line-height:30px; margin-bottom:3px;}
.infographic_wrap .greenMap .green_news .news_list dl dd.main { background:url("//img.khan.co.kr/spko/sub_2012/relation_blit.gif") no-repeat scroll 0 5px transparent; color:#333333; font-size:14px; font-weight:bold; line-height:18px; padding-left:10px;}
.infographic_wrap .greenMap .green_news .news_list .reNews {margin-top:5px;}
.infographic_wrap .greenMap .green_news .news_list .reNews li {overflow:hidden; line-height:25px; padding-left:6px; font-size:14px;}
.infographic_wrap .greenMap .green_news .news_list .reNews li .blit {font-weight:bold;}
.infographic_wrap .greenMap .green_news .ex_photo { position:absolute; top:95px; right:20px; z-index:5; width:441px;}
.infographic_wrap .greenMap .green_news .news_list:after { clear:both; content:""; display:block;}

/* 박근혜정부 장관의 자격은 */
.infographic_wrap .minister {position:relative; width:990px;}
.infographic_wrap .minister .checkList a {display:block; position:absolute; left:90px; top:85px; width:261px; height:40px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2013/btn_checklist.png") no-repeat scroll 0 0 transparent;}
.infographic_wrap .minister .checkWrap {display:block; position:absolute; left:75px; top:90px; width:843px; height:589px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2013/img_checklist.gif") no-repeat scroll 0 0 transparent;}
.infographic_wrap .minister .checkWrap p.close a {float:right; width:32px; height:30px; margin-right:25px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2013/btn_close_checklist.gif") no-repeat scroll 0 0 transparent;}
.infographic_wrap .minister .fallfromList a {display:block; position:absolute; left:361px; top:85px; width:159px; height:40px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2013/btn_fallfrom.png") no-repeat scroll 0 0 transparent;}
.infographic_wrap .minister .fallfromWrap {display:block; position:absolute; left:75px; top:90px; width:843px; height:459px;}
.infographic_wrap .minister .fallfromWrap p.close a {position:absolute; right:25px; top:10px; width:32px; height:30px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2013/btn_close_checklist.gif") no-repeat scroll 0 0 transparent;}
.infographic_wrap .minister .detailInfo {display:block; position:absolute; top:98px; width:406px; padding-bottom:20px; border:1px solid #111; background-color:#fffff7;}
.infographic_wrap .minister .detailInfo p.close a {position:absolute; right:7px; top:7px; width:24px; height:24px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2013/btn_close_detailInfo.gif") no-repeat scroll 0 0 transparent;}
.infographic_wrap .minister .detailInfo ul {padding-left:79px; text-align:left; background:url("//img.khan.co.kr/spko/sub_2013/bg_detailInfo_list.gif") no-repeat scroll 0 0 transparent;}
.infographic_wrap .minister .detailInfo li a {color:#555; font-size:13px; font-family:gulim; line-height:1.4em;}
.infographic_wrap .minister .leftPop {left:20px!important;}
.infographic_wrap .minister .rightPop {right:20px!important;}