@charset "UTF-8";

/**************************************************************************** 
웹폰트 설정
****************************************************************************/
/* NotoSans 고딕 */
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//img.khan.co.kr/spko/fonts/NotoSansKR-Thin.woff2) format('woff2'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Thin.woff) format('woff'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Thin.otf) format('opentype');} 
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//img.khan.co.kr/spko/fonts/NotoSansKR-Light.woff2) format('woff2'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Light.woff) format('woff'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Light.otf) format('opentype');} 
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//img.khan.co.kr/spko/fonts/NotoSansKR-Regular.woff2) format('woff2'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Regular.woff) format('woff'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Regular.otf) format('opentype');} 
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//img.khan.co.kr/spko/fonts/NotoSansKR-Medium.woff2) format('woff2'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Medium.woff) format('woff'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Medium.otf) format('opentype');} 
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//img.khan.co.kr/spko/fonts/NotoSansKR-Bold.woff2) format('woff2'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Bold.woff) format('woff'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Bold.otf) format('opentype');} 
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//img.khan.co.kr/spko/fonts/NotoSansKR-Black.woff2) format('woff2'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Black.woff) format('woff'),url(//img.khan.co.kr/spko/fonts/NotoSansKR-Black.otf) format('opentype');}
/* GmarketSans 지마켓 */
@font-face {
	font-family: 'GmarketSansLight';
	src: url(//img.khan.co.kr/spko/fonts/GmarketSansLight.woff) format('woff');
	font-weight: normal; 
	font-style: normal; 
	font-display: swap;
}
@font-face {
	font-family: 'GmarketSansMedium'; 
	src: url(//img.khan.co.kr/spko/fonts/GmarketSansMedium.woff) format('woff');
    font-weight: normal; 
    font-style: normal; 
	font-display: swap;
}
@font-face {
	font-family: 'GmarketSansTTFBold'; 
	src: url(//img.khan.co.kr/spko/fonts/GmarketSansTTFBold.woff) format('woff');
    font-weight: normal; 
    font-style: normal; 
	font-display: swap;
}

/**************************************************************************** 
reset
****************************************************************************/
html {font-size:62.5%;}
html {/* Prevent font scaling in landscape */
-webkit-text-size-adjust:none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust:none; /*Firefox*/
-ms-text-size-adjust:none;  /*Ie*/
-o-text-size-adjust:none; /*old versions of Opera*/
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,figure {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
select, input {height:40px;padding-left:10px;border:1px solid #d2d2d2;font-size:100%;color:#1c1c1c;box-sizing:border-box;}
textarea {padding:10px;border:1px solid #d2d2d2;color:#1c1c1c;box-sizing:border-box;letter-spacing:-0.05em}
input:focus,select:focus,textarea:focus/*,button:focus*/ {border:1px solid #009fe4}
label,button {margin:0;padding:0;outline:0;border:0 none;background-color:transparent;cursor:pointer}
button {overflow:visible}
body {background:#fff;word-break:break-all}
body,th,td,/*input,*/select,textarea/*,button*/ {font-size:16px;font-size:1.6rem;font-family:'Noto Sans KR',Helvetica-light,'AppleSDGothicNeo-Light','Roboto-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;color:#444;letter-spacing:-0.06em;font-weight:400;}
/*table {border-spacing:0;border-collapse:collapse;empty-cells:show; }*/
table {width:100%}
table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;border-spacing:0;}/*border:none; separate;;table-layout:fixed*/
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
/* Handset <A> Style Reset */
a {color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}
a:active, a:hover a:checked {text-decoration:none} 
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
::-webkit-input-placeholder {color:#b5b5b5;}/* WebKit browsers */
:-moz-placeholder {color:#b5b5b5;opacity:1;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b5b5b5;opacity:1;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b5b5b5;}/* Internet Explorer 10+ */
.placeholder {background-color:#f3f3f3;color:#b5b5b5}
select[disabled],input[disabled]{background-color:#fafafa;color:#b5b5b5;}
select {font-family: inherit; border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(//img.khan.co.kr/images/khan/m/ico_select_down.svg) no-repeat right center; outline: none;}/* 네이티브 외형 감추기 */
select::-ms-expand {display: none;}
font {display:inline !important}
input {-webkit-appearance: none;-webkit-border-radius:0;} /* IOS input 내부 그림자 제*/
	
/**************************************************************************** 
common
****************************************************************************/
/* 스킵네비게이션 */
#skip {z-index:600;position: absolute;position:fixed;top:0;left:0;width:100%;}
#skip a {display:block;position:absolute;top:-9999px;}
#skip a span {display: block;padding:10px 0;border:3px solid #FFB747;background: #000;color: #fff;text-align:center}
#skip a:hover, #skip a:active, #skip a:focus {z-index: 600; top: 0; display: inline-block; width: 100%}

/* global */
.not_scroll{/* position:fixed; */overflow:hidden;width:100%;height:100%}
.ovh {overflow:hidden;height:100%}
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.blind {overflow:hidden; position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; line-height:0;} 
/*.line_clamp {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}*/ /* 한줄 텍스트 말줄임 */
.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}
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
.show {display:block}
.hide, .display-none {display:none!important;}

/* 정렬 */
.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both}
.tleft, .text-l {text-align:left !important;} 
.tcenter, .text-c {text-align:center !important;} 
.tright, .text-r {text-align:right !important;}
.tjustify, .text-j {text-align:justify !important;}
.vttop {vertical-align:top !important;} 
.vtmdl {vertical-align:middle !important;}


/* 마진 */
.mgt01 {margin-top:1px !important;}
.mgt0 {margin-top:0 !important;}
.mgt5 {margin-top:5px !important;}
.mgt7 {margin-top:7px !important}
.mgt10 {margin-top:10px !important;}
.mgt12 {margin-top:12px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}

.mgb0 {margin-bottom:0 !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb100 {margin-bottom:100px !important;}

.mgl0 {margin-left:0 !important;} 
.mgl05 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl32 {margin-left:32px !important;}
.mgl40 {margin-left:40px !important;}
.mgl60 {margin-left:60px !important;}
.mgl80 {margin-left:80px !important;}
.mgl100 {margin-left:100px !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr12 {margin-right:12px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr40 {margin-right:40px !important;}

/* padding */
.pdt0 {padding-top:0 !important;}
.pdb0 {padding-bottom:0 !important;}
.pdb50 {padding-bottom:50px !important;}

/* border */
.bdt0 {border-top:0 !important;}
.bdb0 {border-bottom:0 !important;}
.border__null {border:none!important;}


/* etc */
.add-p100 {padding-top:100px!important;}
.add-p50 {padding-top:50px!important;}

.add-t100 {top:100px!important;}
.add-t50 {top:50px!important;}

/* 스와이프 모델 드래그 방지 관련 */
.swipe_drag {user-drag:none; user-select:none; -moz-user-select:none; -webkit-user-drag:none; -webkit-user-select:none; -ms-user-select:none;}

/* responsive */
.img_responsive {width:100%;height:100%}
.show_xs {display:none}
.hide_md {display:block}
@media (max-width:480px) { 
	.hide_xs {display:none}
	.show_xs {display:block}
}
@media (max-width:992px) { 
	.hide_md {display:none}
}

/****************************************************************************
    common icon,button,label,element
****************************************************************************/
/* 아이콘 공통요소 */
.ico_corp {display:inline-block; zoom:1; *display:inline; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; *text-indent:0;}

/* CSS 버튼 공통 요소 */
.link_corp {display:inline-block; position:relative; z-index:1; text-align:center; cursor:pointer; line-height:1em;}
.link_corp:hover,
.link_corp:hover span {text-decoration:none;}
.link_corp span {display:inline-block; color:inherit; line-height:1em; *line-height:normal;}
.link_corp.off {cursor:no-drop;}

/* 아이콘 */
.webp .ico_tag_360mov {background-image:url(//img.khan.co.kr/images/khan/m/ico_list_360.webp);background-repeat:no-repeat;background-size:50px 50px;} /* 360도 포토 webp */
.no-webp .ico_tag_360mov {background-image:url(//img.khan.co.kr/images/khan/m/ico_list_360.png);background-repeat:no-repeat;background-size:50px 50px;} /* 360도 포토 */
.webp .ico_thumb_scaler {background-image:url(//img.khan.co.kr/images/khan/m/ico_thumb_expand.webp); background-repeat:no-repeat; background-size:contain;} /* 기사뷰 썸네일 확대 webp */
.no-webp .ico_thumb_scaler {background-image:url(//img.khan.co.kr/images/khan/m/ico_thumb_expand.png); background-repeat:no-repeat; background-size:contain;} /* 기사뷰 썸네일 확대 */
.ico_close {background-image:url(//img.khan.co.kr/images/khan/m/ico_spkncont_close.svg); background-repeat:no-repeat; background-size:contain;} /* 닫기 */
.ico_cont_more {background-image:url(//img.khan.co.kr/images/khan/m/ico_art_more.svg); background-repeat:no-repeat; background-size:contain;} /* 콘텐츠 더보기 */

/* 기사 아이콘: 단독 속보 HOT */
.lable_pt {display:inline-block; margin-top:-2px; margin-right:5px; padding:3px 6px 3px 6px; line-height:1em; border-radius:12.5%; font-size:0.725em; font-weight:700; text-align:center; vertical-align:middle; letter-spacing:-.07em;}
.lable_pt span {display:block; position:relative;}
.lable_pt.exclusive {border:1px solid #4469B0; color:#264c94;} /* 단독 */
.lable_pt.breaking {color:#E29425; border:1px solid #E29425;} /* 속보 */
.lable_pt.blue {border:1px solid #4469B0; color:#264c94;}
.lable_pt.red {border:1px solid #f5403f; color:#d43232;}
.lable_pt.orange {color:#fa702c; border:1px solid #fa702c;}
.lable_pt.bk {color:#121212; border:1px solid #cecece; padding:2px; margin-right:5px; font-size:13px;}
/* 기사 아이콘: 단독 속보 통일 */
/* 단독, 전문, 속보 태그 */
.tag {display:inline-block; margin-top:-3px; margin-right:5px; padding:3px 6px 3px 6px; line-height:0.85em; border-radius:12.5%; font-size:0.725em; font-weight:700; text-align:center; vertical-align:middle; letter-spacing:-.07em;}
.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;} /* 강조색-브라운계열 */
.list_type .tag {line-height: 0.8em}

/* 버튼 공통 */
.btn_fill {display: block; width: 280px; text-align: center; margin: 20px auto 0; padding: 0; background: #F2F4F6; border-radius: 4px;}
.btn_fill span {font-size: 15px; color: #222222; display: inline-block; padding: 10px 20px 10px 0px;}
#column_more.btn_fill span {background: url(//img.khan.co.kr/images/khan/m/btn_gnb_search.svg) right center no-repeat; background-size: 14px 14px;}
.btn_area_more1 {padding: 0 15px;}
.btn_area_more1 .btn_fill {width:100%; margin: 0 auto 20px;}
.btn_area_more1 .btn_fill span {background: url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_bk.svg) right center no-repeat; background-size: 5px 10px; padding: 10px 10px 10px 0px;}

/* 기사등록 시간 */
.datetime {display:block; margin-top: 8px; font-size: 14px; line-height: 12px; color: #999; letter-spacing: 0; font-family: Roboto;}

/* 셀렉트 박스 */
.field {position: relative; padding: 0 20px 20px;}
.field select {width: auto; font-size: 14px; color: #222; border: 0;  padding-left: 5px; padding-right: 18px; cursor: pointer; /* border-bottom: 2px solid #F2F2F2;*/}
/* 이미지 기본 */
.thumb {display: block; width: 100%; height: 100%; object-fit: cover;}
.thumb_g {display:block; width:100%; height: auto; vertical-align:top;}

.center_dot {width: 2px; height: 2px; background: #444; border-radius: 1px; display: inline-block; vertical-align: middle; margin: 0 2px;}

/****************************************************************************
    layout
****************************************************************************/
/* Frame */
html, body {margin:0; padding:0; width:100%; height:100%; -ms-overflow-style: none;}
#wrap {position:relative; }
#header {position:fixed; left:0; right:0; width:100%; z-index:30; background-color:#fff; 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;}
#header.scroll {border-bottom: 1px solid #e2e2e2;}
/* 아래 두 라인은 최상단 뉴스레터 배너 노출에 따른 한시 적용 */
#header {top:-50px;}
#header.on {top:0;}
.wrap_art_top_header.scroll {border-bottom: 1px solid #e2e2e2;}
#container {position:relative; top:90px; z-index:20; background-color: #fafafa;}
#container.view_container {position:relative; top:50px;}
#container.list_container {position:relative; top:50px;}
#content {overflow:hidden; position:relative; max-width: 767px; margin: 0 auto; background-color: #fff;}
#footer {padding:90px 0 50px; z-index:10; overflow:hidden; position:relative; margin: 0 auto;}
#footer.sub_footer {padding: 50px 0 50px;}
#wrap.top_clear #container {top:0;}

/* #header, GNB */
#header.header {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;}
.gnb {position:relative; width:100%; height:50px; background-color:#fff;}
.gnb .tit_logo {position: absolute; left: 50%; top: 15px; width: 83px; height: 21px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.gnb .logo_kh {display: block; width: 83px; height: 21px; background: url(//img.khan.co.kr/images/khan/m/logo_khan.svg) center no-repeat; background-size: cover;}
.gnb .link_corp {display:block; position:absolute; width:20px; height:20px;}
.gnb .btn_menu {top:15px; left:20px; background: url(//img.khan.co.kr/images/khan/m/btn_gnb_menu.svg) center no-repeat; background-size: 20px 16px;}
.gnb .btn_search {top:15px; right:20px; background: url(//img.khan.co.kr/images/khan/m/btn_gnb_search.svg) center no-repeat; background-size: 20px 20px;}
.gnb .link_login, .gnb .link_login2 {display:inline-block; top:14px; right:50px; width:23px; height:22px;}
.gnb .link_login2 {background:url(//img.khan.co.kr/images/khan/m/btn_snb_login.svg) no-repeat center; background-size:18px 22px;}
.gnb .link_login2.on {background:url(//img.khan.co.kr/images/khan/pc/ico-fn-member-in.svg) no-repeat center; background-size:23px 22px;}
/* 로그인 마이 메뉴 */
.login-svc-wrap {position:relative;}
.login-svc-wrap .khan_id {padding-right:15px; background:url("//img.khan.co.kr/images/khan/pc/ico-arrow-down-s.svg") right 53% no-repeat; background-size:10px; cursor:pointer;}
.login-svc-wrap .pop-mymenu {display:none; position:absolute; right:10px; top:35px; width:100px; padding:8px 15px 5px; border:1px solid #666; border-radius:5px; background:#fff; z-index:1;}
.login-svc-wrap .pop-mymenu.on {display:block;}
.login-svc-wrap .pop-mymenu-list {}
.login-svc-wrap .pop-mymenu-list li {display:block; position:relative; padding:0; line-height:2em; text-align: right;}
.login-svc-wrap .pop-mymenu-list li:last-child {margin-top:10px;}
.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;}
/* .login-svc-wrap .pop-mymenu-list li:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#E5E5E5;}
.login-svc-wrap .pop-mymenu-list li:last-child:after {content:none;} */
.login-svc-wrap .pop-mymenu-list li a {font-size:15px;}
.login-svc-wrap .pop-mymenu .btn-mymenu-logout {display:block; width:100%; margin:5px 0 5px; padding:0 5px; border:1px solid #aaa; border-radius:3px; text-align:center; font-size:15px; line-height:2em; box-sizing:border-box; background-color:#fefefe;}
.login-svc-wrap .pop-mymenu .btn-mymenu-logout:hover {color:#fefefe; border:1px solid #333; background-color:#333;}
/* 2022 설 기념 제호 */
.gnb .tit_logo.logo220201 {position: absolute; left: 50%; top: auto; bottom: 0; width: 226px; height: 43px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.gnb .tit_logo.logo220201 .logo_kh {display: block; width: 226px; height: 43px; background: url(//img.khan.co.kr/images/khan/m/logo_khan_220201.gif?v=220128) center no-repeat; background-size: cover;}
/* 2022 반전 제호 */
.gnb .tit_logo.logo220303 {position: absolute; left: 50%; width: 100px; height: 21px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.gnb .tit_logo.logo220303 .logo_kh {display: block; width: 100px; height: 21px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_nowar_m.png) center no-repeat; background-size: cover;}
/* 2022 여성의 날 제호 */
.gnb .tit_logo.logo220308 {position: absolute; left: 50%; width: 103px; height: 21px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.gnb .tit_logo.logo220308 .logo_kh {display: block; width: 103px; height: 21px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_women_m.png) center no-repeat; background-size: cover;}
/* 2022 대통령 선거 제호 */
.gnb .tit_logo.logo220309 {position: absolute; left: 50%; width: 100px; height: 21px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.gnb .tit_logo.logo220309 .logo_kh {display: block; width: 100px; height: 21px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_election2022_m.png) center no-repeat; background-size: cover;}
/* 2022 이태원 참사 애도 제호 */
.gnb .tit_logo.logo221031 {position: absolute; left: 50%; top:11px; width: 100px; height: 28px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.gnb .tit_logo.logo221031 .logo_kh {display: block; width: 100px; height: 28px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_221031_m.png) center no-repeat; background-size: cover;}
/* 2023 튀르키예 지진 애도 제호 */
.gnb .tit_logo.logo230208 {position: absolute; left: 50%; top:11px; width: 130px; height: 34px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.gnb .tit_logo.logo230208 .logo_kh {display: block; width: 120px; height: 34px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_230208_m.png) center no-repeat; background-size: cover;}
/* 2024 여성의 날 제호 */
.gnb .tit_logo.logo240308 {position: absolute; left: 50%; top:11px; width: 112px; height: 30px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.gnb .tit_logo.logo240308 .logo_kh {display: block; width: 112px; height: 30px; background: url(//img.khan.co.kr/images/khan/pc/logo_khan_women24.svg) center no-repeat; background-size: cover;}


/* 공통 영역 */
.tit_group {position:relative; font-size: 20px; font-weight:600; color:#222222; padding: 0 20px 30px; overflow: hidden;}
.tit_group .more {float: right; font-size: 14px; color: #222222; display: block; padding: 5px 20px 5px 0px;background: url(//img.khan.co.kr/images/khan/m/ico_arr_more.svg) no-repeat right 50%; background-size: 14px 11px;}
.tit_group.wt {color: #fff; font-size: 17px; padding: 20px 20px 15px; background-color: #2A2A2A;}
.tit_group.wt .more {color: #fff; background: url(//img.khan.co.kr/images/khan/m/ico_arr_more_wt.svg) no-repeat right 50%;}
.tit_group.ico_new {overflow:inherit;}
.tit_group.ico_new:before {content:''; display:inline-block; position:absolute; left:22px; top:-9px; width:25px; height:9px; vertical-align:middle; background:url(//img.khan.co.kr/images/khan/m/ico-tit-new.png) no-repeat center center; background-size:25px 9px;}
.tit_group.mgzl {display:inline-block; padding-right:17px; background:url(//img.khan.co.kr/images/khan/pc/ci-mgzl-side.png) no-repeat right 17%; background-size:11px 18px;}
.sub.tit_group {font-size: 18px; padding: 0 20px 30px;}
.sub_bl.tit_group {font-size: 18px; padding: 0 20px 15px; color: #4469B0;}
.rt_tit {display: block; font-size: 14px; line-height: 14px; color: #4469B0; font-weight: bold;}
.rt_tit strong {font-weight: bold;}
.sec_wrap {display: block; box-sizing: border-box; padding-top: 30px; border-top: 1px solid #E2E2E2;}

/* TOP버튼 */
.btn_gotop_floating {overflow: hidden; position: fixed; right: 10px; bottom: 60px; width: 40px; height: 40px; border: 1px solid rgba(0,0,0,.2); border-radius: 2px; box-sizing: border-box; background-color: rgba(255,255,255,.85); z-index: 40;}
.btn_gotop_floating .ico_gotop {display: inline-block; width: 14px; height: 16px; background: url(//img.khan.co.kr/images/khan/m/ico_arr_topbtn.svg) no-repeat center; background-size: 14px 16px;}
.btn_area.bnr_extend .btn_gotop_floating {bottom:108px;}
.btn_gotop_floating.appuse {bottom:20px;}

/* 동영상 기사 아이콘 */
.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);}


/****************************************************************************
    Footer
****************************************************************************/
/* #Footer - 구글 광고 적용 시 하단 띠배너 노출 관련 */
#footer.gg_ad {padding-bottom:0;}
#footer.bnr_extend {padding-bottom:100px;}

/* #Footer - 사이트맵 */
.ft_site_map {padding:50px 15px 0; background-color:#fff; border-top: 1px solid #E2E2E2;}
.ft_site_map .logo_kh {display:block; width:80px; height:20px; margin:0 0 20px 10px; background: url(//img.khan.co.kr/images/khan/m/logo_khan.svg) center no-repeat; background-size: 80px 20px;}
.ft_site_map .ft_sct_tit {position:relative; height:35px;}
.ft_site_map .ft_sct_tit .tit {margin-left:10px; color:#000; line-height:35px; font-weight:600; font-size:18px;}
.ft_site_map .ft_sct_tit .btn_door {position:absolute; right:10px; top:0; width:100%; height:35px;}
.ft_site_map .ft_sct_tit .ico_cont_door {display:block; width:100%; height:35px; box-sizing:border-box; background:url(//img.khan.co.kr/images/khan/m/ico_arr_top_bk.svg) no-repeat right 50%; background-size:14px 7px; z-index:110;}
.ft_site_map section.close .ft_sct_tit .ico_cont_door {background:url(//img.khan.co.kr/images/khan/m/ico_arr_btm_gr.svg) no-repeat right 50%; background-size:14px 7px;}
.ft_site_map section.close .list {height:0; margin:0; -webkit-transform:translate3d(0,0,0); z-index:100; transition:All 0.2s ease-in-out; -webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out; -o-transition:All 0.2s ease-in-out;}
.ft_site_map section.close .ft_sct_tit .tit {color:#444; font-weight: 400;}
.ft_site_map section {margin:10px auto; padding-bottom:8px; border-bottom:1px solid #F2F2F2;}
.ft_site_map section .list {overflow:hidden; margin:5px 0;}
.ft_site_map section .list .item {float:left; width:50%; height:30px; box-sizing:border-box;}
.ft_site_map section.list_family .list .item,
.ft_site_map section.list_biz .list .item {width:100%;}
.ft_site_map section .list .item.lst {border-bottom:0;}
.ft_site_map section .list .item.width__f {width:100%;}
.ft_site_map section .list .ft_section {display:block; padding:5px 15px; color:#858585; font-size:16px;}

/* #Footer - 기업 정보 */
.wrap_corpinfo {padding:0 15px 15px; background-color:#fff;}
.wrap_corpinfo:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.wrap_corpinfo .logo_sportskh {display:block; height:21px; padding-top:12px;}
.wrap_corpinfo .logo_sportskh img {display:block; width:auto; height:100%;}
.wrap_corpinfo .list_corpinfo {padding:10px 0; font-size:15px; 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; margin:0 auto; padding:10px 0; border-top:0;}
.wrap_corpinfo .list_snslink .item {display:table-cell; padding:0 8px; text-align:center; 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/m/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/m/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/m/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/m/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/m/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/m/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/m/ico_ft_sns_rss.svg) no-repeat center; background-size:20px 20px;}
@media (max-width:359px) {
    .wrap_corpinfo .list_snslink .link_sns {width: 24px;}
}
.wrap_corpinfo .app_list {overflow:hidden; height:50px; padding:0 20px; border-top:none;}
.wrap_corpinfo .app_list .item {float:left; position:static; width:50%; padding:10px; text-align:center; box-sizing:border-box;}
.wrap_corpinfo .app_list .link_app {display:none; position:relative; left:0; top:0; width:82px; height:32px; margin:0 auto; border-radius:100px; color:#333; font-size:13px; line-height:32px; background-color:#e5e5e5; z-index:10;}
.wrap_corpinfo .app_list.ios .link_ios {display:block!important;}
.wrap_corpinfo .app_list.and .link_and {display:block!important;}
.wrap_corpinfo .media_list {overflow:hidden; padding:0px 50px 0; border-top: none;}
.wrap_corpinfo .media_list .item {float:left; position:static; width:50%; padding:10px; text-align:center; box-sizing:border-box;}
.wrap_corpinfo .media_list .link_app {display:inline-block; position:relative; left:0; top:0; margin:0 auto; color:#444; font-size:15px; background:url(//img.khan.co.kr/images/khan/m/ico_arr_right_gr.svg) no-repeat right 50%; background-size: 5px 10px; padding-right: 10px; height: 30px; line-height: 30px;}
@media (min-width:640px) {
    .wrap_corpinfo .media_list {padding:0;}
}
.wrap_corpinfo .list_etc {overflow:hidden; padding:15px 0 15px; border-top:none;}
.wrap_corpinfo .list_etc .item {float:left; position:relative; width:25%; margin:5px 0; text-align:center; box-sizing:border-box;}
.wrap_corpinfo .list_etc .item:nth-child(5), .wrap_corpinfo .list_etc .item:nth-child(6) {width:30%;}
.wrap_corpinfo .list_etc .item:nth-child(7) {width:40%;}
.wrap_corpinfo .list_etc .item .ft_section {padding:10px 0; color:#858585;}
.wrap_corpinfo .list_etc .item .ft_section:after {content:""; position:absolute; top:5px; right:0; width:1px; height:10px; background-color:#E5E5E5;}
.wrap_corpinfo .list_etc .item:nth-child(4) .ft_section:after {background:none;}
.wrap_corpinfo .list_etc .item:last-child .ft_section:after {display:none;}

.corp-info-wrap {padding:20px 0; text-align:center; border-top:1px solid #E2E2E2; background-color:#fff;}
.corp-info-wrap address span {display:inline-block; position:relative; padding:4px 10px; color:#858585; font-size:14px;}
.corp-info-wrap address span em:after {content:""; position:absolute; top:50%; right:-2px; width:1px; height:10px; margin-top:-5px; background-color:#E5E5E5;}
.corp-info-wrap address .copyright {padding:10px 0 0; text-align:center;}
.corp-info-wrap address .copyright strong {color:#666; font-size:15px; font-weight:400; letter-spacing:-0.025em;}

.footer .box_copyright {padding: 15px 0; text-align: center; background-color: #fff; border-top: 1px solid #E2E2E2;}
.footer .box_copyright .tit {font-size: 14px; color: #858585; letter-spacing: 0;}
.sub_footer .wrap_corpinfo {padding:15px 15px;}
@media (max-width:320px) {
    .footer .box_copyright {padding: 12px 0;}
}
@media (min-width:640px) {
    .wrap_corpinfo .list_corpinfo:nth-child(2), .wrap_corpinfo .list_corpinfo:nth-child(3) {float:left; width:50%; padding-top:15px;}
    .wrap_corpinfo .list_corpinfo:nth-child(4) {width:100%; border-top:0;}
    .wrap_corpinfo .list_snslink .item:first-child {padding-left:30px;}
    .wrap_corpinfo .list_snslink .item:last-child {padding-right:40px;}
    .wrap_corpinfo .app_list {padding:0;}
}

/****************************************************************************
    SNB
****************************************************************************/
/* SNB - 공통 */
.snb {position:fixed;overflow-y:scroll;z-index:50;top:0;right:0;width:100%;height:100%;background-color:#fff;-webkit-overflow-scrolling:touch;}
.snb .inner_snb {/*overflow-y:scroll;overflow-x:hidden;*/ overflow:hidden;position:absolute;top:0;left:0;width:100%;-webkit-overflow-scrolling:touch}
.bg_overlay {overflow:hidden;position:fixed;top:0px;left:0px;z-index:49;width:100%;height:100%;background:rgba(0, 0, 0, 0.6)}

/* SNB - 타이틀, 로그인영역 */
.inner_snb_head {padding:17px 20px 12px; border-bottom:1px solid #f2f2f2; background-color:#fff;}
.inner_snb_head .logo_kh {display:inline-block; width:83px; height:21px; background: url(//img.khan.co.kr/images/khan/m/logo_khan.svg) center no-repeat; background-size: cover;}
.inner_snb_head .link_login, .inner_snb_head .link_login2 {display:inline-block; float:right; width: 22px;height:22px;}
.inner_snb_head .link_login2 {background: url(//img.khan.co.kr/images/khan/m/btn_snb_mypage.svg) no-repeat center; background-size: 18px 20px;}
.inner_snb_head .link_login2.on {background: url(//img.khan.co.kr/images/khan/m/btn_snb_mypage_on.svg) no-repeat center; background-size: 18px 20px;}
.inner_snb_head .btn_close {position:absolute; width:30px; height:30px; top:15px ; right:15px; background:url(//img.khan.co.kr/images/khan/m/btn_close.svg) no-repeat center; background-size: 16px 16px; background-color:#FFF;}

/* SNB - 메뉴레이어 - 상단 */
.snb.menubox {left:-320px; width:320px; 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;}
.snb.menubox.open {left:0; /* box-shadow:-2px 0 5px rgba(0,0,0,.2) */}

/* SNB - 메뉴레이어 - 전체메뉴 */
.wrap_menubox {padding: 10px 0 0 0;}
.wrap_menubox .tit {position:relative; padding:12px 15px; font-size:1.188em;font-weight:500; border-top:1px solid #e4e6e7}
.wrap_menubox .search {padding: 0 0 10px;}
.wrap_menubox .list {padding:0 0 10px; border-top:none; background-color:#fff;}
.wrap_menubox .list:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.wrap_menubox .list .item {float:left; width:50%; height:40px; box-sizing:border-box;}
.wrap_menubox .list .link_section {display:block; padding:10px 15px 10px 20px; font-size:15px;}
.wrap_menubox .list .link_section .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;}
@media (max-width:320px) {
	.wrap_menubox .tit {padding-left:12px}
	.wrap_menubox .list .link_section {padding-left:12px}
}
.wrap_menubox .list.family_link {padding:10px 0 20px; border:none; background-color:#fafafa;}
.wrap_menubox .list.family_link .item {border:none;}
.wrap_menubox .list.family_link .item .link_section {padding:10px 0 10px 25px;}
.wrap_menubox .list.family_link .item a span {display:inline-block; overflow:hidden; margin:0 5px 0 0; color:#333; vertical-align:middle; word-break:break-all;}
.wrap_menubox .list.family_link .item a .mdcon {position:relative;}
.wrap_menubox .list.family_link .item a .mdcon img {display:block; width:30px; border-radius:50px;}
/* SNB - 패밀리 링크 */
.wrap_family_link {overflow:hidden; padding:10px 0; border-top: 1px solid #f2f2f2;}
.wrap_family_link .item {float:left; width:50%; height:auto; border:none; box-sizing:border-box;}
.wrap_family_link .item:first-child {width:50%;}
.wrap_family_link .item .link_section {display:block; padding: 10px 15px 10px 20px; font-size:15px; text-align:left;}
.wrap_family_link .item a span {display:inline-block; overflow:hidden; color:#333; vertical-align:middle; word-break:break-all;}

/* SNB - 메뉴레이어 - 공식SNS */
.wrap_menubox_snslink {padding:0; border-top:1px solid #e4e6e7; background-color:#fafafa;}
.wrap_menubox_snslink .list {display:table;width:100%;padding:12px 15px;box-sizing:border-box}
.wrap_menubox_snslink .list .item {display:table-cell;text-align:center;}
.wrap_menubox_snslink .list .item > a {display:table-cell; width:69px; height:50px; margin:0 auto; vertical-align:middle;}
.wrap_menubox_snslink .list .link_sns {display:block; width:50px; height:50px;}
.wrap_menubox_snslink .list .fb {background:url(//img.khan.co.kr/images/khan/m/ico_ft_sns_fb.svg) no-repeat center; background-size:13px 24px;}
.wrap_menubox_snslink .list .tw {background:url(//img.khan.co.kr/images/khan/m/ico_ft_sns_tw.svg) no-repeat center; background-size:24px 19px;}
.wrap_menubox_snslink .list .ig {background:url(//img.khan.co.kr/images/khan/m/ico_ft_sns_ig.svg) no-repeat center; background-size:22px 22px;}
.wrap_menubox_snslink .list .yt {background:url(//img.khan.co.kr/images/khan/m/ico_ft_sns_yt.svg) no-repeat center; background-size:24px 17px;}
.wrap_menubox_snslink .tit_group {min-height:25px; padding:3px 15px; color:#666; font-size:13px; font-weight: 500; line-height:2em; background-color:#f0f0f0;}
.wrap_menubox_snslink .app_list {overflow:hidden; height:50px; padding:10px;}
.wrap_menubox_snslink .app_list .item {float:left; position:relative; width:50%; padding:10px; text-align:center; box-sizing:border-box;}
.wrap_menubox_snslink .app_list .link_app {display:none; position:relative; left:0; top:0; width:82px; height:32px; margin:0 auto; border-radius:100px; border:1px solid #dadada; font-size:12px; line-height:2.8em; background-color:#fff; z-index:100;}
.wrap_menubox_snslink .app_list.ios .link_ios {display:block!important;}
.wrap_menubox_snslink .app_list.and .link_and {display:block!important;}
@media (max-width:320px) {
	.wrap_menubox_snslink .list {padding:12px}
}
/* SNB - 메뉴레이어 - 제보알림구독신청 */
.group_menubox_etc {background-color:#212121;}
.group_menubox_etc .list_etc {overflow:hidden; padding:15px 0 15px; border-top:none; background-color:#212121;}
.group_menubox_etc .list_etc .item {float:left; position:relative; width:33.3%; text-align:center; box-sizing:border-box;}
.group_menubox_etc .list_etc .item .link_section {padding:10px 0; color:#EEE; font-size: 14px;}
.group_menubox_etc .list_etc .item .link_section:after {content:""; position:absolute; top:2px; right:0; width:1px; height:18px; background-color:#595959;}
.group_menubox_etc .list_etc .item:last-child .link_section:after {display:none;}

/* SNB - 검색 레이어 */
.snb.search {top:-100px; right:0; width:100%; /*height: 50px;*/ height: 100px; overflow-y: visible; 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}
.snb.search.open {right:0; /*top:50px;*/ top: 0;}
.snb.search .inner_snb {overflow: visible;}
.snb .snb_search {position:relative;width:100%;height:50px; top:50px;}
.snb .snb_search .btn_close {position: absolute; width: 30px; height: 30px; top: -40px ; right: 15px; background: url(//img.khan.co.kr/images/khan/m/btn_close.svg) no-repeat center; background-size: 16px 16px; background-color: #FFF;}
.fld_search_snb .box_searchbar {position: relative; margin: 0 0px 0 20px; display: flex;}
.fld_search_snb .box_searchbar input: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;}
.fld_search_snb .tf_search {width:100%; height: 35px; margin: 7px 0 0 0; padding-left: 10px; border: 0; font-size: 16px; box-sizing: border-box; border-radius: 4px; background-color: #F2F4F6; text-shadow: none;}
/*.fld_search_snb .tf_search:hover, .fld_search_snb .tf_search.vs_border {position:relative; top:1px; border:1px solid #121212; box-sizing: border-box;}*/
.fld_search_snb .btn_search {width: 30px; height: 35px; margin: 7px 17px 0 10px; background: url(//img.khan.co.kr/images/khan/m/btn_gnb_search.svg) center no-repeat; background-size: 20px 20px;}


/****************************************************************************
    SNS 공유하기
****************************************************************************/
/* 기사 보내기: SNS공유하기 */
.wrap_sns_share {/*display:none;*/ overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; margin:0; background-color:rgba(0,0,0,.75); z-index:9999;}
.wrap_sns_share.bgc__null {background-color:initial}
.wrap_sns_share .cont_sns {overflow:hidden; position:relative; top:50%; width:249px; height:370px; margin:-185px auto 0;}
.wrap_sns_share .tit_sns_share {color:#fff; text-align:center; font-size:16px;}
.wrap_sns_share .list_sns {overflow:hidden; float:none; padding:15px 0 10px; font-size:12px; color:#000; text-align:center; white-space:nowrap;}
.wrap_sns_share .list_sns li {float:left; width:69px; height:69px; padding:7px;}
.wrap_sns_share .list_sns .link_sns {display:block; float:left; width:100%; color:#7f8892; font-size:0;}
.wrap_sns_share .list_sns .img_sns_ico {display:block; overflow:hidden; width:69px; height:69px; margin:0 auto 4px; border-radius:50px; font-size:1px; line-height:0; color:transparent; background-size:69px 69px; background-color:transparent;}
.ico_sns_facebook {background-image:url(//img.khan.co.kr/images/khan/m/ico_share_fb_wt.svg);}
.ico_sns_twitter {background-image:url(//img.khan.co.kr/images/khan/m/ico_share_twt_wt.svg);}
.ico_sns_kakaotalk {background-image:url(//img.khan.co.kr/images/khan/m/ico_share_kt_wt.svg);}
.ico_sns_kakaostory {background-image:url(//img.khan.co.kr/images/khan/m/ico_share_ks_wt.svg);}
.ico_sns_naverband {background-image:url(//img.khan.co.kr/images/khan/m/ico_share_nb_wt.svg);}
.ico_sns_naverblog {background-image:url(//img.khan.co.kr/images/khan/m/ico_share_nbl_wt.svg);}
.ico_sns_googleplus {background-image:url(//img.khan.co.kr/images/khan/m/ico_share_gp_wt.svg);}
.ico_sns_pinterest {background-image:url(//img.khan.co.kr/images/khan/m/ico_share_pr_wt.svg);}
.ico_sns_mail {background-image:url(//img.khan.co.kr/images/khan/m/ico_share_mailto_wt.svg);}

.wrap_sns_share .cont_msg {overflow:hidden;position:relative;top:50%;width:280px;height:125px;margin:-62px auto 0;padding:50px 0;border-radius:5px;background-color:#fff;box-sizing:border-box}
.wrap_sns_share .cont_request {overflow:hidden;position:relative;top:50%;width:280px;height:160px;margin:-62px auto 0;padding-top:50px;border-radius:5px;background-color:#fff;box-sizing:border-box}
.wrap_sns_share .btn_close {position:absolute; top:-2px; right:3px;}
.wrap_sns_share .btn_close .ico_close {display:block; position:relative; width:30px; height:30px; background-image:url(//img.khan.co.kr/images/khan/m/ico_common_close_wt.svg); background-size:30px 30px;}
.wrap_sns_share .btn_area {padding-top:20px;text-align:center}
.wrap_sns_share .link_corp {border:1px solid #e1e4e5;border-radius:30px}
.wrap_sns_share .link_corp span {padding:6px 20px;font-size:14px}

/* URL 카피 */
.area_urlcopy {position:relative; margin:0 0 10px; text-align:center;}
.area_urlcopy_url {display:block; padding:0 7px; overflow:hidden; color:#454545; font-size:13px; line-height:36px; text-overflow:ellipsis; white-space:nowrap; border:1px solid #d9dcdf; background:#fafafa; box-sizing:border-box; -webkit-box-sizing:border-box;}
.area_urlcopy_inappbtn {display:block; position:absolute; top:0; right:0; min-width:51px; padding:0 4px; border:1px solid #cecece; color:#4469B0; font-size:13px; font-weight:400; line-height:36px; background:#fff;}
.area_urlcopy_inapp .area_urlcopy_inappbtn {display:block; border:none; border-left:1px solid #cecece; border-radius:0 3px 3px 0;}
.area_urlcopy_inapp .area_urlcopy_url {width:100%!important; padding-right:66px; border:none; border-radius:3px; text-align:left; color:#666; letter-spacing:-0.025em;}
.area_urlcopy_msg {margin:3px 5px 0; color:#cecece; font-size:13px; text-align:center; letter-spacing:-0.05em;}

/* 기사 메일로 보내기 */
.mailto_container {top:0!important;}
.mailto_tit {padding:17px 0 0; color:#fff; text-align:center; font-size:20px; background:#4469b0;}
.wrap_mailto_group {background-color:#fdfdfd;}
.wrap_mailto_group .group_cont_etc .tit_group {padding:12px 25px; font-size:1em; color:#787878;}
.wrap_mailto_group .group_cont_etc:first-child {background-color:#4469b0;}
.wrap_mailto_group .group_cont_etc:first-child .tit_group {padding:12px 15px; color:#cecece;}
.wrap_mailto_area {padding:15px; border-bottom:1px solid #e7e7e7; letter-spacing:-0.07em;}
.wrap_mailto_area strong {margin-bottom:4px; color:#fff; font-weight:400; font-size:1.25em;}
.box_inp {position:relative; margin:0 15px; padding:0 10px; font-size:15px;}
.box_inp.fal .inp_t_a {border:1px solid #f10000}
/*.box_inp.fal {border:1px solid #f10000}*/
.box_inp.send_name,
.box_inp.send_mail {margin-bottom:5px}
em.ntc.fal {display:block;margin:5px 0 0;color:#e90000;font-size:14px}
.box_inp.send_name > em.ntc.fal,
.box_inp.send_mail > em.ntc.fal {margin:3px 0 10px}
.inp_t_a {display:block; width:100%; height:38px; padding:0 15px; border:1px solid #d7d7d7;font-weight:400; font-size:15px; line-height:25px; color:#1e1e1e; vertical-align:top; background-color:transparent; outline:0; box-sizing:border-box; letter-spacing:-0.07em; background-color:#fff;}
.mailon_memo {position:relative;display:block;margin:5px;font-size:14px; color:#787878; box-sizing:border-box;}
.input_wrap {overflow:hidden; position:relative; margin:0 25px; padding:8px; border:1px solid #d7d7d7; font-size:15px; background-color:#fff;}
.inp_t_b {display:block; overflow:hidden; width:100%; height:120px; min-height:60px; margin-bottom:20px; border:0 none; color:#141414; font-weight:200; font-size:1.143em; line-height:20px; letter-spacing:-1px; box-sizing:border-box; -webkit-box-sizing:border-box; resize:none; outline:0;}
.txt_byte {position:absolute; right:11px; bottom:8px; margin-right:3px; color:#c1c1c1; font-size:13px; letter-spacing:-0.05em;}
.txt_byte .num {color:#787878; font-weight:600;}
.txt_byte .slash {margin:0 3px;}
.btn_area_more3 {width:100%;padding:30px 15px;box-sizing:border-box}
.btn_area_more3:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.btn_area_more3 .btn_confirm, .btn_area_more3 .btn_cancel {width:49%; padding:13px 0; border:1px solid #dfdfe1; background-color:#fff;}
.btn_area_more3 .btn_confirm span, .btn_area_more3 .btn_cancel span, .btn_area_more3 .btn_merger span {margin-right:3px;font-size:16px;font-weight:500;font-family:Noto Sans KR;text-align:center}
.btn_area_more3 .btn_confirm {float:left; border:1px solid #20201f;}
.btn_area_more3 .btn_cancel {float:right;}
.btn_area_more3 .btn_merger {width:100%; padding:13px 0; border:1px solid #20201f; background-color:#fff;}

/* 섹션 바로가기 */
.sec_sublink .list {border-bottom: 10px solid #fafafa;}
.sec_sublink .list:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0}
.sec_sublink .list .item {float:left; width:33.33%; border-top:1px solid #F2F3F5; border-right:1px solid #F2F3F5; box-sizing:border-box}
.sec_sublink .list .item:nth-child(3n) {border-right:0}
.sec_sublink .list .link_submain {display:block; padding:10px 0; font-size:15px; text-align:center}
.footer .sec_sublink .list {border-top: 10px solid #EAEEF2;}

/****************************************************************************
    calendar
****************************************************************************/
.wrap_date {width:100%; display: flex; justify-content: center; align-items: center; margin: 20px 0;}
.wrap_date .cont_date {display: flex; align-items: center;}
.wrap_date .prev {background:url(//img.khan.co.kr/images/khan/m/ico_arr_left_s_bk.svg) no-repeat center;}
.wrap_date .next {background:url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_bk.svg) no-repeat center;}
.wrap_date .btn_arr {display: inline-block; width: 24px; height: 30px; background-size: 5px 10px; margin: 0 8px;}
.wrap_date .disable {opacity: .3;}
.wrap_date .date_select {width: 120px; height: 30px; border: 0; padding: 0; font-weight: 600; font-size: 18px; color: #444; background:url(//img.khan.co.kr/images/khan/m/ico_calendar.svg) no-repeat right 40%; cursor: pointer;}
.wrap_date .all {border: 1px solid #4C68AB; border-radius: 11px; width: 58px; height: 22px; text-align: center; line-height: 18px;}
.wrap_date .all.disable {opacity: .5;}
.wrap_date .all span {font-size: 12px; color: #4C68AB;}

/****************************************************************************
    paging
****************************************************************************/
.paging {width:100%; display: flex; justify-content: center; align-items: center; padding: 20px 0;}
.paging .cont_date {display: flex; align-items: center;}
.paging .prev {background:url(//img.khan.co.kr/images/khan/m/ico_arr_left_s_bk.svg) no-repeat center;}
.paging .next {background:url(//img.khan.co.kr/images/khan/m/ico_arr_right_s_bk.svg) no-repeat center;}
.paging .btn_arr {display: inline-block; width: 24px; height: 30px; background-size: 5px 10px; margin: 0 8px;}
.paging .disable {opacity: .2;}
.paging .page {font-size: 14px; color: #444; font-weight: 500; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 4px;}
.paging .page.on {color: #fff; background: #4C68AB;}


/****************************************************************************
    banner
****************************************************************************/
/* 바로가기 배너 */
.wrap_bnr_shortcut {max-width:900px; height:65px; margin: 0 auto; background-color:#16D87B;}
.sub_container .wrap_bnr_shortcut {margin:20px auto -1px;}
.wrap_bnr_shortcut a {display:block; text-align:center;}

/* 자사 프로 모션 구역 */
.ad_article_view {text-align:center}

/* 기사 제보 배너 */
.webp .ad_article_view.link_jebo {position:relative; max-width:900px; height:60px; margin:0 auto; background:url(//img.khan.co.kr/images/khan/m/bg_bnr_jebo.webp) repeat-x center 0; background-size:385px 120px;}
.no-webp .ad_article_view.link_jebo {position:relative; max-width:900px; height:60px; margin:8px auto; background:url(//img.khan.co.kr/images/khan/m/bg_bnr_jebo.png) repeat-x center 0; background-size:385px 120px;}
.ad_article_view.link_jebo a {display:block;}
.ad_article_view.link_jebo img {position:absolute; left:50%; top:50%; width:290px; height:25px; margin:-12px 0 0 -145px;}


/* 구독 신청 배너 */
.webp .ad_article_view.link_smile {position:relative; max-width:900px; height:60px; margin:0 auto; background:url(//img.khan.co.kr/images/khan/m/bg_bnr_smile.webp) repeat-x center 50%; background-size:513px 161px;}
.no-webp .ad_article_view.link_smile {position:relative; max-width:900px; height:60px; margin:12px auto 12px; background:url(//img.khan.co.kr/images/khan/m/bg_bnr_smile.png) repeat-x center 50%; background-size:513px 161px;}
.ad_article_view.link_smile a {display:block;}
.ad_article_view.link_smile img {position:absolute; left:50%; top:50%; width:182px; height:21px; margin:-10px 0 0 -91px;}

.ad_article_view .link_cartoon {display:block;width:100%;line-height:0;background-color:#af282a}
.ad_article_view .link_cartoon img {width:100%;max-width:500px;height:auto}

/* 미지원 브라우저 안내 */
.khan_brsinfo_wrap {position:relative; height:100%; min-height:480px; padding-bottom:51px; box-sizing:border-box; background-color:#f4f7f8;}
#container.khan_brsinfo_container {position:absolute; top:0; width:100%; height:100%;}
.khan_brsinfo_wrap .footer {position:absolute; bottom:0; width:100%; min-height:40px; padding:10px 0 0; background-color:#f4f7f8;}
.khan_brsinfo_wrap .footer .copyright {color:#9c9b9b;font-size:14px;text-align:center;text-shadow:1px 1px 0 rgba(255,255,255,0.7);letter-spacing:-0.02em}
.brsinfo_wrap {position:absolute; width:100%; height:100%;}
.brsinfo_wrap .brsinfo_tit {position:absolute; top:40px; /*left:50%; margin-left:-77px;*/ width: 100%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;}
.brsinfo_wrap .group_msg {display:table; width:100%; height:100%;}
.brsinfo_wrap .msg_wrap {display:table-cell; width:100%; height:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; vertical-align:middle;}
.brsinfo_wrap .msg_wrap .sub_tit {margin-bottom:20px; text-align:center; font-size:23px;}
.brsinfo_wrap .msg_wrap .sub_tit em {font-size:20px; font-weight:700;}
.brsinfo_wrap .msg_wrap .img_symbol {margin:25px 0; text-align:center;}
.brsinfo_wrap .msg_wrap .view_msg {padding:0 15px; text-align:center; font-size:16px; line-height:1.4em;}
.brsinfo_wrap .msg_wrap .view_msg strong {color:#4469B0;}
.brsinfo_wrap .msg_wrap .goback .btn {display:block; width:150px; margin:10px auto 0; padding:10px 5px; border:1px solid #b7cada; border-radius:7px; text-align:center; color:rgb(68, 105, 176); font-size:15px; background-color:rgba(104,144,180,.05);}


/* 코로나19 현황판 */
.wrap_covid_status {width:100%; height:56px; backgRound:url("//img.khan.co.kr/spko/main_2017/bg_covid_status.jpg") repeat-y center 0; background-color:#43143e;overflow: hidden;}
.covid_status {width:auto; max-width:767px; height:36px; margin:0 auto; padding:10px 0px 10px 20px}
.covid_status .cell {display:table; overflow:hidden; float:left;}
.covid_status .wrap_tit {width:230px;}
.covid_status .tit {display:block; float:left; width:126px; height:24px; margin-top:7px; text-indent:-9999px; background:url("//img.khan.co.kr/spko/main_2017/h3_covid_status.png?v=20200225") no-repeat 0 0; background-size:126px 24px;}
.covid_status .info {display:table-cell; vertical-align:middle;}
.covid_status .info span {display:block; margin:3px 0; font-size:11px; color:#acacac;}
.covid_status .covid_count {width:370px; height:36px;}
.covid_status .covid_count li {display:table-cell; vertical-align:middle; padding:0 5px 0 5px;}
.covid_status .covid_count li span {color:#dedede; font-size:13px;}
.covid_status .covid_count li span.counter strong {color:#fff; font-size:16px;}
.covid_status .covid_count li span.counter em {margin:0 2px 0 0; color:#ffb330; font-size:14px; font-weight:600;}
.covid_status .covid_art {width:auto; height:36px;}
.covid_status .covid_art .txt_link {display:table-cell; padding-right:15px; vertical-align:middle; color:#fff; font-size:14px; background:url("//img.khan.co.kr/spko/main_2017/ico_covid_arr_right_wt.png") no-repeat right 50%; background-size:10px 15px;}
@media screen and (max-width: 767px) {
    .wrap_covid_status {height:100px;}
    .covid_status {width:100%; height:100px; padding:10px 15px; box-sizing:border-box; background:url("//img.khan.co.kr/spko/main_2017/bg_covid_status.jpg") repeat-y center 0;}
    .covid_status .tit {width:126px; height:24px; margin-top:0; background-size:126px 24px;}
    .covid_status .info span {display:inline-block; margin:0 0 0 8px;}
    .covid_status .cell {display:block; width:100%;}
    .covid_status .covid_count {height:20px; margin-top:5px;}
    .covid_status .covid_count li {float:left; width:33.3%; padding:0; text-align:center;}
    .covid_status .covid_count li:first-child {width:35%;}
    .covid_status .covid_count li:nth-child(2) {width:30%;}
    .covid_status .covid_count li:last-child {width:35%;}
    .covid_status .covid_count li span {font-size:13px; letter-spacing:-0.075em;}
    .covid_status .covid_count li span.counter strong {font-size:15px;}
    .covid_status .covid_art {height:auto; border-top:1px solid rgba(195, 193, 217, .5); margin-top:5px; padding-top:2px; text-align:center;}
    .covid_status .covid_art .txt_link {display:inline-block; font-size:13px; background-size:7px 12px;}
}
/* 코로나19 현황판 - 수정 */
.wrap_covid_info {overflow:hidden; width:auto; height:90px; margin:0 20px 20px;}
.list_container .wrap_covid_info {margin:20px;}
.covid_info {width:auto; max-width:767px; height:70px; margin:0 auto; padding:10px 15px; border-radius:10px; background-color:#F0F4FD;}
.covid_info .covid-top-area {float:left;}
.covid_info .covid-top-area:after {content:"";clear:both;display:block}
.covid_info .cell {display:table; overflow:hidden; float:left;}
.covid_info .wrap_tit {width:230px;}
.covid_info .tit {display:block; float:left; width:auto; height:auto; margin-top:7px; font-size:15px; font-weight:550;}
.covid_info .info {display:table-cell; vertical-align:middle; line-height:1.2em;}
.covid_info .info span {display:block; margin:0; color:#666; font-size:12px; letter-spacing:-0.025em;}
.covid_info .covid_count {width:calc(100% - 250px); height:36px;}
.covid_info .covid_count li {display:table-cell; vertical-align:middle; padding:0; line-height:1em; text-align:center;}
.covid_info .covid_count li:first-child {width:35%;}
.covid_info .covid_count li span {color:#666; font-size:14px;}
.covid_info .covid_count li span.txt {display:block;}
.covid_info .covid_count li span.counter strong {color:#1a1a1a; font-size:16px;}
.covid_info .covid_count li span.counter em {display:inline-block; margin:0; color:#ffb330; font-size:14px; font-weight:550;}
.covid_info .covid_art {height:36px;display: flex; justify-content: center; width: 100%; align-items: center;}
.covid_info .covid_art .txt_link {display:table-cell; padding-right:12px; vertical-align:middle; color:#4a4a4a; font-size:12px; font-weight:550; background:url("//img.khan.co.kr/images/khan/pc/ico-breadcrumb-arrow.svg") no-repeat right 50%; background-size:6px 11px;}
@media screen and (max-width: 767px) {
    .wrap_covid_info {height:145px;}
    .covid_info .covid-top-area {float:none; padding-bottom:5px; border-bottom:1px solid #dae1f1; color:#444;}
    .covid_info {width:100%; height:145px; padding:10px; box-sizing:border-box;}
    .covid_info .tit {width:106px; height:24px; margin-top:0; background-size:126px 24px;}
    .covid_info .info {float:right; line-height:1.4em;}
    .covid_info .info span {display:inline-block;}
    .covid_info .info span:last-child {margin:0 0 0 5px;}
    .covid_info .cell {display:block !important; width:100%;}
    .covid_info .covid_count {width:100%; height:auto; float:none; margin:0; padding:10px 0 5px; border-top:1px solid #fff;}
    .covid_info .covid_count li {float:left; width:25%; padding:0; text-align:center;}
    .covid_info .covid_count li:first-child {width:25%;}
    /* .covid_info .covid_count li:first-child {width:40%;}
    .covid_info .covid_count li:nth-child(2) {width:23%;}
    .covid_info .covid_count li:nth-child(3) {width:20%;}
    .covid_info .covid_count li:last-child {width:17%;} */
    .covid_info .covid_count li span {color:#1a1a1a; font-size:13px; letter-spacing:-0.075em;}
    .covid_info .covid_count li span.counter strong {display:block; font-size:14px;}
    .covid_info .covid_count li span.counter em {color:#ff9030; font-size:13px; font-weight:700;}
    .covid_info .covid_art {height:auto; margin-top:5px; text-align:center;}
    .covid_info .covid_art .txt_link {display:inline-block; padding-right:13px; font-size:14px; font-weight:500; background:url("//img.khan.co.kr/images/khan/pc/ico-breadcrumb-arrow.svg") no-repeat right 60%; background-size:5px 10px;}
}

/****************************************************************************
    광고 AD_banner
****************************************************************************/
/* 공통 */
.ad_wrap {background: #fafafa; /*background: #EAEEF2;*/ padding: 10px 0;}
/* 메인- 중단- 배너*/
.bnr_wrap {background: #fafafa; padding: 10px 0;}
.bnr_wrap_pd0 {background: #fafafa; padding: 0;}

.ad_main_mid_bn {width:320px; margin:0 auto; text-align:center;}

/* 페이지 하단 플로팅 배너 */
.contBn_foot {overflow:hidden; position:fixed; bottom:0; width:100%; margin:0; text-align:center; font-size:0; box-sizing:border-box;z-index:40;}




/**************************************************************************** 
    연재 구독 관련 공통 프로세스 (레이어 팝업)
****************************************************************************/
/* 구독신청 팝업 */
.subscribepopup {z-index:3000; bottom:50px!important;}
.subscribepopup.bnr_extend {bottom:100px!important;}
.subscribepopup.appuse {bottom:0!important;}
.subscribepopup_sec {width:100%; position:relative; background:#fcfcfc; box-sizing:border-box;}
/* .subscribepopup_sec.inner_dimm:after {content:" "; display:block; clear:both; position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(0, 0, 0, .34);} */
.subscribepopup_sec .dimm_area {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(0, 0, 0, .34);}
.subscribepopup_sec.inner_dimm .dimm_area {display:block;}
.subscribepopup_sec .hd {padding:15px 20px; border-bottom:1px solid #e9e9e9;font-size:16px; font-weight:bold; color:#000;}
.subscribepopup_sec .serial_tit {text-align:center; font-size:16px; line-height:22px; color:#006be4; text-decoration:underline; padding:25px 0;}
.subscribepopup_sec .radio_area {padding: 0 25px;}
.subscribepopup_sec .email, .subscribepopup_sec .mypage_noti {padding:0 25px; border-bottom:1px solid #e9e9e9;}
.subscribepopup_sec .email .explain, .subscribepopup_sec .mypage_noti .explain {position:relative; display:block; font-size: 12px; line-height:18px; padding:0 0 0 17px;}
.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:3px;left:0; width:14px; height:14px; background:url("//img.khan.co.kr/images/khan/m/btn_help_gr.svg") 0 center no-repeat; background-size: 14px 14px; vertical-align:middle;}
.subscribepopup_sec .email input {width:100%; height:40px; background-color:#fff; font-size:13px; color:#222; border:1px solid #ababab; margin:15px 0 25px 0; padding:0 10px; 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; 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/images/khan/m/ico_dot_explain.svg") center no-repeat;vertical-align:middle;}
.subscribepopup_sec .mypage_noti .explain_txt em {color:#0078fc;}
.subscribepopup_sec .policy {position:relative; padding:20px 25px 0 25px;}
.subscribepopup_sec .policy label {display:inline-block; color:#3e3d3a; font-size:13px; margin-left:-30px; line-height: 25px; cursor: pointer;}
.subscribepopup_sec .policy input {position:relative; width: 25px; height: 25px; left:0; cursor:pointer; opacity:0; filter:alpha(opacity=0);background:transparent;}
.webp .subscribepopup_sec .policy label:before {content:''; display:inline-block; width:25px; height:25px; margin-right:5px; background:url("//img.khan.co.kr/images/khan/m/btn_login_check_off.webp") 0 0 no-repeat;background-size: 25px 25px;vertical-align:top;}
.no-webp .subscribepopup_sec .policy label:before {content:''; display:inline-block; width:25px; height:25px; margin-right:5px; background:url("//img.khan.co.kr/images/khan/m/btn_login_check_off.png") 0 0 no-repeat;background-size: 25px 25px;vertical-align:top;}
.webp .subscribepopup_sec .policy label.check:before {content:''; background:url("//img.khan.co.kr/images/khan/m/btn_login_check_on.webp") 0 0 no-repeat;background-size: 25px 25px;}
.no-webp .subscribepopup_sec .policy label.check:before {content:''; background:url("//img.khan.co.kr/images/khan/m/btn_login_check_on.png") 0 0 no-repeat;background-size: 25px 25px;}
.subscribepopup_sec .policy label em {color:#006be4; font-weight:bold;}
.subscribepopup_sec .policy .open_policy {position:absolute; top:20px; right:30px; width:20px; height:20px; padding:5px; background:url("//img.khan.co.kr/images/khan/m/ico_arr_btm_gr.svg") center no-repeat; background-size:9px 5px;}
.subscribepopup_sec .policy .open_policy.close {background:url("//img.khan.co.kr/images/khan/m/ico_arr_top_bk.svg") center no-repeat; background-size:9px 5px;}
.subscribepopup_sec .policy dd textarea {width:100%; margin-top:10px; padding:10px 10px 0px; box-sizing:border-box; border:1px solid #e0e0e0; color:#78756f; font-size:12px; line-height:18px; overflow-y:auto; -webkit-appearance: none; -webkit-border-radius: 0;-webkit-overflow-scrolling:touch;}
.subscribepopup_sec .btn {padding:25px 0 25px; text-align:center;}
.subscribepopup_sec .btn .save {display: inline-block; width:120px; height:40px; border-radius:20px; background:#535353; font-size:14px; color:#fff; line-height:40px;margin:0 10px;}
.subscribepopup_sec .btn .cancel {display: inline-block; width:120px; height:40px; border-radius:20px; background:#d0d0d0; font-size:14px; color:#000; line-height:40px;margin:0 10px;}
.subscribepopup_sec .btn .solo {display:inline-block; width:200px; height:36px; border-radius:20px; background:#d0d0d0; font-size:14px; color:#fff; line-height:36px; margin:0 auto 10px; text-decoration:none;}
.subscribepopup_sec .btn .solo.on {background-color:#0078fc;}
.subscribepopup_sec .btn .cancel_all {display:block; margin:20px auto 0; font-size:16px; text-align:center; text-decoration:underline;}
.popup_close {position:absolute; top:15px; right:20px; cursor:pointer;}
.popup_close img {width:20px;height:20px;}


/* 구독하기란 */
.subscribepopup_tip_sec {width:100%; position:relative; background:#fcfcfc; box-sizing:border-box;}
.subscribepopup_tip_sec .hd {padding:15px 20px; border-bottom:1px solid #e9e9e9;font-size:16px; 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:25px 0 20px;}
.webp .subscribepopup_tip_sec .step .stepimg {background:url(//img.khan.co.kr/images/khan/m/m_img_subscribe_step.webp) center top no-repeat; background-size: 305px 68px; max-width:100%; height: 75px; padding-bottom: 15px}
.no-webp .subscribepopup_tip_sec .step .stepimg {background:url(//img.khan.co.kr/images/khan/m/m_img_subscribe_step.png) center top no-repeat; background-size: 305px 68px; max-width:100%; height: 75px; padding-bottom: 15px}
.subscribepopup_tip_sec .step .em_txt {padding: 20px 15px 13px; 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: 12px; line-height: 18px; color: #454545; padding:0 7px 7px;}
.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/images/khan/m/ico_dot_explain.svg) center no-repeat;vertical-align:middle;}
.subscribepopup_tip_sec .step .explain_txt em {color:#0078fc;}
.subscribepopup_tip_sec .btn {padding:20px 0 60px; text-align:center;}
.subscribepopup_tip_sec .btn .cancel {display: inline-block; width:120px; height:40px; border-radius:20px; background:#535353; font-size:16px; color:#fff; line-height:40px; margin:0 10px;}
@media (max-width:400px){
	.subscribepopup_tip_sec .step .stepimg {background-size: contain;}
}
@media (max-width:360px){
	.subscribepopup_tip_sec .step .stepimg {padding-bottom: 0;}
}
/* 연재 구독하기란? - 탭버튼 */
.tab_menu_btn {display:block; overflow:hidden; width:100%; margin: 25px 0; 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:1.5rem; line-height:1.5em;}
.tab_menu_btn a.on {position:relative; top:-1px; border-bottom:3px solid #333; color:#121212;}
.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 {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}
.webp .radiobox_wrap.radio {width: 25px; height: 25px; background: url(//img.khan.co.kr/images/khan/m/btn_login_check_off.webp) no-repeat;-webkit-background-size: 25px 25px;background-size: 25px 25px;}
.no-webp .radiobox_wrap.radio {width: 25px; height: 25px; background: url(//img.khan.co.kr/images/khan/m/btn_login_check_off.png) no-repeat;-webkit-background-size: 25px 25px;background-size: 25px 25px;}
.webp .radiobox_wrap.radio.checked {background: url(//img.khan.co.kr/images/khan/m/btn_login_check_on.webp) no-repeat;-webkit-background-size: 25px 25px;background-size: 25px 25px;}
.no-webp .radiobox_wrap.radio.checked {background: url(//img.khan.co.kr/images/khan/m/btn_login_check_on.png) no-repeat;-webkit-background-size: 25px 25px;background-size: 25px 25px;}


/* 뉴스레터 수신 동의 팝업 */
.subscribepopup_sec.agreement {padding:20px;}
/* .subscribepopup_sec.agreement {position:fixed; left:50%; top:50%; max-width:310px; padding:20px; 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 .sub_tit {}
.subscribepopup_sec.agreement .agree_info .txt {margin:20px 0 0; padding:10px; border:1px solid #aaa; border-radius:10px; font-size:14px; line-height:1.5em; background-color:#fefefe;}
.subscribepopup_sec.agreement .btn {padding:20px 0 5px;}
.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 15px;}
.subscribepopup_sec.agreement .process_step_wrap ul {display:flex; justify-content:center; padding-bottom:15px; border-bottom:1px solid #dedede;}
.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 {display:inline-block; 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:18px; line-height:22px; 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:10px 10px 3px; margin:10px 0 15px; 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 .receive_radio {display:block; position:relative; margin:0 0 5px; padding:0; font-size:14px; line-height:1.6em;}
.subscribepopup_sec.agreement .receive_radio label {padding-left:30px; font-weight:400; vertical-align:middle;}
.subscribepopup_sec.agreement .receive_radio .link_pop {float:right; font-size:14px; line-height:1.6em; text-decoration:underline;}
/* 뉴스레터 수신 동의 약관 팝업 */
.subscribepopup .info_wrap {position:absolute; left:50%; top:50%; width:100%; max-width:280px; padding:20px; border-radius:6px; box-sizing:border-box; text-align:left; 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 .info_wrap .art_tit {font-size:17px; font-weight:550; line-height:1.4em;}
.subscribepopup .info_wrap .layer_close {position:absolute; top:20px; right:20px; width:20px; height:20px; margin:0;}
.subscribepopup .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") center center no-repeat; background-size:15px 15px; cursor:pointer;}
.subscribepopup .info_wrap .conts {padding:20px 0 0; font-size:14px;}
.subscribepopup .info_wrap .conts p {padding-bottom:15px; line-height:1.4em;}



/* 오늘의퀴즈 서비스 종료 띠배너 */
.wrap_art_top_header.top50 {top: 50px;} /* 오늘의퀴즈 */
header .gnb.top50 {top: 50px;} /* 랭킹 */
#container.view_container.top50 {padding-top: 50px;} /* 오늘의퀴즈 */
.top-bnr {position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 100000; background-color: #fad860;}
.top-bnr .inner {width: 100%; min-width: 300px; padding: 0 20px; height: 50px; margin: 0 auto; display: flex; align-items: center; justify-content: center; box-sizing: border-box; position: relative;}
.top-bnr span {font-size: 13px; line-height: 1.3em; color: #111; padding-left: 15px; text-align: center; background: url(//img.khan.co.kr/khanup/static/common/ico-emoji-warning.png) no-repeat left 2px; background-size: 12px 12px;}
.top-bnr a {text-decoration: underline; margin-left: 25px; font-size: 13px; color: #444;}