@charset "UTF-8";


/**************************************************************************** 
    layout
****************************************************************************/
#wrap {position:relative;}
#header, #container, #footer {width:1110px; margin:0 auto;}
#container {*zoom:1; margin-bottom:30px;}
#container:after {clear:both; display:block; content:"";}


/**************************************************************************** 
	common
****************************************************************************/
/* 공통 */
.f_l {float:left}
.f_r {float:right}
.fnt_ta { font-family:tahoma;}
.shadow { position:absolute; top:0; right:0; left:0; bottom:0; width:100%; display:block;}
.trans_border {position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #000; cursor:pointer; opacity:0.1; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
.screen_out {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}

/* 마진 */
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgr10 {margin-right:10px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb60 {margin-bottom:60px !important;}

/* 우측 영역 */
.rt_box {margin-bottom:60px;} /* 박스형태 기본 정의 */
.rt_box.noline {padding-bottom:0; border-bottom:none;}
.rt_box.ml00 {margin-left:0;}
.rt_box.mb00 {margin-bottom:0;}
.rt_box.mb15 {margin-bottom:15px;}
.rt_box.pl00 {padding-left:0;}
.rt_box.pb30 {padding-bottom:30px;}
.rt_box.pb00 {padding-bottom:0;}
.rt_box.border { border:1px solid #c7cbce; padding:10px;}



/**************************************************************************** 
	헤더 header
****************************************************************************/
/* 헤더 영역 */
header {min-width:1110px; min-height:56px;}
header .header-top {width:100%; height:48px; border-bottom:1px solid #ededed; background-color:#fafafa;}
header .header-top > .inner {margin:0 auto; padding:0 10px; width:1110px;}
header .header-top > .inner:after {content:"";clear:both;display:block}
header .header-top > .inner .fmlk_list {float:left;} /* 패밀리 링크 */
header .header-top > .inner .fmlk_list:after {content:"";clear:both;display:block}
header .header-top > .inner .fmlk_list li {display:inline-block; padding-left:10px; line-height:47px;}
header .header-top > .inner .fmlk_list li a {color:#3a3a3a; font-size:13px; vertical-align:middle;}
header .header-top > .inner .fmlk_list li a.btn {color:#fff;}
header .header-top > .inner .fmlk_list li button {vertical-align:middle;}
header .header_mid {position:relative; padding:40px 0; margin:0 auto; width:1110px; height:75px; clear:both;}
header .header_mid:after {content:"";clear:both;display:block}
header .ut-list {float:right;} /* 기능버튼 영역 */
header .ut-list li {display:inline-block; padding-left:10px; line-height:47px;}
header .ut-list li a {color:#3a3a3a; font-size:13px; vertical-align:middle;}
/* GNB */
header .header-bottom {border-top:1px solid #eaeaea; border-bottom:3px solid #1a1a1a; background-color:#fff;}
header .header-bottom > .inner {position:relative; width:100%; margin:0 auto;}
header .header-bottom > .inner:after {content:"";clear:both;display:block}
header .header-bottom > .inner .btn_all {display:table; position:absolute; top:0; left:0; width:60px; height:60px;}
header .header-bottom > .inner .btn_all a {display:table-cell; text-align:center; vertical-align:middle; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/btn_all_menu.svg") 50% 50% no-repeat;}
header .header-bottom .logo {float:left; position:absolute; left:62px;}
header .header-bottom .logo a {display:block; width:100px; height:60px; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/logo_khan.svg") 50% 50% no-repeat; background-size:contain;}
header .header-bottom > .inner .gnb {position:relative; float:left; margin-left:170px;}
header .header-bottom > .inner .gnb:after {content:"";clear:both;display:block}
header .header-bottom > .inner .gnb li {float:left; padding:0 15px; height:60px;}
header .header-bottom > .inner .gnb li:first-child {margin-left:0}
header .header-bottom > .inner .gnb li a {display:block; line-height:60px; color:#1a1a1a; font-size:20px;}
header .header-bottom > .inner .gnb li.on {border-bottom:5px solid #FFF;transition:0.3s}
/* GNB 고정 */
header .header-bottom.fix {position:fixed; left:0; top:0; width:100%; z-index:999;}
/* 최신 이슈*/
header .header-bottom > .inner .r-issue {float:right; margin-right:30px;}
header .header-bottom > .inner .r-issue .issue-txt {display:inline-block; margin-left:10px;}
header .header-bottom > .inner .r-issue .issue-txt a {color:#1a1a1a; font-size:16px; line-height:60px;}
/* 검색 */
header .header-bottom > .inner .search {float:right;}
header .header-bottom > .inner .search input[type="text"] {float:left;padding:0 5px;display:block;width:190px;height:28px;color:#FFF;font-weight:300;letter-spacing:0em;border:0;border-bottom:0.5px solid rgba(255,255,255,0.35);background-color:transparent}
header .header-bottom > .inner .search input[type="text"]:focus {outline:none}
header .header-bottom > .inner .search input[type="text"]::-webkit-input-placeholder {color:#FFF;font-weight:100;}
header .header-bottom > .inner .search input[type="text"]::-ms-input-placeholder {color:#FFF}
header .header-bottom > .inner .search input[type="text"]::placeholder {color:#FFF}
header .header-bottom > .inner .search .search_btn {display:table; float:left; width:60px; height:60px; text-align:right; cursor:pointer;}
header .header-bottom > .inner .search .search_btn a {display:table-cell; width:60px; height:60px; vertical-align:middle; text-align:center; text-indent:-1000em;}
header .header-bottom > .inner .search .search_btn.open a {background:url("//img.khan.co.kr/images/khan/pc/ico-search.svg") 50% 50% no-repeat;}
header .header-bottom > .inner .search .search_btn.close a {background:url("//img.khan.co.kr/images/khan/pc/ico-close-sm.svg") 50% 50% no-repeat;}
/* 검색어 박스 */
header .header-bottom > .srch-bar {display:block; position:absolute; width:100%; border-top:1px solid #cecece; border-bottom:3px solid #1a1a1a; text-align:center; background-color:#fefefe; z-index:100;}
.srch-bar .search_area {position:relative; width:1110px; margin:0 auto;}
.srch-bar .search_area .input_search {display:inline-block; margin:20px 0; width:580px; height:60px; border:1px solid #aaa; border-radius:8px; box-sizing:border-box; text-align:left; background-color:#fff;}
.srch-bar .search_area input {width:504px; height:58px; padding:0 10px; border:0; border-radius:8px 0 0 8px; color:#1a1a1a; box-sizing:border-box; font-weight:500; font-size:16px; background-color:#fff;}
.srch-bar .search_area input:focus {outline:none}
.srch-bar .search_area input::-webkit-input-placeholder { /* Edge */ color:#888; font-weight:500; font-size:18px; padding:0;}
.srch-bar .search_area input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#888; font-weight:500; font-size:18px; padding:0;}
.srch-bar .search_area input::placeholder {color:#888; font-weight:500; font-size:18px; padding:0;}
.srch-bar .btn_sch {display:inline-block; width:69px; height:58px; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/ico_search.svg") 50% 50% no-repeat;}


/* 기사뷰 탑 바 */
.fx_topbar_wrap {position:fixed; left:0; top:0; width:100%; height:54px; padding:0; border-bottom:2px solid #1a1a1a; background-color:#fff; z-index:100001;}
.fx_topbar_wrap .fx_topbar {position:relative; width:100%; min-width:1024px; height:54px; margin:0 auto;}
.fx_topbar_wrap .fx_topbar .logo {float:left; position:absolute; left:102px; z-index:20;}
.fx_topbar_wrap .fx_topbar .logo a {display:block; width:100px; height:54px; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/logo_khan.svg") 50% 50% no-repeat; background-size:90px 23px;}
.fx_topbar_wrap .fx_topbar .logo.logo220303 a {background:url("//img.khan.co.kr/images/khan/pc/logo_khan_nowar_Re_s.png") 50% 50% no-repeat; background-size:98px 23px;} /* 2022 반전 제호 */
.fx_topbar_wrap .fx_topbar .logo.logo220308 a {background:url("//img.khan.co.kr/images/khan/pc/logo_khan_women_s.png") 50% 50% no-repeat; background-size:98px 23px;} /* 2022 여성의 날 제호 */
.fx_topbar_wrap .fx_topbar .logo.logo220309 a {background:url("//img.khan.co.kr/images/khan/pc/logo_khan_election2022_s.png") 50% 50% no-repeat; background-size:98px 23px;} /* 2022 대통령 선거 제호 */
.fx_topbar_wrap .fx_topbar .logo.logo221031 a {background:url("//img.khan.co.kr/images/khan/pc/logo_khan_221031.png") 50% 50% no-repeat; background-size:101px 28px;} /* 2022 이태원 참사 애도 제호 */
.fx_topbar_wrap .fx_topbar .logo.logo230208 a {width:110px; background:url("//img.khan.co.kr/images/khan/pc/logo_khan_230208.png") 50% 50% no-repeat; background-size:110px 29px;} /* 2023 튀르키예 지진 애도 제호 */
.fx_topbar_wrap .fx_topbar > .gnb {position:relative; float:left; margin-left:180px; z-index:20;}
.fx_topbar_wrap .fx_topbar > .gnb:after {content:"";clear:both;display:block}
.fx_topbar_wrap .fx_topbar > .gnb li {float:left; padding:0 15px; height:54px; line-height:54px; font-size:20px;}
.fx_topbar_wrap .fx_topbar > .gnb li:first-child {margin-left:0}
.fx_topbar_wrap .fx_topbar > .gnb li a {display:block; line-height:54px; color:#1a1a1a; font-size:20px;}
.fx_topbar_wrap .fx_topbar > .gnb li.on {border-bottom:5px solid #FFF;transition:0.3s}
.fx_topbar_wrap .fx_topbar > .gnb li.election2022-link a {width:100px; /* 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-weight:700; font-size:20px; letter-spacing:-0.075em;}
.fx_topbar_wrap .fx_topbar > .gnb li .ico-khanup-label {display:none; position:relative; top:13px; width:90px; height:27px; border-radius:6px; line-height:54px; text-indent:-9999px; background:url(//img.khan.co.kr/images/khan/pc/thumb-label-khanup.svg) 50% 50% no-repeat; background-size:90px;}
.fx_topbar_wrap .fx_topbar > .gnb li .ico-khanup-label.on {display:block;}
.fx_topbar_wrap .fx_topbar > .r-issue {float:right; margin-right:30px;}
.fx_topbar_wrap .fx_topbar > .r-issue .issue-txt {display:inline-block; margin-left:20px;}
.fx_topbar_wrap .fx_topbar > .r-issue .issue-txt:first-child {margin-left:0;}
.fx_topbar_wrap .fx_topbar > .r-issue .issue-txt a {color:#1a1a1a; font-size:17px; font-weight:700; line-height:54px;}
.fx_topbar_wrap .fx_topbar > .l-issue {float:left; margin-left:10px;}
.fx_topbar_wrap .fx_topbar > .l-issue .issue-txt {display:inline-block; margin-left:20px;}
.fx_topbar_wrap .fx_topbar > .l-issue .issue-txt:first-child {margin-left:0;}
.fx_topbar_wrap .fx_topbar > .l-issue .issue-txt a {color:#1a1a1a; font-size:17px; font-weight:700; line-height:54px;}
.fx_topbar_wrap .fx_topbar .fn_wrap {position:absolute; top:12px; right:30px; z-index:20;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn_wrap {float:left; position:relative; top:0; right:0; z-index:20;}
.fx_topbar_wrap .fx_topbar .fn_wrap .fn-btn {float:left;}
.fx_topbar_wrap .fx_topbar .fn-btn li {float:left; position:relative; width:27px; height:30px; margin-right:10px;}
.fx_topbar_wrap .fx_topbar .fn-btn li a {display:block; width:27px; height:30px; text-indent:-9999px;}
.fx_topbar_wrap .fx_topbar .fn-btn li.tts {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-volume.svg") no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap .fx_topbar .fn-btn li.share {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-share-re.svg") no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap .fx_topbar .fn-btn li.bookmark {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-bookmark.svg") no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap .fx_topbar .fn-btn li.bookmark.on {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-bookmark-on.svg") no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap .fx_topbar .fn-btn li.reply {position:relative; background:url("//img.khan.co.kr/images/khan/pc/ico-fn-reply.svg") no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap .fx_topbar .fn-btn li.reply .count {position:absolute; left:26px; top:11px; color:#4469B0; font-size:13px; line-height:1.4em;}
/* 로그인 마이 메뉴 */
.fx_topbar_wrap .fx_topbar .login-svc-sec {position:relative; float:right; margin-right:30px; line-height:3.8em;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-menu-wrap {display:inline-block; float:left; position:relative; z-index:20;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-menu-wrap .svc-join {position:relative; padding-left:12px;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-menu-wrap .svc-join:after {content:" "; display:block; clear:both; position:absolute; left:6px; top:5px; width:1px; height:12px; background-color:#ababab;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap {display:inline-block; float:left; position:relative; z-index:20;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .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;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu {display:none; position:absolute; right:0; top:40px; width:100px; padding:8px 15px 5px; border:1px solid #666; border-radius:5px; background:#fff; z-index:1;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu.on {display:block;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu-list {}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu-list li {display:block; position:relative; padding:0; line-height:2em; text-align: right;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu-list li:last-child {margin-top:10px;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu-list li:last-child:after {content:""; position:absolute; top:-5px; left:0; width:100%; height:1px; border-top:1px dashed #cecece;}
/* .fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu-list li:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#E5E5E5;} */
/* .fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu-list li:last-child:after {content:none;} */
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu-list li a {font-size:15px;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu .btn-mymenu-logout {display:block; width:100%; margin:10px 0; padding:10px 5px; border:1px solid #aaa; border-radius:3px; text-align:center; line-height:0.8em; box-sizing:border-box; background-color:#fefefe;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .login-svc-wrap .pop-mymenu .btn-mymenu-logout:hover {color:#fefefe; border:1px solid #333; background-color:#333;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn-btn {display:inline-block; position:relative; top:12px; margin-left:20px;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn-btn li {float:left; position:relative; width:27px; height:30px; margin-right:10px;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn-btn li a {display:block; width:27px; height:30px; text-indent:-9999px;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn-btn li.tts {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-volume.svg") no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn-btn li.share {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-share-re.svg") no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn-btn li.bookmark {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-bookmark.svg") no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn-btn li.bookmark.on {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-bookmark-on.svg") no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn-btn li.reply {position:relative; background:url("//img.khan.co.kr/images/khan/pc/ico-fn-reply.svg") no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn-btn li.newsply {margin-right:10px; background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-off.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px;}
.fx_topbar_wrap .fx_topbar .login-svc-sec .fn-btn li.newsply.on {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-on.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px;}
/* 기사뷰 탑 바 - 블랙 테마 */
.fx_topbar_wrap.theme-bk {border:none; background-color:rgba(0, 0, 0, 0.85);}
.fx_topbar_wrap.theme-bk.noBG {background:none;}
.fx_topbar_wrap.theme-bk .fx_topbar .btn_all a {background:url(//img.khan.co.kr/images/khan/pc/btn_all_menu_wt.svg) 50% 50% no-repeat;}
.fx_topbar_wrap.theme-bk .fx_topbar .search .search_btn.open a {background:url(//img.khan.co.kr/images/khan/pc/ico-search-wt.svg) 50% 50% no-repeat;}
.fx_topbar_wrap.theme-bk .fx_topbar .logo a,
.fx_topbar_wrap.theme-bk .fx_topbar .logo.logo220303 a {background:url(//img.khan.co.kr/images/khan/pc/logo_khan_wt.svg) 50% 50% no-repeat; background-size:90px 23px;}
.fx_topbar_wrap.theme-bk .fx_topbar .logo.logo221031 a {background:url(//img.khan.co.kr/images/khan/pc/logo_khan_221031_wt.png) 50% 50% no-repeat; background-size:101px 28px;}
.fx_topbar_wrap.theme-bk .fx_topbar .logo.logo230208 a {width:110px; background:url("//img.khan.co.kr/images/khan/pc/logo_khan_230208_wt.png") 50% 50% no-repeat; background-size:110px 29px;} /* 2023 튀르키예 지진 애도 제호 */
.fx_topbar_wrap.theme-bk .fx_topbar > .gnb li a {color:#fff;}
.fx_topbar_wrap.theme-bk .fx_topbar .title p {color:#fff;}
.fx_topbar_wrap.theme-bk .fx_topbar > .r-issue .issue-txt a {color:#fff;}
.fx_topbar_wrap.theme-bk .fx_topbar > .l-issue .issue-txt a {color:#fff;}
.fx_topbar_wrap.theme-bk .fx_topbar .login-svc-sec .login-menu-wrap {color:#fff;}
.fx_topbar_wrap.theme-bk .fx_topbar .login-svc-sec .login-svc-wrap > span.khan_id {color:#fff; padding-right:15px; background:url("//img.khan.co.kr/images/khan/pc/ico-arrow-down-s-wt.svg") right 53% no-repeat; background-size:10px; cursor:pointer;}
.fx_topbar_wrap.theme-bk .fx_topbar .fn-btn li.share {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-share-wt.svg) no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap.theme-bk .fx_topbar .fn-btn li.bookmark {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-bookmark-wt.svg) no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap.theme-bk .fx_topbar .fn-btn li.reply {position:relative; background:url(//img.khan.co.kr/images/khan/pc/ico-fn-reply-wt.svg) no-repeat scroll 50% 50% transparent;}
.fx_topbar_wrap.theme-bk .fx_topbar .fn-btn li.reply .count {color:#fafafa;}
.fx_topbar_wrap.theme-bk .fx_topbar .fn-btn li.newsply {margin-right:10px; background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-off-wt.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px;}
.fx_topbar_wrap.theme-bk .fx_topbar .fn-btn li.newsply.on {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-on-wt.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px;}
/* 20230224 탑바 개편 사항 */
.fx_topbar_wrap .fx_topbar > .r-issue .issue-txt {float: left;}
.fx_topbar_wrap .fx_topbar > .r-issue .issue-txt > a {color: #1a1a1a; font-size: 13px; font-weight: 600; line-height: 54px; border: 1px solid #aaa; border-radius: 100px; padding: 6px 12px; box-sizing: border-box; letter-spacing: -0.07em;}
.fx_topbar_wrap .fx_topbar > .l-issue .issue-txt {float: left;}
.fx_topbar_wrap .fx_topbar > .l-issue .issue-txt > a {color: #1a1a1a; font-size: 13px; font-weight: 600; line-height: 54px; border: 1px solid #aaa; border-radius: 100px; padding: 6px 12px; box-sizing: border-box; letter-spacing: -0.07em;}
.fx_topbar_wrap .fx_topbar .r-issue .fn-btn li {float: left; position: relative; width: 27px; height: 30px; margin-right: 10px;}
.fx_topbar_wrap .fx_topbar .r-issue .fn-btn {float: left; margin: 12px 0 0 15px;}
.fx_topbar_wrap .fx_topbar .r-issue .fn-btn li.member {background: url(//img.khan.co.kr/images/khan/pc/ico-fn-member.svg) no-repeat scroll 50% 50% transparent; background-size: 18px 20px;}
.fx_topbar_wrap .fx_topbar .r-issue .fn-btn li.member.sign-in {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-in.svg) no-repeat scroll 50% 50% transparent; background-size: 24px 22px}
.fx_topbar_wrap.theme-bk .fx_topbar .r-issue .fn-btn li.member {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt.svg) no-repeat scroll 50% 50% transparent; background-size: 18px 20px;}
.fx_topbar_wrap.theme-bk .fx_topbar .r-issue .fn-btn li.member.sign-in {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt-in.svg) no-repeat scroll 50% 50% transparent; background-size: 24px 22px}
.fx_topbar_wrap.theme-bk .fx_topbar .fn_wrap .fn-btn li.member {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt.svg) no-repeat scroll 50% 50% transparent; background-size: 18px 20px;}
.fx_topbar_wrap.theme-bk .fx_topbar .fn_wrap .fn-btn li.member.sign-in {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt-in.svg) no-repeat scroll 50% 50% transparent; background-size: 24px 22px}
.fx_topbar_wrap .fx_topbar .r-issue .fn-btn li a {display: block; width: 27px; height: 30px; text-indent: -9999px;}
.rt_box .bnr-rt-t a {display: block; width: 100%; height: auto;}
/* 완독률 Progress Bar */
.fx_topbar_wrap .fx_topbar .area_progress {display:block; position:absolute; top:53px; height:4px; transition:width .4s ease-out; transform:rotateZ(0deg); background-color:#005af8; z-index:9998;}
header .header-bottom.fix .area_progress {display:block; position:absolute; top:53px; height:4px; transition:width .4s ease-out; transform:rotateZ(0deg); background-color:#005af8; z-index:9998;}



/* 매체 공유 레이어 */
.fx_topbar_wrap .fx_topbar .fn-btn li.share:hover .slt_sns_menu {display:block;}
.fx_topbar_wrap .fx_topbar .fn-btn li .slt_sns_menu {display:none; position:absolute; right:-20px; top:30px; visibility:visible; z-index:400; -webkit-transition: top 75ms ease-out,left 75ms ease-out; transition: top 75ms ease-out,left 75ms ease-out; -webkit-animation: pop-upwards 180ms forwards linear; animation: pop-upwards 180ms forwards linear;}
.fx_topbar_wrap .fx_topbar .fn-btn li .slt_sns_menu.open {display:block;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu {display:block; overflow:hidden; position:relative; width:296px; padding:10px 14px; border:1px solid #5a5a5a; border-radius:5px; -webkit-border-radius:5px; background-color:#fff;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li {float:left; width:38px; height:38px; margin-right:5px;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li:last-child {margin-right:0;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a {display:block; width:38px; height:38px; border-radius:50%; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/sprite-sub.png?v=20230327") no-repeat left top;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a.facebook {background-position:-3px 0;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a.twitter {background-position:-53px 0;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a.kakaotalk {background-position:-103px 0;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a.band {background-position:-153px 0;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a.googleplus {background-position:-203px 0;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a.email {background-position:-253px 0;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a.moresns {background-position:-303px 0;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a.nhnblog {background-position:-3px -510px;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a.copyurl {background-position:-53px -510px;}
.fx_topbar_wrap .fx_topbar .fn-btn li .area_sns_menu > li a.kakao {background-position:-103px -510px;}
.fx_topbar_wrap .fx_topbar .title {position:absolute; width:100%; min-width:200px;}
.fx_topbar_wrap .fx_topbar .title p {overflow:hidden; width:calc(100% - 590px); max-width:800px; height:54px;  margin:0 auto; font-size:20px; font-weight:500; line-height:54px; letter-spacing:0; text-align:center; text-overflow:ellipsis; white-space:nowrap;}
.fx_topbar_wrap .fx_topbar .btn_all {display:table; position:absolute; top:0; left:0; width:60px; height:54px; z-index:20;}
.fx_topbar_wrap .fx_topbar .btn_all a {display:table-cell; text-align:center; vertical-align:middle; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/btn_all_menu.svg") 50% 50% no-repeat; background-size:22px 19px;}
.fx_topbar_wrap .fx_topbar .btn_all .all_txt {font-size:15px; color:#000; font-weight:bold; text-decoration:none;}
/* 검색 */
.fx_topbar_wrap .fx_topbar .search {float:left; position:relative; left:60px; z-index:20;}
.fx_topbar_wrap .fx_topbar .search input[type="text"] {float:left;padding:0 5px;display:block;width:190px;height:28px;color:#FFF;font-weight:300;letter-spacing:0em;border:0;border-bottom:0.5px solid rgba(255,255,255,0.35);background-color:transparent}
.fx_topbar_wrap .fx_topbar .search input[type="text"]:focus {outline:none}
.fx_topbar_wrap .fx_topbar .search input[type="text"]::-webkit-input-placeholder {color:#FFF;font-weight:100;}
.fx_topbar_wrap .fx_topbar .search input[type="text"]::-ms-input-placeholder {color:#FFF}
.fx_topbar_wrap .fx_topbar .search input[type="text"]::placeholder {color:#FFF}
.fx_topbar_wrap .fx_topbar .search .search_btn {display:table; float:left; width:30px; height:54px; text-align:right; cursor:pointer;}
.fx_topbar_wrap .fx_topbar .search .search_btn a {display:table-cell; width:30px; height:54px; vertical-align:middle; text-align:center; text-indent:-1000em;}
.fx_topbar_wrap .fx_topbar .search .search_btn.open a {background:url("//img.khan.co.kr/images/khan/pc/ico-search.svg") 50% 50% no-repeat; background-size:22px;}
.fx_topbar_wrap .fx_topbar .search .search_btn.close a {background:url("//img.khan.co.kr/images/khan/pc/ico-close-sm.svg") 50% 50% no-repeat; background-size:18px;}
/* 검색어 박스 */
.fx_topbar_wrap .srch-bar {display:block; position:absolute; width:100%; border-top:1px solid #cecece; border-bottom:2px solid #1a1a1a; text-align:center; background-color:#fefefe; z-index:100;}
.fx_topbar_wrap .srch-bar .search_area {position:relative; width:1110px; margin:0 auto;}
.fx_topbar_wrap .srch-bar .search_area .input_search {display:inline-block; margin:10px 0; width:580px; height:50px; border:1px solid #aaa; border-radius:8px; box-sizing:border-box; text-align:left; background-color:#fff;}
.fx_topbar_wrap .srch-bar .search_area input {width:525px; height:48px; padding:0 0 0 20px; border:0; border-radius:8px 0 0 8px; color:#1a1a1a; box-sizing:border-box; font-weight:500; font-size:16px; background-color:#fff;}
.fx_topbar_wrap .srch-bar .search_area input:focus {outline:none}
.fx_topbar_wrap .srch-bar .search_area input::-webkit-input-placeholder { /* Edge */ color:#888; font-weight:400; font-size:16px; padding:0;}
.fx_topbar_wrap .srch-bar .search_area input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#888; font-weight:400; font-size:16px; padding:0;}
.fx_topbar_wrap .srch-bar .search_area input::placeholder {color:#888; font-weight:400; font-size:16px; padding:0;}
.fx_topbar_wrap .srch-bar .btn_sch {display:inline-block; width:48px; height:48px; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/ico_search.svg") 50% 50% no-repeat; background-size:20px;}


/* 좌측 메뉴 박스 */
#menuBox {overflow:hidden; position:fixed; top:0; left:0; height:100%; width:410px; padding-right:210px; z-index:100002;}
#menuBox:after {content:" "; display:block; clear:both; position:absolute; left:0; top:0; width:200px; height:100%; background-color:#fefefe; z-index:49;}
#menuBox .menuBox_wrap {overflow-x:hidden; overflow-y:scroll; position:absolute; top:0; left:0; width:470px; height:100%; z-index:50;}
#menuBox .bg_overlay {overflow:hidden; position:fixed; top:0; left:0; width:100%; height:100%; opacity:1; background:rgba(0, 0, 0, 0.8); z-index:49;}
/* #menuBox .menuBox_wrap:before {content:" "; display:block; clear:both; position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.75);} */
#menuBox .menuBox_wrap::-webkit-scrollbar {display:none !important;}
#menuBox .open_menu {height:100%;}
#menuBox .open_menu .hide {display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; line-height:0; font-size:0; text-indent:-9999px;}
#menuBox .open_menu .menubox-logo {overflow:hidden; position:absolute; left:27px; top:17px; width:85px; height:30px; text-indent:-9999px; z-index:3;}
#menuBox .open_menu .menubox-logo a {display:block; width:85px; height:30px; background:url("//img.khan.co.kr/images/khan/pc/logo_khan.svg") no-repeat scroll 50% 50%; background-size:85px 23px;}
#menuBox .open_menu ul {position:relative; padding:56px 0 25px; width:200px; border-right:1px solid #6a6a6a; background-color:#fefefe;}
#menuBox .open_menu ul.mn_other {padding-top:12px;}
#menuBox .open_menu ul li {position:relative; font-size:16px; line-height:23px;}
#menuBox .open_menu ul li.on a {color:#5a77d1; font-weight:700; text-decoration:none; background:#fff none repeat scroll 0 0;}
#menuBox .open_menu ul li a {display:block; padding:3px 0 15px 30px; color:#000; text-decoration:none;}
#menuBox .open_menu ul li > ul.sub_mn li a.jebo {height:25px;padding-left:64px;background:url("//img.khan.co.kr/images/khan/pc/ico_gnb_jebo.png") no-repeat no-repeat scroll 34px 45%;}
#menuBox .open_menu ul li .arw {display:block; overflow:hidden; position:absolute; top:12px; right:10px; width:8px; height:8px; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/ico_mb_arrow.png") no-repeat scroll 0 0;}
#menuBox .open_menu ul li.on .arw {background-position:0 -12px;}
#menuBox .open_menu .line {display:block; width:154px; height:1px; margin:10px 0 20px 22px; background-color:#dbdbdb;}
#menuBox .open_menu ul li .sub_mn li.on a {color:#000; text-decoration:underline;}
#menuBox .open_menu ul li .sub_mn {display:none; position:absolute; top:0; left:200px; width:180px; height:100%; padding:0;}
#menuBox .open_menu ul li.service .sub_mn {top:-170px;}
#menuBox .open_menu ul li > ul.sub_mn {top:-17px; height:auto; padding:10px 0; border:1px solid #6a6a6a;}
#menuBox .open_menu ul li > ul.sub_mn li a {padding:10px 0 10px 30px;}
#menuBox .open_menu ul li.on > ul.sub_mn li a {color:#1a1a1a; font-weight:400;}
#menuBox .open_menu ul li.on > ul.sub_mn li a:hover {font-weight:700;}
#menuBox .open_menu .bg_sub {display:block; position:absolute; top:0; left:200px; width:198px; height:100%; padding-right:8px; background:url("//img.khan.co.kr/images/khan/pc/bg_menubox_sub.png") repeat-y scroll 0 0;}
#menuBox .btn_mb_close {overflow:hidden; position:absolute; top:10px; left:154px; width:36px; height:36px; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/btn_mb_close.png") no-repeat scroll 0 0; z-index:3;}
#menuBox .open_menu ul li .ico_new {background: url("//img.khan.co.kr/images/khan/pc/ico_menu_new.svg?v=211102") no-repeat center right; background-size: 15px 15px; width: 15px; height: 15px; vertical-align: middle; padding: 0 0 0px 5px; display: inline-block; top: -2px; position: relative;}





/**************************************************************************** 
    기사 콘텐츠 영역 #container
****************************************************************************/
/* ****************************** 기사 헤더 ****************************** */
.art_header {position:relative; margin:50px 0; /* z-index:3; */ z-index:100;}
.art_header .subject {margin-bottom:40px;}
.art_header .subject .issuetitle_box_wrap {overflow:hidden; margin:0 0 5px; color:#4469B0; font-size:15px; line-height:18px;}
.art_header .subject .issuetitle_box_wrap a {padding-right: 11px; vertical-align: middle; background: url(//img.khan.co.kr/images/khan/pc/ico-arrow-right-s-bl.svg) no-repeat right center; background-size: 6px 12px;}
.art_header .subject .issuetitle_box {display:block; float:left; width:auto; min-width:23px; height:13px; margin-right:5px; padding:4px 9px 1px 8px; border-radius:25px; line-height:10px; color:#fff; font-size:12px; font-weight:700; background-color:#4469B0;} /* 이슈 태그 */
.art_header .subject .issuetitle_box.timeline {width:auto; padding:2px 5px 1px 4px; border:1px solid #d76386; color:#d76386; font-weight:normal; font-size:11px; letter-spacing:0px; line-height:11px; background-color:#fff;}
.art_header .subject .issuetitle_txt {display:block; float:left; line-height:20px; color:#4469B0; font-size:15px;}
.art_header .subject .issuetitle_txt a {padding-right:13px; color:#4469B0; font-size:15px; background:url("//img.khan.co.kr/images/khan/pc/ico-btn-more-kblue.svg") right 50% no-repeat; background-size:7px 14px;}
.art_header .subject .issuetitle_pr {display:block; float:left; margin-left:3px;  padding:2px 6px 2px 6px; border:1px solid #4a4a4a; border-radius:3px; line-height:12px; color:#000; font-size:12px; background-color:#fefefe;}
.art_header .subject .issuetitle_box_wrap .tag-blue {display:block; float:left; margin-top:0; margin-right:5px; padding:3px 5px 3px 5px; border:1px solid #4469b0; border-radius:3px; line-height:13px; color:#264c94; font-size:14px; background-color:#fefefe; font-weight:600;} /* 단독 태그 */
.art_header .subject .issuetitle_box_wrap .tag-red {display:block; float:left; margin-top:0; margin-right:5px; padding:3px 5px 3px 5px; border:1px solid #f5403f; border-radius:3px; line-height:13px; color:#d43232; font-size:14px; background-color:#fefefe; font-weight:600;} /* 속보 태그 */
.art_header .subject .issuetitle_box_wrap .subscribe_link {display:inline-block; margin:0 0 0 10px; padding:2px 7px 2px 17px; line-height:1.3em; border:1px solid #4469b0; border-radius:5px; 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;} /* 연재 구독 버튼 */
.art_header .subject .issuetitle_box_wrap .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:10px 10px; background-color:#fff;} /* 연재 구독중 */
.art_header .subject h1 {margin-bottom:5px; line-height:50px; color:#1a1a1a; font-size:37px; font-weight:600; letter-spacing:-2px;} /* 기사 제목 */
.art_header .subject .headline span {color:#2167eb;}
.art_header .subject .headline .tag {display:inline-block; margin-top:-9px; margin-right:6px; padding:2px 8px 2px 8px; line-height:30px; border-radius:12.5%; font-size:20px; font-weight:700; text-align:center; vertical-align:middle; letter-spacing:-.07em;} /* 탑기사 그룹 - 탑기사*/
.art_header .subject .headline .tag.tag-blue {border:1px solid #4469B0; color:#264c94;} /* 단독 */
.art_header .subject .headline .tag.tag-red {border:1px solid #f5403f; color:#d43232;} /* 속보 */
.art_header .subject .header_tit_serial {overflow:hidden; height:20px;}
.art_header .subject .header_tit_serial .issue_view_tit {display:block; float:left; width:auto; height:13px; margin-right:5px; padding:4px 5px 1px 4px; border:1px solid #879bc1; line-height:10px; color:#879bc1; font-size:12px; font-weight:700;}
.art_header .subject .header_tit_serial .issue_view_tit a {color:#879bc1; background:none;}
.art_header .subject .header_tit_serial .issue_view_txt {display:block; float:left; margin-right:5px; color:#879bc1; font-size:13px; font-weight:700; line-height:1.5em; letter-spacing:-0.075em;}
.art_header .subject .header_tit_serial .issue_view_txt a {color:#879bc1; background:none;}
.art_header .subject .tit_nativead {display:inline-block; padding:5px 9px 6px; border-radius:3px; line-height:10px; color:#fff; font-size:12px; font-weight:600; letter-spacing:0; background-color:#5a77d1;} /* 네이티브 애드 용 */

.art_header .function_wrap {display:block; height:30px; padding-bottom:10px; border-bottom:1px solid #cdcdcd;}
.art_header .art_info {position:relative; float:left; top:8px;}
.art_header .art_info .author {display:block; float:left; padding-right:25px; color:#7a7a7a; font-size:14px;}
.art_header .art_info .author a {color:#5a5a5a; box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);}
.art_header .art_info .author a:hover {color:#1a1a1a; text-decoration:none; -webkit-text-decoration:none; box-shadow:none;}
.art_header .art_info .byline {display:block; float:left; padding-right:20px;} 
.art_header .art_info .byline em {line-height:1em; color:#7a7a7a; font-size:14px; letter-spacing:0;}
.art_header .art_info .byline em:nth-child(2) {margin:0 0 0 6px ; padding-left:10px; border-left:1px solid #cecece;}
.art_header .art_info .byline a {margin:0 4px; color:#7a7a7a;}

/* 기자 바이라인 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;}
.bl_wrap.on .reporter_area {display:block;}
.art_header .art_info .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.75); border-width:1px 1px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; content:'';}
.art_header .art_info .bl_wrap.on .author::after {display:inline-block; vertical-align:top; width:6.65771px; height:6.65771px; margin:6px 0 0 6px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border:1px solid rgba(0,0,0,0.75); border-width:1px 1px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; content:'';}
.art_header .art_info .bl_wrap .author:hover {color:#333; text-decoration:underline; 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;}
.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_header .art_share {position:relative;}
.art_header .art_share li {float:left; margin-right:4px;}
.art_header .art_share li .count {display:block; position:absolute; left:0; top:-22px; width:44px; text-align:center; color:#000; font-size:14px;}
.art_header .art_share .hidden_sns {display:block; overflow:hidden; width:192px; height:38px; margin-right:0;}
.art_header .art_share .hidden_sns a {float:left; margin-right:4px;}
.art_header .art_share a {display:block; width:44px; height:38px; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/sprite-sub.png?v=20230327") no-repeat left top;}
.art_header .art_share a.facebook {background-position:0 0;}
.art_header .art_share a.twitter {background-position:-50px 0;}
.art_header .art_share a.kakaotalk {background-position:-100px 0;}
.art_header .art_share a.band {background-position:-150px 0;}
.art_header .art_share a.googleplus {background-position:-200px 0;}
.art_header .art_share a.email {background-position:-250px 0;}
.art_header .art_share a.moresns {background-position:-300px 0;}
.art_header .art_share a.nhnblog {background-position:0 -510px;}
.art_header .art_share a.copyurl {background-position:-50px -510px;}
.art_header .art_share a.kakao {background-position:-100px -510px;}

.art_header .art_share .reply {float:left; margin-left:25px;}
.art_header .art_share .reply a {display:block; width:auto; height:36px; padding:0 10px 0 34px; border:1px solid #d7d7d7; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/sprite-sub.png") no-repeat -350px 0;}
.art_header .art_share .reply .count {display:block; position:relative; margin-top:-10px; text-indent:0; color:#4e70c7; font-size:15px; font-weight:bold;}
.art_header .art_share .bookmark {float:left; margin-left:4px;}
.art_header .art_share .bookmark a {display:block; width:auto; height:36px; padding:0 10px 0 34px; border:1px solid #d7d7d7; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2017/ico_vp_bookmark_noad.png?v=20191023") no-repeat 50% 50%; background-size:21px 21px;}
.art_header .art_share .bookmark.on a {background:url("//img.khan.co.kr/spko/sub_2017/ico_vp_bookmark_noad_on.png?v=20191023") no-repeat 50% 50%; background-size:21px 21px;}

.art_header .pagecontrol {float:right;}
.art_header .pagecontrol:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;}
.art_header .pagecontrol .fn-btn {float:left;}
.art_header .pagecontrol .fn-btn li {float:left; position:relative; width:27px; height:30px; margin-right:15px;}
.art_header .pagecontrol .fn-btn li a {display:block; width:27px; height:30px; text-indent:-9999px;}
.art_header .pagecontrol .fn-btn li.tts {margin-right:12px; /* background:url("//img.khan.co.kr/images/khan/pc/ico-fn-volume.svg") no-repeat scroll 50% 50% transparent; */}
.art_header .pagecontrol .fn-btn li.share {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-share-re.svg") no-repeat scroll 50% 50% transparent;}
.art_header .pagecontrol .fn-btn li.bookmark {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-bookmark.svg") no-repeat scroll 50% 50% transparent;}
.art_header .pagecontrol .fn-btn li.bookmark.on {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-bookmark-on.svg") no-repeat scroll 50% 50% transparent;}
.art_header .pagecontrol .fn-btn li.reply {width:auto; min-width:27px; background:url("//img.khan.co.kr/images/khan/pc/ico-fn-reply.svg") no-repeat scroll left 50% transparent;}
.art_header .pagecontrol .fn-btn li.reply a {width:auto; min-width:27px;}
.art_header .pagecontrol .fn-btn li.reply .count {display:block; position:relative; left:24px; top:-18px; width:auto; margin-right:15px; color:#4469B0; font-size:13px;}
.art_header .pagecontrol .fn-btn li.reply:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;}
.art_header .pagecontrol .fn-btn li.text {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-text.svg") no-repeat scroll 50% 50% transparent;}
.art_header .pagecontrol .fn-btn li.print {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-printer.svg") no-repeat scroll 50% 50% transparent;}
.art_header .pagecontrol .fn-btn li.curation {margin-top:3px; margin-right:10px; /* background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-off.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px; */}
.art_header .pagecontrol .fn-btn li.curation.on {/* background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-on.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px; */}
.art_header .pagecontrol .fn-btn li.curation button {width:27px; height:30px; font-size:0; background:transparent;}
.art_header .pagecontrol .fn-btn li.newsply {margin-right:10px; background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-off.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px;}
.art_header .pagecontrol .fn-btn li.newsply.on {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-on.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px;}
.art_header .pagecontrol .fn-btn li.newsply button {width:27px; height:30px; font-size:0; background:transparent;}
/* 매체 공유 레이어 */
.art_header .pagecontrol .fn-btn li.share:hover .slt_sns_menu {display:block;}
.art_header .pagecontrol .fn-btn li .slt_sns_menu {display:none; position:absolute; right:-185px; top:30px; visibility:visible; z-index:400; -webkit-transition: top 75ms ease-out,left 75ms ease-out; transition: top 75ms ease-out,left 75ms ease-out; -webkit-animation: pop-upwards 180ms forwards linear; animation: pop-upwards 180ms forwards linear;}
.art_header .pagecontrol .fn-btn li .slt_sns_menu.open {display:block;}
.art_header .pagecontrol .fn-btn li .area_sns_menu {display:block; overflow:hidden; position:relative; width:296px; padding:10px 14px; border:1px solid #5a5a5a; border-radius:5px; -webkit-border-radius:5px; background-color:#fff;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li {float:left; width:38px; height:38px; margin-right:5px;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li:last-child {margin-right:0;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a {display:block; width:38px; height:38px; border-radius:50%; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/sprite-sub.png?v=20230327") no-repeat left top;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a.facebook {background-position:-3px 0;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a.twitter {background-position:-53px 0;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a.kakaotalk {background-position:-103px 0;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a.band {background-position:-153px 0;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a.googleplus {background-position:-203px 0;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a.email {background-position:-253px 0;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a.moresns {background-position:-303px 0;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a.nhnblog {background-position:-2px -510px;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a.copyurl {background-position:-53px -510px;}
.art_header .pagecontrol .fn-btn li .area_sns_menu > li a.kakao {background-position:-103px -510px;}
/* 글자크기 변경 레이어 */
.art_header .pagecontrol .fn-btn li.text:hover .slt_font_menu {display:block;}
.slt_font_menu {display:none; position:absolute; right:-57px; top:30px; visibility:visible; width:239px; z-index:400; -webkit-transition: top 75ms ease-out,left 75ms ease-out; transition: top 75ms ease-out,left 75ms ease-out; -webkit-animation: pop-upwards 180ms forwards linear; animation: pop-upwards 180ms forwards linear;}
.slt_font_menu.open {display:block;}
.slt_font_menu-inner {position:relative; padding:10px 14px; border:1px solid #5a5a5a; border-radius:5px; -webkit-border-radius:5px; background-color:#fff;}
.btn_slt_font_menu {border:0; color:#fff; vertical-align:center; line-height:46px; -webkit-box-sizing:content-box; box-sizing:content-box;}
.area_btn_menu .button {border-color:#f5f5f5; color:#3a3a3a; background-color:#fafafa;}
.area_btn_menu .button.on {border-color:#454545; color:#fff; background-color:#454545;}
.slt_font_opt1, .slt_font_opt2, .slt_font_opt3, .slt_font_opt4, .slt_font_opt5 {display:inline-block; width:36px; height:36px; border:1px solid #f2f2f2; border-radius:31px; line-height:35px; font-family:HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif; font-size:14px; text-align:center; color:#333; vertical-align:top;}
.slt_font_opt1{font-size:10px;}
.slt_font_opt2{font-size:12px;}
.slt_font_opt3{font-size:14px;}
.slt_font_opt4{font-size:17px;}
.slt_font_opt5{font-size:20px;}

/* 뉴스플리 팝업 */
.pagecontrol .fn-btn .newspl_wrap {display:none; position:absolute; right:-10px; top:35px; width:420px; border:1px solid rgb(74 74 74 / 25%); border-radius:10px; box-shadow:5px 6px 10px rgb(74 74 74 / 50%); background-color:#fff;}
.function_wrap.newsletter .pagecontrol .fn-btn .newspl_wrap {left:50px; top:0;} /* 뉴스레터 기사뷰 팝업 레이아웃 */
.function_wrap.newsletter .pagecontrol .fn-btn .newspl_wrap.open-fixed {left:unset; right:70px; top:70px;}
.function_wrap.newsletter .pagecontrol .fn-btn .newspl_wrap .btn .generate {text-indent:inherit;}
.left-function-wrap .function_wrap.newsletter .pagecontrol .fn-btn li .newspl_wrap a {text-indent:inherit;}
.left-function-wrap .function_wrap.newsletter .pagecontrol .newspl_wrap .popup_close a {width:24px; height:24px; text-indent:inherit;}
.pagecontrol .fn-btn .newspl_wrap.open {display:block;}
.pagecontrol .fn-btn .newspl_wrap.open-fixed {display:block; position:fixed; right:70px; top:70px; z-index:99999;} /* 팝업이 상단 탑바로 이동 */
.pagecontrol .fn-btn .newspl_wrap a {text-indent:0;}
.pagecontrol .fn-btn .newspl_wrap .popup_close {right:30px; top:30px;}
.pagecontrol .fn-btn .newspl_wrap .popup_close a {width:20px; height:20px; text-indent:inherit;}
.pagecontrol .fn-btn .newspl_wrap .popup_close a img {width:100%; height:100%;}
.pagecontrol .fn-btn .newspl_wrap .sub_content {position:relative;}
.pagecontrol .fn-btn .newspl_wrap .hd {padding:30px 35px; border-bottom:1px solid #e9e9e9;font-size:21px; font-weight:bold; color:#000;}
.pagecontrol .fn-btn .newspl_wrap .generate_area .btn {padding:15px 0 10px;}
.pagecontrol .fn-btn .newspl_wrap .btn {padding:10px 0; border-top:1px dashed #fff; border-radius:0 0 10px 10px; text-align:center; background-color:#fafafa;}
.pagecontrol .fn-btn .newspl_wrap #btn_createNewply.btn {text-align:left; padding:10px 27px;} /* 새 뉴스플리 만들기 버튼 정렬 */
.pagecontrol .fn-btn .newspl_wrap .btn a {text-indent:inherit;}
.pagecontrol .fn-btn .newspl_wrap .btn .generate {display:inline-block; width:auto; height:40px; margin:0 10px; padding-left:18px; font-size:16px; color:#1a1a1a; line-height:40px; background:url("https://img.khan.co.kr/images/khan/pc/ico-btn-plus.svg") left 55% no-repeat; background-size:13px 13px;}
.pagecontrol .fn-btn .newspl_wrap .btn .save {display:inline-block; width:110px; height:34px; margin:0 10px; border:1px solid #666; border-radius:8px; color:#1a1a1a; font-size:15px; line-height:34px; text-decoration:none; background-color:#fff;}
.pagecontrol .fn-btn .newspl_wrap .btn .save:hover {border:1px solid #4a4a4a; color:#fefefe; background-color:#4a4a4a;}
.pagecontrol .fn-btn .newspl_wrap .btn .cancel {display:inline-block; width:110px; height:34px; margin:0 10px; border:1px solid #999; border-radius:8px; color:#787878; font-size:15px; line-height:34px; text-decoration:none; background-color:#fefefe;}
.pagecontrol .fn-btn .generate_area {padding:30px 35px 20px; border-radius:0 0 10px 10px; background-color:#fafafa;}
.pagecontrol .fn-btn .generate_area .generate_input_wrap {position:relative;}
.pagecontrol .fn-btn .generate_area .generate_input_wrap .count {position:absolute; top:16px; right:10px; text-align:right; color:#787878; font-size:12px;}
.pagecontrol .fn-btn .generate_area input {width:350px; height:46px; margin:0; padding:0 45px 0 10px; border:1px solid #666; border-radius:5px; color:#222; font-size:14px; box-sizing:border-box; background-color:#fff;}
.pagecontrol .fn-btn .generate_area .input_guide_error {font-size:13px; line-height:13px; padding:10px 5px; color:#ff0000;}
.pagecontrol .fn-btn .newspl_check_area {overflow:hidden; max-height:180px; padding:18px 25px 18px 35px; border-bottom:1px dashed #bbb;}
.pagecontrol .fn-btn .newspl_check_area.scroll {overflow-y:scroll;}
.pagecontrol .fn-btn .newspl_check_area .newspl_check_list {display:flex; /* margin:0 0 14px; */ line-height:1.4em; cursor:pointer;}
.pagecontrol .fn-btn .newspl_check_area .newspl_check_list.lock {background:url(https://img.khan.co.kr/images/khan/m/ico-newspl-lock.svg) right center no-repeat; background-size:12px;}
.pagecontrol .fn-btn .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;}
.pagecontrol .fn-btn .newspl_check_area label {display:block; margin:0 0 14px; color:#666; font-size:16px; font-weight:400;}
.pagecontrol .fn-btn .newspl_check_area input[class="newspl_check"] {display:none;}
.pagecontrol .fn-btn .newspl_check_area input[type="checkbox"] + label{overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
    cursor: pointer;
    padding-left: 26px;
    background-image: url("https://img.khan.co.kr/images/khan/m/ico-newspl-check.svg");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left 50%;
}
.pagecontrol .fn-btn .newspl_check_area input[type="checkbox"]:checked + label{
    background-image: url("https://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;
}
.pagecontrol .fn-btn .newspl_check_area label .badge-new {display:inline-block; width:26px; margin-left:5px; text-indent:-9999px; background:url(https://img.khan.co.kr/images/khan/m/ico-newspl-new.svg) center center no-repeat; background-size:26px 12px;}
.pagecontrol .fn-btn .newspl_check_area .newspl_check_list .badge-info {display:inline-block; font-size:14px; height:20px; margin-left:5px; line-height:1.4em;}
.pagecontrol .fn-btn .newspl_check_area .newspl_check_list .badge-info.ins {color:blue;}
.pagecontrol .fn-btn .newspl_check_area .newspl_check_list .badge-info.del {color:red;}




/* ****************************** 기사 본문 [S] ****************************** */
.art_cont {float:left; position:relative; width:740px; margin:0 70px 70px 0;}
.art_cont_merge {margin:0 auto; padding:20px 0 0;} /* 인포그래픽 뷰 용 */
.art_cont_merge .related_art {margin-top:30px; border-bottom:0;}
.art_body {margin-bottom:10px; line-height:1.9; color:#444; font-size:17px;}
.art_body:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;}
.art_body .art_subtit {margin:20px 0 40px; padding:0px 0 3px 5px; border-left:4px solid #3a3a3a;} /* 부제목 */
.art_body .art_subtit p {margin:0; padding-left:9px; line-height:34px; color:#000; font-size:17px; font-weight:bold;}
.art_body .boxLineBG {float:left; width:648px; margin-bottom:20px; padding:45px; border:solid 1px #ddd; font-size:16px; line-height:1.8; background-color:#f5f5f5;}
.art_body .boxLineBG .art_photo .art_photo_wrap img {display:block; max-width:648px; /* max-height:640px; */ vertical-align:top;} /* boxLineBG 안의 이미지일 경우 */
.art_body .boxLineBG.bg01 {background-color:#fafafa;} /* gray */
.art_body .boxLineBG.bg02 {background-color:#f1f9fd;} /* blue */
.art_body .boxLineBG.bg03 {background-color:#f1fdf3;} /* green */
.art_body .boxLineBG.bg04 {background-color:#fdfcf1;} /* yellow */
.art_body .boxLineBG.bg05 {background-color:#fdf1f1;} /* red */
.art_body i {font-style:italic;} /* 본문 내 이탤릭 폰트 허용 */
.art_cont .art_copyright, .art_cont_merge .art_copyright {margin-bottom:50px; font-size:14px;} /* 바이라인 */
.art_cont .art_copyright.crt {text-align:center;}
.art_cont .btn {padding:0 0 40px; text-align:center;}
.art_body center {display:block;} /* 본문 내 SNS링크 */
.art_body br {clear:both;} /* boxLineBG 다음에 오는 br 활성화 */
.art_body .content_text br,
.art_body .boxLineBG br {clear:none}


/* 만평 기능 버튼 */
.cartoon-btn-wrap {display:block; overflow:hidden; margin:30px auto; text-align:center;}
.cartoon-btn-wrap .btn-list {display:inline-block;}
.cartoon-btn-wrap .btn-list a {display:block; float:left; width:68px; margin:0 15px; padding-top:55px; text-align:center;}
.cartoon-btn-wrap .btn-list a:after {display:block; content:''; clear: both;}
.cartoon-btn-wrap .btn-list a.c-prev {background:url("//img.khan.co.kr/images/khan/pc/ico-cartoon-prev.png") no-repeat scroll center top;}
.cartoon-btn-wrap .btn-list a.c-list {background:url("//img.khan.co.kr/images/khan/pc/ico-cartoon-list.png") no-repeat scroll center top;}
.cartoon-btn-wrap .btn-list a.c-next {background:url("//img.khan.co.kr/images/khan/pc/ico-cartoon-next.png") no-repeat scroll center top;}
.cartoon-btn-wrap .btn-list a.disable {opacity:0.45;}
.cartoon-btn-wrap .btn-list a span {color:#666; font-size:13px;}

.art_cont .art_btm_link {display:block; margin-top:-30px; margin-bottom:40px;} /* 기사뷰 하단 바로가기 배너 */
.art_cont .art_btm_link a.vote2016 {display:block; overflow:hidden; height:70px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2016/banner_artbtm_vote2016.png?v=20160314") no-repeat scroll 0 0} /* 20대 총선 */
.art_cont .art_btm_link a.with70 {display:block; overflow:hidden; height:50px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2016/banner_artbtm_70.png") no-repeat scroll 0 0} /* 70인과의 동행 */

/* 기사내 이미지&동영상 */
.art_photo, .art_vod {position:relative; clear:both; padding:10px 0 20px 0; text-align:center;}
.art_photo:after, .art_vod:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;}
/* .art_photo .art_photo_wrap {display:block; position:relative;} */
.art_photo .art_photo_wrap {display:table; max-width:710px; margin:0 auto; clear:left;}
.art_photo .art_photo_wrap .fancy_group {display:block;}
.art_photo .art_photo_wrap img {display:block; max-width:710px; vertical-align:top;}
.art_photo.photo_center {margin:0 auto;}
.art_photo.photo_left {float:left; margin:0 40px 0 0;}
.art_photo.photo_right {float:right; margin: 0 0 0 40px;}
.art_photo.ft {padding-top:0;} /* 기사본문 처음 노출 이미지일 경우 */
/* .art_photo .caption {padding-top:5px; line-height:1.7; text-align:left; color:#777; font-size:14px;} */
.art_photo .title {padding:5px 5px 0; text-align:left; line-height:1.4; font-size:15px; font-weight:550;}
.art_photo .caption {display:table-caption; width:100%!important; max-width:710px; caption-side:bottom; padding:5px; line-height:1.6em; text-align:left; color:#7a7a7a; font-size:15px; box-sizing:border-box;}
.art_photo .img_large {display:block; overflow:hidden; position:absolute; right:0; top:0; width:44px; height:44px; padding:6px 8px 8px 6px !important;} /* 크게보기 아이콘 */
.art_photo .img_large .icon {display:block; overflow:hidden; position:absolute; left:6px; top:6px; width:44px; height:44px; text-indent:-9999px; cursor:pointer; background:url("//img.khan.co.kr/images/khan/pc/sprite-sub.png") no-repeat scroll -150px -50px;}
.art_photo .img_large.mover .icon {background-position:-200px -50px;}
.art_photo .art_copyright {margin-bottom:0; font-size:14px;}
/* 기사이미지 크게보기 레이어 탑바 여백 추가 */
.fancybox-lock .fancybox-overlay {margin-top: 56px;}

/* 기사 본문 묶음, 여백 조절 */
.content_text {margin-bottom:20px; word-break: break-all; box-sizing:border-box;}
.content_text a {position:relative; /* border-bottom:4px solid rgba(0,126,229,.25); */ box-shadow:inset 0 -4px 0 rgba(0,126,229,.25);}
.content_text a:hover {text-decoration:none; box-shadow:inset 0 -4px 0 rgba(0,126,229,.5);}
.content_text .strapline {display:inline-block; padding:2px 0 2px 15px; border-left:2px solid #a8a8a8; line-height:1.6em; font-size:1em; letter-spacing:-0.025em;}
.content_text span, .content_text b, .content_text u, .content_text i {display:inline;}

/* 기사내 동영상 */
.art_vod p {padding:5px 0 0 3px; text-align:left; color:#48647C; font-size:14px;}
.art_vod.vod_left { display:inline-block; float:left; margin: 5px 20px 5px 0; text-align:center;}
.art_vod.vod_center {margin:0 auto; text-align: center;}
.art_vod.vod_right {display:inline-block; float:right; margin:5px 0 5px 20px; text-align:center;}
.art_vod .art_vod_wrap {width:600px; margin:0 auto;}
.art_vod .art_vod_wrap p {text-align:left; color:#777777; font-size:14px;}
.art_vod .art_vod_wrap p.title {text-align:left; color:#333; line-height:1.4; font-size:15px; font-weight:550;}
.art_vod .art_vod_wrap p.caption {padding:5px 0 0; line-height:1.7; text-align:left; color:#777; font-size:14px;}

/* 기사내 오디오 */
.art_audio {position:relative; clear:both; margin:25px 0; text-align:center;}
.art_audio:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;}
.art_audio .art_audio_wrap {max-width:600px; margin:0 auto;}
.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_cont .quoto_box {position:relative; max-width:700px; margin:35px 0 30px; clear:both;}
.art_cont .quoto_box .quoto_icon {position:absolute; left:0; top:0; width:30px; height:30px; background:url("//img.khan.co.kr/spko/sub_2017/icon_quoto_wideview.png") no-repeat; background-size:30px 30px;}
.art_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:19px; line-height:1.7em; font-style:italic;}
.art_cont .quoto_box .quoto_txt .from {display:block; margin-top:10px; color:#999; font-size:14px; text-shadow:none; line-height:21px;}

/* 기사 본문 내 관련 연재 리스트 */
.view-series-box {border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; margin: 50px 30px 30px; position: relative;}
.view-series-box .inner {padding: 30px 0 25px;}
.view-series-box .s-tit {padding: 0 12px 0 14px; background: #4469b0; border-radius: 50px; position: absolute; top: -18px; left: 0;}
.view-series-box .s-tit:before {content: ''; display: block; position: absolute; right: -10px; top: 0; width: 10px; height: 100%; background-color: #fff;}
.view-series-box .s-tit span {font-size: 16px; font-weight: 400; color: #fff; padding-right: 12px; background: url(//img.khan.co.kr/images/khan/pc/ico-arrow-right-s-wt.svg) no-repeat right center; background-size: 6px 12px;}
.view-series-box .subscribe_link {display:inline-block; position:absolute; right:10px; top:-16px; margin:0 0 0 10px; padding:4px 10px 4px 22px; line-height:1.3em; border:1px solid #4469b0; border-radius:7px; color:#4469b0; font-size:15px; font-weight:550; vertical-align:middle; background:url(https://img.khan.co.kr/images/khan/pc/ico-plus-blue.svg) no-repeat 8px center; background-size:12px 12px; background-color:#fff;} /* 연재 구독 버튼 */
.view-series-box .subscribe_link.ing {border:1px solid #666; color:#4a4a4a; background:url(https://img.khan.co.kr/images/khan/pc/ico-btn-check-gray.svg) no-repeat 8px center; background-size:12px 12px; background-color:#fff;}
.view-series-box .subscribe_link:before {content:''; display:block; position:absolute; left:-11px; top:0; width:10px; height:100%; background-color:#fff;}
.view-series-box .subscribe_link:after {content:''; display:block; position:absolute; right:-11px; top:0; width:10px; height:100%; background-color:#fff;}
.view-series-box ul {margin: 0 0 0 5px;}
.view-series-box li {overflow: hidden; position: relative; padding-left: 10px;}
/* .view-series-box li:before {content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 4px; background-color: #9dabc5;} */
.view-series-box li p:before {content: ''; display: block; position: absolute; left: -10px; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 4px; background-color: #9dabc5;}
.view-series-box li p {margin-bottom: 0; display: flex; flex-wrap: nowrap; position: relative;}
.view-series-box li span {margin-right: 20px; font-weight: bold; color: #4469b0; word-break: keep-all;}
.view-series-box li a {box-shadow: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.view-series-box li a:hover {text-decoration: underline; box-shadow: none;}



/* 영문 번역 링크 */
.btn_engtrans {display:inline-block; height:38px; margin:0 0 40px; border:1px solid #cecece; border-radius:5px; background-color:#fefefe; zoom:1; *display:inline;}
.btn_engtrans span {display:block; width:222px; height:38px; padding:0px 28px 0 10px; line-height:38px; color:#000000; font-size:16px; font-weight:bold; background:url("//img.khan.co.kr/images/khan/pc/sprite-sub.png") no-repeat 240px -356px;}
.btn_engtrans a:hover {text-decoration:none;}

/* 테마 묶음 */
.theme_link {display:block;}
a.theme_kw {border-bottom:1px dashed #d0baf3; color:#6e44b0;}

/* 투표하기 */
.wrap_khsurvey_area {margin:40px 0;}
.khsurvey_title {padding:15px 20px; /* border:1px solid #aaa; */ border-bottom:none; font-size:17px; font-weight:700; background-color:#fff;}
.wrap_khsurvey {overflow:hidden; width:660px; margin:-6px auto 0; padding-top:25px; border:6px solid #efefef; background-color:#fff;}
.khsurvey_num {width:100%; height:40px; font-size:36px; font-weight:700;}
.khsurvey_num span {margin-left:30px; line-height:1em;}
.wrap_khsurvey_qstn {float:left; width:45%; padding:0 30px 30px; box-sizing:border-box;}
.wrap_khsurvey_dstr {float:left; width:55%; padding:0 30px 40px 0; 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:22px; font-weight:700; line-height:1.4em;}
.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; padding-bottom:17px; line-height:21px; letter-spacing:-1px; box-sizing:border-box;}
.wrap_khsurvey .khsurvey_dstr_list:after {content:""; position:absolute; top:0; left:43px; width:2px; height:100%; background-color:#ccc;}
.wrap_khsurvey .khsurvey_dstr_list input {position:relative; top:15px; margin:0 -20px 0 0;}
.btn_area_survey {display:inline-block; position:relative; margin:20px 0 10px; text-align:center; cursor:pointer; z-index:1;}
.btn_area_survey .btn_survey {width:110px; padding:8px 0; border:1px solid #999; border-radius:4px; 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:35px;}
.wrap_khsurvey .khsurvey_dstr_info label {}
.wrap_khsurvey .khsurvey_dstr_info label span {color:#232323; font-size:14px;}
.wrap_survey_graph {}
.survey_graph {position:relative; line-height:1.2em; white-space:nowrap;}
.survey_graph .s_bar {display:inline-block; position:relative; width:220px; 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; 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:auto; min-height:50px; padding-bottom:17px; background:url("//img.khan.co.kr/spko/sub_2017/bg_graph_blur.png") no-repeat 130% bottom;}
.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 .khsurvey_dstr_list.inp_hidden {padding-left:0;}
.wrap_khsurvey .khsurvey_dstr_list.inp_hidden input {display:none;}
.wrap_khsurvey .khsurvey_dstr_list.inp_hidden:after {left:0; background-color:#fff;}
/* ****************************** 기사 본문 [E] ****************************** */



/* 관련 기사 */
.related_art_wrap {margin-bottom:60px;}
.related_art {margin-bottom:15px;}
.related_art .tit {margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
.related_art li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:10px; padding-left:17px; line-height:32px; font-size:16px; font-weight:400; background:url("//img.khan.co.kr/images/khan/pc/ico-sort-up.svg") no-repeat 0 50%;}

/* 키워드 */
.srch-kw {position:relative; left:12px; text-align:left;}
.srch-kw a {display:inline-block; width:auto; margin:0 2px 8px; padding:7px 10px; border:1px solid #ccc; border-radius:6px; text-align:center; vertical-align:top; color:#4a4a4a; font-size:16px; line-height:1.4em; background-color:#fafafa;}
.srch-kw a:hover {color:#1a1a1a; border:1px solid #7a7a7a; background-color:#fff;}

/* 오늘의 퀴즈 바로가기 배너 */
.btn-go-quiz {display:block; margin:30px auto; padding:10px 20px; border:1px solid #666; border-radius:50px; text-align:center; font-size:17px; 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;}
/* 오늘의 퀴즈 바로가기 배너 : 202307 수정 */
.dq-btn-wrap {display:none; margin:50px auto 70px; text-align:center;}
.dq-btn-wrap .dq-btn {display:inline-block; width:auto; margin:0 auto; padding:20px 25px; border:2px solid #333; border-radius:20px; text-align:center; color:#3a3a3a; font-size:18px; font-weight:700;}
.dq-btn-wrap .dq-btn strong {color:#005af8; padding-left:16px; background:url(//img.khan.co.kr/images/khan/pc/ico-level-advanced.svg) no-repeat left 60%; background-size:14px;}


/* 관련 연재 + 이슈 */
.related_serial {margin-bottom:30px; padding-bottom:20px;}
.related_serial .tit {display:inline; margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
.related_serial .tit span {margin-bottom:20px;}
.related_serial ul {display:inline; vertical-align:top;}
.related_serial li {display:inline-block; *display:inline;*zoom:1; margin:-2px 5px 12px;}
.related_serial li a.serial {display:block; padding:5px 10px; border:1px solid #4469B0; border-radius:30px;}
.related_serial li a.serial span {color:#4469B0; font-size:14px; font-weight:550;}
.related_serial li a.serial:hover {color:#4469B0; background-color:#fff;}
.related_serial li a.serial:hover span {color:#4469B0;}
.related_serial li a.serial.fst:hover {color:#fff; background-color:#4469B0;}
.related_serial li a.serial.fst:hover span {color:#fff;}
.related_serial .relatelist.pic {display:block; overflow:hidden; padding:30px; background-color:#fafafa;} 
.related_serial .relatelist.pic li {overflow:hidden; float:left; width:210px; margin:0 25px 0 0; color:#454545; font-size:14px;}
.related_serial .relatelist.pic li:last-child {margin:0;}
.related_serial .relatelist.pic li.crt {margin:0;}
.related_serial .relatelist.pic li a {display:block; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#4a4a4a; font-size:15px; line-height:20px;}
.related_serial .relatelist.pic li .thumb {display:block; width:210px; height:140px; margin-bottom:8px;}
.related_serial .relatelist.pic li .thumb img {display:block; width:210px; height:140px;}
.related_serial .relatelist.pic li .sub_tit {color:#4469B0; font-size:13px; font-weight:550;}
.related_serial .relatelist.pic li .txt {display:inline-block!important; overflow:hidden; width:100%; color:#6a6a6a; text-overflow:ellipsis; white-space:nowrap;}
.related_serial .relatelist.pic li.txtonly {display:table;}
.related_serial .relatelist.pic li.txtonly a {display:table-cell; vertical-align:middle; font-size:15px;}
/* 연재 메일링 구독 신청 */
.subscribe_btn {float:right; position:relative; display:flex; display:-webkit-flex; display:-ms-flexbox; align-items:center;}
.subscribe_btn:after {display:block; content:''; clear: both;}
.subscribe_btn .txt_btn {display:inline-block; font-size:13px; color:#1a1a1a; text-decoration:underline; cursor:pointer; font-weight:400; line-height:1.4em;}
.subscribe_btn .tip_hover {position: relative; width:16px; height:16px; background:url("//img.khan.co.kr/spko/sub_2017/ico_explain.png") 0 0 no-repeat; margin: 1px 0 0 5px; vertical-align: top;}
.subscribe_btn .blind {display:block; overflow:hidden; position:absolute; left:0; top:-9999px;}
.subscribe_btn .tipbox {display: none}
.subscribe_btn i {position:absolute; top:17px; right:0; z-index:101; width:16px; height:8px; margin-top:8px; margin-left:-8px; background:url("//img.khan.co.kr/spko/sub_2017/box_pointer.png") no-repeat;}
.subscribe_btn .sub_tip {position:absolute; top:32px; left:0; z-index:100; background:#fafafa; font-size:13px; color:#000; letter-spacing:-1px; white-space:nowrap;padding:13px 18px; border:1px solid #777; border-radius:6px;}
/* 구독신청 팝업 */
.subscribepopup_sec {width:420px; position:relative; background:#fcfcfc; box-sizing:border-box;}
.subscribepopup_sec .hd {padding:30px 35px; border-bottom:1px solid #e9e9e9;font-size:21px; font-weight:bold; color:#000;}
.subscribepopup_sec .radio_area {padding: 0 25px;}
.subscribepopup_sec .email, .subscribepopup_sec .mypage_noti {padding:0 35px; border-bottom:1px solid #e9e9e9;}
.subscribepopup_sec .serial_tit {text-align:center; font-size:20px; line-height:24px; color:#006be4; text-decoration:underline; padding:30px 0;}
.subscribepopup_sec .email .explain, .subscribepopup_sec .mypage_noti .explain {position:relative; display:block; font-size: 15px; line-height:21px; padding:0 10px 0 25px;}
.subscribepopup_sec .explain_tit {font-size:16px; font-weight: bold; padding:0 0 20px;}
.subscribepopup_sec .email .explain:before, .subscribepopup_sec .mypage_noti .explain:before {content:''; position:absolute;top:2px;left:1px;width:16px; height:16px; margin-right:5px; background:url("//img.khan.co.kr/spko/sub_2017/ico_explain.png") 0 0 no-repeat;vertical-align:middle;}
.subscribepopup_sec .email input {width:350px; height:50px; background-color:#fff; font-size:14px; color:#222; border:1px solid #ababab; margin:15px 0 30px 0; padding:0 20px; box-sizing:border-box;}
.subscribepopup_sec .check span {display:block; float:left; padding-left:8px;font-size:14px; color:#4a4a4a;}
.subscribepopup_sec table {margin:30px 0 30px 0; font-size:16px; box-sizing:border-box;}
.subscribepopup_sec table tr {height:45px; border-top:1px solid #e1e1e1;}
.subscribepopup_sec .mypage_noti .em_txt {padding: 20px 15px 13px; margin: 20px 0 30px; border: 1px dashed #ccc; background-color: #fff; border-radius: 3px;}
.subscribepopup_sec .mypage_noti .explain_txt {position:relative; display:block; font-size: 12px; line-height: 18px; color: #454545; padding:0 7px 7px;}
.subscribepopup_sec .mypage_noti .explain_txt:before {content:''; position:absolute; top:2px; left:1px; width:3px; height:16px; margin-right:5px; background:url("//img.khan.co.kr/spko/sub_2017/dot_explain.png") center no-repeat;vertical-align:middle;}
.subscribepopup_sec .mypage_noti .explain_txt em {color:#0078fc;}
.subscribepopup_sec .policy {position:relative; padding:20px 35px 0 35px;}
.subscribepopup_sec .policy label {display:inline-block; height:45px; color:#3e3d3a; font-size:14px; margin-left:-18px; line-height:36px;cursor: pointer;}
.subscribepopup_sec .policy input {position:relative; left:0; cursor:pointer; opacity:0; filter:alpha(opacity=0);background:transparent;}
.subscribepopup_sec .policy label:before {content:''; display:inline-block; width:18px; height:18px; margin-right:5px; background:url("//img.khan.co.kr/spko/sub_2017/checkbox.png") 0 0 no-repeat;vertical-align:middle;}
.subscribepopup_sec .policy label.check:before {content:''; display:inline-block; width:18px; height:18px; margin-right:5px; background:url("//img.khan.co.kr/spko/sub_2017/checkbox_check.png") 0 0 no-repeat;vertical-align:middle;}
.subscribepopup_sec .policy label em {color:#006be4; font-weight:bold;}
.subscribepopup_sec .policy .open_policy {position:absolute; top:25px; right:30px; width:20px; height:20px; padding:5px; background:url("//img.khan.co.kr/spko/sub_2017/ico_open_policy.png") center no-repeat;}
.subscribepopup_sec .policy .open_policy.close {background:url("//img.khan.co.kr/spko/sub_2017/ico_close_policy.png") center no-repeat;}
.subscribepopup_sec .policy dd textarea {width:350px; margin-top:-1px; padding:10px 10px 0px; box-sizing:border-box; border:1px solid #e0e0e0; color:#78756f; font-size:12px; line-height:18px; overflow-y:auto;}
.subscribepopup_sec .btn {padding:20px 0 40px; text-align:center;}
.subscribepopup_sec .btn .save {display: inline-block; width:140px; height:46px; border-radius:23px; background:#535353; font-size:18px; color:#fff; line-height:46px;margin:0 10px;text-decoration: none;}
.subscribepopup_sec .btn .cancel {display: inline-block; width:140px; height:46px; border-radius:23px; background:#d0d0d0; font-size:18px; color:#000; line-height:46px;margin:0 10px;text-decoration: none;}
.popup_close {position:absolute; top:25px; right:25px; cursor:pointer;}
.blocker.current {z-index:1000001!important;}

/* 구독하기란 */
.subscribepopup_tip_sec {width:420px; position:relative; background:#fcfcfc; box-sizing:border-box;}
.subscribepopup_tip_sec .hd {padding:30px 35px; border-bottom:1px solid #e9e9e9;font-size:21px; font-weight:bold; color:#000;}
.subscribepopup_tip_sec .step {padding:0 35px;}
.subscribepopup_tip_sec .step .explain_tit {font-size:16px; font-weight: bold; padding:40px 0 30px;}
.subscribepopup_tip_sec .step .stepimg {background:url("//img.khan.co.kr/spko/sub_2017/img_subscribe_step.png") center top no-repeat; width:350px; height:75px; padding-bottom: 30px}
.subscribepopup_tip_sec .step .em_txt {padding: 20px 15px 5px; margin: 0 0 20px; border: 1px dashed #ccc; background-color: #fff; border-radius: 3px;}
.subscribepopup_tip_sec .step .explain_txt {position:relative; display:block;     font-size: 13px; line-height: 19px; color: #454545; padding:0 10px 10px;}
.subscribepopup_tip_sec .step .explain_txt:before {content:'';position:absolute; top:2px; left:1px; width:3px; height:16px; margin-right:5px; background:url("//img.khan.co.kr/spko/sub_2017/dot_explain.png") center no-repeat;vertical-align:middle;}
.subscribepopup_tip_sec .step .explain_txt em {color:#0078fc;}
.subscribepopup_tip_sec .btn {padding:20px 0 40px; text-align:center;}
.subscribepopup_tip_sec .btn .cancel {display:inline-block; width:140px; height:46px; border-radius:23px; background:#535353; font-size:18px; color:#fff; line-height:46px; text-decoration: none;}

/* 뉴스플리 팝업 */
/* .subscribepopup_sec .btn .generate {display:inline-block; width:180px; height:40px; border-radius:20px; background:#535353; font-size:16px; color:#fff; line-height:40px;margin:0 10px;} */
.subscribepopup_sec .newspl_wrap .generate_area .btn {padding:15px 0 10px;}
.subscribepopup_sec .newspl_wrap .btn {padding:10px 0; border-top:1px dashed #fff; background-color:#fafafa;}
.subscribepopup_sec .newspl_wrap .btn .generate {display:inline-block; width:auto; height:40px; margin:0 10px; padding-left:18px; font-size:15px; color:#1a1a1a; line-height:40px; background:url("//img.khan.co.kr/images/khan/pc/ico-btn-plus.svg") left 50% no-repeat; background-size:13px 13px;}
.subscribepopup_sec .newspl_wrap .btn .save {display:inline-block; width:110px; height:34px; margin:0 10px; 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 .save:hover {border:1px solid #4a4a4a; color:#fefefe; background-color:#4a4a4a;}
.subscribepopup_sec .newspl_wrap .btn .cancel {display:inline-block; width:110px; height:34px; margin:0 10px; border:1px solid #999; border-radius:8px; color:#787878; font-size:15px; line-height:34px; text-decoration:none; background-color:#fefefe;}
.generate_area {padding:30px 35px 20px; background-color:#fafafa;}
.generate_area .generate_input_wrap {position:relative;}
.generate_area .generate_input_wrap .count {position:absolute; top:16px; right:10px; text-align:right; color:#787878; font-size:12px;}
.generate_area input {width:350px; height:46px; margin:0; padding:0 45px 0 10px; border:1px solid #666; border-radius:5px; color:#222; font-size:14px; box-sizing:border-box; background-color:#fff;}
.subscribepopup_sec .generate_area .input_guide_error {font-size:13px; line-height:13px; padding:10px 5px; color:#ff0000;}
.newspl_check_area {overflow:hidden; max-height:180px; padding:18px 25px 18px 35px; border-bottom:1px dashed #bbb;}
.newspl_check_area.scroll {overflow-y:scroll;}
.newspl_check_area .newspl_check_list {display:flex; /* margin:0 0 14px; */ line-height:1.4em; 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 14px; font-size:16px;}
/* .newspl_check_area label:last-child {margin:0;} */
.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: 26px;
    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%;
}
.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:14px; height:20px; margin-left:5px; line-height:1.4em;}
.newspl_check_area .newspl_check_list .badge-info.ins {color:blue;}
.newspl_check_area .newspl_check_list .badge-info.del {color:red;}


/* 연재 구독하기란? - 탭버튼 */
.tab_menu_btn {display:block; overflow:hidden; width:100%; margin: 25px 0 30px; padding:0 30px; box-sizing:border-box;}
.tab_menu_btn a {display:inline-block; float:left; width:50%; padding-bottom:10px; border-bottom:1px solid #b6b6b6; text-align:center;}
.tab_menu_btn a span {display:inline-block; position:relative; color:#4a4a4a; font-size:16px; line-height:1.5em; }
.tab_menu_btn a.on {position:relative; top:-1px; border-bottom:3px solid #333; color:#121212;font-weight: bold;}
.tab_menu_btn a.on span {position:relative; top:1px;}


/* 이메일수신, 문자수신 */
.receive_email_area, .receive_message_area {height: 25px; padding-top: 10px;}
.receive_message_area.area {margin-bottom: 0;}
.receive_radio {display: inline-block; overflow: hidden; height: 25px; padding: 0 18px 25px;}
.receive_radio label {display:contents; white-space: nowrap;width: 100%;font-weight: 500;font-size: 14px;color: #333;}
.radiobox_wrap {display: inline-block; cursor: pointer; vertical-align: middle;margin-right: 3px;}
.radiobox_wrap input.radio[type="radio"] {display: none}
.radiobox_wrap.radio {width: 25px; height: 25px; background: url("//member.khan.co.kr/login/img/2019/btn_login_check_off.png") no-repeat;-webkit-background-size: 25px 25px;background-size: 25px 25px;}
.radiobox_wrap.radio.checked {background: url("//member.khan.co.kr/login/img/2019/btn_login_check_on.png") no-repeat;-webkit-background-size: 25px 25px;background-size: 25px 25px;}



/* 썸네일 우선 리스트 기본 모델 */
/* 실시간 주요기사 */
.tm-list-wrap {margin-bottom:60px;}
.tm-list-wrap .tit {margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
.media-list {margin-left:-25px;}
.media-list:after {display:block; clear:both; content:"";}
.media-list li {float:left; width:230px; margin:0 0 15px 25px;}
.media-list > li + li + li + li {margin:0 0 0 25px;}
.media-list > li + li + li + li + li {margin:0 0 0 25px;}
.media-list > li + li + li + li + li + li {margin:0 0 0 25px;}
.media-list .thumb {display:block; overflow:hidden; position:relative; width:230px; height:150px;}
.media-list .thumb::after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity: 0.08;}
.media-list .thumb img {width:230px; height:150px;}
.media-list .thumb > img {display:block; width:inherit; height:inherit; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(1, 1, 1);}
.media-list .media-icon {display:inline-block; position:absolute; right:10px; bottom:10px; padding:5px; border-radius:50%; vertical-align:middle; background-color:rgba(1,1,1,.2); z-index:2;}
.media-list .media-icon .ico-video, .media-icon .ico-photo {display:inline-block; position:relative; width:25px; height:25px; border:0; vertical-align:middle; color:transparent; text-shadow:none; font:0/0 a !important; background-size:100%; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%;}
.media-list .media-icon .ico-video {background-image:url("//img.khan.co.kr/images/khan/pc/ico-play-md.svg");}
.media-list .media-icon .ico-photo {background-image:url("//img.khan.co.kr/images/khan/pc/ico-photo-md.svg");}
.media-list .tit {display:block; overflow:hidden; position:relative; height:44px; margin:5px 0 0 0; font-size:15px; line-height:22px; font-weight:400;}
/* 만평 TOP */
.cartoon .media-list {margin-left:-20px;}
.cartoon .media-list li {width:170px; margin:0 0 0 20px;}
.cartoon .media-list .thumb {width:170px; height:170px;}
.cartoon .media-list .thumb img {width:170px; height:170px;}
.cartoon .media-list > li + li + li + li {margin:0px 0 0 20px;}
.cartoon .media-list .tit {height:auto; text-align:center;}


/* 공유, 제보, 구독 기능버튼 영역 */
.share-fn-wrap {margin:60px 0;}
.share-fn-wrap .fn-btn {display:block; padding-bottom:10px; border-bottom:3px solid #3a3a3a; text-align:center;}
.share-fn-wrap .fn-btn:after {display:block; clear:both; content:"";}
.share-fn-wrap .fn-btn ul {display:inline-block;}
.share-fn-wrap .fn-btn li {float:left; position:relative; width:27px; height:30px; margin-right:50px;}
.share-fn-wrap .fn-btn li:last-child {margin-right:0;}
.share-fn-wrap .fn-btn li a {display:block; width:27px; height:30px; text-indent:-9999px;}
.share-fn-wrap .fn-btn li.tts {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-volume.svg") no-repeat scroll 50% 50% transparent;}
.share-fn-wrap .fn-btn li.share {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-share-re.svg") no-repeat scroll 50% 50% transparent;}
.share-fn-wrap .fn-btn li.bookmark {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-bookmark.svg") no-repeat scroll 50% 50% transparent;}
.share-fn-wrap .fn-btn li.bookmark.on {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-bookmark-on.svg") no-repeat scroll 50% 50% transparent;}
.share-fn-wrap .fn-btn li.reply {width:auto; min-width:27px; background:url("//img.khan.co.kr/images/khan/pc/ico-fn-reply.svg") no-repeat scroll left 50% transparent;}
.share-fn-wrap .fn-btn li.reply a {width:auto; min-width:27px;}
.share-fn-wrap .fn-btn li.reply .count {display:block; position:relative; left:24px; top:-18px; width:auto; margin-right:15px; color:#4469B0; font-size:13px;}
.share-fn-wrap .fn-btn li.reply:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;}
.share-fn-wrap .fn-btn li.text {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-text.svg") no-repeat scroll 50% 50% transparent;}
.share-fn-wrap .fn-btn li.print {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-printer.svg") no-repeat scroll 50% 50% transparent;}
.share-fn-wrap .fn-btn li.clapping {position:relative; width:auto; min-width:27px; background:url("//img.khan.co.kr/images/khan/pc/ico-fn-clapping.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px;}
.share-fn-wrap .fn-btn li.clapping.on {position:relative; width:auto; min-width:27px; background:url("//img.khan.co.kr/images/khan/pc/ico-fn-clapping-on.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px;}
.share-fn-wrap .fn-btn li.clapping a {width:auto; min-width:27px;}
.share-fn-wrap .fn-btn li.clapping .count {display:block; position:relative; left:32px; top:-18px; width:auto; margin-right:15px; color:#4469B0; font-size:13px;}
.share-fn-wrap .khlink {display:block; margin-top:20px;}
.share-fn-wrap .khlink:after {display:block; clear:both; content:"";}
.share-fn-wrap .khlink a:hover span {text-decoration:underline;}
.share-fn-wrap .khlink .text_link {font-size:14px; color:#4a4a4a; margin:0 10px;}
.share-fn-wrap .khlink .text_link:hover {color:#1a1a1a; text-decoration:underline;}
.share-fn-wrap .khlink .jebo {float:left;}
.share-fn-wrap .khlink .smile {float:right;}
.share-fn-wrap .khlink a:last-child {padding-right:20px; border-right:1px solid #ddd;}
/* 매체 공유 레이어 */
.share-fn-wrap .fn-btn li.share:hover .slt_sns_menu {display:block;}
.share-fn-wrap .fn-btn li .slt_sns_menu {display:none; position:absolute; left:-22px; top:30px; visibility:visible; z-index:400; -webkit-transition: top 75ms ease-out,left 75ms ease-out; transition: top 75ms ease-out,left 75ms ease-out; -webkit-animation: pop-upwards 180ms forwards linear; animation: pop-upwards 180ms forwards linear;}
.share-fn-wrap .fn-btn li .slt_sns_menu.open {display:block;}
.share-fn-wrap .fn-btn li .area_sns_menu {display:block; overflow:hidden; position:relative; width:296px; padding:10px 14px; border:1px solid #5a5a5a; border-radius:5px; -webkit-border-radius:5px; background-color:#fff;}
.share-fn-wrap .fn-btn li .area_sns_menu > li {float:left; width:38px; height:38px; margin-right:5px;}
.share-fn-wrap .fn-btn li .area_sns_menu > li:last-child {margin-right:0;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a {display:block; width:38px; height:38px; border-radius:50%; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/sprite-sub.png") no-repeat left top;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a.facebook {background-position:-3px 0;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a.twitter {background-position:-53px 0;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a.kakaotalk {background-position:-103px 0;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a.band {background-position:-153px 0;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a.googleplus {background-position:-203px 0;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a.email {background-position:-253px 0;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a.moresns {background-position:-303px 0;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a.nhnblog {background-position:-3px -510px;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a.copyurl {background-position:-53px -510px;}
.share-fn-wrap .fn-btn li .area_sns_menu > li a.kakao {background-position:-103px -510px;}


/* 주요기사 */
.hot_article {overflow:hidden; position:relative; clear:both; margin:50px 0; padding-top:30px; border-top:1px solid #e5e5e5;}
.hot_article .tit {margin-bottom:20px; font-size:17px; font-weight:bold;}
.hot_article ul {position:relative; margin-right:-40px;}
.hot_article li {float:left; position:relative; width:335px; height:50px; margin-right:40px;*margin-right:20px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #e5e5e5;}
.hot_article li a {display:-webkit-box; overflow:hidden; float:right; width:290px; max-height:48px; padding-left:10px; line-height:24px; font-size:15px; font-weight:bold; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 제목 최대 두 줄 처리, 두 줄 이상은 말줄임(웹킷webkit기반만 가능) */
.hot_article .num {float:left; width:10px; height:19px; margin:7px 0 15px; padding:4px 10px; color:#fff; font-size:18px; font-weight:bold; background-color:#abb3d1;}
.hot_article li:last-child .num {width:20px; padding:4px 7px;}


/* 댓글 영역 */
.art_reply_wrap {margin:40px 0;}
/* 댓글 미노출 기사 메시지 */
.area-noreply {max-width:900px; margin:60px auto; padding:35px 0 40px; text-align:center; border:2px dashed #efefef; border-radius:10px; background-color:#fefefe;}
.area-noreply:hover {background-color:#fff}
.area-noreply .inner {display:inline-block; padding:35px 0 0; text-align:center; line-height:1.6em; font-size:17px; background:url(//img.khan.co.kr/images/khan/pc/ico-fn-reply.svg) no-repeat scroll center 0 transparent; background-size:28px;}


/* 동영상 기사 아이콘 */
.related_serial .relatelist.pic li .thumb {position:relative;} /* 본문 하단 추천 이슈 */
.media-list .thumb .ico-mov {width:30px; height:30px;} /* 본문 하단 실시간 주요기사 */
.related_serial .relatelist.pic li .thumb .ico-mov {width:30px; height:30px;} /* 본문 하단 추천 이슈 */
.best-video .mov_player .thumb .ico-mov {width:30px; height:30px;} /* 우측 볼 만한 영상 */
.art-list li .thumb .ico-mov {right:5px; bottom:5px; width:20px; height:20px;} /* 우측 많이 본 기사 */
.spoenter .ctype dt a .ico-mov {width:30px; height:30px;} /* 우측 스포츠 연예 */




/**************************************************************************** 
    wcms 연동 뷰페이지 표현 양식
****************************************************************************/
/* 제목 */
.editor-newstitle {margin:0 auto 40px auto; line-height:50px; color:##1a1a1a; font-size:37px; font-weight:600; letter-spacing:-2px;}

/* 부제목 */
.editor-subtitle {width:calc(100% - 5px); max-width:740px; margin:20px auto 40px; padding:0 0 0 5px; border-left:4px solid #3a3a3a;}
.editor-subtitle p {margin-bottom:7px; font-size:17px; line-height:1.2em; font-weight:600; padding-left:9px; letter-spacing:-0.35px;}

/* 중간제목01 */
.editor-middle-title {padding:12px 0; border-top:4px solid #5670D1; border-bottom:1px solid #CED4DA; max-width:740px; margin:50px auto 30px auto;}
.editor-middle-title .title {padding:0 6px; font-size:20px; line-height:32px; font-weight:400; color:#333;}

/* 중간제목02 */
.editor-middle-title02 {width:740px; margin:0 auto 40px auto; border-left:2px solid #a8a8a8; padding:2px 0 2px 15px; font-size:17px; line-height:1.6em; font-weight:600; font-family:"맑은고딕", Malgun Gothic; letter-spacing:-0.025em; color:#444;}

/* 포토 */
.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% - 30px); max-width:670px; margin:0 auto 40px; padding:20px; 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:1em; 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; line-height:1.4em;}

/* 오픈링크 세로형 */
.editor-openlink-vertical {width:350px!important; margin:0 auto 40px; padding:20px; border:1px solid #CED4DA;}
.editor-openlink-vertical a {display:block; overflow:hidden;}
.editor-openlink-vertical .editor-link-img {width:174px; height:165px; 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:1em; 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; line-height:1.4em;}

/* 구분선 */
.editor-line {overflow:hidden; margin:28px auto 28px auto; max-width:740px; 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 0 20px 0; padding:0 40px;}
.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-size:19px; 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 40px 20px; padding:0 20px; border-left:3px solid #474747;}
.editor-quotation02 .content-quotation p {font-size:19px; 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 {display:inline-block; position:relative; margin:0 40px 20px; padding:20px; border:2px solid #CED4DA; border-radius:15px;}
.editor-quotation03 .content-quotation {display:inline-block;}
.editor-quotation03 .content-quotation p {font-size:19px; 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:16px; 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:40px auto; text-align:center;}
.editor-map .map-area {display:inline-block;}
.editor-map .caption {padding:5px; text-align:left; color:#777; font-size:14px; line-height:1.7;}

/* GIF */
.gif-area {max-width:700px; margin:40px auto 40px auto; text-align:center;}
.gif-area {width:100%; max-width:500px;}
.gif-area figure {max-width:500px; height:auto; margin:0 auto 6px auto;}
.gif-area figure img {max-width:500px; height:auto;}
.gif-area .title {font-size:16px; font-weight:500; letter-spacing:-0.04px; color:#333333; text-align:left;}
.gif-area .caption {margin-top:2px; 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;}

/* 테이블 */
.editor-table {margin:20px 0;}
.editor-table table {margin:0 auto;}

/* 글상자 */
.editor-textbox {margin:20px auto; 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;}

/* 들여쓰기 */
.indent1 {padding-left:1em;}
.indent2 {padding-left:2em;}
.indent3 {padding-left:3em;}
.indent4 {padding-left:4em;}
.indent5 {padding-left:5em;}




/**************************************************************************** 
    기사뷰 우측영역 .art_side
****************************************************************************/
.art_side {float:right; width:300px;}
.art_side .noline {border-bottom:none;} /* 컨텐츠 하단 라인(border-bottom) 제어 */

/* 리스트 기본 모델 */
/* 카테고리별 많이 본 뉴스 */
.art-list {width:300px;}
.art-list .tit {margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
.art-list li {display:table; overflow:hidden; position:relative; width:300px; max-height:70px; margin-bottom:25px;}
.art-list li:last-child {margin-bottom:0; border-bottom:none;}
.art-list li:last-child .num {width:30px;}
.art-list li a {display:table-cell; overflow:hidden; max-height:70px;}
.art-list li a strong {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; max-height:70px; line-height:23px; vertical-align:middle; color:#4a4a4a; font-size:16px; font-weight:400;}
.art-list .num {display:table-cell; width:25px; color:#6a6a6a; vertical-align:middle; font-size:20px; font-weight:700; letter-spacing:-2px;}
.art-list li .txt {display:table-cell; overflow:hidden; width:100%; padding-right:10px; vertical-align:middle; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.art-list li .thumb {display:table-cell; position:relative;}
.art-list li .thumb img {width:90px; height:70px;}

/* 오피니언 최신기사 리스트 */
.art-opn-list {width:300px;}
.art-opn-list .tit {margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
.art-opn-list .ao-list {display:table; overflow:hidden; position:relative; width:300px; max-height:80px; margin-bottom:25px;}
.art-opn-list .ao-list:last-child {margin-bottom:0;}
.art-opn-list .ao-list .txt {display:table-cell; overflow:hidden; width:100%; padding-right:10px; vertical-align:middle; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.art-opn-list .ao-list .txt .s-tit {line-height:23px; vertical-align:middle; color:#4a4a4a; font-size:16px; font-weight:400;}
.art-opn-list .ao-list .txt .byline {display:block; margin-top:5px; font-size:12px;}
.art-opn-list .ao-list .txt .byline a {color:#4469B0; text-decoration:none;}
.art-opn-list .ao-list .thumb {display:table-cell; position:relative;}
.art-opn-list .ao-list .thumb img {width:70px; height:80px;}
.art-opn-list li a {display:table-cell; overflow:hidden; max-height:70px;}
.art-opn-list li a strong {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:23px; vertical-align:middle; color:#4a4a4a; font-size:16px; font-weight:400;}

.art-list.opn li {max-height:80px;}
.art-list.opn .thumb a {display:block; overflow:hidden; position:absolute; width:70px; height:80px;}
.art-list.opn .thumb img {width:auto; height:auto; vertical-align:middle;} /* 오피니언 섹션 최신기사일 때 별도 썸네일 값 */
.art-list.opn .thumb {height:80px;}


/* 볼만한 영상 */
.best-video {margin-top:-30px;} /* 상단 근접 콘텐츠와 간격 조절: 볼만한 영상 타이틀 텍스트 노출 위해 */
.best-video .mov_wrap {margin-bottom:8px;}
.best-video .mov_wrap iframe {height:169px;}
.best-video .tit {margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
.best-video .art-list {margin-top:20px;}
.best-video .art-list li .thumb img {width:110px; height:70px;}
.best-video .media-icon {display:inline-block; position:absolute; left:50%; top:50%; margin-left:-17px; margin-top:-17px; padding:5px; border-radius:50%; vertical-align:middle; background-color:rgba(1,1,1,.2); z-index:2;}
.best-video .media-icon .ico-video {display:inline-block; position:relative; width:25px; height:25px; border:0; vertical-align:middle; color:transparent; text-shadow:none; font:0/0 a !important; background-size:100%; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%;}
.best-video .media-icon .ico-video {background-image:url("//img.khan.co.kr/images/khan/pc/ico-play-md.svg");}
.best-video-tit {display:block; width:300px; font-size:17px; font-weight:550; margin:0 0 30px; line-height:1.4em;}
/* 볼만한 영상 iframe 제외 수정 221128 */
.best-video .mov_player {margin-bottom:8px;}
.best-video .mov_player .thumb {display:block; overflow:hidden; position:relative; width:300px; height:169px;}
.best-video .mov_player .thumb::after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity: 0.08;}
.best-video .mov_player .thumb img {width:300px; height:169px;}
.best-video .mov_player .media-icon {display:inline-block; position:absolute; right:10px; bottom:10px; left: auto; top: auto; padding:5px; border-radius:50%; vertical-align:middle; background-color:rgba(1,1,1,.2); z-index:2;}
.best-video .mov_player .media-icon .ico-video {display:inline-block; position:relative; width:25px; height:25px; border:0; vertical-align:middle; color:transparent; text-shadow:none; font:0/0 a !important; background-image:url("//img.khan.co.kr/images/khan/pc/ico-play-md.svg"); background-size:100%; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%;}


/* 먼저 보는 칸업 콘텐츠 영역 */
.khanup-list {width:300px;}
.khanup-list .tit {margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
.khanup-list li {position:relative; width:100%; margin-bottom:25px;}
.khanup-list li:last-child {margin-bottom:0; border-bottom:none;}
.khanup-list li a {display: flex; align-items: center; max-height:90px;}
.khanup-list li .thumb {display: block; width: 120px; height: 90px; position:relative;}
.khanup-list li .thumb img {width: 100%; height: 100%; object-fit: cover; display: block;}
.khanup-list li .txt {width: calc(100% - 130px); padding: 0 0 0 10px;display:block;}
.khanup-list li .txt strong {line-height:22px; vertical-align:middle; color:#4a4a4a; font-size:16px; font-weight:400;}
.khanup-list li .txt .sub-tit {font-size: 14px; line-height: 20px; letter-spacing: -.05em; color: #4469B0; margin-bottom: 3px;}
/* 칸업 기사 썸네일 라벨 */
.ico-khanup {content:""; display:block; position:absolute; left:0; top:0; width:70px; height:20px; z-index:2; background:url(//img.khan.co.kr/images/khan/pc/thumb-label-khanup.svg) 80% 50% no-repeat; background-size:contain;}
/* 광고없는 기사 하단 먼저 보는 칸업 콘텐츠 */
.khanup-cont-noad {margin: 70px auto; background: #f4f7fe;}
.khanup-cont-noad .khanup-list {width: 700px; padding: 40px 0;}
.khanup-cont-noad .khanup-list li .txt {width: calc(100%) - 135px; padding: 0 0 0 15px}
.bnr-btm .bnr-wrap {display: block; width: 700px; margin: 0 auto;}


/* 경향사업 */
.sub_notice_as {width:300px;}
.sub_notice_as .tit {margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
.sub_notice_as .newscont_wrap {position:relative;}
.sub_notice_as .newscont_wrap ul {overflow:hidden;}
.sub_notice_as .newscont_wrap li {padding-left:15px; background:url("//img.khan.co.kr/images/khan/pc/ico-li-dot.svg") no-repeat scroll left 50% transparent;}
.sub_notice_as .newscont_wrap li a {display:block; overflow:hidden; color:#4a4a4a; font-size:16px; line-height:30px; text-overflow:ellipsis; white-space:nowrap;}


/* 스포츠·연예 */
.spoenter {width:300px;}
.spoenter .tit {margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
/* .spoenter .tit strong {color:#4763cf;} */
.spoenter .ctype_wrap {display:block; overflow:hidden;}
.spoenter .ctype {overflow:hidden; float:left; position:relative; width:140px; margin:0 20px 20px 0;}
.spoenter .ctype_wrap > dl + dl + dl {margin:0 20px 0 0;}
.spoenter .ctype_wrap > dl + dl + dl + dl {margin:0;}
.spoenter .ctype.crs {margin-right:0;}
.spoenter .ctype.crs:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;}
.spoenter .ctype dt {display:block; position:relative; margin-bottom:6px; }
.spoenter .ctype dt a {display:block;}
.spoenter .ctype dt a img {width:140px; height:140px;}
.spoenter .ctype dd {display:block; width:140px;}
.spoenter .ctype dd::after {display:block; clear:both; content:"";}
.spoenter .ctype dd p {overflow:hidden; position:relative; z-index:2;}
.spoenter .ctype dd a {display:block; max-height:2.8em; color:#4a4a4a; font-size:15px; font-weight:400; line-height:1.4em;}


/* 투데이스핫 Today`s HOT */
.todayshot_wrap {position:relative; width:300px;}
.todayshot_wrap .tit {margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
/* .todayshot_wrap .tit strong {color:#4763cf;} */
.todayHot_wrap {overflow:hidden;}
.todayHot_wrap .cont {position:relative; width:300px; height:300px;}
.todayHot_wrap table {width:300px; height:300px;}
.todayHot_wrap table tr td {width:75px; height:75px;}
.todayHot_wrap table tr td a {display:block; width:75px; height:75px;}
.todayHot_wrap table tr td img {width:75px; height:75px; opacity:0.5;filter:alpha(opacity=50);}
.todayHot_wrap table tr td img:hover {width:69px; height:69px; border:3px #2665f4 solid; opacity:1;filter:alpha(opacity=100);}
.todayHot_wrap table tr td .thumb_on {width:69px; height:69px; border:3px #2665f4 solid; opacity:1;filter:alpha(opacity=100);}
.todayHot_wrap .todayHot_big_img {position:absolute; width:225px; height:225px; display:none; z-index:2;}
.todayHot_wrap .todayHot_big_img dl dd, .todayHot_big_img dl dd a img {overflow:hidden; width:225px; height:225px;}
.todayHot_wrap .todayHot_big_img dl dt {position:absolute; left:0; bottom:0; width:225px; height:30px; background:#000000; opacity:0.5;filter:alpha(opacity=50);}
.todayHot_wrap .todayHot_big_img dl div {overflow:hidden; position:absolute; left:0; bottom:7px; width:215px; padding:0 5px; color:#fff; font-size:14px; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.todayHot_wrap .cont .todayHot_big_img.p00 {top:75px; left:75px;}
.todayHot_wrap .cont .todayHot_big_img.p01 {top:75px; left:75px;}
.todayHot_wrap .cont .todayHot_big_img.p11 {top:75px; left:75px;}
.todayHot_wrap .cont .todayHot_big_img.p02 {top:75px; left:0px;}
.todayHot_wrap .cont .todayHot_big_img.p03 {top:75px; left:0px;}
.todayHot_wrap .cont .todayHot_big_img.p04 {top:75px; left:0px;}
.todayHot_wrap .cont .todayHot_big_img.p05 {top:0px; left:0px;}
.todayHot_wrap .cont .todayHot_big_img.p06 {top:0px; left:0px;}
.todayHot_wrap .cont .todayHot_big_img.p07 {top:0px; left:0px;}
.todayHot_wrap .cont .todayHot_big_img.p08 {top:0px; left:75px;}
.todayHot_wrap .cont .todayHot_big_img.p09 {top:0px; left:75px;}
.todayHot_wrap .cont .todayHot_big_img.p10 {top:0px; left:75px;}


/* 네이티브 애드 우측영역 간격 조절 */
.art_side.native_ad .art-list {padding-bottom:0; border-bottom:none;}
.art_side.native_ad .khan_blog {border-bottom:1px solid #e5e5e5;}
.art_side.native_ad .todayshot_wrap {padding-bottom:0; border-bottom:none;}
.art_side.native_ad .opinion_latest {padding-bottom:0; border-bottom:none;}
.art_side.native_ad .issuenserial {border-bottom:1px solid #e5e5e5;}




/**************************************************************************** 
    각종 기사뷰 형태 스타일 조정(만평, 운세, 포토, 동영상)
****************************************************************************/
/* 만평 기사뷰 + 전체목록용 */
.manpyunglist_wrap {overflow:hidden; margin-top:-45px; width:710px;}
.manpyunglist_wrap .pathWrap {*zoom:1; height:32px; border-bottom:solid 1px #ddd;}
.manpyunglist_wrap .pathWrap:after {clear:both; display:block; content:"";}
.manpyunglist_wrap .pathWrap .path {float:left; font-size:14px; letter-spacing:-1px;}
.manpyunglist_wrap .pathWrap .path a {color:#777;}
.manpyunglist_wrap .pathWrap .path a:hover {color:#000;}
.manpyunglist_wrap .pathWrap .tab {float:right; border-left:1px solid #DDD; margin-top:1px; _margin-bottom:-1px; _position:relative;}
.manpyunglist_wrap .pathWrap .tab a {display:block; float:left; height:20px; padding:10px 20px 0; border:1px solid #ddd; border-left:none; color:#999; font-size:11px; letter-spacing:-1px; font-weight:700; background-color:#f5f5f5;}
.manpyunglist_wrap .pathWrap .tab a.on {border-bottom:1px solid #fff; color:#000; text-decoration:none; background-color:#fff;}
.manpyung_view {text-align:center;}
.manpyung_view .manpyung_title {padding:30px 0; color:#000; font-size:23px; font-weight:bold;}
.manpyung_view .manpyung_title img {padding-bottom:3px;}
.manpyung_view .photo {*zoom:1;}
.manpyung_view .photo:after {clear:both; display:block; content:"";}
.manpyung_view .photo li {float:left; margin-left:48px;}
.manpyung_view .photo li span {display:block; overflow:hidden; position:relative; width:170px; height:180px;}
.manpyung_view .photo li span img {display:table-cell; position:absolute; bottom:0; width:170px; vertical-align:text-bottom;}
.manpyung_view .photo li p {width:170px; height:60px;}
.manpyung_view .photo li p a {font-size:15px;}
.manpyung_date {position:relative; height:20px; text-align:center; color:#999; font-size:11px;}

/* 페이지 */
.paginate {padding:80px 0; line-height:normal; text-align:center;}
.paginate a,
.paginate strong {display:inline-block; position:relative; margin:0 -3px; padding:1px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; color:#333; font:bold 14px/16px Tahoma, Sans-serif; text-decoration:none; vertical-align:top; background-color:#fff; z-index:2;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus {background-color:#f8f8f8;}
.paginate strong {color:#CC0000;}
.paginate .direction {border:0; color:#777; font-weight:normal; text-decoration:none!important; font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; z-index:1;}
.paginate .direction:hover,
.paginate .direction:active,
.paginate .direction:focus {color:#333; background-color:#fff;}
.paginate .prev {border-left:0;}
.paginate .next {border-right:0;}
.paginate .direction span {display:inline-block; position:relative; top:8px; width:0; height:0; vertical-align:top; font-size:0; line-height:0;}
.paginate .prev span {*left:-4px; margin-right:1px; border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0;}
.paginate .next span {margin-left:1px; border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0;}

/* 만평 달력 */
.art_side .calendar {}
.art_side .calendar .title {height:32px; margin-bottom:5px;}
.art_side .calendar .title:after {display:block; clear:both; content:"";}
.art_side .calendar .title h3 {float:left; color:#1a1a1a; font-size:20px; font-weight:700;}
.art_side .calendar form {float:right;}
.art_side .calendar select {height:30px; padding:1px 5px 1px; border:none; font-size:18px;}
.art_side .calendar table {width:300px; margin: 0 auto; border:1px solid #999; border-collapse:initial;}
.art_side .calendar th,
.art_side .calendar td {height:38px; text-align:center;}
.art_side .calendar th {height:38px; border-bottom:1px solid #aaa; font-size:13px; color:#666;}
.art_side .calendar td {border-right:1px solid #efefef; border-bottom:1px solid #efefef; color:#bbb; font-size:12px; letter-spacing:-1px; font-family:verdana;}
.art_side .calendar tr > td:last-child {border-right:none;}
.art_side .calendar td a {display:block; height:38px; text-decoration:none; font-weight:700; line-height:38px; color:#4a4a4a; background:#fafafa;}
.art_side .calendar td a:hover {color:#333; background:#ccc;}
.art_side .calendar .holyday {color:#4d84bc;}
.art_side .calendar .today {border-left:none; font-weight:bold; background:url("//img.khan.co.kr/spko/sub_2009/calendar_today.gif") no-repeat 7px 3px;}


/* 오늘의 운세 */
.today_fortune_wrap {}
.zodiac {width:100%; padding:20px 0; border-bottom:1px solid #e8e8e8; font-family:"맑은 고딕", Malgun Gothic, "돋움", Dotum,Helvetica, AppleGothic, sans-serif;}
.zodiac:after {display:block; clear:both; content:"";}
.zodiac dl {color:#777; line-height:21px; font-size:13px; text-align:justify;}
.zodiac dt {margin-bottom:8px; color:#333; font-weight:bold;}
.zodiac dd.thumb {float:left; width:110px; margin:35px 0;}
.zodiac dd.thumb img {width:100px; height:100px;}
.zodiac dd.cont {margin:0 0 5px 110px; color:#454545; font-size:16px;}
.zodiac dd span {display:block; margin-left:110px; color:#777; font-size:15px;}
.zodiac dd .goodman strong {color:#4e99e1;} /* 행운의 사람 */
.zodiac dd .badman strong {color:#e14eaf;} /* 주의할 사람 */
.zodiac dd .goodnum strong {color:#4e99e1;} /* 행운의 숫자 */
.sub_txt {width:100%; margin:20px 0 60px; color:#333; font-size:13px; line-height:19px;}


/* 포토 기사뷰 */
/* 연관 포토 리스트 */
.preview_wrap {clear:both; position:relative; width:100%; height:90px; margin:20px 0 35px;}
.preview_wrap .preview_thumb {overflow:hidden; position:absolute; left:55px; top:0; width:940px; height:100%;}
.preview_wrap .btn_preview {display:block; overflow:hidden; position:absolute; top:0; width:33px; height:90px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll 0 0 transparent;}
.preview_wrap .btn_preview span {display:block; width:33px; height:90px; cursor:pointer;}
.preview_wrap .btn_preview.prev {left:0; background-position:0 0;}
.preview_wrap .btn_preview.prev:hover {background-position:0 -100px;}
.preview_wrap .btn_preview.next {right:0; background-position:-38px 0;}
.preview_wrap .btn_preview.next:hover {background-position:-38px -100px;}
.preview_wrap .preview_thumb .thumb_small {float:left; position:relative; width:52700px;}
.preview_wrap .preview_thumb .thumb_small li {overflow:hidden; float:left; position:relative; width:140px; height:90px; margin-right:20px; font-size:0;}
.preview_wrap .preview_thumb .thumb_small li a {width:140px;}
.preview_wrap .preview_thumb .thumb_small li a img {display:block;}
.preview_wrap .preview_thumb .thumb_small li .mask {overflow:hidden; position:absolute; left:0; top:0; width:138px; height:88px; border:1px solid #000; opacity:0.1; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
.preview_wrap .preview_thumb .thumb_small li.on .mask {width:130px; height:80px; border:5px solid #2665f4; opacity:1;}
.preview_wrap .preview_thumb .thumb_small li:hover {width:132px; height:82px; border:4px solid #345fbb;}
.preview_wrap .preview_thumb .thumb_small li:hover a img {display:block; position:absolute; left:-4px; top:-4px; width:140px; height:90px;}

/* 포토화보 본문 */
.art_body .num_photo {display:block; margin-bottom:20px; color:#777; font-family:Tahoma; text-align:center;}
.art_body .num_photo .num_count {color:#2665f4; font-weight:bold;}
.art_body .article_photo_center {margin:0 auto; text-align:center;}
.art_body .article_photo_wrap {display:inline-block; max-width:560px;}
.art_body .article_photo_wrap .caption {margin:0 0 10px; line-height:1.4; color:#777; font-size:14px; text-align:left;}
.art_body .photo_viewer_wrap {position:relative; width:710px; margin-bottom:10px;}
.art_body .photo_viewer_wrap .pv_imgarea {display:inline-block; position:relative; width:100%;}
.art_body .photo_viewer_wrap .pv_imgarea img {width:100%; max-width:560px; margin-bottom:5px;}
.art_body .photo_viewer_wrap .pv_btn {display:block; position:absolute; top:0; width:75px; height:100%;}
.art_body .photo_viewer_wrap .pv_btn.prev {left:-10px;}
.art_body .photo_viewer_wrap .pv_btn.next {right:-10px;}
.art_body .photo_viewer_wrap .pv_btn span {display:block; overflow:hidden; position:absolute; top:50%; margin-top:-50px; height:100px; width:76px; text-indent:-9999px; cursor:pointer; background:url("//img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll 0 0 transparent;}
.art_body .photo_viewer_wrap .pv_btn.prev span {background-position:-16px -238px;}
.art_body .photo_viewer_wrap .pv_btn.next span {background-position:-65px -238px;}
.art_body .btn_newsMore {float:right; margin:10px 0;}
.art_body .btn_newsMore:after {clear:both; content:""; display:block;}
.art_body .btn_newsMore a {display:block; overflow:hidden; width:144px; height:27px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll -100px -50px transparent;}
.art_body .clear {clear:both;}

/* 만평 뷰 */
.art_body.mpview .content_text {text-align:center;}



/**************************************************************************** 
    오늘은 이런 경향, 경향이 찍은 오늘
****************************************************************************/
/* 오늘은 이런 경향 */
.sub_today .article_wrap {position:relative; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #d1d1d1;}
.sub_today .article_wrap:last-child {border-bottom:none;}
.sub_today .article_wrap .title_num {position:absolute; left:0; top:3px; color:#0174bd; font-size:32px; font-weight:700; text-align:center; line-height:32px;}
.sub_today .article_wrap .article {margin:0 0 10px; text-align:center;}
.sub_today .article_wrap .article .to_img {margin-bottom:20px;}
.sub_today .article_wrap .article .to_img img {max-width:700px;}
.sub_today .article_wrap .article .to_img .p_txt {display:block; color:#999; font-size:12px; line-height:25px;}
.sub_today .article_wrap .article .to_txt {padding:0 40px; text-align:left; color:#1a1a1a;}
.sub_today .article_wrap .today_related .re_txt {position:relative; padding:0 45px; font-size:15px;}
.sub_today .article_wrap .today_related dt {padding-left:18px; color:#4469b0; font-size:15px; font-weight:550; line-height:30px; background:url("//img.khan.co.kr/images/khan/pc/ico-related.svg") no-repeat 0 50%;}
.sub_today .article_wrap .today_related dd {margin:5px 0 0; color:#888;}
.sub_today .article_wrap .today_related a:hover dt, 
.sub_today .article_wrap .today_related a:hover dd {color:#3399ff;}
.sub_today .article_wrap .today_related .gradation {display:block; position:absolute; left:24px; bottom:32px; width:660px; height:20px; background:url("//img.khan.co.kr/spko/sub_2014/today_gradation.png") repeat-x 0 0;}
.sub_today .article_wrap .today_related .re_more_wrap {display:block; overflow:hidden; height:35px;}
.sub_today .article_wrap .today_related .re_more_wrap a.re_more {display:block; float:right; width:55px; height:25px; margin:10px 0 0; text-indent:-9999px; cursor:pointer; background:url("//img.khan.co.kr/spko/sub_2014/today_imgset.png") no-repeat 0 -158px;}

/* 경향이 찍은 오늘 */
.sub_today .todayphoto_wrap {position:relative;}
.sub_today .todayphoto_wrap .todayphoto {margin-bottom:50px;}
.sub_today .todayphoto_wrap .todayphoto_title {margin:0 0 20px; color:#1a1a1a; font-size:18px; font-weight:700;}
.sub_today .todayphoto_wrap .todayphoto .art_photo, 
.sub_today .todayphoto_wrap .todayphoto .art_vod {padding:0 0 10px;}
.sub_today .todayphoto_wrap .todayphoto img {display:block; margin:0 auto;}
.sub_today .todayphoto_wrap .todayphoto .todayphoto_caption {font-size:11px; text-align:center; color:#999; line-height:25px;}
.sub_today .todayphoto_wrap .todayphoto_txt {margin-top:5px; padding:20px 0; color:#1a1a1a;}
.sub_today .todayphoto_wrap .todayphoto .content_text {padding:0 20px;}




/**************************************************************************** 
    인포그래픽
****************************************************************************/
/* 공통 */
.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;}




/**************************************************************************** 
	광고 없는 기사 & 와이드뷰 .wrap_wideView
****************************************************************************/
/* common */
.wrap_wideView .container {width:100%;}
.wrap_wideView center {display:block;}
.wrap_psrelative, .wrap-psrelative {/* overflow:hidden; */ position:relative; width:100%; height:100%;}
.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  {position:relative; width:100%; max-width:550px; height:100%; margin:0 auto;}
.cover-pattern {position:absolute; left:0; top:0; width:100%; height:100%; background:url("//img.khan.co.kr/spko/storytelling/2017/nohate/overptn.png") repeat;}
.cover-shadow {position:absolute; left:0; top:0; width:100%; height:100%; background:url("//img.khan.co.kr/spko/storytelling/2017/nohate/black50.png") repeat;}
.cover-shadow2 {position:absolute; left:0; top:0; width:100%; height:100%; background:url("//img.khan.co.kr/spko/storytelling/2017/nohate/black65.png") repeat;}
.cover-shadow3 {position:absolute; left:0; top:0; width:100%; height:100%; background:url("//img.khan.co.kr/spko/storytelling/2017/nohate/black65.png") repeat;}

.wrap_wideView #header {position:absolute; left:0; top:0; width:100%; height:30px; background:url("//img.khan.co.kr/spko/storytelling/2017/nohate/black50.png") repeat; z-index:9;}
.wrap_wideView #header .top_area {overflow:hidden; width:1050px; height:30px; margin:0 auto; line-height:29px; font-size:12px;}
.wrap_wideView #header .top_area dd span {padding:0 4px; color:#787878; font-size:12px;}
.wrap_wideView #header .top_area .family_site {float:left; margin:0;}
.wrap_wideView #header .top_area .family_site dd a {color:#fefefe; font-size:12px;}
.wrap_wideView #header .top_area .family_site dd a.txt_v11 {color:#638ad2;}
.wrap_wideView #header .top_area .family_site dd a.eng {letter-spacing:0px;}
.wrap_wideView #header .top_area .membership {float:right;}
.wrap_wideView #header .top_area .membership dd {float:left; margin-right:6px; padding-right:4px;}
.wrap_wideView #header .top_area .membership dd a {color:#fefefe; font-size:12px;}
.wrap_wideView #header .top_area .membership dd a.log {color:#d4b080; font-weight:700;}
.wrap_wideView #header .top_area:after {clear:both; content:""; display:block;}
.wrap_wideView .art_header .function_wrap {padding:20px 0;}

.art_header_wide {width:100%; margin:0; padding:0; border:0;}
.art_header_wide .header_cover {width:100%; height:400px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .art_header_wide .header_cover {overflow:hidden; width:100%; height:400px;}
}
/* .art_header_wide .header_cover .cover_img { position:absolute; width:100%; height:100%; background:url("//img.khan.co.kr/spko/sub_2017/img_defaultbg_wideview_06.jpg") no-repeat; background-size:cover; background-position:center center; background-color:#425e98;} */
.art_header_wide .header_cover .cover_img img {display:block; position:absolute; width:100%; height:100%; background:#425e98 url("//img.khan.co.kr/images/khan/m/img_defaultbg_wideview_06.jpg") no-repeat; background-size:cover; background-position:center center; object-fit:cover;}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
  .art_header_wide .header_cover .cover_img img {height:auto;}
}
.art_header_wide .header_cover .subject_box {position:relative; width:100%; height:100%;}
.art_header_wide .header_cover .subject_box .title-bottom {position:absolute; left:0; bottom:0; width:100%; height:auto; padding-bottom:50px; box-sizing:border-box;}
.art_header_wide .header_cover .subject_box .issue_title {display:inline-block; width:auto; color:#d4b080; font-size:15px; font-weight:700; *display:inline; zoom:1;}
.art_header_wide .header_cover .subject_box .issue_title a {color:#d4b080;}
.art_header_wide .header_cover .subject_box .issue_title .tag {display:inline-block; margin-top:-5px; margin-right:6px; padding:1px 6px; line-height:22px; border-radius:12.5%; font-size:15px; font-weight:700; text-align:center; vertical-align:middle; letter-spacing:-.07em; background-color:#fff;} /* 단독, 속보 태그 처리 */
.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:4px; transition:all 0.3s ease 0s; background-color:#d4b080;}
.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 10px; padding:2px 7px 2px 17px; line-height:1.3em; border-radius:5px; color:#4a4a4a; font-size:13px; font-weight:550; vertical-align:middle; background:url(//img.khan.co.kr/images/khan/pc/ico-plus-gray.svg) no-repeat 6px center; background-size:10px 10px; background-color:#fff;} /* 연재 구독 버튼 */
.art_header_wide .header_cover .subject_box .title-bottom .subscribe_link.ing {background:url(//img.khan.co.kr/images/khan/pc/ico-btn-check-gray.svg) no-repeat 6px center; background-size:10px 10px; background-color:#fff;} /* 연재 구독중 */
.art_header_wide .header_cover .subject_box .article_head {width:100%; max-width:750px; margin-top:10px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); color:#fff; font-size:36px; font-weight:500; line-height:1.3em; letter-spacing:-0.07em; opacity:0.9;}
.art_header_wide .header_cover .subject_box .byline,
.art_header_wide .header_cover .subject_box .byline a {display:block; margin:20px 0 0; color:#cecece; font-size:14px;}
.art_header_wide .header_cover .subject_box .author {display:block; margin:20px 0 0; padding-right:25px; color:#cecece; font-size:14px; cursor: pointer;}
.art_header_wide .header_cover .subject_box .author:hover {text-decoration: underline;}
.art_header_wide .header_cover .subject_box .author a {display:inline-block; color:#cecece; font-size:14px;}
.art_header_wide .header_cover .subject_box .reporter_area {top:45px; z-index:99;}
.art_header_wide .header_cover .subject_box .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(255,255,255,0.75); border-width:1px 1px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; content:'';}
.art_header_wide .header_cover .subject_box .bl_wrap.on .author::after {display:inline-block; vertical-align:top; width:6.65771px; height:6.65771px; margin:6px 0 0 6px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border:1px solid rgba(255,255,255,0.75); border-width:1px 1px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; content:'';}
.art_header_wide .header_cover .list_toggle {position:absolute; right:0; top:50px; cursor:pointer;}
.art_header_wide .header_cover .list_toggle > p {width:5px; height:4px; margin:5px 0px; border-radius:5px; opacity:0.7; transition:all 0.3s ease 0s; background-color:#fff;}
.art_header_wide .header_cover .list_toggle:hover > p {width:25px; opacity:1;}
.art_header_wide .header_cover .list_toggle .des {display:none; text-align:right; color:#fff; font-size:10px;}
.art_header_wide .header_cover .list_toggle:hover > .des {display:block;}

.popUp_list_layer {display:none; position:absolute; width:350px; right:-10px; top:40px; border:1px solid #222; box-shadow:3px 7px 15px rgba(0,0,0,0.3); background-color:#fff; z-index:10;}
.popUp_list_layer h2 {width:100%; padding:15px 50px 15px 15px; color:#d4b080; font-size:15px; line-height:1.5em; box-sizing:border-box; background-color:#222;}
.popUp_list_layer .close_btn {position:absolute; right:15px; top:14px; cursor:pointer;}
.popUp_list_layer .issue_list {width:100%; height:240px; padding:15px; box-sizing:border-box;}
.popUp_list_layer .issue_list ul {width:100%;}
.popUp_list_layer .issue_list ul li {padding:10px 4px; border-top:1px solid #ddd; font-size:13px; line-height:1.6em; box-sizing:border-box;}
.popUp_list_layer .issue_list ul li a {display:block; overflow:hidden; text-overflow:ellipsis; max-height:22px; white-space:nowrap; font-size:13px;}
.popUp_list_layer .issue_list ul li:first-child {border-top:0px;}
.popUp_list_layer .page_navi {width:100%; margin:15px 0; text-align:center; box-sizing:border-box;}
.popUp_list_layer .page_navi::after {display: block; clear: both; content: ""; }
.popUp_list_layer .page_navi ul {display:inline-block; position:relative;}
.popUp_list_layer .page_navi ul::after {display:block; clear:both; content:"";}
.popUp_list_layer .page_navi ul li {float:left; padding:0 7px; border-left:1px solid #ddd; text-align:center; font-size:14px; font-weight:700; line-height:14px; cursor:pointer;}
.popUp_list_layer .page_navi ul li::after {display:block; clear:both; content:"";}
.popUp_list_layer .page_navi ul li.no_border_left {border:0;}
.popUp_list_layer .page_navi ul li.on {color:#d60000;}
.popUp_list_layer .page_navi ul li.prev {overflow:hidden; width:14px; height:15px; padding:3px 0 0; border:none; text-indent:-9999px; background:url("//img.khan.co.kr/spko/lady/lady_2012/sub_set.gif") no-repeat scroll -20px -29px transparent;}
.popUp_list_layer .page_navi ul li.next {overflow:hidden; width:14px; height:15px; padding:3px 0 0; border:none; text-indent:-9999px; background:url("//img.khan.co.kr/spko/lady/lady_2012/sub_set.gif") no-repeat scroll 0 -29px transparent;}

.art_header_wide .writer_info {width:100%; height:70px; background:#2a2a2a;}
.art_header_wide .writer_info .col_2 {overflow:hidden; position:relative; width:100%; height:100%;}
.art_header_wide .writer_info .col_2 > div {float:left;}
.art_header_wide .writer_info .col_2 ::after {display:block; clear:both; content:"";}
.art_header_wide .writer_info .col_2 .writer_photo {margin-top:10px; width:50px;}
.art_header_wide .writer_info .col_2 .writer_photo > img,
.art_header_wide .writer_info .col_2 .writer_photo > picture img {width:100%; border-radius:50%;}
.art_header_wide .writer_info .col_2 .writer_txt {display:table; height:100%; margin-left:10px; box-sizing:border-box;}
.art_header_wide .writer_info .col_2 .writer_txt p {display:table-cell; vertical-align:middle; padding-right:6px;}
.art_header_wide .writer_info .col_2 .writer_txt .name {color:#d4b080; font-size:14px; font-weight:700;}
.art_header_wide .writer_info .col_2 .writer_txt .name a {display:inline-block; margin:0 4px;}
.art_header_wide .writer_info .col_2 .writer_txt .name a:hover {text-decoration:underline;}
.art_header_wide .writer_info .col_2 .writer_txt .info {color:#dedede; font-size:13px;}
.art_header_wide .writer_info .col_2 .writer_txt .mail_account {color:#8e8e8e; letter-spacing:0.15em; font-size:11px;}

.art_header_wide .writer_info .btn-email {padding-left:6px; line-height:18px;} /* 메일쓰기 버튼 */
.art_header_wide .writer_info .btn-email a {display:block; color:#dedede; font-size:12px; padding:2px 9px 2px 22px; border:1px solid #aaa; border-radius:50px; background:url("//img.khan.co.kr/images/khan/pc/ico-btn-email-gray.svg") 7px 50% no-repeat;}
.art_header_wide .writer_info .btn-subs {line-height:18px;} /* 구독하기 버튼 */
.art_header_wide .writer_info .btn-subs a {display:block; color:#dedede; font-size:12px; padding:2px 9px 2px 19px; border:1px solid #aaa; border-radius:50px; background:url("//img.khan.co.kr/images/khan/pc/ico-btn-plus-gray.svg") 6px 50% no-repeat;}
.art_header_wide .writer_info .btn-subs.on a {border:1px solid #4469B0; color:#789ee6; font-weight:700; background:url("//img.khan.co.kr/images/khan/pc/ico-btn-check.svg") 8px 50% no-repeat;} /* 구독중 일 때 표시 */

.art_header_wide .art_info .byline em:nth-child(2) {margin:0 0 0 20px; border:none;}
.art_header_wide .function_holder {width:100%;}
.art_header_wide .function_holder .function_col_2 {overflow:hidden; position:relative; width:100%; height:100%; padding:25px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.art_header_wide .function_holder .function_col_2::after {display:block; clear:both; content:"";}

.wrap_wideView .art_body {width:100%;}
.art_body .art_body_wrap {padding-top:70px; box-sizing:border-box;}
.art_body .art_body_wrap > div {width:100%; max-width:650px; margin:0 auto 30px; font-size:16px; line-height:1.9em;}
.art_body .art_body_wrap > div.content_text_subtitle {margin-top: 50px;}
.art_body .art_body_wrap .photo_wide {max-width:1100px;}

.wrap_wideView .share-fn-wrap {margin:70px auto;}
.wrap_wideView .content_text {width:100%; max-width:650px; margin:0 auto 30px; font-size:16px; line-height:1.9em; box-sizing:border-box;}
.wrap_wideView .art_photo {margin-bottom:40px;}
.wrap_wideView .art_photo .caption,
.wrap_wideView .photo_wide .caption {width:100%; padding:20px; font-size:13px; line-height:1.7em; box-sizing:border-box; background-color:#e8ecef;}
.wrap_wideView .photo_wide {margin-bottom:30px;}
.wrap_wideView .photo_wide .art_photo_wrap {display:table; width:auto; max-width:1100px; max-width:100%; margin:0 auto; clear:left;}
.wrap_wideView .photo_wide .art_photo_wrap .fancy_group {position:relative;}
.wrap_wideView .photo_wide .art_photo_wrap img {display:block; width:100%; max-width:1100px; height:auto; vertical-align:top;}
.wrap_wideView .boxLineBG .photo_wide .art_photo_wrap img {width:auto; margin:0 auto;}
.wrap_wideView .photo_wide .art_photo_wrap .title {padding:10px 20px 0; color:#4a4a4a; background-color:#e8ecef;}
.wrap_wideView .photo_wide .caption {display:table-caption; width:100%!important; max-width:100%; min-width:300px; *max-width:500px; caption-side:bottom;}

.wrap_wideView .content_text_subtitle {width:100%; height:auto; margin-top:50px; padding-left:20px; border-left:4px solid #222; font-weight:700; box-sizing:border-box;}
.wrap_wideView .content_text_subtitle b {display:block; color:#222; font-size:19px; font-weight:700; line-height:1.6em;}
.wrap_wideView .content_text_subtitle .strapline {padding:0; border:none;}
.wrap_wideView .content_text_subtitle strong {color:#222; font-size:19px; font-weight:700; line-height:1.6em;}

.wrap_wideView .quoto_box {position:relative; width:100%; max-width:700px; margin:0 auto 30px;}
.wrap_wideView .quoto_box .quoto_icon {position:absolute; left:0; top:0; width:60px; height:60px; background:url("//img.khan.co.kr/spko/sub_2017/icon_quoto_wideview.png") no-repeat;}
.wrap_wideView .quoto_box .quoto_txt {width:100%; box-sizing:border-box; padding:40px 30px 0 80px; font-family:'NanumMyeongjo Regular'; font-size:19px; font-weight:700; font-style:italic; letter-spacing:-0.025em; line-height:1.7em; text-shadow:0 0 1px rgba(0,0,0,0.3);}
.wrap_wideView .quoto_box .quoto_txt .from {display:block; margin-top:10px; color:#999; font-size:14px; text-shadow:none; line-height:21px;}

/* cms 관련 */
.wrap_wideView .art_body .art_body_wrap .editor-map iframe {width:650px; height:400px;}
.wrap_wideView .art_body .art_body_wrap .art_vod .art_vod_wrap iframe {max-width:650px; max-height:370px;}
.wrap_wideView .art_body .art_body_wrap .editor-quotation03 {display:block;}
.wrap_wideView .art_body .art_body_wrap .editor-list-wrap {max-width:610px; margin:20px auto;}
.wrap_wideView .art_body .art_body_wrap .editor-openlink-horizontal {box-sizing:border-box;}

.wrap_wideView .boxLineBG {float:none; max-width:550px; margin:50px auto; color:#444; line-height:1.9em; box-sizing:border-box; /* padding:30px 20px; border:none; border-top:3px solid #222; border-bottom:3px solid #222; background:no-repeat; */}
.wrap_wideView .boxLineBG.bg01 {background-color:#fafafa;} /* gray */
.wrap_wideView .boxLineBG.bg02 {background-color:#f1f9fd;} /* blue */
.wrap_wideView .boxLineBG.bg03 {background-color:#f1fdf3;} /* green */
.wrap_wideView .boxLineBG.bg04 {background-color:#fdfcf1;} /* yellow */
.wrap_wideView .boxLineBG.bg05 {background-color:#fdf1f1;} /* red */
.wrap_wideView .boxLineBG b {display:block; margin-bottom:20px; text-align:center;}
.wrap_wideView .boxLineBG .content_text {color:#555; font-size:15.5px; line-height:1.9em;}
.wrap_wideView .art_copyright {margin:50px auto; padding-bottom:30px; border-bottom:1px solid #ddd; color:#777; font-size:13px; box-sizing:border-box;}
.boxLineBG .photo_wide .art_photo_wrap {width:100% !important;}

.wrap_wideView #livereContainer {max-width:700px; margin:0 auto;}

.wrap_wideView .issue_banner {width:100%; height:auto; min-height:250px; margin:50px 0;}
.wrap_wideView .issue_banner .banner_bg {position:absolute; left:0; top:0; right:0; bottom:0;
background:url("//img.khan.co.kr/spko/sub_2017/kma_banner_bg.jpg") no-repeat center center; background-size:cover;}
.wrap_wideView .issue_banner .banner_txt {position:relative; width:100%; height:100%; padding:50px 0; box-sizing:border-box;}
.wrap_wideView .issue_banner .banner_txt .issue_title {color:#fff; font-size:22px; font-weight:700; opacity:0.9;}
.wrap_wideView .issue_banner .banner_txt .semi_border {width:20px; height:5px; margin:25px 0; background-color:#fff;}
.wrap_wideView .issue_banner .banner_txt .issue_des {max-width:400px; color:#fff; font-size:14px; line-height:1.5em; opacity:0.9; text-shadow:0 0 1px rgba(0,0,0,0.5);}
.wrap_wideView .issue_banner .banner_txt .issue_email {margin-top:10px; color:#ddd; font-size:11px; letter-spacing:0.3em; opacity: 0.8;}

.issue_recommend {width:100%; margin:50px 0;}
.issue_recommend h3 {position:relative; width:110px; left:50%; margin-left:-55px;}
.issue_recommend h3 em {display:inline-block; *display:inline; zoom:1; width:100%; margin:0 auto; border-bottom:2px solid #222; font-size:14px; text-align:center; line-height:30px;}
.issue_recommend h3 .under_bar {display:block; width:100%; height:2px; margin-top:4px; background-color:#222;}
.issue_recommend ul.issue_reco_list {overflow:hidden; position:relative; width:100%; margin-top:30px;}
.issue_recommend ul.issue_reco_list li {overflow:hidden; float:left; width:32.3%; *width:31%; height:200px; margin:0 0.5% 1%;}
.issue_recommend ul.issue_reco_list li img {height:100%; *width:100%;}
.issue_recommend ul.issue_reco_list li .reco_txt {position:absolute; left:0; bottom:0; width:100%; padding:15px; box-sizing:border-box;}
.issue_recommend ul.issue_reco_list li .reco_txt .title {color:#fff; font-size:18px; font-weight:550; letter-spacing:-0.05em; line-height:1.4em;}
.issue_recommend ul.issue_reco_list li .reco_txt .date {margin-top:7px; color:#b3b3b3; font-size:14px;} 
.issue_recommend ul.issue_reco_list li:hover > a > div > .reco_txt > .title {text-decoration:underline;}
.issue_recommend ul.issue_reco_list li:hover > a > div > .cover-shadow {opacity:0.8;}

.other_issue_list {width:100%; margin:50px 0;}
.other_issue_list h3 {position:relative; left:50%; width:130px; margin-left:-65px;}
.other_issue_list h3 em {display:inline-block; *display:inline; zoom:1; margin:0 auto; width:100%; border-bottom:2px solid #222; text-align:center; font-size:14px; line-height:30px;}
.other_issue_list ul.issue_list {overflow:hidden; position:relative; width:100%; margin-top:30px;}
.other_issue_list ul.issue_list li {overflow:hidden; float:left; width:32.3%; *width:31%; height:270px; margin:0.5% 0.5%; border:1px solid #ddd; box-sizing:border-box;}
.other_issue_list ul.issue_list li .link_thumb {width:100%; height:200px;}
.other_issue_list ul.issue_list li .link_thumb img {position:relative; left:0; top:0; width:100%; transition:all 0.3s ease 0s;}
.other_issue_list ul.issue_list li .link_thumb:hover > img {left:-8px; top:-8px; width:110%;}
.other_issue_list ul.issue_list li .other_issue_txt {position:absolute; left:0; bottom:0; width:100%; height:115px; padding:15px; box-shadow:0 -10px 20px rgba(0,0,0,0.3); box-sizing:border-box; background-color:#fff;}
.other_issue_list ul.issue_list li .other_issue_txt .issue_title {display:inline-block; zoom:1; margin-bottom:10px; padding:3px 0; padding-bottom:7px; border-bottom:2px solid #777; color:#777;
font-size:12px; letter-spacing:-1px; line-height:12px;}
.other_issue_list ul.issue_list li .other_issue_txt .issue_art_head {overflow:hidden; text-overflow:ellipsis; max-height:45px; color:#222; font-size:15px; font-weight:700; line-height:1.5em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.other_issue_list ul.issue_list li .other_issue_txt .issue_art_head a {color:#222;}

/* 플랫 시리즈 모음*/
.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 30px; 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-family:'GmarketSansLight'; font-weight:550; background-color:#ea4120;} /* 연재 중인 상태 */
.main-keyword-area .keys a.ended {color:#1a1a1a; border:1px solid #4a4a4a; background-color:#fff;} /* 연재 종료 상태 */

/* 관련 연재 */
.wrap_wideView .related_serial.test_b {margin-bottom:50px; padding:0; border-bottom:none;}
.wrap_wideView .related_serial.test_b .tit {display:block; position:relative; left:50%; width:110px; margin-left:-55px; margin-bottom:20px; padding:0; background:none;}
.wrap_wideView .related_serial.test_b .tit span {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;}
.wrap_wideView .related_serial.test_b ul {display:inline;}
.wrap_wideView .related_serial.test_b .relatelist.pic {display:block; overflow:hidden; margin-top:0; padding:0; border-top:1px solid #999; border-bottom:1px solid #999; background-color:#fdfdfd;} 
.wrap_wideView .related_serial.test_b .relatelist.pic li {overflow:hidden; float:left; width:240px; height:auto; margin:0; padding:30px 29px 28px; color:#454545; font-size:14px;}
.wrap_wideView .related_serial.test_b .relatelist.pic li a {display:block; height:190px; display:-webkit-box; overflow:hidden; text-align:center; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.wrap_wideView .related_serial.test_b .relatelist.pic li.clt, 
.wrap_wideView .related_serial.test_b .relatelist.pic li.cct {border-right:1px solid #ccc;}
.wrap_wideView .related_serial.test_b .relatelist.pic li .thumb {display:block; width:240px; height:144px; margin-bottom:8px;}
.wrap_wideView .related_serial.test_b .relatelist.pic li .thumb img {display:block; width:240px; height:144px;}
.wrap_wideView .related_serial.test_b .relatelist.pic li.txtonly {display:table;}
.wrap_wideView .related_serial.test_b .relatelist.pic li.txtonly a {display:table-cell; vertical-align:middle; font-size:15px;}
.wrap_wideView .related_serial.test_b li a.serial:hover {color:#e77d58; background-color:#fff;}
.wrap_wideView .related_serial.test_b li a.serial:hover span {color:#e77d58;}
.wrap_wideView .related_serial.test_b li a.serial.fst:hover {color:#fff; background-color:#e77d58;}
.wrap_wideView .related_serial.test_b li a.serial.fst:hover span {color:#fff;}
.wrap_wideView .sns_share_major {margin:0 auto 50px;}

/* 플랫 푸터 */
#footer.footer-flat {width:100%; border:0; background-color:#232323}
.footer-flat .site-info {position:relative; max-width:1240px; height:156px; margin:0 auto; padding:0 40px;}
.footer-flat .site-info h1 {position:absolute; left:40px; top:50px; width:90px; height:48px; 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:100px; color:#fff; font-size:33px; font-weight:400; line-height:.8em;}
.footer-flat .site-info .social {position:absolute; right:35px; top:60px;}
.footer-flat .site-info .social .social-ico {display:inline-block; width:30px; height:30px; margin:0 3px; line-height:2em;}
.footer-flat .site-info .social .social-ico span {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:40px; height:30px; 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 {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 0 40px; 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:22px;}
.footer-flat .f-info .cont {margin:20px 0 40px; font-size:18px; font-family:"GmarketSansLight";}
.footer-flat .f-info .copy {text-align:center; color:#fefefe; font-size:18px; font-family:"GmarketSansLight";}
/* 플랫 뷰페이지 맨위로 버튼 */
.go-top {display:none; position:fixed; right:35px; bottom:35px; width:70px; height:70px; margin:0 auto; border-radius:70px; text-align:center; opacity:0; background-color:#ea4120; z-index:8; -webkit-transition-duration:.2s; transition-duration:.2s;}
.go-top a {display:block;}
.go-top .txt {display:inline-block; width:40px; padding-top:37px; color:#fff; font-size:12px; font-weight:700; letter-spacing:0.1em; background:url("//img.khan.co.kr/images/micro/flat/flat-ico-gotop.svg") no-repeat 50% 6px; background-size:35px 35px;}
.go-top.on {display:block; opacity:1; -webkit-transition-duration:.5s; transition-duration:.5s;}




/**************************************************************************** 
	뉴스레터 섹션 기사 페이지
****************************************************************************/
.container.newsletter {margin: 0 0 80px;}
.container.newsletter .art_body {min-width: 1110px;}
.container.newsletter .art_body .public-email span {display: inline; vertical-align: inherit;}
.container.newsletter .art_body .public-email li {list-style-type: inherit;}
.wrap_wideView .container.newsletter .content_text {margin:0 auto;}
/* 기사뷰 탑 바 default - 블루 테마 */
.fx_topbar_wrap.theme-bl {border-bottom: 2px solid #5a77d1; background-color: #fff}
/* scroll-down 시 - 화이트 테마 */
.fx_topbar_wrap.theme-wt {border-bottom: 2px solid #5a77d1; background-color: rgba(255, 255, 255, 0.85)}
.fx_topbar_wrap.theme-bl.theme-wt {border-bottom: 2px solid #5a77d1; background-color: #5a77d1}
.fx_topbar_wrap.theme-bl .fx_topbar .btn_all a {background:url(//img.khan.co.kr/images/khan/pc/btn_all_menu_wt.svg) 50% 50% no-repeat; background-size: 22px 19px;}
.fx_topbar_wrap.theme-bl .fx_topbar .search .search_btn.open a {background:url(//img.khan.co.kr/images/khan/pc/ico-search-wt.svg) 50% 50% no-repeat; background-size: 22px 22px;}
.fx_topbar_wrap.theme-bl .fx_topbar .search .search_btn.close a {background: url(//img.khan.co.kr/images/khan/pc/ico-close-sm-wt.svg) 50% 50% no-repeat; background-size: 18px;}
.fx_topbar_wrap.theme-bl .fx_topbar .logo a,
.fx_topbar_wrap.theme-bl .fx_topbar .logo.logo220303 a {background:url(//img.khan.co.kr/images/khan/pc/logo_khan_wt.svg) 50% 50% no-repeat; background-size:90px 23px;}
.fx_topbar_wrap.theme-bl .fx_topbar .logo.logo221031 a {background:url(//img.khan.co.kr/images/khan/pc/logo_khan_221031_wt.png) 50% 50% no-repeat; background-size:101px 28px;}
.fx_topbar_wrap .fx_topbar > .gnb li.channel a {font-size: 18px; font-weight: 300; display: inline-block;}
.fx_topbar_wrap .fx_topbar > .gnb li.bar {padding: 0; margin-top: 20px; background-color: rgba(0, 0, 0, 0.3);width: 1px; height: 16px;}
.fx_topbar_wrap.theme-bl .fx_topbar > .gnb li.bar {background-color: rgba(255, 255, 255, 0.7);}
.fx_topbar_wrap.theme-bl .fx_topbar > .gnb li a {color:#fff;}
.fx_topbar_wrap .fx_topbar > .gnb li .label {margin: 16px 0 0 8px; padding: 4px 8px; background-color: #c9d8ff; color: #00153e; font-size: 13px; line-height: 1.4em; border-radius: 4px;}
.fx_topbar_wrap.theme-bl .fx_topbar .title p {color:#fff;}
.fx_topbar_wrap.theme-bl .fx_topbar .r-issue .fn-btn li.member {background: url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt.svg) no-repeat scroll 50% 50% transparent; background-size: 18px 20px;}
.fx_topbar_wrap.theme-bl .fx_topbar .r-issue .fn-btn li.member.sign-in {background: url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt-in.svg) no-repeat scroll 50% 50% transparent; background-size: 24px 22px;}
.fx_topbar_wrap.theme-bl .fx_topbar > .r-issue .issue-txt a {color:#fff;}
.fx_topbar_wrap.theme-bl .fx_topbar .login-svc-sec .login-menu-wrap {color:#fff;}
.fx_topbar_wrap.theme-bl .fx_topbar .login-svc-sec .login-svc-wrap > span.khan_id {color:#fff; padding-right:15px; background:url("//img.khan.co.kr/images/khan/pc/ico-arrow-down-s-wt.svg") right 53% no-repeat; background-size:10px; cursor:pointer;}
.fx_topbar_wrap.theme-bl .fx_topbar .fn-btn li.share {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-share-wt.svg) no-repeat scroll 50% 50% transparent; background-size: 20px 20px;}
.fx_topbar_wrap .fx_topbar .fn_wrap .fn-btn li.member {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member.svg) no-repeat scroll 50% 50% transparent; background-size: 18px 20px;}
.fx_topbar_wrap .fx_topbar .fn_wrap .fn-btn li.member.sign-in {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-in.svg) no-repeat scroll 50% 50% transparent; background-size: 24px 22px}
.fx_topbar_wrap.theme-bl .fx_topbar .fn-btn li.member {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt.svg) no-repeat scroll 50% 50% transparent; background-size: 18px 20px;}
.fx_topbar_wrap.theme-bl .fx_topbar .fn-btn li.member.sign-in {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-wt-in.svg) no-repeat scroll 50% 50% transparent; background-size: 24px 22px}
.fx_topbar_wrap.theme-bl .fx_topbar .fn-btn li.newsply {margin-right:10px; background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-off-wt.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px;}
.fx_topbar_wrap.theme-bl .fx_topbar .fn-btn li.newsply.on {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-on-wt.svg") no-repeat scroll 50% 50% transparent; background-size:24px 24px;}
@media (max-width:1599px){
    .fx_topbar_wrap.theme-wt .fx_topbar .title {position: relative;}
    .fx_topbar_wrap.theme-wt .fx_topbar .title p {padding: 0 140px 0 20px;     width: auto;max-width: none; margin: 0; text-align: left;}
}

/* 헤더 영역 */
.art_header_wide .header_center {width: 100%; height: 250px; display: flex; align-items: center; justify-content: center;}
.art_header_wide .header_center .title-center { width:100%; height:auto; padding-top:50px; box-sizing:border-box;}
.art_header_wide .header_center .article_head {width:100%; max-width:800px; text-align: center; margin:10px auto 0; text-shadow: none; color:#1a1a1a; font-size:36px; font-weight:600; line-height:1.3em; letter-spacing:-2px; opacity:0.9;}
.art_header_wide .header_center .ch-title {font-size: 16px; color: #5a77d1; font-weight: 600; text-align: center; padding: 0 0 5px;}
.art_header_wide .header_center .season {margin: 15px 0 0; font-size: 18px; color: #1a1a1a; font-weight: 500; text-align: center;}
.art_header .info_wrap {position: relative; max-width: 1110px; margin: 0 auto; display:block; height:90px; border-bottom:3px solid #5a77d1; box-sizing: border-box;}
.art_header .info_wrap .art_info {position: absolute; left: 0; bottom: 20px; top: auto;}
.art_header .info_wrap .art_conts {position: absolute; right: 0; bottom: 18px; text-align: right;}
.art_header .info_wrap .art_conts .time-taken {text-align: right; margin-bottom: 18px; padding-left: 20px; font-size: 14px; color: #444; background:url(https://img.khan.co.kr/images/khan/pc/ico_clock.svg) no-repeat left center; background-size: 15px 15px}
.art_header .info_wrap .art_conts .hashtag-wrap .hashtag {float: left; margin-left: 10px; padding: 10px 15px; font-size: 14px; line-height: 1em; color: #666666; background: #eff1f7; border-radius: 8px;}
/* 직전 레터 or 추천레터 보기 */
.move-letter {position: relative; width: 1110px; margin: 0 auto; display: block; height: 110px; padding: 20px 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.move-letter .letter-list {position: relative; width: 870px; height: 70px; padding: 0 120px;}
.move-letter .letter-list:before {position: absolute; left: 50%; width: 1px; height: 70px;  background-color: #dddddd; content: '';}
.move-letter .letter-list .letter {float: left; width: 50%;}
.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: 105px; height: 70px; margin: 0 15px 0 0; border-radius: 8px; 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-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(https://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(https://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;}

/* 좌측 기능 버튼 영역 */
.left-function-wrap .inner {position:relative; max-width: 1110px; margin: 0 auto;}
.left-function-wrap .function_wrap {position:absolute; left: 0; top: 50px; width:65px; /* z-index:9; */ z-index:100;}
.left-function-wrap .function_wrap.fixed {position:fixed; left:50%; top:80px; margin-left:-555px;}
.left-function-wrap .function_wrap .pagecontrol {margin-bottom:30px; padding-bottom:10px;}
.left-function-wrap .function_wrap .pagecontrol:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li {position:relative; width:27px; height:30px; margin:0 auto 20px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li a {display:block; width:27px; height:30px; text-indent:-9999px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.bar {background: #dedede; width: 65px; height: 1px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.list {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-list.svg") no-repeat scroll 50% 50% transparent; background-size: 20px 16px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.share {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-share-re.svg") no-repeat scroll 50% 50% transparent; background-size: 20px 20px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.bookmark {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-bookmark.svg") no-repeat scroll 50% 50% transparent; background-size: 18px 20px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.bookmark.on {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-bookmark-on.svg") no-repeat scroll 50% 50% transparent;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.text {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-text.svg") no-repeat scroll 50% 50% transparent; background-size: 24px 18px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.print {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-printer.svg") no-repeat scroll 50% 50% transparent; background-size: 20px 18px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.newsply {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-off.svg") no-repeat scroll 50% 50% transparent; background-size: 24px 24px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.newsply.on {background:url("//img.khan.co.kr/images/khan/pc/ico-fn-star-on.svg") no-repeat scroll 50% 50% transparent; background-size: 24px 24px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.clapping {background: url(//img.khan.co.kr/images/khan/pc/ico-fn-clapping.svg) no-repeat scroll 50% 50% transparent; background-size: 24px 24px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.clapping .count {display: block; position: relative; width: auto; color: #4469B0; font-size: 13px; text-align: center;}
/* 매체 공유 레이어 */
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.share:hover .slt_sns_menu {display:block;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .slt_sns_menu {display:none; position:absolute; left:20px; top:-15px; padding-left: 20px; visibility:visible; z-index:400; -webkit-transition: top 75ms ease-out,left 75ms ease-out; transition: top 75ms ease-out,left 75ms ease-out; -webkit-animation: pop-upwards 180ms forwards linear; animation: pop-upwards 180ms forwards linear;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .slt_sns_menu.open {display:block;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu {display:block; overflow:hidden; position:relative; width:296px; padding:10px 14px; border:1px solid #5a5a5a; border-radius:5px; -webkit-border-radius:5px; background-color:#fff;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li {float:left; width:38px; height:38px; margin-right:5px; margin-bottom:0;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li:last-child {margin-right:0;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a {display:block; width:38px; height:38px; border-radius:50%; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/sprite-sub.png?v=20230327") no-repeat left top;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a.facebook {background-position:-3px 0;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a.twitter {background-position:-53px 0;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a.kakaotalk {background-position:-103px 0;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a.band {background-position:-153px 0;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a.googleplus {background-position:-203px 0;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a.email {background-position:-253px 0;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a.moresns {background-position:-303px 0;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a.nhnblog {background-position:-2px -510px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a.copyurl {background-position:-53px -510px;}
.left-function-wrap .function_wrap .pagecontrol .fn-btn li .area_sns_menu > li a.kakao {background-position:-103px -510px;}
/* 글자크기 변경 레이어 */
.left-function-wrap .function_wrap .pagecontrol .fn-btn li.text:hover .slt_font_menu {display:block;}
.left-function-wrap .function_wrap .slt_font_menu {display:none; position:absolute; left:20px; top:-15px; visibility:visible; width:243px; padding-left:20px; z-index:400; -webkit-transition: top 75ms ease-out,left 75ms ease-out; transition: top 75ms ease-out,left 75ms ease-out; -webkit-animation: pop-upwards 180ms forwards linear; animation: pop-upwards 180ms forwards linear;}
/* 공감 카운트 영역 */
.like-count-wrap {width: 1110px; margin: 30px auto 0; padding: 60px 0; border-top: 3px solid #5a77d1;}
.like-count-wrap h3 {width: 100%; margin: 0 auto; font-size: 26px; font-weight: 600; text-align: center; line-height: 30px;}
.like-count-wrap ul {max-width: 450px; margin: 50px auto 0;}
.like-count-wrap ul::after {display:block; clear:both; content:"";}
.like-count-wrap ul li {float: left; position: relative; margin-right: 50px;}
.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; letter-spacing: -0.07em;}
.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: 1110px; margin: 60px auto 0; padding: 80px 0 30px; background: #5a77d1; border-radius: 8px;}
.feedback-wrap .editor_profile {display: block; 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: 800px; margin: 0 auto; 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: 1110px; margin: 0 auto 0; padding: 60px 0 30px; border-bottom: 3px solid #5a77d1;}
.letter-share-wrap .editor_desc {width: 800px; margin: 0 auto; text-align: center; font-size: 16px; color: #1a1a1a; font-weight: 400; line-height: 1.5em;}
.letter-share-wrap .share {position: relative; display: block; text-align: center; margin: 30px auto 0; width: 180px; height: 55px;}
.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; box-sizing: border-box;}
.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;}
/* 하단 공유 레이어 */
.letter-share-wrap .share:hover .slt_sns_menu {display:block;}
.letter-share-wrap .slt_sns_menu {display:none; position:absolute; left: 0; top:45px; visibility:visible; z-index:400; -webkit-transition: top 75ms ease-out,left 75ms ease-out; transition: top 75ms ease-out,left 75ms ease-out; -webkit-animation: pop-upwards 180ms forwards linear; animation: pop-upwards 180ms forwards linear;}
.letter-share-wrap .slt_sns_menu.open {display:block;}
.letter-share-wrap .area_sns_menu {display:block; overflow:hidden; position:relative; left:50%; top:5px; width:296px; margin-left:-183px; padding:10px 14px; border:1px solid #5a5a5a; border-radius:5px; -webkit-border-radius:5px; background-color:#fff;}
.letter-share-wrap .area_sns_menu > li {float:left; width:38px; height:38px; margin-right:5px;}
.letter-share-wrap .area_sns_menu > li:last-child {margin-right:0;}
.letter-share-wrap .area_sns_menu > li a {display:block; width:38px; height:38px; border-radius:50%; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/sprite-sub.png?v=20230327") no-repeat left top;}
.letter-share-wrap .area_sns_menu > li a.facebook {background-position:-3px 0;}
.letter-share-wrap .area_sns_menu > li a.twitter {background-position:-53px 0;}
.letter-share-wrap .area_sns_menu > li a.kakaotalk {background-position:-103px 0;}
.letter-share-wrap .area_sns_menu > li a.band {background-position:-153px 0;}
.letter-share-wrap .area_sns_menu > li a.googleplus {background-position:-203px 0;}
.letter-share-wrap .area_sns_menu > li a.email {background-position:-253px 0;}
.letter-share-wrap .area_sns_menu > li a.moresns {background-position:-303px 0;}
.letter-share-wrap .area_sns_menu > li a.nhnblog {background-position:-3px -510px;}
.letter-share-wrap .area_sns_menu > li a.copyurl {background-position:-53px -510px;}
.letter-share-wrap .area_sns_menu > li a.kakao {background-position:-103px -510px;}

/* 많이 본 레터 & 추천 레터 */
.most-view-news {width: 100%; max-width: 1110px; margin: 60px auto 0;}
.most-view-news h3 {font-size: 24px; margin: 0 0 30px; font-weight: 600;}
.list-col-4 {position: relative; min-width: max-content;}
.list-col-4:after {display:block; clear:both; content:"";}
.list-col-4 li {float: left;}
.list-col-4 li a {display: block; overflow: hidden; position: relative;width: 255px; height: auto; margin-right: 30px;}
.list-col-4 li:last-child a {margin-right: 0;}
.list-col-4 li a .thumb {width: 255px; height: 170px; border-radius: 8px;}
.list-col-4 li a .thumb img {width: 100%; height: 100%; object-fit: cover; display: block;}
.list-col-4 li a .caption {width: 100%; padding: 0 5px; margin: 10px 0 0; box-sizing: border-box;}
.list-col-4 li a .tit {overflow: hidden; min-height: 2.8em; max-height: 2.8em; margin: 0 0 10px; color: #1a1a1a; font-size: 18px; font-weight: 550; letter-spacing: -0.025em; line-height: 1.4em;}
/* 맨위로 가기 */
.btn-gotop.newsletter {position: fixed; bottom: 160px; right: 40px;}
/* 구독 플로팅 배너 */
.bnr-sub-nl {display:none; position:fixed; right:35px; bottom:55px; min-width: 260px; height:80px; margin:0 auto; border:2px solid #5a77d1; border-radius:70px; box-shadow:6px 6px #5a77d1; text-align:left; opacity:0; background-color:#fff; z-index:8; -webkit-transition-duration:.2s; transition-duration:.2s;}
.bnr-sub-nl a {display:block; height:80px;}
.bnr-sub-nl .txt {margin: 0 25px; padding:15px 0 15px 48px; text-align:left; color:#1a1a1a; font-size:16px; font-weight: 500; line-height:1.5em; background:url("//img.khan.co.kr/images/khan/pc/ico-newsletter_sub.svg") no-repeat 0 50%; background-size:36px 36px; letter-spacing: -0.07em;}
.bnr-sub-nl.on {display:block; opacity:.95; -webkit-transition-duration:.5s; transition-duration:.5s;}
/* 로그인 유도 팝업 */
.bg_overlay {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)}
.login-layer {position:fixed;z-index:50;bottom:0;width:100%;height:100%;background-color:#fff; border-radius: 24px 24px 0 0;-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; box-shadow:0 0 20px 0 rgba(0,0,0,.2)}
.btm-layer .inner {position: relative; width: 100%; max-width: 1110px; margin:40px auto;}
.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 0 50%; background-size: 59px 70px; display: block;}
.btm-layer .inner .txt {font-size:22px; font-weight: 500; text-align:center; color:#1a1a1a; line-height:1em; margin: 30px 0 40px;}
.btm-layer .inner .btn-login {margin: 0 auto; 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 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_wrap {max-width:1110px; margin:0 auto;}
.loginpopup_wrap .tit {display:block; margin:0 auto 3px; text-align:center; font-size:24px;}
.loginpopup_wrap .benefit_wrap {padding:20px; border-radius:25px; background-color:#f2f5fc;}
.loginpopup_wrap .benefit_wrap .txt {margin:0 0 10px; color:#5f71a8; font-size:15px; font-weight:400;}
.loginpopup_wrap .benefit_wrap .benefit_list {display:flex; align-items:center; justify-content:space-evenly;}
.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 .intro_wrap {padding:20px 0 10px;}
.loginpopup_wrap .intro_wrap .txt {margin:0 0 25px; 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:40px; margin:5px; padding:0 15px; border:1px solid #787878; border-radius:40px; text-align:center; color:#3a3a3a; font-size:15px;}
.loginpopup_wrap .intro_wrap .intro_list li .con {font-size:17px;}
.loginpopup_wrap .btn_area {display:flex; max-width:480px; margin:20px auto;}
.loginpopup_wrap .btn_area > a {display:block; width:200px; height:55px; margin:0 auto; border:1px solid #5a77d1; border-radius:15px; font-size:16px; font-weight:500; text-align:center; line-height:55px;}
.loginpopup_wrap .btn_area .btn_login {color:#fff; background-color:#5a77d1;}
.loginpopup_wrap .btn_area .btn_cancel {color:#5a77d1; background-color:#fff;}
.loginpopup_wrap.case02 .tit {position:relative; margin:50px auto 20px;}
.loginpopup_wrap.case02 .tit .img-ci {height:28px; vertical-align:bottom;}
.loginpopup_wrap.case02 .tit .sub-tit {display:block; margin:20px auto 60px; color:#3b4b7e; font-size:18px;}
/* 퀴즈 서비스 마감 알림 팝업 */
.quizpopup_wrap {max-width:500px; margin:0 auto;}
.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:24px; font-weight:700;}
.quizpopup_wrap .info_wrap .sub_txt {margin:20px 0 30px; 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;}




/**************************************************************************** 
	수능페이지 #sat2012Wrap
****************************************************************************/
/* 헤드라인 뉴스 */
#sat2012Wrap .headline {*zoom:1; position:relative; margin-bottom:30px; padding-bottom:20px; border-bottom:3px solid #E5E5E5;}
#sat2012Wrap .headline:after {clear:both; display:block; content:"";}
#sat2012Wrap .headline h3.blind {display:block; overflow:hidden; position:absolute; left:0; top:-9999px;}
#sat2012Wrap .headline .thumb {float:left;}
#sat2012Wrap .headline .thumb img {width:220px; vertical-align:top;}
#sat2012Wrap .headline .cnt {float:right; width:455px;}
#sat2012Wrap .headline .txtArtc dt a {display:block; padding:10px 0 8px 0; color:#002c77; font-size:24px; letter-spacing:-2px; line-height:110%; font-weight:700;}
#sat2012Wrap .headline .txtArtc dt a:hover {color:#3366FF; text-decoration:none;}
#sat2012Wrap .headline .txtArtc dd, 
#sat2012Wrap .headline .txtArtc dd a {color:#888; line-height:16px;}
#sat2012Wrap .headline .reList {margin-top:10px;}
#sat2012Wrap .headline .reList li {overflow:hidden; padding-left:13px; line-height:18px; background:url("//img.khan.co.kr/spko/main_2011/imgset_re.gif") no-repeat 1px 5px; text-overflow:ellipsis; white-space:nowrap;}
#sat2012Wrap .headline a.btn {display:block; position:absolute; right:0; bottom:10px; width:165px; height:20px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/special/sat2012_imgset.gif") no-repeat 0 -60px;}

/* 주요기사 */
#sat2012Wrap .mjNews {margin-bottom:30px;}
#sat2012Wrap .mjNews h3 {display:block; overflow:hidden; width:50px; height:15px; margin-bottom:10px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/main_2011/h3.gif") no-repeat 0 0;}
#sat2012Wrap .mjNews .txtArtc dt {margin:20px 0 5px 0;}
#sat2012Wrap .mjNews .txtArtc dt a {display:block; color:#000; font-size:14px; letter-spacing:-1px; font-weight:700;}
#sat2012Wrap .mjNews .txtArtc dt a:hover {color:#3399FF;}
#sat2012Wrap .mjNews .txtArtc dd,
#sat2012Wrap .mjNews .txtArtc dd a {color:#888; line-height:15px;}
#sat2012Wrap .mjNews .phArtc {*zoom:1; padding:2px 0 8px 0;}
#sat2012Wrap .mjNews .phArtc:after {clear:both; display:block; content:"";}
#sat2012Wrap .mjNews .phArtc dt a {display:block; padding:3px 0 5px 0; color:#000; font-size:14px; letter-spacing:-1px; font-weight:700;}
#sat2012Wrap .mjNews .phArtc dt a:hover {color:#3399FF;}
#sat2012Wrap .mjNews .phArtc dd.thumb {float:left; margin-right:12px;}
#sat2012Wrap .mjNews .phArtc dd.thumb img {width:100px; height:70px; vertical-align:top;}
#sat2012Wrap .mjNews .phArtc dd.txt,
#sat2012Wrap .mjNews .phArtc dd.txt a {color:#888; line-height:15px;}
#sat2012Wrap .mjNews .phArtc dd.date {height:17px; padding-top:2px; color:#BBB; font-size:10px; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica;}

/* 포토뉴스 */
#sat2012Wrap .phNews {*zoom:1; margin-right:-6px;}
#sat2012Wrap .phNews:after {clear:both; display:block; content:"";}
#sat2012Wrap .phNews li {float:left; position:relative; margin-right:3px;}
#sat2012Wrap .phNews li a {display:block; cursor:pointer;}
#sat2012Wrap .phNews li a:hover {text-decoration:none;}
#sat2012Wrap .phNews li img {width:107px; height:85px; vertical-align:top;}
#sat2012Wrap .phNews li strong.txt {overflow:hidden; position:absolute; left:5px; bottom:3px; width:100px; height:13px; color:#fff; font-size:11px; letter-spacing:-1px; font-weight:normal; z-index:2;}
#sat2012Wrap .phNews li span.bg {position:absolute; left:0; bottom:0; width:107px; height:21px; opacity:0.5; filter:alpha(opacity=50); background-color:#000; z-index:1;}
#sat2012Wrap .phNews li.large {margin:0 6px 6px 0;}
#sat2012Wrap .phNews li.large img {width:217px; height:170px; vertical-align:top;}
#sat2012Wrap .phNews li.large strong.txt {overflow:hidden; position:absolute; left:5px; bottom:5px; width:210px; height:13px; color:#fff; font-size:11px; letter-spacing:-1px; font-weight:700; z-index:2;}
#sat2012Wrap .phNews li.large span.bg {position:absolute; left:0; bottom:0; width:217px; height:25px; background-color:#000; opacity:0.5; filter:alpha(opacity=50); z-index:1;}
#sat2012Wrap .phNews li.hr {margin-right:6px;}

/* 기출문제및답안 */
#sat2012Wrap .subSct .answer {position:relative; padding:20px 5px 5px 5px; background-color:#efefef;}
#sat2012Wrap .subSct .answer h3 {display:block; overflow:hidden; width:110px; height:17px; padding-left:8px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/special/sat2012_imgset.gif") no-repeat 0 0;}
#sat2012Wrap .subSct .answer .more {position:absolute; right:6px; top:23px; height:10px;}
#sat2012Wrap .subSct .answer .more a {padding-right:6px; color:#999; font-size:11px; letter-spacing:-1px; background:url("//img.khan.co.kr/spko/main_2011/imgset_arw.gif") no-repeat scroll right 2px transparent;}
#sat2012Wrap .subSct .answer .cnt {padding:13px 5px 7px 8px; margin-top:6px; border:1px solid #ccc; background-color:#fff;}
#sat2012Wrap .subSct .answer .cnt h4 {margin-bottom:8px; color:#cc0000; font-size:12px;}
#sat2012Wrap .subSct .answer .cnt span {display:inline-block; margin:0 0 5px 2px; padding-right:8px; background:url("//img.khan.co.kr/spko/main_2011/imgset_bar.gif") no-repeat right 2px;}
#sat2012Wrap .subSct .answer .cnt span a {display:block; padding:2px 18px 0 0; color:#666; background:url("//img.khan.co.kr/spko/special/sat2012_btn_down.gif") no-repeat right 0;}
#sat2012Wrap .subSct .answer .cnt span a:hover {color:#000;}

/* SNS검색결과 */
#sat2012Wrap .subSct .snsSearch h3 {height:17px; margin-bottom:8px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/special/sat2012_imgset.gif") no-repeat 0 -30px;}
#sat2012Wrap .subSct .snsSearch .frameTop {height:15px; background:url("//img.khan.co.kr/spko/special/sat2012_bg_sns.gif") no-repeat left top;}
#sat2012Wrap .subSct .snsSearch .cnt {width:200px; padding:0 10px; background:url("//img.khan.co.kr/spko/special/sat2012_bg_sns.gif") no-repeat left bottom;}
#sat2012Wrap .subSct .snsSearch .cnt span {display:inline-block; padding:0 3px; margin-bottom:12px;}
#sat2012Wrap .subSct .snsSearch .cnt span a {vertical-align:middle;}
#sat2012Wrap .subSct .snsSearch .typeA a {color:#000; font-size:12px; font-weight:700; letter-spacing:-1px;}
#sat2012Wrap .subSct .snsSearch .typeB a {color:#525f7e; font-size:14px; font-weight:700; letter-spacing:-1px;}
#sat2012Wrap .subSct .snsSearch .typeC a {color:#8788d0; font-size:16px; font-weight:700; letter-spacing:-1.5px;}
#sat2012Wrap .subSct .snsSearch .typeD a {display:block; color:#fff; font-size:12px; font-weight:700; letter-spacing:-1px; background-color:#4b5262; padding:4px 7px 3px 7px;}

/* 연재 */
#sat2012Wrap .subSct .serial {margin-top:30px;}
#sat2012Wrap .subSct .serial h3 {display:block; overflow:hidden; width:30px; height:15px; margin-bottom:10px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/main_2011/h3.gif") no-repeat 0 -80px;}
#sat2012Wrap .subSct .serial .group {margin-bottom:15px;}
#sat2012Wrap .subSct .serial h4 {margin-bottom:10px; border:1px solid #ddd; font-size:12px; color:#000; letter-spacing:-1px; background:#f5f5f5;}
#sat2012Wrap .subSct .serial h4 a {display:block; height:17px; padding:6px 0 0 9px; color:#000; background:url("//img.khan.co.kr/spko/main_2011/imgset.gif") no-repeat 195px -150px;}
#sat2012Wrap .subSct .serial .txtList li {padding-left:10px; line-height:20px; background:url("//img.khan.co.kr/spko/main_2011/imgset_dot.gif") no-repeat 0 -13px;}
#sat2012Wrap .subSct .serial .txtList li a {display:block; _display:inline-block;}

/* 댓글 */
#sat2012Wrap .scrollWrap {margin-top:50px;}
#sat2012Wrap .comment {float:right; width:560px;}
#sat2012Wrap .comment h3 {height:34px; margin-bottom:20px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/special/sat2012_title_comment.gif") no-repeat;}


/* 2012수능 서브 (20111104 JW) **********/
/* 시행계획 */
#sat2012Wrap .subCnt_col3 {margin-bottom:30px;}
#sat2012Wrap .subCnt_col3 h3 {margin:8px 0 0 0; padding-bottom:7px; padding-left:25px; border-bottom:1px solid #ddd; color:#000; font-size:16px; letter-spacing:-1px; background:url("//img.khan.co.kr/spko/main_2011/imgset.gif") no-repeat 0 -207px;}

/* 전형일정 */
#sat2012Wrap .plan {line-height:180%; }
#sat2012Wrap .plan h4 {margin:30px 0 7px 0; color:#333; font-size:12px;}
#sat2012Wrap .plan p {margin-bottom:7px;}
#sat2012Wrap .plan strong {text-decoration:underline;}
#sat2012Wrap .plan a {text-decoration:underline;}
#sat2012Wrap .plan .hypen {padding-left:10px;}
#sat2012Wrap .plan .hypen span {margin:0 4px 0 -10px;}
#sat2012Wrap .plan .korean {padding-left:20px;}
#sat2012Wrap .plan .korean span {margin:0 4px 0 -20px;}
#sat2012Wrap .plan .number {padding-left:15px;}
#sat2012Wrap .plan .number span {margin:0 4px 0 -15px;}
#sat2012Wrap .plan .circle {padding-left:15px;}
#sat2012Wrap .plan .circle span {margin:0 4px 0 -15px;}
#sat2012Wrap .plan .circle .hypen {margin-left:6px;}

/* 시간표 */
#sat2012Wrap .timetable {line-height:150%;}
#sat2012Wrap .timetable h4 {margin:30px 0 5px 0; color:#333; font-size:12px;}
#sat2012Wrap .timetable table {width:100%; border:1px solid #DDD; margin-bottom:10px;}
#sat2012Wrap .timetable th {padding:8px 0 6px 0; border:1px solid #DDD; background:#f5f5f5;}
#sat2012Wrap .timetable td {padding:4px 0 2px 0; border:1px solid #DDD; text-align:center; line-height:120%;}
#sat2012Wrap .timetable .num {width:8%;}
#sat2012Wrap .timetable .subject {  }
#sat2012Wrap .timetable .time {width:18%;}
#sat2012Wrap .timetable .score {width:8%;}
#sat2012Wrap .timetable .qnum {width:9%;}
#sat2012Wrap .timetable .etc {  }
#sat2012Wrap .timetable td.etc {width:30%; text-align:left; padding-left:7px;}
#sat2012Wrap .timetable .ref {padding-left:16px;}
#sat2012Wrap .timetable .ref span {margin:0 4px 0 -16px;}
#sat2012Wrap .timetable .ref li {margin-bottom:5px;}

/* 전형일정 */
#sat2012Wrap .schedule h4 {margin:30px 0 5px 0; color:#333; font-size:12px;}
#sat2012Wrap .schedule table {width:100%; border:1px solid #DDD; margin-bottom:50px;}
#sat2012Wrap .schedule th {padding:8px 0 6px 0; border:1px solid #DDD; font-size:11px; background:#f5f5f5;}
#sat2012Wrap .schedule td {padding:4px 0 2px 0; border:1px solid #DDD; text-align:center; font-size:11px; line-height:120%;}
#sat2012Wrap .schedule td span {display:inline-block; margin-top:5px; color:#999; font-size:11px;}
#sat2012Wrap .schedule .division {width:12%;}
#sat2012Wrap .schedule .period {  }
#sat2012Wrap .schedule .pass {width:22%;}
#sat2012Wrap .schedule .enroll {width:24%;}
#sat2012Wrap .schedule .etc {width:13%;}
#sat2012Wrap .schedule .blue {color:#7392b3;}
#sat2012Wrap .schedule .red {color:#f36894;}
#sat2012Wrap .schedule .left {text-align:left; padding-left:5px;}
#sat2012Wrap .schedule dl {padding:20px 20px 0px 20px; background:#f5f5f5;}
#sat2012Wrap .schedule dt {font-weight:bold; margin-bottom:7px; padding-left:16px; background:url("//img.khan.co.kr/spko/special/sat2012_imgset.gif") no-repeat 0 -95px;}
#sat2012Wrap .schedule dd {padding-bottom:20px;}
#sat2012Wrap .schedule p {margin-top:30px; color:#888; line-height:130%;}

/* 기출문제및답안지 */
#sat2012Wrap .qaDown .btnGroup {*zoom:1; margin:30px 0 10px 0;}
#sat2012Wrap .qaDown .btnGroup:after {clear:both; display:block; content:"";}
#sat2012Wrap .qaDown .btnGroup .info_txt {float:left;}
#sat2012Wrap .qaDown .btnGroup .year {float:left; width:350px;}
#sat2012Wrap .qaDown .btnGroup .year a {display:inline-block; padding:4px 7px 2px 7px; font-weight:bold; color:#666; background:#f5f5f5; border:1px solid #ddd;}
#sat2012Wrap .qaDown .btnGroup .year a.on {color:#FFF; background:#586689; border:1px solid #6e7480;}
#sat2012Wrap .qaDown .btnGroup .viewer {float:right; width:350px; margin-top:4px; text-align:right;}
#sat2012Wrap .qaDown .btnGroup .viewer a {display:inline-block; height:16px; margin-left:10px; padding:2px 0 0 20px; color:#666; font-size:11px; font-weight:bold; letter-spacing:-1px;}
#sat2012Wrap .qaDown .btnGroup .viewer a.hwp {background:url("//img.khan.co.kr/spko/special/icon_hwp.gif") no-repeat;}
#sat2012Wrap .qaDown .btnGroup .viewer a.pdf {background:url("//img.khan.co.kr/spko/special/icon_pdf.gif") no-repeat;}
#sat2012Wrap .qaDown table {width:100%; border:1px solid #DDD; margin-bottom:30px;}
#sat2012Wrap .qaDown th {padding:8px 0 6px 0; border:1px solid #DDD; text-align:center; background:#f5f5f5;}
#sat2012Wrap .qaDown td {height:36px; padding:4px 0 2px 0; border:1px solid #DDD; text-align:center; line-height:120%; vertical-align:middle;}
#sat2012Wrap .qaDown td.ts01 strong {font-size:15px;}
#sat2012Wrap .qaDown td.ts02 {font-size:14px;}
#sat2012Wrap .qaDown .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;}
#sat2012Wrap .art_header {padding:0; border-top:0;}
#sat2012Wrap .art_header .function_wrap {border-bottom:0;}

/* 2021학년도 컨텐츠 추가 변경 */
#sat2012Wrap .tit_area {background:url("//img.khan.co.kr/spko/sub_2017/tit_sat2021.jpg") no-repeat; width:710px; height:220px;}
#sat2012Wrap .tit_area h2 {padding-top:50px; text-align:center;}
#sat2012Wrap .tit_area .date {padding:13px 0 20px;}
#sat2012Wrap .tit_area dl {padding-top:10px; text-align:center;}
#sat2012Wrap .tit_area dl dt {display:inline-block; padding-right:10px; font-size:16px; font-weight:700;}
#sat2012Wrap .tit_area dl dd {display:inline-block; color:#222; font-size:18px; font-weight:700;}
#sat2012Wrap .tit_area p {text-align:center; font-weight:700;}
.related_issue {overflow:hidden; position:relative; margin:60px 0; padding-bottom:50px;}
.related_issue h4 {margin-bottom:20px; font-size:17px; font-weight:700;}
.related_issue h4 a:hover {color:#444;}
.related_issue .relatelist {display:block; overflow:hidden; margin-top:7px;}
.related_issue .relatelist li {overflow:hidden; float:left; width:162px; height:150px; margin:0; padding:15px 7px 10px; color:#454545; font-size:14px;}
.related_issue .relatelist li a {display:block; display:-webkit-box; overflow:hidden; height:150px; font-size:15px; line-height:1.5em; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.related_issue .relatelist li .thumb {display:block; position:relative; width:162px; height:97px; margin-bottom:7px; line-height:0;}
.related_issue .relatelist li .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;}
.related_issue .relatelist li .thumb img {display:block; width:162px; height:97px;}
.related_tag {margin:30px 0 0;}
.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:700;}
.related_tag li a.serial:hover {color:#fff; text-decoration:none!important; background-color:#e77d58;}
.related_tag li a.serial:hover span {color:#fff;}

/* 기사뷰페이지 하단 배너 */
.ipsi_btn {margin-bottom:40px;}




/**************************************************************************** 
	칸업
****************************************************************************/
/* 안내 레이어 팝업 */
.info-layerpopup-wrap {display:none; position:fixed; top:40px; width:100%; text-align:center; z-index:1000003;}
.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 auto; padding:20px 50px 20px 25px; 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:18px; font-weight:550;}
.info-layerpopup .popup-cont .btn-link-login {position:relative; color:#005af8;}
.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:20px; 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:15px 15px;}
.info-layerpopup .btn-today-check {display: none; }
.info-layerpopup .btn-today-check.on {display: flex; height: 16px; position: absolute; /*top: -23px;*/ right: 13px; 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: 13px; line-height: 1.2em; 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:70px;}
.info-layerpopup-wrap.edit .info-layerpopup {padding:12px 20px 12px 20px; 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:16px; 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;}

/* 오늘의 퀴즈 */
#container.daily-quiz-container {width:870px;}
.daily-quiz-wrap {}
.daily-quiz-wrap .dq-tit {padding:40px 10px; border-bottom:3px solid #1a1a1a; text-align:center;}
.daily-quiz-wrap .dq-tit strong {display:block; margin:0 0 10px; color:#005af8; font-size:36px;}
.daily-quiz-wrap .dq-tit .date {font-size:28px;}
.daily-quiz-wrap .per-msg {padding:40px 10px; text-align:center;}
.daily-quiz-wrap .per-msg .txt {font-size:22px; 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:35px;}
.daily-quiz-wrap .btn-goto-mp {display:inline-block; margin:25px 0 0; color:#005af8; font-size:18px; font-weight:550; text-decoration:underline;}
/* .daily-quiz-wrap .per-msg .lv-badge-wrap em {padding:0 5px; color:#113a79; font-size:17px; 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:35px; height:35px; content:''; border:2px solid #113a79; border-radius:50%;} */
/* 퀴즈 본문 */
.quiz-cont-wrap {padding:72px; border:3px solid #cee2e9; border-radius:20px; background-color:#f9fcfd;}
.quiz-cont-wrap .dq-cont-header {position:relative; margin:0 0 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:absolute; top:-98px; width:auto; height:32px; color:#bcbfca; font-size:22px; padding:5px 22px; border:3px 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:9px;}
.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:9px;}
.quiz-cont-wrap .dq-cont-header .dq-cont-side {position:absolute; right:0; top:-30px;}
.quiz-cont-wrap .dq-cont-header .btn-prev-quiz {margin:0 5px; padding:5px 15px 5px 25px; border:1px solid #666; border-radius:50px; font-size:15px; background:url(//img.khan.co.kr/images/khan/pc/ico-page-prev.svg) no-repeat 11px 50%; background-size:8px; background-color:#fff;}
.quiz-cont-wrap .dq-cont-header .btn-next-quiz {margin:0 5px; padding:5px 25px 5px 15px; border:1px solid #666; border-radius:50px; font-size:15px; background:url(//img.khan.co.kr/images/khan/pc/ico-page-next.svg) no-repeat 90% 50%; background-size:8px; background-color:#fff;}
.quiz-cont-wrap .dq-cont-header .dq-cont-side > a.inactive {opacity:.5; cursor:default; border:1px solid #d3dfe3;}
.quiz-cont-wrap .dq-cont-article {}
.quiz-cont-wrap .dq-cont-article .thumb {padding:10px 20px 0;}
.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:50px auto;}
.quiz-cont-wrap .dq-cont-article .example-list {position:relative; margin:0 0 20px;}
.quiz-cont-wrap .dq-cont-article .example-list .example {display:block; padding:20px 45px 20px 25px; border:1px solid #666; border-radius:15px; box-sizing:border-box; color:#3a3a3a; font-size:20px; line-height:1.4em; background-color:#fff;}
.quiz-cont-wrap .dq-cont-article .example-list .result-mark {display:none; position:absolute; right:15px; top:19px; width:32px; height:32px;}
.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:18px;}
.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:15px;}
.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:28px; 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 {padding:0 20px; text-align:left; color:#4a4a4a; font-size:17px; line-height:1.6em;}
.quiz-cont-wrap .dq-cont-article .msg-btn-wrap {margin:50px 0 0; text-align:center;}
.quiz-cont-wrap .dq-cont-article .msg-btn-wrap .btn-next-quiz {display:inline-block; min-width:190px; margin:0 auto; padding:20px 25px; border:2px solid #3a3a3a; border-radius:50px; font-size:21px; font-weight:700; background-color:#fff;}
.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:10px;}
.daily-quiz-wrap .dq-clue-wrap {margin:50px 0; /* padding:0 75px; */}
.quiz-cont-wrap .dq-cont-article .msg-btn-wrap .btn-next-quiz.inactive {opacity:.45; cursor:default; border:1px solid #d3dfe3; font-weight:400;}
.daily-quiz-wrap .dq-clue-wrap .clue-tit {margin:0 0 20px; color:#1a1a1a; font-size:18px;}
.daily-quiz-wrap .dq-clue-wrap .clue-tit strong {margin-right:10px; vertical-align:baseline; font-size:24px; font-weight:700;}
.daily-quiz-wrap .dq-clue-wrap .clue-art-wrap {/* position:relative; padding:50px; border:1px solid #333; background-color:#fdfdfd; */ position:relative; padding:72px; border:3px 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%; content:''; background-color:rgba(255,255,255,.55); z-index:5;}
.daily-quiz-wrap .df-list li {display:table; position:relative; margin:0 0 45px 0;}
.daily-quiz-wrap .df-list li:last-child {margin:0;}
.daily-quiz-wrap .df-list .thumb {overflow:hidden; float:left; position:relative; width:190px; height:140px; margin:0 30px 0 0; text-align:center; background-color:#fff;}
.daily-quiz-wrap .df-list .thumb img {width:190px; height:140px; max-width:100%; min-height:140px;}
.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 {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:60px 0; /* padding:0 75px; */}
.dq-rank-wrap .rank-tit {margin:0 0 20px; color:#1a1a1a; font-size:24px; font-weight:700;}
.dq-rank-wrap .rank-tbl-wrap {display:block; position:relative;}
.dq-rank-wrap .rank-tbl-wrap .info-txt {position:absolute; right:0; top:-32px;}
.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 {width:60px; text-align:center;}
.dq-rank-wrap .rank-tbl-wrap .tg .tg-rt {padding-right:30px; text-align:right;}
.dq-rank-wrap .rank-tbl-wrap .tg .level {width:50px;}
.dq-rank-wrap .rank-tbl-wrap .tg .level .lv-badge-wrap {position:relative; width:auto; height:24px;}
.dq-rank-wrap .rank-tbl-wrap .tg .level .lv-badge-wrap .lv-badge {height:25px;}
/* .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;}

/* 칸업 로그인월 노출 영역 */
.art_body .art_body_wrap .khanupwall-wrap {display:none; position:relative; max-width:1100px;}
.art_body .art_body_wrap .khanupwall-wrap.on {display:block;}
.khanupwall-wrap:before {content: ""; position:absolute; left:50%; top:12px; width:1100px; 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 .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:40px 0; text-align:center;}
.khanupwall-wrap .khanupwall.case02 .inner {padding:40px 0 50px;}
.khanupwall .tit {display:block; margin:0 auto 10px; text-align:center; font-size:24px;}
.khanupwall .tit strong {color:#1a1a1a; font-size:28px; font-weight:550;}
.khanupwall.case02 .tit {position:relative; padding-top:80px;}
.khanupwall.case02 .tit:before {content: ""; position:absolute; left:0; bottom:100px; width:100%; height:45px; background:url(//img.khan.co.kr/images/khan/pc/ico-khanup-sort.png) 50% 50% no-repeat; background-size:50px 45px;}
.khanupwall.case02 .tit .img-ci {height:28px; vertical-align:bottom;}
.khanupwall.case02 .tit .sub-tit {display:block; margin:10px auto 30px; color:#3b4b7e; font-size:18px;}
.khanupwall .intro_wrap {padding:20px;}
.khanupwall .intro_wrap .txt {margin:0 0 10px; color:#3a3a3a; font-size:16px; font-weight:400; text-align:center;}
.khanupwall .intro_wrap .txt .img-ci {height:16px; 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:40px; margin:5px; padding:0 15px; border:1px solid #98b9f2; border-radius:40px; text-align:center; color:#3a3a3a; font-size:15px; background-color:#f5faff;}
.khanupwall .intro_wrap .intro_list li .con {font-size:17px;}
.khanupwall .btn_area {display:flex; margin:20px auto 0;}
.khanupwall.case02 .btn_area {max-width:500px;}
.khanupwall .btn_area > a {display:block; width:200px; height:55px; margin:0 auto; border:1px solid #5a77d1; border-radius:15px; font-size:16px; font-weight:500; text-align:center; line-height:55px;}
.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;}

/* 완독 아이콘 */
.complete-wrap {display:none; position:relative; margin-left:10px; cursor:pointer;}
.complete-wrap.on {display:inline-block;}
.complete-wrap .ico-complete-check {display:inline; position:relative; top:2px; width:21px; height:20px;}
.complete-wrap .txt-complete-check {position:relative; padding-left:1px; color:#4a4a4a; font-size:13px; font-weight:700;}
.complete-wrap .counter {position:absolute; right:-30px;}
/* .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; }
} */
/* 완독 아이콘 - 광고없는기사뷰 일 경우 */
.fx_topbar_wrap.theme-bk .complete-wrap .txt-complete-check,
.fx_topbar_wrap.theme-bk .complete-wrap .counter {color:#fefefe;}
.art_header_wide .header_cover .subject_box .article_head .complete-wrap {position:absolute; right:0;}
.art_header_wide .header_cover .subject_box .article_head .complete-wrap .ico-complete-check {top:-5px;}
.art_header_wide .header_cover .subject_box .article_head .complete-wrap .txt-complete-check,
.art_header_wide .header_cover .subject_box .article_head .complete-wrap .counter {color:#fefefe; font-size:14px; font-weight:500;}
/* 완독 아이콘 - 헤드라인 옆 */
.art_header .subject .headline .complete-wrap.on {display:inline-block; position:absolute; right:0;}
.art_header .subject .headline .ico-complete-check {top:-5px;}
.art_header .subject .headline span.txt-complete-check {color:#4a4a4a;}
.art_header .subject .headline span.counter {color:#4a4a4a; font-weight:500; font-size:24px;}
/* .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(https://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;}

/* 완독 체크아이콘 애니메이션 */
@keyframes outline {
  from {
    stroke-dasharray: 0, 345.576px;
  }
  to {
    stroke-dasharray: 345.576px, 345.576px;
  }
}
#outline {
  animation: 0.38s ease-in outline;
  transform: rotate(0deg);
  transform-origin: center;
}

@keyframes circle {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
#white-circle {
  animation: 0.35s ease-in 0.35s forwards circle;
  transform: none;
  transform-origin: center;
}

@keyframes check {
  from {
    stroke-dasharray: 0, 75px;
  }
  to {
    stroke-dasharray: 75px, 75px;
  }
}
#check {
  animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
  stroke-dasharray: 0, 75px;
}

@keyframes check-group {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.09);
  }
  to {
    transform: scale(1);
  }
}
#check-group {
  animation: 0.32s ease-in-out 1.03s check-group;
  transform-origin: center;
}




/**************************************************************************** 
	향이네
****************************************************************************/
/* 본문 내 이미지와 기사 텍스트 영역 */
.art_thumb {width:100%; max-width:600px; margin:40px auto; text-align:center;}
.art_thumb img {width:100%; max-width:600px;}
.art_thumb p {margin:5px auto 0; max-width:600px; color:#48647c; font-size:12px; text-align:left;}
.art_thumb p.blowup a {display:block; font-size:15px; font-weight:bold; text-align:center; color:#48647c;}
.art_text {position:relative; margin-bottom:20px;}
.art_text a {position:relative; /* border-bottom:4px solid rgba(0,126,229,.25); */ box-shadow:inset 0 -4px 0 rgba(0,126,229,.25);}
.art_text.art_subtit {margin:30px auto 40px; padding-left:15px; border-left:3px solid #898989;}
.art_text.art_subtit strong {display:block; margin-bottom:9px; color:#1a1a1a; line-height:1.4em;}

/* 이 기사 어땠나요? */
.art_emotion_wrap {overflow:hidden; margin:40px 0;}
.art_emotion_wrap .tit {margin-bottom:10px; font-size:19px; font-weight:bold; letter-spacing:-1px;}
.art_emotion_wrap li {float:left; width:50%; height:50px; padding:5px; border:1px solid #bbb; text-align:center; background-color:#fafafa;}
.art_emotion_wrap li.happy {border-right:0;}
.art_emotion_wrap li a {display:inline-block; margin:0 auto; padding-left:43px; font-size:16px; line-height:2.4em;}
.art_emotion_wrap li a span.count {margin-left:5px; color:#0d8cd5; font-weight:bold;}
.art_emotion_wrap .happy a {background:url("//img.khan.co.kr/spko/hyangi/img_emotion_happy.png") no-repeat scroll 5px 50%; background-size:33px 33px;}
.art_emotion_wrap .angry a {background:url("//img.khan.co.kr/spko/hyangi/img_emotion_angry.png") no-repeat scroll 5px 50%; background-size:33px 33px;}

/* 영상 뉴스 */
.mov_if_wrap {position:relative; width:100%; margin-bottom:30px; text-align:center; z-index:100;}
.mov_if_wrap iframe {margin:40px auto;}
.mov_if_wrap p {max-width:600px; margin:0 auto; color:#48647c; font-size:12px; text-align:left;}

/* 관련 뉴스 */
.art_related {margin:40px 0;}
.art_related .tit {margin-bottom:5px; font-size:20px; font-weight:bold; letter-spacing:-1px;}
.art_related ul {display:block; width:100%;}
.art_related li {}
.art_related li a {display:block; overflow:hidden; margin-bottom:5px; padding-left:10px; font-size:16px; background:url("//img.khan.co.kr/spko/hyangi/img_bullet_artview.png") no-repeat scroll 0 10px; text-overflow:ellipsis; /* white-space:nowrap; */ background-size:4px 2px;}

/* 최신 뉴스 */
.art_latest {margin:40px 0;}
.art_latest .tit {margin-bottom:5px; font-size:20px; font-weight:bold; letter-spacing:-1px;}
.art_latest ul {display:block; width:100%;}
.art_latest li {}
.art_latest li a {display:block; overflow:hidden; margin-bottom:5px; padding-left:10px; font-size:16px; background:url("//img.khan.co.kr/spko/hyangi/img_bullet_artview.png") no-repeat scroll 0 10px; text-overflow:ellipsis; /* white-space:nowrap; */ background-size:4px 2px;}

/* 여백 제거 */
.art_blank {height:0; color:#fff;}

/* 기사면 규약 추가 */
.sub_content .boxLineBG {margin:30px 0; padding:10px 15px 15px; border:1px solid #dddddd; background-color:#f5f5f5; font-size:15px;}

/* 퀴즈 향 */
.quiz_cont_wrap {}
.quiz_cont_wrap .cont_thumb {width:80%; margin:40px auto 15px; text-align:center;}
.quiz_cont_wrap .cont_thumb img {width:100%; max-width:600px;}
.quiz_card_wrap {overflow:hidden; margin:40px 10px;}
.quiz_card_wrap .quiz_num {margin-bottom:10px; padding:10px; border-top:2px solid #606060; color:#999; font-size:19px; font-weight:bold; background-color:#ececec;}
.quiz_card_wrap .quiz_num em {color:#74be30;}
.quiz_card_wrap .quiz_thumb {width:80%; margin:15px auto 15px; text-align:center;}
.quiz_card_wrap .quiz_thumb img {width:100%; max-width:600px;}
.quiz_card_wrap .example {padding-top:10px; clear:both;}
.quiz_card_wrap .example li {margin-bottom:2px; padding-left:20px; cursor:pointer; background:url("//img.khan.co.kr/spko/hyangi/img_quiz_default.png") no-repeat scroll 0 8px; background-size:15px 15px;}
.quiz_card_wrap .example li span {display:inline-block; padding:5px 10px 5px 5px; /* border:1px solid #aaa; background-color:#d3d5d6; */}
.quiz_card_wrap .example li.correct {background:url("//img.khan.co.kr/spko/hyangi/img_quiz_default.png") no-repeat scroll 0 8px; background-size:15px 15px;} /* 정답 */
.quiz_card_wrap .example li.correct span.explain {display:none;}
.quiz_card_wrap .example li.correct span.quiz_art {display:none;}
.quiz_card_wrap .example li.correct.on {margin-bottom:10px; background:url("//img.khan.co.kr/spko/hyangi/img_quiz_right.png") no-repeat scroll 0 8px; background-size:15px 15px;}
.quiz_card_wrap .example li.correct.on span {border:1px solid #528e1b; color:#fff; background-color:#74be30;}
.quiz_card_wrap .example li.correct.on span.explain {display:block; margin:5px 0 10px; border:none; border-left:2px solid #74be30; color:#454545; background-color:#fff;}
.quiz_card_wrap .example li.correct.on span.quiz_art {display:block; margin-left:3px; margin-top:-15px; border:none; color:#23527c; font-size:15px; background-color:#fff;}
.quiz_card_wrap .example li.correct.on span.quiz_art a {color:#23527c; text-decoration:underline;}
.quiz_card_wrap .example.wrong li.correct {background:url("//img.khan.co.kr/spko/hyangi/img_quiz_right.png") no-repeat scroll 0 8px; background-size:15px 15px;}
.quiz_card_wrap .example.wrong li.correct span {display:inline-block; padding:5px 10px; border:1px solid #aaa; background-color:#d3d5d6;}
.quiz_card_wrap .example.wrong li.correct span.explain {display:block; margin:5px 0 10px; border:none; border-left:2px solid #74be30; color:#454545; background-color:#fff;}
.quiz_card_wrap .example.wrong li.on {background:url("//img.khan.co.kr/spko/hyangi/img_quiz_wrong.png") no-repeat scroll 0 8px; background-size:15px 15px;} /* 오답 */
.quiz_card_wrap .example.wrong li.on span {border:1px solid #a22427; color:#fff; background-color:#e63d41;}
.quiz_card_wrap .example.wrong li.correct span.quiz_art {display:block; margin-left:3px; margin-top:-15px; border:none; color:#23527c; font-size:15px; background-color:#fff;}
.quiz_card_wrap .example.wrong li.correct span.quiz_art a {color:#23527c; text-decoration:underline;}
.quiz_card_wrap .stats {display:none;}
.quiz_card_wrap .solve .stats {display:block; color:#74be30; margin-top:20px;}
.quiz_card_wrap .wrong .stats {display:block; color:#e63d41; margin-top:20px;}

/* 퀴즈 결과 */
.quiz_result_wrap {padding:20px 15px; border:1px solid #aaa; text-align:center; background-color:#eaeced;}
.quiz_result_wrap .tit {margin-bottom:20px; color:#333; font-size:21px; font-weight:bold;}
.quiz_result_wrap .quiz_result {margin-bottom:20px; padding:20px; border-radius:10px; color:#74be30; font-size:23px; background-color:#4d4d4d;}
.quiz_result_wrap .quiz_result em {color:#fff;}
.quiz_result_wrap .quiz_result strong {display:block; color:#f3fb15;}
.quiz_result_wrap .result_share {overflow:hidden; margin-bottom:20px; color:#454545; font-size:22px;}
.quiz_result_wrap .result_share strong {display:block;}
.quiz_result_wrap .result_share ul {margin:20px 30px;}
.quiz_result_wrap .result_share li {float:left; width:33.3%;}
.quiz_result_wrap .result_share li.facebook {height:50px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/hyangi/img_quiz_share_facebook.png") no-repeat scroll center 0; background-size:50px 50px;}
.quiz_result_wrap .result_share li.twitter {height:50px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/hyangi/img_quiz_share_twitter.png") no-repeat scroll center 0; background-size:50px 50px;}
.quiz_result_wrap .result_share li.kakaostory {height:50px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/hyangi/img_quiz_share_kakaostory.png") no-repeat scroll center 0; background-size:50px 50px;}
.quiz_result_wrap .result_share li a {display:block; height:50px;}
.quiz_result_wrap .again {border:1px solid #9d9b9b; border-radius:10px; color:#454545; font-size:22px; font-weight:bold; line-height:22px; background-color:#fff;}
.quiz_result_wrap .again a {display:block; padding:20px 0; }




/**************************************************************************** 
    인쇄 미리보기 .viewprint_wrap
****************************************************************************/
.viewprint_wrap {/* width:710px; min-height:300px;*/ margin:0 30px; padding:30px 0;}
.viewprint_wrap.loading {background:url("//img.khan.co.kr/spko/sub_2015/loding_cont.png") no-repeat scroll center 200px transparent;}
.viewprint_wrap .logo {margin-bottom:20px;}
.viewprint_wrap .logo img {width:100px; height:28px;}
.viewprint_wrap .subject {margin-bottom:0;}
.viewprint_wrap .subject h1 {margin-bottom:15px; line-height:1.4em; color:#000; font-size:32px; font-weight:700; letter-spacing:-0.05em;}
.viewprint_wrap .name {display:block; color:#8794a1; font-size:14px;}

.viewprint_wrap .art_body {margin-bottom:10px; line-height:1.9; color:#444; font-size:17px;}
.viewprint_wrap .art_body:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;}
.viewprint_wrap .art_body .art_subtit {margin:0 0 40px;} /* 부제목 */
.viewprint_wrap .art_body .art_subtit p {padding-left:5px; line-height:34px; color:#000; font-size:17px; font-weight:bold;}
.viewprint_wrap .art_body .art_photo img {max-width:710px;}
.viewprint_wrap .art_body .photo_viewer_wrap {margin:0 auto;} /* 포토기사 뷰 이미지 정렬 */
.viewprint_wrap .art_body .btn_newsMore {display:none;} /* 기사 더 보기 가리기 */
.viewprint_wrap .art_body .art_figure_thumb.center {max-width:710px; margin:10px auto 40px; text-align:center;}
.viewprint_wrap .art_body .art_figure_thumb .thumb_caption {margin:7px 0; color:#8794a1; font-size:14px; line-height:1.6; text-align:left;}
.viewprint_wrap .art_body .art_txt {margin-bottom:20px; letter-spacing:-0.025em;}
.viewprint_wrap .byline {display:block; padding:5px 0 40px;} 
.viewprint_wrap .byline em {line-height:17px; color:#8794a1; font-size:13px; letter-spacing:0;}
/* .viewprint_wrap .byline em:first-child {margin:0 4px 0 0; padding-right:5px; border-right:1px solid #ddd;} */
.viewprint_wrap .byline em:nth-child(2) {margin:0 0 0 7px; padding-left:7px; border-left:1px solid #ddd;}
.viewprint_wrap .byline a {margin:0 4px; color:#737475;}
.viewprint_wrap .art_body .boxLineBG {float:left; width:100%; margin-bottom:20px; padding:15px 25px; border:solid 1px #ddd; box-sizing:border-box; font-size:16px; line-height:1.8; background-color:#f5f5f5;}
.viewprint_wrap .art_body .boxLineBG .content_text {margin-bottom:0;}
.viewprint_wrap .art_copyright {margin-bottom:50px; color:#333; font-size:15px;} /* 바이라인 */
.viewprint_wrap .art_copyright.ctr {text-align:center;} /* 바이라인: 만평 인쇄용 */

.viewprint_wrap .art_photo, .viewprint_wrap .art_vod {position:relative; clear:both; padding:10px 0 20px 0; text-align:center;} /* 기사내 이미지&동영상 */
.viewprint_wrap .art_photo .art_photo_wrap {/* display:block; */ position:relative;}
.viewprint_wrap .art_photo .art_photo_wrap .fancy_group {display:block;}
.viewprint_wrap .art_photo .art_photo_wrap img {max-width:710px; vertical-align:top;}
.viewprint_wrap .art_photo.photo_center {margin:0 auto;}
.viewprint_wrap .art_photo.photo_left {float:left; margin:0 40px 0 0;}
.viewprint_wrap .art_photo.photo_right {float:right; margin: 0 0 0 40px;}
.viewprint_wrap .art_photo.ft {padding-top:0;} /* 기사본문 처음 노출 이미지일 경우 */
.viewprint_wrap .art_photo .caption {padding-top:5px; line-height:1.7; text-align:left; color:#777; font-size:14px;}
.viewprint_wrap .art_photo .img_large {display:none;} /* 크게보기 아이콘 */
.viewprint_wrap .content_text {margin-bottom:20px;} /* 기사 본문 간 여백 조절 */
.viewprint_wrap .art_vod p {display:none; padding:5px 0 0 3px; text-align:left; color:#48647C; font-size:14px;} /* 기사내 동영상 */

.viewprint_wrap #photoAD, .viewprint_wrap .ad_photolink {display:none;} /* 포토링크 광고 */
.viewprint_wrap .article_bottom_ad {display:none;} /* 기사 본문 광고 */
.viewprint_wrap address {text-align:center; color:#333; font-size:17px; font-weight:normal; letter-spacing:0;} /* 경향 카피라이트 */

.viewprint_wrap .quoto_box {position:relative; max-width:700px; margin:35px 0 30px; clear:both;}
.viewprint_wrap .quoto_box .quoto_icon {position:absolute; left:0; top:0; width:30px; height:30px; background:url("//img.khan.co.kr/spko/sub_2017/icon_quoto_wideview.png") no-repeat; background-size:30px 30px;}
.viewprint_wrap .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:19px; line-height:1.7em; font-style:italic;}
.viewprint_wrap .quoto_box .quoto_txt .from {display:block; margin-top:10px; color:#999; font-size:14px; text-shadow:none; line-height:21px;}

.viewprint_wrap .print_btn_wrap {margin:80px 0 0; padding-top:30px; border-top:1px dashed #aaa;}
.viewprint_wrap .print_btn {margin:0 auto; text-align:center;}
.viewprint_wrap .print_btn .btn {display:inline-block; *display:inline;*zoom:1;}
.viewprint_wrap .print_btn .btn a {display:block; padding:10px 35px 12px; text-decoration:none;}
.viewprint_wrap .print_btn .btn a:hover {text-decoration:none;}
.viewprint_wrap .print_btn .btn span {color:#fff; font-size:17px; font-weight:550;}
.viewprint_wrap .print_btn .btn.confirm {margin-right:8px; background-color:#345fbb; border:1px solid #345fbb;}
.viewprint_wrap .print_btn .btn.cancel {background-color:#fafafa; border:1px solid #ddd;}
.viewprint_wrap .print_btn .btn.cancel span {color:#333;}

.viewprint_wrap .print_btn_wrap.top {margin:0 0 40px; padding-top:0; padding-bottom:30px; border-top:none; border-bottom:1px dashed #aaa;}
.viewprint_wrap .print_btn_wrap.top .print_btn .btn a {display:block; padding:8px 20px 7px;}
.viewprint_wrap .print_btn_wrap.top .print_btn .btn span {color:#fff; font-size:14px; font-weight:550;}
.viewprint_wrap .print_btn_wrap.top .print_btn .btn.cancel span {color:#333;}
/* 인쇄 미리보기 - 향이네 */
.viewprint_wrap .art_author {display:block; padding:5px 0 20px;} 
.viewprint_wrap .art_author .art_date {display:inline; line-height:17px; color:#999; font-size:12px; letter-spacing:0;}
.viewprint_wrap .art_author .art_date.hidden {margin:0 0 0 4px; padding-left:5px; border-left:1px solid #ddd;}




/**************************************************************************** 
	광고 정리
****************************************************************************/
/* 하이라이트(기사제목 위 좌측 720X100) + 프로모션 배너(기사제목 위 우측 300X100) */
.ad_two_top {position:relative; width:100%;}
.ad_two_top:after {display:block; clear:both; content:"";}
.ad_two_top .ad_highlight {float:left; width:720px; margin-right:30px; margin-bottom:20px; text-align:left;}
.ad_two_top .ad_promotion_top {float:left; width:300px; margin-bottom:20px; text-align:right;}

/* 포토링크(기사 본문 첫번째 이미지 하단에 출력되는 두 줄 텍스트 광고) */
.ad_photolink {position:relative; height:55px; left:0; top:0; padding-top:5px; text-align:left;}

/* 기사면 본문배너(기사 본문 마지막 문단 전 나오는 배너 250X250) */
.article_bottom_ad {float:left; padding:10px 20px 20px 0; text-align:left;}
.article_bottom_ad.after_box {width:690px;}

/* 본문하단 텍스트 5줄 */
.ad_adtive {position:relative; margin-bottom:20px;}

/* 투데이 포커스 */
.ad_todayFocus {margin:20px 0 30px;}

/* 아이엠애드 8줄 + 중앙썸네일 2개 */
.ad_two {position:relative; width:100%; padding-bottom:25px;}
.ad_two iframe {float:left; width:355px!important; /* margin-bottom:20px!important; */}
.ad_two:after {display:block; clear:both; content:"";}
.ad_two .ad_imadtxt_octa {float:left; width:470px; height:210px; margin:23px 40px 10px 0;}
.ad_two .ad_thum {float:right!important; width:200px; /* padding-top:30px; */}
.ad_two .ad_thum li {width:200px;}
.ad_two .ad_thum li.last {margin-top:15px;}
.ad_two .ad_thum li .thumb {position:relative; width:200px; height:70px;}
.ad_two .ad_thum li .thumb a {display:block;}
.ad_two .ad_thum li .thumb .trans_border {width:198px; height:68px;}
.ad_two .ad_thum li .text {display:block; margin-top:3px; font-weight:bold; font-family:'돋움', Dotum, Helvetica, AppleGothic, Sans-serif; text-align:center;}

/* 오늘의 핫클릭 */
.hotclip {position:relative; clear:both; margin-bottom:27px; padding-top:30px; border-top:1px solid #e5e5e5;}
.hotclip .tit {margin-bottom:20px; font-size:17px; font-weight:bold;}
.hotclip .cont {overflow:hidden; position:relative; height:200px;}
.hotclip .cont li {padding-left:17px; background:url(//img.khan.co.kr/spko/main_2010/btn_graydot.gif) no-repeat 1px 7px;}
.hotclip .cont li a {display:block; overflow:hidden; width:470px; color:#535353; font-size:14px; line-height:27px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; word-break:normal;}
.hotclip .cont .aside {position:absolute; right:0px; top:0; z-index:10;}

/* 아이엠애드 8줄 + 썸네일 5개 : 애드플렉스 */
.ad_adFlex {margin:50px 0;}

/* 기사본문 하단 하이라이트 광고 : 썸네일 6개 */
.ad_artbtm_thumb {margin:0 0 30px;}

/* 댓글 하단 배너 */
.ad_about {display:block; overflow:hidden;}

/* 좌우측 날개배너(160x600px) */
.ad_subwing_wrap {position:relative; width:1110px; margin:0 auto; z-index:101;}
.ad_subwing_wrap .left_wing {display:block; overflow:visible; position:absolute; left:-210px; top:780px;}
.ad_subwing_wrap .right_wing {display:block; overflow:visible; position:absolute; left:1160px; top:780px;}
.ad_subwing_wrap .ad_subwing_mid {position:absolute; left:1160px; top:2350px;} /* 우측 중단 날개배너 */

/* 아이콘 애드 */
.wing_todaynews {left:51px!important;}
.khan_view_icon_ad {position: absolute; top: 750px; left: 81px; z-index: 1200; margin-bottom: 20px;}
#scrollDiv {z-index:60!important;}


/* ****************************** 기사 뷰페이지 우측영역 ****************************** */
/* 오늘의 인기 정보 */
.ad_popularInfo {position:relative; width:300px;}
.ad_popularInfo h3 {margin-bottom:20px; color:#1a1a1a; font-size:20px; font-weight:700;}
.ad_popularInfo .ad_link {position:absolute; right:0; top:4px; width:32px; height:14px; background:url("//img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -620px transparent;}
.ad_popularInfo .ad_link a {display:block; width:32px; height:14px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -620px transparent;}
.ad_popularInfo .cont {}

/* 이시각 관심정보 */
.ad_interestInfo {position:relative; width:280px;}
.ad_interestInfo h3 {margin-bottom:15px; color:#4763cf; font-size:15px; font-weight:bold;}
.ad_interestInfo .ad_link {position:absolute; right:0; top:4px; width:42px; height:14px; background:url("//img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -640px transparent;}
.ad_interestInfo .ad_link a {display:block; width:42px; height:14px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -640px transparent;}
.ad_interestInfo .cont {}

/* 300X250 배너 */
.ad_movFocus2 {margin:0;}

/* 300X600 배너 */
.ad_movFocus3 {margin:0;}

/* 투데이 핫 이슈 */
.ad_hotIssue {position:relative; width:280px;}
.ad_hotIssue h3 {margin-bottom:15px; color:#4763cf; font-size:15px; font-weight:bold;}
.ad_hotIssue .ad_link {position:absolute; right:0; top:4px; width:34px; height:14px; background:url("//img.khan.co.kr/spko/sub_2017/btn_ad_jad.png") no-repeat scroll right 0 transparent;}
.ad_hotIssue .ad_link a {display:block; width:32px; height:17px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -620px transparent;}
.ad_hotIssue .cont {}


/* ********** 광고정보 노출 ********** */
.ad_info_wrap {position:absolute; right:0; top:0;}
.ad_info_wrap.adTwo {right:210px; /* top:30px; */}
.ad_info_i {float:right; width:16px; height:16px; /* cursor:pointer; */ background:url("//img.khan.co.kr/spko/sub_2014/img_ad_info_i.png") no-repeat scroll 0 0;}
.ad_info_o {display:none; position:absolute; right:0; top:0; background:url("//img.khan.co.kr/spko/sub_2014/img_ad_info_o.png") no-repeat scroll 0 0;}
.ad_info_o a {display:block; width:44px; height:16px; text-indent:-9999px;}


/* ****************************** 2019-04 광고개편 alex ****************************** */
/* #ad01 탑배너 970*90 */
.ad_wide_top {position:relative; width:970px; margin:50px auto; text-align:center;}
.ad_wide_top:after {display:block; clear:both; content:"";}

/* #ad12 바이라인 텍스트 광고 5slot */
.ad_txt_cont_btm.row5 {margin-bottom:60px;}
.ad_txt_cont_btm.row5 li {height:35px; line-height:2em; font-size:16px;}

/* 썸네일 상하 2개 광고 */
.ad_bnr_duo {}
.ad_bnr_duo > div:first-child {margin:10px 0;}

/* #ad13 하이라이트 광고(투데이 포커스) */
.ad_highlight_tf {height:auto; margin:0 0 60px;}
.ad_highlight_tf h4 {margin-bottom:20px; font-size:17px; font-weight:700;}
.ad_highlight_tf .link_caption {display:block; position:relative; width:100%; height:150px; margin:0 auto; padding:25px 20px; box-sizing:border-box; background-color:#fafafa;}
.ad_highlight_tf .link_caption:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.ad_highlight_tf .link_caption:hover {text-decoration:none;}
.ad_highligh_tft .link_caption:hover .desc {text-decoration:underline;}
.ad_highlight_tf .thumb_caption {display:block; position:absolute; left:0; top:0; width:220px; height:150px; vertical-align:top;}
.ad_highlight_tf .desc_caption {display:block; margin-left:220px; color:#323232; font-size:15px; line-height:1.4em; vertical-align:top;}
.ad_highlight_tf .desc_caption strong {display:block; overflow:hidden; height:25px; margin-bottom:15px; color:#121212; line-height:1.2em; font-size:23px; font-weight:700; letter-spacing:-0.07em; text-overflow:ellipsis; white-space:nowrap;}

.wrap_ad_cont_btm {position:relative; margin-bottom:60px; z-index:10;}
.wrap_ad_cont_btm:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.ad_cont_lt {float:left;}
.ad_cont_rt {float:right;}
.ad_bnr_cont_btm {margin-top:10px;}

/* #ad14 하단 텍스트 광고 8slot */
.ad_txt_cont_btm.row8 {width:380px;}
.ad_txt_cont_btm.row8 ul {margin-bottom:15px;}
.ad_txt_cont_btm.row8 li {height:34px; padding-left:14px; line-height:1.9em; font-size:16px; background:url("//img.khan.co.kr/spko/sub_2017/ico_ad_dot_bk.png") no-repeat scroll left 50% transparent;}

/* #ad17 오늘의 핫클릭 */
.ad_hotclip {position:relative; clear:both; margin-bottom:60px;}
.ad_hotclip .tit {margin-bottom:20px; font-size:17px; font-weight:bold;}
.ad_hotclip .cont {overflow:hidden; position:relative;}
.ad_hotclip .cont li {padding-left:15px; background:url("//img.khan.co.kr/spko/sub_2017/ico_ad_dot_bk.png") no-repeat scroll left 50% transparent;}
.ad_hotclip .cont li a {display:block; overflow:hidden; width:470px; color:#535353; font-size:16px; line-height:2em; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; word-break:normal;}
.ad_hotclip .cont .aside {position:absolute; right:0px; top:0; z-index:10;}

/* #ad18 하단 썸네일+텍스트 광고 */
.wrap_newsrank {position:relative; margin:0 auto 60px}
.wrap_newsrank:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.wrap_newsrank .item_newsrank {float:left; position:relative; width:230px; margin:0 4px;}
.wrap_newsrank .item_newsrank:first-child {margin-left:0;}
.wrap_newsrank .link_thumb {display:block; overflow:hidden; position:relative;}
.wrap_newsrank .link_thumb:after {content:""; position:absolute; left:0; top: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;}
.wrap_newsrank .link_thumb:hover:after {background-color:rgba(0,0,0,.15);}
.wrap_newsrank .thumb {width:100%; height:100%;}
.wrap_newsrank .link_cate {display:block; padding:0 20px 0 20px; color:#009fe4;}
.wrap_newsrank .link_caption {display:block; padding:10px 15px 0; z-index:100;}
.wrap_newsrank .tit_caption {display:block; overflow:hidden; max-height:2.6em; margin-bottom:0; line-height:1.3em; color:#121212; font-size:18px; font-weight:400;}

/* 데이블 : 당신이 좋아할 만한 콘텐츠 */
.dable_cont_wrap {position:relative; margin:0 0 50px;}
.dable_cont_wrap:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.dable_cont_wrap h4 {margin-bottom:20px; font-size:17px; font-weight:700;}
.dable_cont_wrap .powered-by {*zoom:1; display:block; float:right; position:absolute; right:0; top:5px; height:17px; padding:5px 8px; text-align:right; color:#999; font-weight:400; font-size:12px; text-decoration:none; cursor:pointer;}
.dable_cont_wrap .powered-by-by {position:relative; padding-right:3px; vertical-align:middle; color:#999; font-size:11px; font-weight:400;}
.dable_cont_wrap .powered-by-dable {display:inline-block; width:46px; height:16px; text-align:left; vertical-align:middle; text-indent:-9999px; background:url("//images.dable.io/static/i/logo-text-tiny-gray.png") no-repeat 0 0; background-size:46px 14px;}
.dable_cont_wrap .powered-by:hover .powered-by-dable {background:url("//images.dable.io/static/i/logo-text-tiny-blue.png") no-repeat 0 0;}
.dable_cont {float:left; width:50%;}
.dable_cont .link_caption {display:block; position:relative; width:100%; height:110px; margin-bottom:10px;}
.dable_cont .link_caption:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.dable_cont .link_caption:hover {text-decoration:none;}
.dable_cont .thumb_caption {display:block; position:absolute; left:0; top:0; width:165px; height:110px; vertical-align:top;}
.dable_cont .desc_caption {display:block; margin:0 30px 0 180px; color:#323232; font-size:15px; line-height:1.4em; vertical-align:top;}
.dable_cont .desc_caption strong {display:block; display:-webkit-box; overflow:hidden; max-height:3.9em; margin-bottom:5px; padding-top:8px; line-height:1.3em; color:#121212; font-size:18px; font-weight:700; letter-spacing:-0.07em; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.dable_cont .desc_caption .desc {color:#6c7bb3; font-size:12px; font-weight:700;}
.dable_cont .ad_txt_cont_btm li {overflow:hidden; padding-left:14px; line-height:1.9em; font-size:16px; background:url("//img.khan.co.kr/spko/sub_2017/ico_ad_dot_bk.png") no-repeat scroll left 50% transparent; text-overflow:ellipsis; white-space:nowrap;}

/* taboola 2019-08-27 alex */
.wrap_ad_tba {margin:50px 0;}
.wrap_ad_tba:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}

/* 제이씨지 2020-04-28 alex */
.ad_jcg {display:inline-block;}
.ad_jcg.ar {float:right;}

/* 기사뷰 우측 상단 배너 */
/* 2020 도쿄올림픽 : 20210624 */
.art_side .bnr_olympic2020 {width: 300px; text-align: center;}
.art_side .bnr_olympic2020 a {display: block;}
/* 2022 카타르월드컵 */
.art_side .bnr_worldcup2022 {width: 300px; text-align: center;}
.art_side .bnr_worldcup2022 a {display: block;}

/* 뉴스레터 플로팅 배너 2023-05-12 */
.nl-bnr-wrap {position:fixed; top:50%; left:50%; width:1110px; height:0; margin-left:-555px; margin-top:-75px; z-index:100;}
.nl-bnr-wrap .nl-bnr-cont.on {animation:slideIn 1s;}
@keyframes slideIn {
    0% {transform:translate(0, 1000%);}
    100% {transform:translate(0, 0);}
}
.nl-bnr-wrap .nl-bnr-cont {display:block; overflow:hidden; position:absolute; left:1160px; width:150px; height:150px; padding:0; text-align:center; border:0; font-size:17px; line-height:23px; color:#fff; font-weight:500; outline:0; background-color:#fb6b01; border-radius:20%; background:url(//img.khan.co.kr/images/khan/pc/bg-bnr-nlside.jpg) no-repeat center center; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.nl-bnr-wrap .nl-bnr-cont:hover {box-shadow:0 2px 12px 0 rgba(0,0,0,0.5);}
.nl-bnr-wrap .nl-bnr-cont:hover::before {animation:none;}
.nl-bnr-wrap .nl-bnr-cont::before {display:block; position:absolute; top:0; left:-75%; width:50%; height:100%; z-index:2; content:'';
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.nl-bnr-wrap .nl-bnr-cont::before {
    -webkit-animation: shine 2.75s ease-in-out 2s infinite;
    animation: shine 2.75s ease-in-out 2s infinite;
}
@-webkit-keyframes shine {
    25% {left:125%;}
    100% {left:250%;}
}
@keyframes shine {
    25% {left:125%;}
    100% {left:250%;}
}
.pr-txt {position:absolute; bottom:15px; width:150px; height:70px;}
.pr-txt.txt_01 {background:url(//img.khan.co.kr/images/khan/pc/bg-txt-nlside01.png?v=20230517) no-repeat 0 0;}
.pr-txt.txt_02 {background:url(//img.khan.co.kr/images/khan/pc/bg-txt-nlside02.png) no-repeat 0 0;}
.pr-txt.txt_03 {background:url(//img.khan.co.kr/images/khan/pc/bg-txt-nlside03.png?v=20230517) no-repeat 0 0;}
.pr-txt.txt_04 {background:url(//img.khan.co.kr/images/khan/pc/bg-txt-nlside04.png?v=20230517) no-repeat 0 0;}
.pr-txt.txt_05 {background:url(//img.khan.co.kr/images/khan/pc/bg-txt-nlside05.png?v=20230517) no-repeat 0 0;}
.pr-txt.txt_06 {background:url(//img.khan.co.kr/images/khan/pc/bg-txt-nlside06.png) no-repeat 0 0;}
.pr-txt.txt_07 {background:url(//img.khan.co.kr/images/khan/pc/bg-txt-nlside07.png?v=20230517) no-repeat 0 0;}
.pr-txt.txt_08 {background:url(//img.khan.co.kr/images/khan/pc/bg-txt-nlside08.png?v=20230517) no-repeat 0 0;}
.pr-txt span {text-indent:-9999px;}
.nl-ci-wrap {display:flex; width:auto; margin:auto; justify-content:center;}
.nl-bnr-cont .item {overflow:hidden; position:absolute; left:15px; top:-10px;}
.nl-bnr-cont .item.item_01 {left:25px; top:6px;}
.nl-bnr-cont .item.item_01 img {width:105px!important;}
.nl-bnr-cont .item.item_02 {top:3px;}
.nl-bnr-cont .item.item_03 {top:2px;}
.nl-bnr-cont .item img {display:none;}
.nl-bnr-cont .item.on img {display:block; width:100%;
    animation:bounceIn 4s;
    animation:bounceOut 9s;
    animation-iteration-count:infinite;
}
@keyframes bounceIn {
    0% {transform:scale(0.5); opacity:0;}
    80% {transform:scale(1); opacity:1;}
    100% {transform: scale(1);}
}
@keyframes bounceOut {
    0% {transform:scale(1);}
    80% {transform:scale(1); opacity:1;}
    100% {transform:scale(0.5); opacity:0;}
}