@charset "utf-8";
/**************************************************************************** 
    경향신문 PC버전
****************************************************************************/
html,body{width:100%;height:100%;margin:0;padding:0;}
body{font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Helvetica, Arial, sans-serif; font-size:14px; font-weight:400; letter-spacing:-.025em; line-height:1.125; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font:inherit;font-weight:bold;}
img{display:inline-block;border:0 none;vertical-align:top;}
cite,code,dfn,del,em,ins,label,q,span,strong,b,i,time,mark,font,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center{display:inline-block;margin:0;padding:0;vertical-align:top;font:inherit;}
address,cite,em,dfn{font:inherit;}
b,i,strong,optgroup{font:inherit;font-weight:bold;}

blockquote,p{margin:0;padding:0;font:inherit;}
pre{overflow:auto;margin:0;padding:0;font:inherit;}
mark{background:#fff;font:inherit;/* color:#000; */} /* IE 8/9 */
sub{position:relative;font-size:0.75em!important;vertical-align:baseline;font:inherit;}
sup{position:relative;font-size:0.75em!important;vertical-align:top;font:inherit;}
abbr[title]{border-bottom:1px dotted;font:inherit;}
hr{display:none;}

div,article,aside,main,menu,details,figure,figcaption,hgroup,footer,header,nav,section,object,summary,iframe{display:block;margin:0;padding:0;font:inherit;}
iframe{overflow:hidden;border:none;}
audio,canvas,progress,video{display:inline-block;margin:0;padding:0;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
svg:not(:root){overflow:hidden;} /* IE 9~11 */

/* table */
table{border-collapse:collapse;border-spacing:0;}
caption{overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;}
th,td{margin:0;padding:0;font:inherit;text-align:left;vertical-align:middle;}

/* list */
dl,dd,ol,ul,li{margin:0;padding:0;}
li{list-style-type:none;}

/* form */
form{margin:0;padding:0;}
fieldset{margin:0;padding:0;border:0 none;}
legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
input,button,select,textarea{margin:0;padding:0;font:inherit;vertical-align:top;}
input.text{padding:4px 7px 4px;border:1px solid #ccc;font-size:12px;line-height:1;color:#000;}
input.readonly{background-color:#eee;}
input.check,input.radio{width:13px;height:13px;margin:2px 7px 0 0;padding:0;}
input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
textarea{margin:0;padding:0;border:1px solid #ccc;font-size:12px;color:#000;resize:none;}
select{height:20px;margin:0;border:1px solid #ccc;outline:none;background-color:#fff;font-size:12px;color:#000;vertical-align:top;text-transform:none;}
button{overflow:visible;text-transform:none;cursor:pointer;border:0 none;outline:0 none;}
button::-moz-focus-inner,
input::-moz-focus-inner{padding:0;border:0;}
button[disabled],html input[disabled]{cursor:default;}

/* link */
a{background-color:transparent;font:inherit;color:inherit;text-decoration:none;cursor:pointer;}/* IE10 active transparent remove */
a:link,
a:visited,
a:active,
a:focus{color:inherit;}

/* clear */
.clear:after{content:".";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.clear{display:inline-block;}
*html .clear{height:0;}
.clear{display:block;}
.clear-both{clear:both;}

/* basic */
.hidden-obj{position:absolute;visibility:hidden;top:-9999px;left:-9999px;}
.blind{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0;}
.display-none{display:none;}
.for-mobile{display:none}
.visible-hidden{visibility:hidden;}
.word-break{word-break:break-all !important;}
.text-indent{overflow:hidden;display:block;text-indent:-9999px;}
.text-c{text-align:center !important;}
.text-l{text-align:left !important;}
.text-r{text-align:right !important;}
.text-j{text-align:justify !important;}
.vt-t{vertical-align:top !important;}
.vt-m{vertical-align:middle !important;}
.vt-b{vertical-align:bottom !important;}
.fw-b{font-weight:bold !important;}
.fw-n{font-weight:normal !important;}
.fl-l{float:left;}
.fl-r{float:right;}
.fn{float:none !important;}
.bg-none{background:none !important;}
.bd-n{border:none !important;}
.bd-t{border-top:none !important;}
.bd-r{border-right:none !important;}
.bd-b{border-bottom:none !important;}
.bd-l{border-left:none !important;}
.of-a{overflow:auto;}
.of-h{overflow:hidden;}
.scroll-x{overflow-x:scroll;}
.scroll-y{overflow-y:scroll;}
.mg-none{margin:0 !important;}
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.line_clamp {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line_clamp2 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.line_clamp3 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.line_clamp4 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.line_clamp5 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.line_clamp6 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.line_clamp7 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.line_clamp8 {display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:8;-webkit-box-orient:vertical}

/* 기사제목 관련 태그 */
.tag {display:inline-block; margin-top:-6px; margin-right:8px; padding:2px 8px 2px 8px; line-height:26px; border-radius:12.5%; font-size:20px; font-weight:550; text-align:center; vertical-align:middle; letter-spacing:-.07em;}
.list-mj-art .tag {margin-top:-4px; margin-right:5px; padding:2px 5px 2px 5px; font-size:13px; line-height:15px;} /* 메인 탑기사 그룹 - 주요기사 3건 */
.sub-news-wrap .tag {margin-top:-3px; margin-right:5px; padding:3px 5px 3px 5px; font-size:15px; line-height:16px;} /* 메인 서브 기사 그룹 - 강조형 */
.sub-news-st .cont .tit .tag {margin-top:-5px; margin-right:5px; padding:1px 3px 1px 3px; font-size:13px; line-height:15px;} /* 메인 서브 기사 그룹 - 목록형 */
.hot-news-wrap .tit-area .tit .tag {margin-top:-3px; margin-right:4px; padding:0 3px 1px 3px; font-size:12px; line-height:14px;} /* 메인 읽어볼만한 기사 탭 */
.list_photoslide .tit_caption .tag {margin-top:-3px; margin-right:4px; padding:1px 3px 1px 3px; font-size:13px; line-height:16px;} /* 메인 전문 콘텐츠 영역 */
.notice-wrap .tit-cont .tit .tag {margin-top:-5px; margin-right:5px; padding:1px 3px 1px 3px; font-size:13px; line-height:15px;} /* 메인 하단 알립니다 */
.weekly-cont-wrap .tag {margin-top:-4px; margin-right:5px; padding:2px 5px 2px 5px; font-size:13px; line-height:15px;} /* 메인 주간경향 영역  */
.weekly-cont-wrap .weekly-cont-l .area-a .txt .tit .tag {margin-top:-4px; margin-right:5px; padding:3px 6px 3px 6px; font-size:15px; line-height:18px;} /* 메인 주간경향 영역 탑기사 */
.media-list .tit .tag {margin-top:-5px; margin-right:5px; padding:1px 3px 1px 3px; font-size:13px; line-height:15px;} /* 뷰페이지 실시간 주요기사 */
.khanup-list .txt .tag {margin-top:-4px; margin-right:5px; padding:2px 4px 2px 4px; font-size:13px; line-height:15px;} /* 뷰페이지 먼저 보는 칸업 콘텐츠 */
.tag.tag-blue {border:1px solid #4469B0; color:#264c94;} /* 단독&전문 */
.tag.tag-red {border:1px solid #f5403f; color:#d43232;} /* 속보 */
.add {display:inline;}
.add.bold {font-weight:700!important;} /* 볼드 처리 */
.add.fc-red {color:#f25632!important;} /* 강조색-붉은색계열 */
.add.fc-blue {color:#366fd1!important;} /* 강조색-푸른색계열 */
.add.fc-brown {color:#c27a33!important;} /* 강조색-브라운계열 */

/* 스크롤 관련 */
::-webkit-scrollbar {width:8px; height:8px; border:3px solid #fff;}
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {display:block; height:10px; background:#efefef;}
::-webkit-scrollbar-track {-webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.2); background-color:#efefef;}
::-webkit-scrollbar-thumb {width:50px; height:50px; border-radius:8px; -websit-border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.1); background-color:rgb(0,0,0,0.2);}
.not_scroll {/* position:fixed; */overflow:hidden;width:100%;height:100%}

/* 동영상 기사 아이콘 */
.ico-mov {content:""; display:block; position:absolute; right:15px; bottom:15px; width:50px; height:50px; z-index:99; background:url(//img.khan.co.kr/images/khan/m/ico-th-mov_sd.svg) 80% 50% no-repeat; background-size:contain; -webkit-transition:transform 100ms ease-out; transition:transform 100ms ease-out; -webkit-transform:scale(.9); transform:scale(.9);}
a:hover .ico-mov {-webkit-transition:transform 100ms ease-out; transition:transform 100ms ease-out; -webkit-transform:scale(1); transform:scale(1);}

/* 음영 처리 .bg_overlay */
.bg_overlay {overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; opacity:1; background:rgba(0, 0, 0, 0.8); z-index:100001;}   




/**************************************************************************** 
    푸터 footer
****************************************************************************/
.footer {border-top:3px solid #707070;}
.footer span {display:block;}
/* 제호 SNS링크 */
.service-link-wrap {width:1110px; height:80px; margin:0 auto;}
.footer-logo {display:table; float:left; height:80px;}
.footer-logo span {display:table-cell; width:140px; height:35px; vertical-align:middle; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/logo_khan.svg") no-repeat center; background-size:110px 30px;}
.wrap_corpinfo {display:table; float:right; padding-right:10px;}
.wrap_corpinfo:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.wrap_corpinfo .list_corpinfo {padding:10px 0; font-size:14px; color:#898888; border-top:1px solid #555; letter-spacing:-1px; line-height:22px;}
.wrap_corpinfo .list_corpinfo.lst {padding-bottom:0;}
.wrap_corpinfo .list_corpinfo .item {position:relative;}
.wrap_corpinfo .list_corpinfo .item.dg {color:#666;}
.wrap_corpinfo .list_snslink {display:table; height:80px; margin:0; padding:0; border-top:0;}
.wrap_corpinfo .list_snslink .item {display:table-cell; padding:0 8px; text-align:center; vertical-align:middle; opacity: .8;}
.wrap_corpinfo .list_snslink .link_sns {display:block; width:30px; height:50px;}
.wrap_corpinfo .list_snslink .fb {background:url("//img.khan.co.kr/images/khan/pc/ico_ft_sns_fb.svg") no-repeat center; background-size:13px 24px;}
.wrap_corpinfo .list_snslink .tw {background:url("//img.khan.co.kr/images/khan/pc/ico_ft_sns_tw.svg") no-repeat center; background-size:24px 19px;}
.wrap_corpinfo .list_snslink .ig {background:url("//img.khan.co.kr/images/khan/pc/ico_ft_sns_ig.svg") no-repeat center; background-size:22px 22px;}
.wrap_corpinfo .list_snslink .yt {background:url("//img.khan.co.kr/images/khan/pc/ico_ft_sns_yt.svg") no-repeat center; background-size:24px 17px;}
.wrap_corpinfo .list_snslink .kt {background:url("//img.khan.co.kr/images/khan/pc/ico_ft_sns_kt.svg") no-repeat center; background-size:24px 22px;}
.wrap_corpinfo .list_snslink .gl {background:url("//img.khan.co.kr/images/khan/pc/ico_ft_sns_gl.svg") no-repeat center; background-size:22px 22px;}
.wrap_corpinfo .list_snslink .rss {background:url("//img.khan.co.kr/images/khan/pc/ico_ft_sns_rss.svg") no-repeat center; background-size:20px 20px;}
.wrap_corpinfo .list_snslink .gp {background:url("//img.khan.co.kr/images/khan/pc/ico_ft_gp.svg") no-repeat center; background-size:22px 22px;}
.wrap_corpinfo .list_snslink .as {background:url("//img.khan.co.kr/images/khan/pc/ico_ft_as.svg") no-repeat center; background-position:left 42%; background-size:25px 25px;}
/* 사이트맵 */
.site-map {width:1110px; margin:0 auto; text-align:center;}
.site-map .khan-menu-wrap {position:relative; width:100%; border-top:1px solid #ececec; text-align:left;}
.site-map .khan-menu-wrap > div:first-child {border-bottom:none;}
.site-map .khan-menu {padding:35px 0 34px; border-bottom:1px solid #ececec;}
.site-map .khan-menu:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.site-map .khan-menu .khan-menu-list {float:left; width:14.2%;}
.site-map .khan-menu .tit, .site-map .khan-menu .tit a {display:inline-block; vertical-align:top;}
.site-map .khan-menu .tit {padding:0 0 3px 0;}
.site-map .khan-menu .tit a {font-size:14px; color:#4469B0; font-weight:550; line-height:26px;}
.site-map .khan-menu .tit a:focus,
.site-map .khan-menu .tit a:hover {text-decoration:underline;}
.site-map .khan-menu .khan-menu-list dd a {font-size:14px; color:#333; line-height:28px;}
.site-map .khan-menu .khan-menu-list dd a:focus,
.site-map .khan-menu .khan-menu-list dd a:hover {text-decoration:underline;}
/* 기업정보 */
.footer .corp-info {position:relative; width:1110px; margin:0 auto;}
.footer .corp-info address {margin:40px 0; font-style:normal; font-size:14px; line-height:24px; letter-spacing:-.5px; color:#1a1a1a;}
.footer .corp-info address span {display:inline-block; margin-right:20px;}
.footer .corp-info address p {margin-top:10px;}
.footer .corp-info address p strong {font-weight:550;}
/* 패밀리 사이트 드롭다운 */
.family-link-wrap {position:absolute; top:0; right:0; width:172px; margin:0 auto; padding:0;}
.family-link-wrap strong {margin:0; font-size:14px; font-weight:400;}
.family-link-wrap .family-link-area {padding:14px 15px 15px; cursor:pointer; border-bottom:2px solid #666; color:#1a1a1a; background-color:#fff; /* background:#fff url(/images/svg/arrow-family-dn.svg) 143px 50% no-repeat; */}
/* .family-link-wrap .family-link-area:hover {background: #fff url(/images/svg/arrow-family-up.svg) 143px 50% no-repeat;} */
.family-link-list, 
.family-link-wrap:hover .family-link-list {overflow:hidden; height:0; -webkit-transition:height .25s; -o-transition:height .25s; transition:height .25s;}
.family-link-wrap:hover .family-link-area:hover .family-link-list {height:160px; bottom:2px; border:1px solid #666; border-bottom:0;}
.family-link-list {position:absolute; left:0; bottom:47px; width:140px; padding:0 15px; background:#fff;}
.family-link-list .inner {overflow-y:auto; width:142px; height:240px;}
.family-link-list .inner li {margin-bottom:3px; font-size:12px; font-weight:400; line-height:24px; letter-spacing:-.05em; color:#666;}
.family-link-list .inner li:first-child {padding-top:14px;}
.family-link-list .inner li:last-child {padding-bottom:30px;}
.family-link-list::after {content:''; display:block; position:absolute; bottom:0; left:0; width:142px; margin:0 15px; /* border-bottom:1px solid #e2e2e2; */}
/* 푸터 기타메뉴 */
.footer .btm-link {display:block; padding:20px 0; background-color:#dedede;}
.footer .btm-link .btm-link-inner {position:relative; width:1110px; margin:0 auto;}
.footer .btm-link a {display:inline-block; padding-right:8px;}
.footer .btm-link a span {display:inline-block; margin-right:10px;}
.footer .btm-link a::after {content:' '; display:inline-block; width:1px; height:10px; border-right:1px solid #aaa;}
.footer .btm-link a:last-child::after {border-right:0;}
/* 푸터 문화사업 사이트 */
.family-link-wrap.business {right: 200px;}
.family-link-wrap.business:hover .family-link-area:hover .family-link-list {height:260px; bottom:2px; border:1px solid #666; border-bottom:0;}
.family-link-wrap.business .family-link-list .inner {height:260px;}
/* 맨위로 버튼 */
.btn-gotop {position:fixed; bottom:40px; right:40px; width:60px; height:60px; border:1px solid #3a3a3a; border-radius:100%; box-sizing:content-box; background:rgba(255, 255, 255, .75) url("//img.khan.co.kr/images/khan/pc/btn-gotop.svg") 50% 50% no-repeat; text-indent:-9999px; z-index:100;}
.gotomobile {text-align:center;} /* 모바일 화면으로 보기 링크 버튼 */




/**************************************************************************** 
    연재 구독 관련 공통 프로세스 (레이어 팝업)
****************************************************************************/
/* 연재 메일링 구독 신청 */
.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;}
.subscribe_btn .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;} /* 연재 구독 버튼 */
.subscribe_btn .subscribe_link.ing {border:1px solid #666; color:#4a4a4a; background:url("//img.khan.co.kr/images/khan/pc/ico-btn-check-gray.svg") no-repeat 6px center; background-size:10px 10px; background-color:#fff;} /* 연재 구독중 */

/* 구독신청 팝업 */
.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:16px; 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:16px; color:#000; line-height:46px; margin:0 10px; text-decoration:none;}
.subscribepopup_sec .btn .solo {display:inline-block; width:240px; height:46px; border-radius:10px; background:#d0d0d0; font-size:16px; color:#fff; line-height:46px; margin:10px auto 20px; text-decoration:none; cursor:pointer;}
.subscribepopup_sec .btn .solo.on {background-color:#0078fc;}
.subscribepopup_sec .btn .cancel_all {display:block; margin:20px auto 0; text-align:center; text-decoration:underline; background-color:#fff;}
.popup_close {position:absolute; top:25px; right:25px; cursor:pointer;}
.blocker.current {z-index:1000001!important;}


/* 연재구독 수신 동의 프로세스 팝업(etc.css only) */
.subscribepopup_sec.agreement {position:fixed; left:50%; top:50%; padding:35px; border-radius:6px; background-color:#fff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.subscribepopup_sec.agreement .agree_info {}
.subscribepopup_sec.agreement .agree_info .sub_tit {display:block; position:relative; font-size:15px; line-height:21px;}
.subscribepopup_sec.agreement .agree_info .txt {margin:20px 0; padding:20px 25px; border:1px solid #aaa; border-radius:10px; font-size:14px; line-height:1.5em; background-color:#fefefe;}
.subscribepopup_sec.agreement .btn {margin:0; padding:0;}
.subscribepopup_sec.agreement .btn .save,
.subscribepopup_sec.agreement .btn .cancel {margin:0 5px;}
/* 20240205 추가 */
.subscribepopup_sec.agreement .process_step_wrap {margin:0 0 30px;}
.subscribepopup_sec.agreement .process_step_wrap ul {display:flex; justify-content:center;}
.subscribepopup_sec.agreement .process_step_wrap .step_list {display:inline-block; position:relative; margin:0 5px; color:#999; font-size:13px; line-height:1.2em;}
.subscribepopup_sec.agreement .process_step_wrap .step_list:first-child {padding-right:30px;}
.subscribepopup_sec.agreement .process_step_wrap .step_list:first-child:after {content:''; display:block; position:absolute; top:8px; right:-5px; width:30px; height:1px; background-color:#999;}
.subscribepopup_sec.agreement .process_step_wrap .step_list span {width:16px; height:16px; margin-right:3px; border-radius:20px; color:#fff; font-size:11px; font-weight:700; line-height:1.4em; text-align:center; background-color:#dedede;}
.subscribepopup_sec.agreement .process_step_wrap .step_list.on {color:#0078fc;}
.subscribepopup_sec.agreement .process_step_wrap .step_list.on span {background-color:#0078fc;}
.subscribepopup_sec.agreement .ag_process_wrap {}
.subscribepopup_sec.agreement .ag_process_wrap .serial_tit {margin:0 auto 30px; padding:0; text-align:center; font-size:20px; line-height:24px; color:#006be4; text-decoration:underline;}
.subscribepopup_sec.agreement .ag_process_wrap .txt {margin:10px auto; font-size:15px; line-height:21px;}
.subscribepopup_sec.agreement .ag_process_wrap .txt.center {text-align:center;}
.subscribepopup_sec.agreement .ag_process_wrap .txt.my50 {margin:50px auto;}
.subscribepopup_sec.agreement .em_txt {padding: 20px 15px 13px; margin: 20px 0 30px; border: 1px dashed #ccc; background-color: #fff; border-radius: 3px;}
.subscribepopup_sec.agreement .mail_txt {display:block; margin:0 auto 10px; padding:10px; text-align:center; background-color:#fafafa;}
.subscribepopup_sec.agreement .mail_txt span {position:relative; padding-left:20px; font-size:15px; text-align:left; word-break:break-all; line-height:1.4em; background:url("//img.khan.co.kr/spko/sub_2017/ico_view_sendmail.png") no-repeat scroll 0 6px; background-size:16px;}
.subscribepopup_sec.agreement .explain_txt {position:relative; display:block; padding:0 7px 7px; font-size:12px; line-height:1.4em; color:#454545;}
.subscribepopup_sec.agreement .explain_txt:before {content:''; position:absolute; top:1px; 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.agreement .explain_txt .link_sec {color:#0078fc; text-decoration:underline;}
.subscribepopup_sec.agreement .explain_txt em {color:#0078fc;}
.subscribepopup_sec.agreement .radiobox_wrap.radio {width:auto;}
.subscribepopup_sec.agreement .receive_radio {display:block; position:relative; padding:0;}
.subscribepopup_sec.agreement .receive_radio label {display:inline-block; padding-left:30px; font-weight:400; vertical-align:middle; cursor:pointer;}
.subscribepopup_sec.agreement .receive_radio .link_pop {float:right; line-height:1.6em; text-decoration:underline;}
/* 뉴스레터 수신동의 약관 내용 */
.subscribepopup_sec .info_wrap {position:relative; width:100%; min-width:300px; padding:30px 40px; box-sizing:border-box; text-align:left;}
.subscribepopup_sec .info_wrap .art_tit {font-size:19px; font-weight:550; line-height:1.4em;}
.subscribepopup_sec .info_wrap .layer_close {position:absolute; top:25px; right:25px; margin:0; width:20px; height:20px;}
.subscribepopup_sec .info_wrap .layer_close a {display:block; width:20px; height:20px; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/ico-close-sm.svg") no-repeat; background-size:20px 20px; cursor:pointer;}
.subscribepopup_sec .info_wrap .conts {padding:20px 0 0; font-size:14px;}
.subscribepopup_sec .info_wrap .conts p {padding-bottom:15px; line-height:1.4em;}


/* 뉴스플리 팝업(구 형태) */
/* .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;}


/* 구독하기란 */
.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;}

/* 연재 구독하기란? - 탭버튼 */
.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;}