@charset 'utf-8';


/**************************************************************************** 
    공통
****************************************************************************/
/* 레이아웃 */
.container {width:100%; min-width:1110px;}
h1, h2, h3, h4, h5, h6 {word-break:keep-all;}
.sct_tit {margin:0 0 20px 0; font-weight:700; font-size:22px;} /* 타이틀 영역 */
.section {width:100%; min-width:1110px;}
.section  > .inner {overflow:hidden; position:relative; width:1110px; margin:50px auto;}

/* 탑기사 하단 영역 */
.atc-l {float:left; width:450px; margin-right:45px;}
.atc-l:after {content:"";clear:both;display:block;}
.atc-r {float:left; width:615px;}
.atc-r:after {content:"";clear:both;display:block;}
.atc-r-l {float:left; width:280px; margin-right:35px;}
.atc-r-l:after {content:"";clear:both;display:block;}

/* 포토·영상 위 광고+오피니언강조 영역 */
.g-cnt {float:left; width:810px;}
.g-aside {float:right; width:300px;}
.g-aside:after {content:"";clear:both;display:block}


/* 라인 처리 */
.hr-btm {padding-bottom:50px; border-bottom:1px solid #9a9a9a;}
.hr-btm.light {border-bottom:1px solid #cdcdcd;}


/* 헤더 영역 */
header {min-width:1110px;}
header .header-top {width:100%; height:34px; border-bottom:1px solid #ededed; background-color:#fafafa;}
header .header-top > .inner {margin:0 auto; padding:0 10px; width:1110px;}
header .header-top > .inner:after {content:"";clear:both;display:block}
header .header-top > .inner .fmlk_list {float:left;} /* 패밀리 링크 */
header .header-top > .inner .fmlk_list:after {content:"";clear:both;display:block}
header .header-top > .inner .fmlk_list li {display:inline-block; padding-left:15px; line-height:32px;}
header .header-top > .inner .fmlk_list li:first-child {padding-left:0;}
header .header-top > .inner .fmlk_list li a {color:#3a3a3a; font-size:13px; vertical-align:middle;}
header .header-top > .inner .fmlk_list li a.btn {color:#fff;}
header .header-top > .inner .fmlk_list li button {vertical-align:middle;}
header .header_mid {position:relative; padding:20px 0; margin:0 auto; width:1110px; height:75px; clear:both;}
header .header_mid:after {content:"";clear:both;display:block}
header .ut-list {float:right;} /* 기능버튼 영역 */
header .ut-list li {display:inline-block; padding-left:15px; line-height:32px;}
header .ut-list li a {color:#3a3a3a; font-size:13px; vertical-align:middle;}
header .header_mid .logo {position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-25px; width:200px;}
header .header_mid .logo a {display:block; width:200px; height:51px; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/logo_khan.svg") 50% 50% no-repeat; background-size:165px 42px;}
header .header_mid .left-banner {position:relative; float:right; width:235px; height:75px;} /* 핫이슈 배너 */
header .header_mid .left-banner .banner { position:absolute; right:0; bottom:0; width:235px; height:75px; overflow:hidden; text-align:right; }
header .header_mid .left-banner .banner img { vertical-align:top; }
header .header_mid .left-banner .arw { position:absolute; right:-7px; bottom:-2px; width:40px; height:18px; text-indent:-9999px; }
header .header_mid .left-banner .arw a { float:left; display:block; overflow:hidden; width:20px; height:18px; background:url("//img.khan.co.kr/images/khan/pc/imgset.gif") no-repeat; }
header .header_mid .left-banner .arw a.prev { background-position: 8px -98px; }
header .header_mid .left-banner .arw a.next { background-position: -12px -98px; }
/* 2022 설 기념 제호 */
header .header_mid .logo.logo220201 {position:absolute; left:50%; top:auto; bottom:0; margin-left:-265px; margin-top:0; width:530px; height:101px;}
header .header_mid .logo.logo220201 a {display:block; width:530px; height:101px; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/logo_khan_220201.gif") 50% 50% no-repeat; background-size:530px 101px;}
/* 2022 반전 제호 */
header .header_mid .logo.logo220303 {width:216px; height:58px; margin-top:-34px; margin-left:-108px;}
header .header_mid .logo.logo220303 a {width:216px; height:58px; background:url("//img.khan.co.kr/images/khan/pc/logo_khan_nowar_Re.png") 50% 50% no-repeat; background-size:216px 58px;}
/* 2022 여성의 날 제호 */
header .header_mid .logo.logo220308 {width:238px; height:62px; margin-top:-36px; margin-left:-119px;}
header .header_mid .logo.logo220308 a {width:238px; height:62px; background:url("//img.khan.co.kr/images/khan/pc/logo_khan_women.png") 50% 50% no-repeat; background-size:238px 62px;}
/* 2022 대통령 선거 제호 */
header .header_mid .logo.logo220309 {width:238px; height:62px; margin-top:-36px; margin-left:-119px;}
header .header_mid .logo.logo220309 a {width:238px; height:62px; background:url("//img.khan.co.kr/images/khan/pc/logo_khan_election2022.png") 50% 50% no-repeat; background-size:238px 62px;}


/* GNB */
header .header-bottom {border-top:1px solid #eaeaea; border-bottom:2px solid #1a1a1a; background-color:#fff;}
header .header-bottom > .inner {position:relative; width:1110px; margin:0 auto;}
header .header-bottom > .inner:after {content:"";clear:both;display:block}
header .header-bottom > .inner .btn_all {display:table; position:absolute; top:0; left:0; width:50px; height:54px;}
header .header-bottom > .inner .btn_all a {display:table-cell; text-align:center; vertical-align:middle; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/btn_all_menu.svg") 0 50% no-repeat; background-size:22px 21px;}
header .header-bottom > .inner .gnb {position:relative; float:left; margin-left:50px;}
header .header-bottom > .inner .gnb:after {content:"";clear:both;display:block}
header .header-bottom > .inner .gnb li {float:left; padding:0 18px; height:54px;}
header .header-bottom > .inner .gnb li:first-child {margin-left:0}
header .header-bottom > .inner .gnb li a {display:block; line-height:54px; color:#1a1a1a; font-size:19px;}
header .header-bottom > .inner .gnb li.on {border-bottom:5px solid #FFF;transition:0.3s}
header .header-bottom > .inner .gnb li .ico_new {background: url("//img.khan.co.kr/images/khan/pc/ico_menu_new.svg") 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;}
/* GNB 고정 */
header .header-bottom.fix {position:fixed; left:0; top:0; width:100%; z-index:999;}
/* 검색 */
header .header-bottom > .inner .search {float:right;}
header .header-bottom > .inner .search input[type="text"] {float:left;padding:0 5px;display:block;width:190px;height:28px;color:#FFF;font-weight:300;letter-spacing:0em;border:0;border-bottom:0.5px solid rgba(255,255,255,0.35);background-color:transparent}
header .header-bottom > .inner .search input[type="text"]:focus {outline:none}
header .header-bottom > .inner .search input[type="text"]::-webkit-input-placeholder {color:#FFF;font-weight:100;}
header .header-bottom > .inner .search input[type="text"]::-ms-input-placeholder {color:#FFF}
header .header-bottom > .inner .search input[type="text"]::placeholder {color:#FFF}
header .header-bottom > .inner .search .search_btn {display:table; float:left; width:60px; height:54px; text-align:right; cursor:pointer;}
header .header-bottom > .inner .search .search_btn a {display:table-cell; width:60px; height:54px; vertical-align:middle; text-align:center; text-indent:-1000em;}
header .header-bottom > .inner .search .search_btn.open a {background:url("//img.khan.co.kr/images/khan/pc/ico-search.svg") 50% 50% no-repeat; background-size:22px;}
header .header-bottom > .inner .search .search_btn.close a {background:url("//img.khan.co.kr/images/khan/pc/ico-close-sm.svg") 50% 50% no-repeat; background-size:18px;}
/* 검색어 박스 */
header .header-bottom > .srch-bar {display:block; position:absolute; width:100%; border-top:1px solid #cecece; border-bottom:2px solid #1a1a1a; text-align:center; background-color:#fefefe; z-index:100;}
.srch-bar .search_area {position:relative; width:1110px; margin:0 auto;}
.srch-bar .search_area .input_search {display:inline-block; margin:10px 0; width:580px; height:50px; border:1px solid #aaa; border-radius:8px; box-sizing:border-box; text-align:left; background-color:#fff;}
.srch-bar .search_area input {width:525px; height:48px; padding:0 0 0 20px; border:0; border-radius:8px 0 0 8px; color:#1a1a1a; box-sizing:border-box; font-weight:500; font-size:16px; background-color:#fff;}
.srch-bar .search_area input:focus {outline:none}
.srch-bar .search_area input::-webkit-input-placeholder { /* Edge */ color:#888; font-weight:400; font-size:16px; padding:0;}
.srch-bar .search_area input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#888; font-weight:400; font-size:16px; padding:0;}
.srch-bar .search_area input::placeholder {color:#888; font-weight:400; font-size:16px; padding:0;}
.srch-bar .btn_sch {display:inline-block; width:48px; height:48px; text-indent:-1000em; background:url("//img.khan.co.kr/images/khan/pc/ico_search.svg") 50% 50% no-repeat; background-size:20px;}



/* 좌측 메뉴 박스 */
#menuBox {overflow:hidden; position:fixed; top:0; left:0; height:100%; width:410px; padding-right:10px; z-index:100002;}
#menuBox:after {content:" "; display:block; clear:both; position:absolute; left:0; top:0; width:200px; height:100%; background-color:#fefefe; z-index:49;}
#menuBox .menuBox_wrap { position:absolute; top:0; left:0; overflow-y:scroll; overflow-x:hidden; width:470px; height:100%; z-index:50;}
#menuBox .bg_overlay {overflow:hidden; position:fixed; top:0; left:0; width:100%; height:100%; opacity:1; background:rgba(0, 0, 0, 0.8); z-index:49;}
/* #menuBox .menuBox_wrap:before {content:" "; display:block; clear:both; position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.75);} */
#menuBox .menuBox_wrap::-webkit-scrollbar {display:none !important;}
#menuBox .open_menu {  height:100%;  }
#menuBox .open_menu .hide { font-size:0; position:absolute; left:-9999px; height:1px; display:block; line-height:0; overflow:hidden; text-indent:-9999px; width:1px;}
#menuBox .open_menu .menubox-logo {overflow:hidden; position:absolute; top:17px; left:27px; width:85px; height:30px; text-indent:-9999px; z-index:3;}
#menuBox .open_menu .menubox-logo a {display:block; width:85px; height:30px; background:url("//img.khan.co.kr/images/khan/pc/logo_khan.svg") no-repeat scroll 50% 50%; background-size:85px 23px;}
#menuBox .open_menu ul {position:relative; padding:56px 0 25px; width:200px; border-right:1px solid #6a6a6a; background-color:#fefefe;}
#menuBox .open_menu ul.mn_other { padding-top:12px;}
#menuBox .open_menu ul li {position:relative; font-size:16px; line-height:23px;}
#menuBox .open_menu ul li.on a { background:#fff none repeat scroll 0 0; color:#5a77d1; font-weight:700; text-decoration:none;}
#menuBox .open_menu ul li a {color:#1a1a1a; display:block; padding:3px 0 15px 30px; text-decoration:none;}
#menuBox .open_menu ul li > ul.sub_mn li a.jebo {height:25px;padding-left:64px;background:url("//img.khan.co.kr/images/khan/pc/ico_gnb_jebo.png") no-repeat no-repeat scroll 34px 45%;}
#menuBox .open_menu ul li .arw { background:url("//img.khan.co.kr/images/khan/pc/ico_mb_arrow.png") no-repeat scroll 0 0; width:8px; height:8px; text-indent:-9999px; overflow:hidden; display:block; position:absolute; top:12px; right:10px;}
#menuBox .open_menu ul li.on .arw { background-position:0 -12px;}
#menuBox .open_menu .line {background-color:#dbdbdb; width:154px; height:1px; display:block; margin:10px 0 20px 22px;}
#menuBox .open_menu ul li .sub_mn li.on a { color:#1a1a1a; text-decoration:underline;}
#menuBox .open_menu ul li .sub_mn { position:absolute; top:0; left:200px; width:180px; height:100%; padding:0; display:none; }
#menuBox .open_menu ul li.service .sub_mn { top:-170px;}
#menuBox .open_menu ul li > ul.sub_mn {top:-17px; height:auto; padding:10px 0; border:1px solid #6a6a6a;}
#menuBox .open_menu ul li > ul.sub_mn li a {padding:10px 0 10px 30px;}
#menuBox .open_menu ul li.on > ul.sub_mn li a {color:#1a1a1a; font-weight:400;}
#menuBox .open_menu ul li.on > ul.sub_mn li a:hover {font-weight:700;}
#menuBox .open_menu .bg_sub { display:block; background:url("//img.khan.co.kr/images/khan/pc/bg_menubox_sub.png") repeat-y scroll 0 0; position:absolute; width:198px; height:100%; top:0; left:200px; padding-right:8px;}
#menuBox .btn_mb_close { background:url("//img.khan.co.kr/images/khan/pc/btn_mb_close.png") no-repeat scroll 0 0; width:36px; height:36px; position:absolute; top:10px; left:154px; overflow:hidden; text-indent:-9999px; z-index:3;}
#menuBox .open_menu ul li .ico_new {background: url("//img.khan.co.kr/images/khan/pc/ico_menu_new.svg?v=211102") no-repeat center right; background-size: 15px 15px; width: 15px; height: 15px; vertical-align: middle; padding: 0 0 0px 5px; display: inline-block; top: -2px; position: relative;}


/* 메인 탑기사 */
.section > .inner.top-cont {margin:35px auto -15px; padding-bottom:35px;}
.section > .inner.top-cont.hr-btm {border-bottom:1px solid #ddd;}
.top-cont:after {content:"";clear:both;display:block}
.top-cont .top-cont-l {float:left; width:740px; margin-right:40px;}
.top-cont .top-cont-r {float:left; width:330px;}
.top-cont .img-top-wrap {display:block; overflow:hidden; width:740px; height:320px; margin-bottom:10px;}
.top-cont .img-top-wrap img {position:relative; top:-47px; width:740px; height:414px;}
.top-cont .news-top-wrap {float:left; width:740px;}
.top-cont .hl-news {display:inline-block!important; overflow:hidden; width:740px; max-height:2.6em; font-weight:700; font-size:32px; line-height:1.3em; letter-spacing:-0.05em; vertical-align:middle; text-overflow:ellipsis; white-space:normal;}
.top-cont .sub-top-wrap {display:inline-block!important; overflow:hidden; float:left; width:740px; color:#6a6a6a; font-weight:400; font-size:22px; line-height:44px; text-align:left; letter-spacing:-0.055em; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap;} /* 부제목 */
.top-cont .list-related {margin:12px 0 0 0;} /* 관련 기사 */
.top-cont .list-related li {margin:0 0 10px 10px; padding:0 0 0 16px; background:url("//img.khan.co.kr/images/khan/pc/ico-related.svg") no-repeat 0 50%; background-size:11px 11px;}
.top-cont .list-related li:last-child {margin-bottom:0;}
.top-cont .list-related li a {color:#4a4a4a; font-size:17px;}

/* 탑 주요 기사 */
.top-cont-r .list-mj-art {width:100%;}
.top-cont-r .list-mj-art li {display:table; overflow:hidden; width:100%; table-layout:fixed; margin-bottom:25px;}
.top-cont-r .list-mj-art li:last-child {margin-bottom:0;}
.top-cont-r .list-mj-art li > .thumb, 
.top-cont-r .list-mj-art li > .tit {display:table-cell;}
.top-cont-r .list-mj-art li > .thumb {width:140px; padding:0 15px 0 0;}
.top-cont-r .list-mj-art li > .thumb a {display:block; overflow:hidden; position:relative; width:140px; height:120px; vertical-align:top;}
.top-cont-r .list-mj-art li > .thumb a:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity: 0.08;}
.top-cont-r .list-mj-art li > .thumb img {width:auto; height:100%;}
.top-cont-r .list-mj-art li > .tit {height:89px; vertical-align:middle;}
.top-cont-r .list-mj-art li > .tit a {display:block; overflow:hidden; width:100%; max-height:4.5em; color:#1a1a1a; font-size:18px; font-weight:550; line-height:1.5em; letter-spacing:-0.05em; display:-webkit-box!important; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}



/* 서브 기사 그룹: 강조형 */
.sub-news-wrap li:last-child .sub-news-mj {margin-bottom:0; padding-bottom:0; border-bottom:none;}
.sub-news-mj {margin-bottom:25px; padding-bottom:30px; border-bottom:1px solid #dfdfdf; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.sub-news-mj:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.sub-news-mj dt {margin:0 0 12px 0;}
.sub-news-mj dt a {overflow:hidden; max-width:100%; display:block; color:#1a1a1a; font-size:20px; line-height:1.4em; font-weight:550; vertical-align:top; letter-spacing:-0.05em;}
.sub-news-mj dd.thumb {position:relative; overflow:hidden; float:left; width:240px; height:134px; margin:0 15px 0 0; border: 1px solid rgba(0,0,0,.03); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.sub-news-mj dd.thumb a {display:block; width:100%; height:100%; vertical-align:top;}
.sub-news-mj dd.thumb img {width:240px; height:134px;}
.sub-news-mj dd.txt {overflow:hidden; margin-top:3px;}
.sub-news-mj dd.txt strong {display:block; overflow:hidden; padding:0; font-size:14px; color:#666; font-weight:300; line-height:1.6em; letter-spacing:-0.025em; vertical-align:top; \0/IE8+9;max-height:9.6em; min-height:9.6em;}
.sub-news-mj dd.txt .related_art {display:block!important; overflow:hidden; margin:7px 0 0; padding:2px 0 1px 15px; background:url("//img.khan.co.kr/images/khan/pc/ico-related.svg") no-repeat 0 50%; text-overflow:ellipsis; white-space:nowrap;}



/* 서브 기사 그룹: 리스트형 */
.sub-news-st {width:280px; margin-top:25px;}
.sub-news-st:after {display:block; content:''; clear:both;}
.sub-news-st:first-child {margin-top:0; padding-top:1px;}
.sub-news-st >a {display:block;}
.sub-news-st .thumb {float:left; position:relative; width:70px; height:70px; margin-right:15px;}
.sub-news-st .thumb:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity: 0.08;}
.sub-news-st .thumb img {width:70px; height:70px;}
.sub-news-st .cont {display:table-cell; vertical-align:middle;}
.sub-news-st .cont .tit {overflow:hidden; max-height:3em; font-size:15px; line-height:1.5em; word-break:break-all; word-wrap:normal;}
.sub-news-st .thumb+.cont {height:70px;}
.sub-news-st .thumb+.cont .tit {max-height:3em;}



/* 키워드 뉴스 */
.kw-news {margin-bottom:50px;}
.kw-news a {display:inline-block; float:left; width:177px; margin:0 4px; padding:13px 10px; border:1px solid #aaa; border-radius:10px; text-align:center; vertical-align:top;}
.kw-news a span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kw-news a:first-child {margin-left:0;}
.kw-news a:last-child {margin-right:0;}
.kw-news:after {display:block; content:''; clear:both;}



.atc-r-r {float:left; width:300px;}
.atc-r-r:after {content:"";clear:both;display:block;}



/* 만평 */
.day-sac {position:relative; width:100%; margin-bottom:40px; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.day-sac ul {overflow:hidden; padding:0px 10px;}
.day-sac ul > li {float:left; position:relative;}
.day-sac ul > li.sct-list {width:130px;}
.day-sac ul > li.sct-list .thumb {overflow:hidden; position:relative; width:130px; height:130px;}
.day-sac ul > li.sct-list .thumb:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity: 0.08;}
.day-sac ul > li.sct-list .thumb img {width:130px; height:130px;}
.day-sac ul > li + li {margin:0 0 0 20px;}
.day-sac ul > li + li + li {margin:0;}
.day-sac ul > li + li + li + li {margin:0 0 0 15px;}
.day-sac ul > li + li + li + li + li {margin:0 0 0 15px;}
.day-sac ul > li.sct-list .tit {display:block; vertical-align: top; overflow:hidden; max-width:100%; margin:10px 0 0 0; font-size:15px; text-overflow:ellipsis; white-space:nowrap;}



/* 오피니언 */
.opn-area {}
.opn-list {}
.opn-list li {display:block; position:relative; height:85px; text-align:left; margin:0 0 10px 0; padding:0 10px; box-sizing:border-box;}
.opn-list li .opn-cont {display:table; height:85px;}
.opn-list li .s-tit {display:inline-block; margin-bottom:4px; line-height:20px; color:#4469B0; font-size:13px; font-weight:550;}
.opn-list li .txt {display:table-cell; width:100%; height:85px; vertical-align:middle; box-sizing:border-box;}
.opn-list li .txt .tit {display:block; overflow:hidden; max-height:4.2em; line-height:1.4em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:15px; font-weight:400; word-wrap:break-word;}
.opn-list li .thumb {display:table-cell; height:65px; padding:10px 0 0 18px; vertical-align:top; box-sizing:border-box;}
.opn-list li .thumb span {display:inline-block; overflow:hidden; position:relative; width:65px; height:65px; border-radius:50%;}
.opn-list li .thumb span:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.08; border-radius:50%;} /* border에 라운드 추가*/
.opn-list li .thumb span img {width:65px; height:65px}
/* 오피니언 강조형 */
.opn-area.spc .opn-list li {height:117px; margin:0; padding:0; border:1px solid #cecece;}
.opn-area.spc .opn-list li .txt {padding:0 15px;}
.opn-area.spc .opn-list li .opn-cont {display:table; height:115px;}
.opn-area.spc .opn-list li .thumb {height:115px; padding:0;}
.opn-area.spc .opn-list li .thumb span {width:115px; height:115px; border-radius:0;}
.opn-area.spc .opn-list li .thumb span img {width:115px; height:115px;}



/* 포토·영상 */
.media-list {margin-left:-10px;}
.media-list li {float:left; width:254px; margin:0 0 13px 10px;}
.media-list > li + li + li + li {margin:0 0 0 10px;}
.media-list > li + li + li + li + li {margin:0 0 0 10px;}
.media-list > li + li + li + li + li + li {margin:0 0 0 10px;}
.media-list .thumb {display:block; overflow:hidden; position:relative; width:254px; height:150px;}
.media-list .thumb img {width:254px; height:170px;}
.media-list .thumb::after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity: 0.08;}
.media-list .thumb > img {display:block; width:inherit; height:inherit; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(1, 1, 1);}
.media-list .media-icon {display:inline-block; position:absolute; right:10px; bottom:10px; padding:5px; border-radius:50%; vertical-align:middle; background-color:rgba(1,1,1,.2); z-index:2;}
.media-list .media-icon .ico-video, .media-icon .ico-photo {display:inline-block; position:relative; width:25px; height:25px; border:0; vertical-align:middle; color:transparent; text-shadow:none; font:0/0 a !important; background-size:100%; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%;}
.media-list .media-icon .ico-video {background-image:url("//img.khan.co.kr/images/khan/pc/ico-play-md.svg");}
.media-list .media-icon .ico-photo {background-image:url("//img.khan.co.kr/images/khan/pc/ico-photo-md.svg");}
.media-list .tit {display:block; overflow:hidden; position:relative; height:42px; max-height:2.8em; margin-top:6px; font-size:15px; line-height:1.4em; font-weight:400;}



/* 인터랙티브 */
.group_mstory {overflow:hidden; position:relative; float:left; width:240px; height:330px; padding:28px 28px 45px; border:1px solid #cecece; background-color:#fafafa; z-index:1;}
.slide_mstory .wrap_slide {overflow:hidden; position:absolute; width:240px; height:330px;}
.slide_mstory .list_thumb {position:absolute; top:0; height:100%;}
.slide_mstory .list_thumb .item_thumb {float:left; position:relative; width:240px; height:100%;}
.slide_mstory .list_thumb .item_thumb .link_thumb picture, 
.slide_mstory .list_thumb .item_thumb .link_thumb img {display:block; width:240px; height:330px;}
.slide_mstory .list_thumb .thumb {width:100%; height:100%;}
.group_mstory .paging_slide {position:relative; top:345px; text-align:center;}
.group_mstory .paging_slide .paging_now {display:inline-block;}
.group_mstory .paging_slide .paging_now:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.group_mstory .paging_slide .btn_now {display:block; float:left; width:10px; height:10px; margin:0 3px; border-radius:50%; line-height:0; text-indent:-9999px; background-color:#cecece;}
.group_mstory .paging_slide .btn_now:hover,
.group_mstory .paging_slide .btn_now.on {background-color:#4469B0;}

.group_mstory .paging_slide .btn_prev {position:absolute; top:50%; left:-32px; width:40px; height:60px; margin-top:-210px; border-radius:0 25% 25% 0; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/img_mstory_component.png") 0 -14px no-repeat;}
.group_mstory .paging_slide .btn_prev:hover {background-position:100% -14px;}
.group_mstory .paging_slide .btn_next {position:absolute; top:50%; right:-32px; width:40px; height:60px; margin-top:-210px; border-radius:25% 0 0 25%; text-indent:-9999px; background:url("//img.khan.co.kr/images/khan/pc/img_mstory_component.png") 0 -77px no-repeat;}
.group_mstory .paging_slide .btn_next:hover {background-position:100% -77px;}


/* 많이 본 기사 읽어볼 만한 기사 */
/* 탭 */
.tab-model {position:relative; margin:0 0 10px 0;}
.tab-model ul {width:100%; text-align:center; font-size:0.1px; line-height:0; text-align:justify; border-bottom:none;}
.tab-model ul:after {content:''; display:inline-block; width:100%; height:0; vertical-align:top;}
.tab-model li {display:inline-block; float:left; width:50%; vertical-align:top;}
.tab-model .tab {display:inline-block; overflow:hidden; position:relative; width:100%; padding:0 3px 15px 3px; box-sizing:border-box; border:none; outline:none; background-color:transparent; font:inherit; line-height:normal; vertical-align:top; white-space:nowrap; cursor:pointer; font-size:16px; line-height:20px; color:#1a1a1a; z-index:0;}
.tab-model .tab:before {content:''; display:block; position:absolute; bottom:0; left:50%; width:0; height:3px; background:#4469B0;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-transition:width 0.15s ease-in-out;
transition:width 0.15s ease-in-out;}
.tab-model li.active>.tab,
.tab-model .tab:focus,
.tab-model .tab:hover {color:#4469B0; font-weight:550;}
.tab-model li.active>.tab:before,
.tab-model .tab:focus:before,
.tab-model .tab:hover:before {width:100%; bottom:0 !important;}
.hot-news-wrap {overflow:hidden;}
.hot-news-wrap .list {position:relative; min-height:261px;}
.hot-news-wrap .list li {border-top:1px solid #e5e5e5;}
.hot-news-wrap .list li:first-child {border-top:none;}
.hot-news-wrap .art-cont {position:relative;}
.hot-news-wrap .art-cont > a {display:table; position:relative; width:100%; z-index:1;}
.hot-news-wrap .tit-area {display:table-cell; padding:14px 10px 14px 50px; vertical-align:middle;}
/* .hot-news-wrap .list li:first-child .tit-area {height:195px;} */
.hot-news-wrap .tit-area .tit {overflow:hidden; max-height:44px; font-size:14px; font-weight:400; line-height:1.5em; vertical-align:middle;}
.hot-news-wrap .list>li .thumb {margin:0 0 5px 0;}
.hot-news-wrap .list>li .thumb img {width:240px; height:120px;}
.hot-news-wrap .list li .num-area {display:table; position:absolute; left:0; top:0; width:30px; height:100%; min-height:50px;}
.hot-news-wrap .list li .num-area .num {display:table-cell; vertical-align:middle; font-size:22px; line-height:16px; letter-spacing:0; text-align:center;}



/* 플랫 등 정기 연재물 .news-drawer */
.news-drawer {}
.news-drawer .sct_tit {overflow:hidden; width:240px; margin:0 0 10px 0; font-size:18px; text-overflow:ellipsis; white-space:nowrap;}
.wrap_photoslide {overflow:hidden; position:relative; width:1020px; height:320px; margin:0 45px;}
.list_photoslide {position:absolute; top:0; left:0; min-width:2340px;}
.list_photoslide:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0;}
.list_photoslide li {float:left;}
.list_photoslide .link_thumb {display:block; overflow:hidden; position:relative; width:240px; height:290px; margin-right:20px; text-decoration:none;}
.list_photoslide .link_thumb .thumb {width:240px; margin-bottom:10px;}
.list_photoslide .tit {font-size:22px; margin:0 0 15px;}
.list_photoslide .caption {width:100%; padding:0 5px; box-sizing:border-box; z-index:20;}
.list_photoslide .tit_caption {overflow:hidden; min-height:2.8em; max-height:2.8em; margin:0 0 10px; color:#1a1a1a; font-size:16px; font-weight:550; letter-spacing:-0.025em; line-height:1.4em;}
.list_photoslide .lead_caption {line-height:1.5em; max-height:4.5em; color:#666;}
.btn_photoslide {position:absolute; top:0; width:45px; height:100%; text-indent:-9999px; z-index:100;}
.btn_photoslide.prev {left:0; background:url("//img.khan.co.kr/images/khan/pc/ico-arrow-left.svg") no-repeat left 50%;}
.btn_photoslide.next {right:0; background:url("//img.khan.co.kr/images/khan/pc/ico-arrow-right.svg") no-repeat right 50%;}
.btn_photoslide .ico_corp {position:absolute;top:150px;z-index:110;margin-top:-25%;opacity:0.3;filter:alpha(opacity=30)}
.btn_photoslide:focus {border:0}
.btn_photoslide:hover .ico_corp {opacity:1;filter:alpha(opacity=100)}
.btn_photoslide .ico_photoslide_prev {left:25px}
.btn_photoslide .ico_photoslide_next {right:25px}



/* 스포츠경향 .sp-cont-wrap */
.sp-cont-wrap {}
.sp-cont-l {float:left; width:370px; margin-right:50px;}
.sp-cont-l .area-a {margin:0 0 20px;}
.sp-cont-l .area-a .thumb {margin:0 0 5px;}
.sp-cont-l .area-a .thumb img {width:370px; height:240px; margin:0;}
.sp-cont-l .area-a .tit {display:block; overflow:hidden; max-width:100%; font-size:21px; line-height:1.4em; color:#1a1a1a; font-weight:550; vertical-align:top; letter-spacing:-0.05em;}
.sp-cont-l .area-b {}
.sp-cont-l .area-b .thumb {float:left; width:130px; height:100px; margin-right:15px;}
.sp-cont-l .area-b .thumb img {width:130px; height:100px;}
.sp-cont-l .area-b .txt {float:left; width:225px;}
.sp-cont-l .area-b .txt .tit {margin-top:2px; color:#1a1a1a; font-size:17px; font-weight:550; line-height:24px;}
.sp-cont-l .area-b .txt .lead {overflow:hidden; max-height:3em; margin-top:5px; font-size:14px; line-height:1.5em; color:#666;}

.sp-cont-m {float:left; width:430px; margin-right:50px;}
.sp-cont-m .sub-news-mj {margin:0 0 20px; padding:0; border-bottom:none;}
.sp-cont-m .sub-news-mj dt a {overflow:hidden; font-size:23px; line-height:1.1em; text-overflow:ellipsis; white-space:nowrap;}
.sp-cont-m .sub-news-mj dd.thumb {width:200px; height:170px; border:0;}
.sp-cont-m .sub-news-mj dd.thumb img {/* width:100%; */ width:200px; height:170px;}
.sp-cont-m .sub-news-mj dd.lead {float:left; width:215px; font-size:14px; color:#888; font-weight:normal; line-height:1.5em; letter-spacing:-0.5px; vertical-align:top;}
.sp-cont-m .area-d {}
.sp-cont-m .area-d li {float:left; width:200px; margin-right:30px;}
.sp-cont-m .area-d li:last-child {margin-right:0;}
.sp-cont-m .area-d .thumb {width:200px; height:140px; margin-bottom:8px;}
.sp-cont-m .area-d .thumb img {width:200px; height:140px;}
.sp-cont-m .area-d .tit {overflow:hidden; max-height:2.8em; color:#1a1a1a; font-size:17px; font-weight:550; line-height:1.4em;}

.sp-cont-r {float:left; width:210px;}
.sp-cont-r .area-e {width:210px; margin-bottom:30px;}
.sp-cont-r .area-e .thumb {width:210px; height:150px; margin-bottom:5px;}
.sp-cont-r .area-e .thumb img {width:210px; height:150px;}
.sp-cont-r .area-e .tit {overflow:hidden; min-height:2.8em; color:#1a1a1a; font-size:16px; font-weight:550; line-height:1.4em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sp-cont-r .area-f {}
.sp-cont-r .area-f li {display:table; overflow:hidden; width:100%; table-layout:fixed; margin-bottom:20px;}
.sp-cont-r .area-f li:last-child {margin-bottom:0;}
.sp-cont-r .area-f li > .thumb, 
.sp-cont-r .area-f li > .tit {display:table-cell;}
.sp-cont-r .area-f li > .thumb {width:85px; padding:0 10px 0 0;}
.sp-cont-r .area-f li > .thumb img {width:85px; height:85px;}
.sp-cont-r .area-f li > .thumb a {overflow:hidden; display:block; width:85px; height:85px; vertical-align:top;}
.sp-cont-r .area-f li > .tit {height:85px; vertical-align:middle;}
.sp-cont-r .area-f li > .tit a {overflow:hidden; width:100%; max-height:4.5em; color:#1a1a1a; font-size:15px; line-height:1.5em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}



/* 경향비즈 .biz-cont-wrap */
.biz-cont-wrap {}
.biz-cont-wrap .wrap_photoslide {width:1110px; height:310px; margin:0;}
.biz-cont-wrap .list_photoslide .link_thumb {width:255px; height:310px; margin-right:30px;}
.biz-cont-wrap .list_photoslide .link_thumb img {width:255px; height:180px;}
/* 경제 지표 */
.biz-cont-wrap .stock_wrap {width:1108px; margin:0 0 20px; padding:20px 0; border:1px solid #ccc; background-color:#fefefe;}
.biz-cont-wrap .stock_wrap .stock_area {overflow:hidden; position:relative; width:1050px; margin:0 auto;}
.biz-cont-wrap .stock_wrap .stock_area:after { clear: both; content: ""; display: block;}
.biz-cont-wrap .stock_area .sb_tit {display:block; float:left; color:#1a1a1a; font-size:14px; font-weight:550; margin-right:30px; padding-right:20px; border-right:1px solid #aaa;}
.biz-cont-wrap .stock_area .sb_tit em {margin:1px 0 0 5px; color:#999; font-size:12px; font-weight:normal; letter-spacing:0;}
.biz-cont-wrap .stock_area .economyBar { position:absolute; left:177px; overflow:hidden; width:100%; z-index:10;}
.biz-cont-wrap .stock_area .economyBar:after { clear: both; content: ""; display: block;} 
.biz-cont-wrap .stock_area .economyBar ul { display:block; float:left; overflow:hidden; width:2555px;}
.biz-cont-wrap .stock_area .economyBar li {float:left; margin-right:40px; font-family:tahoma; font-size:13px; letter-spacing:0;}
.biz-cont-wrap .stock_area .economyBar .txt { font-family:'Apple SD Gothic Neo','맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-size:14px;}
.biz-cont-wrap .stock_area .economyBar .up { color:#e90000; font-size:12px;}
.biz-cont-wrap .stock_area .economyBar .dw { color:#3d8de7; font-size:12px;}



/* 주간경향 .weekly-cont-wrap */
.weekly-cont-wrap {}
.weekly-cont-l {float:left; width:685px; margin-right:40px;}
.weekly-cont-l .area-a {position:relative; float:left; height:230px; margin:0 0 35px;}
.weekly-cont-l .area-a:after {content:"";clear:both;display:block}
.weekly-cont-l .area-a .thumb {position:absolute; width:340px; height:230px;}
.weekly-cont-l .area-a .txt {width:325px; margin-left:360px; padding-top:0;}
.weekly-cont-l .area-a .txt .sub-tit {margin-bottom:9px; font-size:14px; line-height:20px; letter-spacing:-.05em; color:#4469B0;}
.weekly-cont-l .area-a .txt .sub-tit strong {font-weight:550;}
.weekly-cont-l .area-a .txt .tit {overflow:hidden; color:#1a1a1a; font-size:26px; font-weight:500; letter-spacing:-.05em; line-height:34px;}
.weekly-cont-l .area-a .txt .lead {overflow:hidden; max-height:8.75em; margin-top:10px; font-size:14px; line-height:1.75em; color:#666; letter-spacing:-.05em;}

.weekly-cont-l .area-b {float:left;}
.weekly-cont-l .area-b > div:last-child {margin-right:0;}
.weekly-cont-l .area-b .wk-list {float:left; width:330px; margin-right:20px;}
.weekly-cont-l .area-b .wk-list .thumb {float:left; width:140px; height:115px; margin-right:15px;}
.weekly-cont-l .area-b .wk-list .thumb img {width:140px; height:115px;}
.weekly-cont-l .area-b .wk-list .txt {float:left; width:175px;}
.weekly-cont-l .area-b .wk-list .txt .sub-tit {font-size:14px; line-height:20px; letter-spacing:-.05em; color:#4469B0;}
.weekly-cont-l .area-b .wk-list .txt .sub-tit strong {overflow:hidden; width:175px; text-overflow:ellipsis; white-space:nowrap; font-weight:550;}
.weekly-cont-l .area-b .wk-list .txt .tit {overflow:hidden; max-height:2.8em; margin-top:2px; color:#1a1a1a; font-size:17px; font-weight:550; line-height:1.4em;}
.weekly-cont-l .area-b .wk-list .txt .lead {overflow:hidden; max-height:3em; margin-top:5px; font-size:14px; line-height:1.5em; color:#666;}

.weekly-cont-l .wk-list-b {float:left; width:320px;}
.weekly-cont-l .wk-list-b {display:block; position:relative; height:115px;  text-align:left; margin:0; padding:0; box-sizing:border-box; background-color:#fafafa;}
.weekly-cont-l .wk-list-b .opn-cont {display:table; height:115px;}
.weekly-cont-l .wk-list-b .s-tit {display:inline-block; margin-bottom:4px; line-height:20px; color:#4469B0; font-size:13px; font-weight:550;}
.weekly-cont-l .wk-list-b .txt {display:table-cell; width:100%; height:85px; padding:0 15px; vertical-align:middle; box-sizing:border-box;}
.weekly-cont-l .wk-list-b .txt .tit {display:block; overflow:hidden; max-height:3em; line-height:1.5em; text-overflow:ellipsis; color:#1a1a1a; font-size:15px; font-weight:550; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.weekly-cont-l .wk-list-b .thumb {display:table-cell; height:115px; padding:0; vertical-align:top; box-sizing:border-box;}
.weekly-cont-l .wk-list-b .thumb span {display:inline-block; overflow:hidden; width:115px; height:115px;}
.weekly-cont-l .wk-list-b .thumb span img {width:115px; height:115px;}

.weekly-cont-r {float:left; width:385px;}
.weekly-cont-r .area-d {}
.weekly-cont-r .area-d li {float:left; width:180px; margin-right:25px; margin-bottom:20px;}
.weekly-cont-r .area-d li + li {margin-right:0; margin-bottom:20px;}
.weekly-cont-r .area-d li + li + li {margin-right:25px; margin-bottom:0;}
.weekly-cont-r .area-d li + li + li + li {margin-right:0; margin-bottom:0;}
.weekly-cont-r .area-d .thumb {width:180px; height:130px; margin-bottom:5px;}
.weekly-cont-r .area-d .thumb img {width:180px; height:130px;}
.weekly-cont-r .area-d .tit {overflow:hidden; max-height:2.8em; margin-top:2px; color:#1a1a1a; font-size:16px; font-weight:550; line-height:1.4em;}



/* 레이디경향 .lady-cont-wrap */
.lady-cont-wrap {}
.lady-cont-l {float:left; width:465px; margin-right:50px;}
.lady-cont-l .area-a {position:relative; float:left; height:220px;}
.lady-cont-l .area-a:after {content:"";clear:both;display:block}
.lady-cont-l .area-a .thumb {position:absolute; width:220px; height:220px;}
.lady-cont-l .area-a .txt {width:230px; margin-left:235px; padding-top:0;}
.lady-cont-l .area-a .txt .sub-tit {margin-bottom:9px; font-size:14px; line-height:20px; letter-spacing:-.05em; color:#4469B0;}
.lady-cont-l .area-a .txt .sub-tit strong {font-weight:550;}
.lady-cont-l .area-a .txt .tit {overflow:hidden; max-height:2.6em; color:#1a1a1a; font-size:26px; font-weight:500; letter-spacing:-.05em; line-height:1.3em;}
.lady-cont-l .area-a .txt .lead {overflow:hidden; margin-top:10px; color:#6a6a6a; font-size:14px; line-height:24px; letter-spacing:-.05em;}

.lady-cont-r .area-f {float:left; width:595px;}
.lady-cont-r .area-f li {display:table; float:left; overflow:hidden; width:280px; table-layout:fixed; margin-right:30px; margin-bottom:20px;}
.lady-cont-r .area-f li + li {margin-right:0;}
.lady-cont-r .area-f li + li + li {margin-right:30px; margin-bottom:0;}
.lady-cont-r .area-f li + li + li + li {margin-right:0; margin-bottom:0;}
.lady-cont-r .area-f li .thumb {}
.lady-cont-r .area-f li > .thumb, 
.lady-cont-r .area-f li > .tit {display:table-cell;}
.lady-cont-r .area-f li > .thumb {width:100px; padding:0 15px 0 0;}
.lady-cont-r .area-f li > .thumb img {width:100px; height:100px;}
.lady-cont-r .area-f li > .thumb a {overflow:hidden; display:block; width:100px; height:100px; vertical-align:top;}
.lady-cont-r .area-f li > .tit {height:100px; vertical-align:middle;}
.lady-cont-r .area-f li > .tit a {display:block; overflow:hidden; width:100%; max-height:4.2em; color:#1a1a1a; font-size:16px; line-height:1.4em;}



/* 플랫 .flat-cont-wrap */
.flat-cont-wrap {}
.flat-cont-wrap .list_photoslide .caption .sub-tit {margin-bottom:9px; font-size:14px; line-height:20px; letter-spacing:-.05em; color:#4469B0;}
.flat-cont-wrap .list_photoslide .caption .sub-tit strong {font-weight:550;}
.flat-cont-wrap .wrap_photoslide {width:1110px; height:auto; min-height:340px; margin:0;}
.flat-cont-wrap .list_photoslide {position:relative;}
.flat-cont-wrap .list_photoslide .link_thumb {width:255px; height:auto; margin-right:30px;}
.flat-cont-wrap .list_photoslide .link_thumb img {width:255px; height:180px;}




/* 알림 영역 */
.notice-wrap {}
.notice-wrap .notice-cont {float:left; position:relative; width:360px; min-height:200px; padding:40px 30px; margin-right:30px; background-color:#fafafa;}
.notice-wrap .sec-nt {display:table; position:absolute; left:30px; top:51px; color:#4469B0; font-size:15px; font-weight:700; line-height:16px; letter-spacing:0;}
.notice-wrap .tit-cont {display:table-cell; padding:0 0 0 80px; vertical-align:middle;}
.notice-wrap .tit-cont .tit {display:block!important; overflow:hidden; width:280px; font-size:15px; font-weight:400; line-height:40px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap;}
.notice-wrap .bnr-notice-cont {float:left; position:relative; width:210px;}
.notice-wrap .bnr-notice-cont a {display:block; margin-bottom:13px;}
.notice-wrap .bnr-notice-cont a:last-child {margin-bottom:0;}
.notice-wrap .bnr-notice-cont a img {width:210px; height:60px;}




/**************************************************************************** 
    광고영역
****************************************************************************/
.ad-area {}
/* 728*90 띠배너 */
.ad-area.main-typea {position:relative; top:13px; width:728px; height:90px;}
/* 300*250 배너 */
.ad-area.main-typeb {width:300px; height:250px; margin:0 0 50px 0;}
/* 300*90 배너 X3 */
.ad-area.main-typec {float:left; width:100%; margin:20px 0 20px;}
.ad-area.main-typec:after {content:"";clear:both;display:block}
.ad-area.main-typec .ad-bnr-list {float:left; width:33.3%; height:90px; text-align:center;}
.ad-area.main-typec .ad-bnr-list a {display:block; position:relative; width:300px; height:90px; margin:0 auto;}
.ad-area.main-typec .ad-bnr-list a:after {content:""; display:block; position:absolute; left:0; top:0; width:298px; height:88px; border:1px solid rgb(0 0 0 / .15); \0/IE8+9;border:1px solid rgba(0,0,0,0.1);}
/* 날개배너 */
.ad-area.ad-wing {position:relative; width:1110px; margin:0 auto; z-index:99;}
/* 160*600 우측 날개배너 */
.ad-area.ad-wing .right-wing {overflow:visible; position:absolute; right:-210px; top:65px; width:160px; height:600px;}
/* 좌측 날개배너 */
.ad-area.ad-wing .left-wing {overflow:visible; position:absolute; left:-210px; top:65px; width:160px; height:600px;}




/**************************************************************************** 
    기타 작업
****************************************************************************/
/* 코로나19 현황판 */
.wrap_covid_status {position:relative; width:100%; margin:0 auto -25px;}
.covid_status {width:1110px; height:40px; margin:0 auto; padding:10px 0; border-bottom:1px solid #ddd; box-sizing:border-box; letter-spacing:0;}
.covid_status .cell {display:table; overflow:hidden; float:left;}
.covid_status .wrap_tit {width:330px; padding-left:0;}
.covid_status .tit {display:block; float:left; width:110px; height:20px; margin-top:0; color:#4469B0; font-size:17px; letter-spacing:-0.07em;}
.covid_status .info {display:table-cell; vertical-align:middle; line-height:18px;}
.covid_status .info span {display:inline-block; color:#666; font-size:11px;}
.covid_status .info span:last-child {margin-left:6px;}
.covid_status .covid_count {width:500px; height:20px; margin-left:10px;}
.covid_status .covid_count li {display:table-cell; padding:0 5px; text-align:center; vertical-align:middle;}
.covid_status .covid_count li span {position:relative; top:0; color:#666; font-size:14px; vertical-align:middle;}
.covid_status .covid_count li span.counter {color:#fff;}
.covid_status .covid_count li span.counter strong {position:relative; top:0; margin-right:2px; color:#1a1a1a; font-size:15px; font-weight:600;}
.covid_status .covid_count li span.counter em {position:relative; top:0; margin:0 2px 0 0; color:#f77f18; font-size:14px; font-weight:550;}
.covid_status .covid_art {float:right; width:auto; height:20px; padding-left:10px;}
.covid_status .covid_art .txt_link {display:table-cell; padding-right:12px; vertical-align:middle; color:#4a4a4a; font-size:13px; background:url("//img.khan.co.kr/images/khan/pc/ico-breadcrumb-arrow.svg") no-repeat right 50%; background-size:6px;}
.covid_status .covid_art:hover {text-decoration:none;}
.covid_status .covid_art:hover .txt_link {color:#ffb330;}
/* 코로나19 현황판 - 수정 */
.wrap_covid_info {position:relative; width:100%; margin:0 auto 30px;}
.covid_info {width:100%; height:90px; margin:0 auto; padding:15px 20px; border-radius:10px; box-sizing:border-box; letter-spacing:0; background-color:#F0F4FD;}
.covid_info .covid-top-area {padding-bottom:10px; border-bottom:1px solid #dae1f1;}
.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:330px; padding-left:0;}
.covid_info .tit {display:block; float:left; width:110px; height:20px; margin-top:0; color:#4469B0; font-size:17px; letter-spacing:-0.07em;}
.covid_info .info {display:table-cell; vertical-align:middle; line-height:18px;}
.covid_info .info span {display:inline-block; color:#666; font-size:11px;}
.covid_info .info span:last-child {margin-left:6px;}
.covid_info .covid_count {float:none; width:100%; height:20px; padding-top:10px; border-top:1px solid #fff;}
.covid_info .covid_count li {display:table-cell; padding:0 5px; text-align:center; vertical-align:middle;}
.covid_info .covid_count li span {position:relative; top:0; color:#666; font-size:14px; letter-spacing:-0.025em; vertical-align:middle;}
.covid_info .covid_count li span.counter {color:#fff;}
.covid_info .covid_count li span.counter strong {position:relative; top:0; margin-right:2px; color:#1a1a1a; font-size:15px; font-weight:600;}
.covid_info .covid_count li span.counter em {position:relative; top:0; margin:0 2px 0 0; color:#f77f18; font-size:14px; font-weight:550;}
.covid_info .covid_art {float:right; width:auto; height:20px; padding-left:10px;}
.covid_info .covid_art .txt_link {display:table-cell; padding-right:12px; vertical-align:middle; color:#4a4a4a; font-size:13px; background:url("//img.khan.co.kr/images/khan/pc/ico-breadcrumb-arrow.svg") no-repeat right 50%; background-size:6px;}
.covid_info .covid_art:hover {text-decoration:none;}
.covid_info .covid_art:hover .txt_link {color:#ffb330;}


/* 윤석열 인터뷰 특집구역 : 20210708*/
.wrap-interview-p {position:relative; width:1050px; min-height:65px; margin:2px auto -19px; padding:22px 30px 20px; border:1px solid #aaa; border-radius:10px; background-color:#fff;}
.wrap-interview-p .p-area-tit {overflow:hidden; position:absolute; left:29px; top:-18px; width:auto; max-width:670px; padding:4px 18px; border:1px solid #ababab; border-radius:50px; color:#4469ba; font-size:16px; font-weight:550; line-height:1.4em; text-overflow:ellipsis; white-space:nowrap; background-color:#fff;}
.wrap-interview-p .p-area-list {overflow:hidden;}
.wrap-interview-p .p-area-list li {float:left; width:50%; padding:0 15px 0 16px; color:#aaa; font-size:16px; line-height:2.1em; background:url("//img.khan.co.kr/images/khan/pc/ico-related.svg") no-repeat 0 50%; box-sizing:border-box;}
.wrap-interview-p .p-area-list li a {color:#4a4a4a;}
.wrap-interview-p .p-area-list li:after {content:""; clear:both; display:block;}


/* 2020 도쿄올림픽 : 20210624 */
/* GNB 링크 */
header .header-bottom > .inner .gnb li.olympic {position: relative;}
header .header-bottom > .inner .gnb li.olympic .count {float: right; margin: 15px 0 0 7px; font-size: 12px; font-weight: 400; letter-spacing: -0.1em; color: #fff; background-color: #A0182E; border-radius: 15px; width: 45px; text-align: center; height: 24px; line-height: 24px;}
header .header-bottom > .inner .gnb li.olympic .count.over {background-color: #565656;}

/************ 메인중단 특집구역 ************/
.blind {overflow: hidden;visibility: hidden;position: absolute;top: 0;left: 0;width: 0;height: 0;padding: 0;font-size: 0;line-height: 0;}
.wrap_olympic2020 {position:relative; width:1110px; margin:14px auto 30px; clear:both;}
/* case1 */
.wrap_olympic2020.case1 {}
.wrap_olympic2020.case1 a {width:1110px; height: 75px; display: block;background:url(//img.khan.co.kr/images/micro/olympic/2020/bg_olympic2020_khan_1.png) no-repeat;}
/* case2 */
/* .wrap_olympic2020.case2 {height:250px;} */
.wrap_olympic2020 .hd {width:1110px; height: 60px; background:url(//img.khan.co.kr/images/micro/olympic/2020/bg_olympic2020_khan_2.png) no-repeat;}
.wrap_olympic2020 .hd h2 {display: inline-block; width: 155px; box-sizing: border-box; color: #fff; font-size: 17px; line-height: 22px; font-weight: bold; padding: 8px 0 0 20px;}
.wrap_olympic2020 .hd h2 a {text-decoration: none;}
.wrap_olympic2020 .medal {position: absolute; top: 10px; left: 190px;}
.wrap_olympic2020 .medal:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.wrap_olympic2020 .medal dt {float: right; padding: 10px 0 0 10px; font-size: 14px; font-weight: bold; color: #aa1328; line-height: 1.3em; letter-spacing:-0.1em;}
.wrap_olympic2020 .medal dt .count {position: relative; margin-left: 10px; padding-left:10px; color: #000;}
.wrap_olympic2020 .medal dt .count:before {content: ''; display: inline-block; width: 1px; height: 10px; background: #e4e4e4; position: absolute; left: 0; top: 5px;}
.wrap_olympic2020 .medal .item_mi {float:left; position:relative; background:url(//img.khan.co.kr/images/micro/olympic/2020/img_medal_flat.svg) 0 0 no-repeat; width: 40px; height: 40px;}
.wrap_olympic2020 .medal .item_mi.fst {margin-left:0}
.wrap_olympic2020 .medal .item_mi.gold {background-position: -4px -4px}
.wrap_olympic2020 .medal .item_mi.silver {background-position:-45px -4px}
.wrap_olympic2020 .medal .item_mi.bronze {background-position:-86px -4px}
.wrap_olympic2020 .medal .item_mi .num {position:absolute; top:13px; left:50%; width:25px; margin-left: -13px; font-size:13px; line-height: 13px; font-weight:bold;font-family:Roboto;color:#FFF;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}
.wrap_olympic2020 .korean_enter {position: absolute; top: 19px; right: 30px;}
.wrap_olympic2020 .korean_enter span {position: relative; float: left; font-size: 14px; color: #000; margin-left: 10px; padding-left:10px; font-weight: bold; line-height: 1.3em;}
.wrap_olympic2020 .korean_enter:hover span {text-decoration: underline;}
.wrap_olympic2020 .korean_enter:hover .game {text-decoration: none;}
.wrap_olympic2020 .korean_enter .game {background: #b11e33; padding: 3px 8px; border-radius: 100px; color: #fff; font-size: 12px; font-weight: bold; }
.wrap_olympic2020 .korean_enter.over .game {background: #565656;}
.wrap_olympic2020 .korean_enter .sports:before, .wrap_olympic2020 .korean_enter .part:before {content: ''; display: inline-block; width: 1px; height: 10px; background: #e4e4e4; position: absolute; left: 0; top: 5px;}
.wrap_olympic2020 .korean_enter .time, .wrap_olympic2020 .korean_enter .ko {padding:0;}
.wrap_olympic2020 .korean_enter .part {max-width: 250px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; font-weight: normal;}
.wrap_olympic2020 .korean_enter .ko .ico_flag {width: 28px; height: 19px; margin-right: 15px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); box-sizing: border-box;}
.wrap_olympic2020 .olympic_menu {width: 1110px; height:40px; border-bottom: 1px solid #edf1f5;}
.wrap_olympic2020 .olympic_menu:after {content: ''; display: block; visibility: hidden; clear: both; height: 0; font-size: 0;}
.wrap_olympic2020 .olympic_menu li {float: left; width: 25%; height: 40px;line-height: 40px; text-align: center;}
.wrap_olympic2020 .olympic_menu li a {background: url(//img.khan.co.kr/images/micro/olympic/2020/ico_arr_link.svg) right 50% no-repeat; padding-right: 13px; font-size: 14px; height: 40px;line-height: 40px;}
.wrap_olympic2020.case2 .list_thumb {position: relative; border-bottom: 1px solid #d9d9d9; padding-bottom: 25px; box-sizing: border-box;}
.wrap_olympic2020.case2 .list_thumb:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.wrap_olympic2020.case2 .list_thumb li {display: block; overflow: hidden; float: left; width: 50%; padding: 25px 20px 0 0; box-sizing: border-box;}
.wrap_olympic2020.case2 .list_thumb li .thumb {position: relative; display: block; overflow: hidden; float: left; width: 140px; height: 98px; margin: 0 1.2em 0 0;}
.wrap_olympic2020.case2 .list_thumb li .thumb:before {position: absolute; display: block; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.15); z-index: 1;}
.wrap_olympic2020.case2 .list_thumb li .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
.wrap_olympic2020.case2 .list_thumb li .caption {margin-top: 1em; display: block;	width: 100%;}
.wrap_olympic2020.case2 .list_thumb li .caption .tit {display:block; font-size: 18px; font-weight:600; color:#222;line-height:1.4em; letter-spacing:-0.04em;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.wrap_olympic2020.case2 .list_thumb li .caption .lead {display:block; padding: 7px 0 0; font-size: 14px; font-weight: 400; color:#8A8A8A;line-height:1.4em; height: 2.8em;letter-spacing:-0.04em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word;}
.wrap_olympic2020 .thumb .gold {display: block;background: url(//img.khan.co.kr/images/micro/olympic/2020/img_medal_thumb_flat.svg) 0 0 no-repeat; background-size: 130px 48px; width: 40px; height: 48px; background-position: -3px 0; z-index: 10; position: absolute; top: 0; right: 5px;}
.wrap_olympic2020 .thumb .silver {display: block;background: url(//img.khan.co.kr/images/micro/olympic/2020/img_medal_thumb_flat.svg) 0 0 no-repeat; background-size: 130px 48px; width: 40px; height: 48px; background-position: -44px 0; z-index: 10; position: absolute; top: 0; right: 5px;}
.wrap_olympic2020 .thumb .bronze {display: block;background: url(//img.khan.co.kr/images/micro/olympic/2020/img_medal_thumb_flat.svg) 0 0 no-repeat; background-size: 130px 48px; width: 40px; height: 48px; background-position: -85px 0; z-index: 10; position: absolute; top: 0; right: 5px;}
.wrap_olympic2020 .thumb .md {display: block; padding-top: 18px; font-size: 13px; line-height: 13px; font-weight: bold; font-family: Roboto; color: #FFF; text-align: center; text-shadow: 1px 1px 1px rgb(0 0 0 / 50%); box-sizing: border-box;}


/* 2022 대통령선거 특집 구역 */
.wrap-election2022 {width:100%; max-width:1110px; margin:15px auto -15px; position: relative; top: -1px;}
.election2022-info-area {width:100%; height:70px; border-radius:5px; background:url(//img.khan.co.kr/images/micro/election/2022/bg-khan-election2022.jpg) no-repeat;}
.election2022-info-area .tit {display:inline-block; overflow:hidden; width:140px; height:36px; margin:17px 22px; text-indent:-9999px; background:url(//img.khan.co.kr/images/micro/election/2022/img-ci-km.png?v=20220203) no-repeat 50% 50%;}
.election2022-info-area .tit a {display:block; width:140px; height:36px;}
.election2022-info-area .menu-list {display:inline-block;}
.election2022-info-area .menu-list li {float:left; position:relative; height:36px; margin:17px 25px; line-height:2.4em;}
.election2022-info-area .menu-list li a {color:#fff; font-size:18px; font-weight:550;}
.election2022-info-area .menu-list li:hover a:after {content:''; display:block; position:absolute; bottom:2px; left:-3px; width:100%; height:2px; padding-right:6px; background-color:#fff; opacity:.5;}
.election2022-info-area .vote-counter {display:inline-block; overflow:hidden; float:right; height:36px; margin:17px 22px; color:#fff; font-size:15px; line-height:2.4em;}
.election2022-info-area .vote-counter span {margin-left:10px; font-size:28px; font-weight:700;}
.election2022-info-area .turnout-counter {display:inline-block; overflow:hidden; float:right; height:46px; margin:12px 22px; color:#fff; font-size:15px; line-height:2.4em;}
.election2022-info-area .turnout-counter .count-label {display:inline-block; height:46px; vertical-align:middle;}
.election2022-info-area .turnout-counter .count-label strong {display:block; height:18px; line-height:1.4em; text-align:center; color:#fafafa; font-size:18px; font-weight:550;}
.election2022-info-area .turnout-counter .count-label span {color:#cfcff7; font-size:11px;}
.election2022-info-area .turnout-counter .count-label span em {position:relative; margin-left:10px;}
.election2022-info-area .turnout-counter .count-label span em:after {content:''; display:block; position:absolute; top:14px; left:-6px; width:1px; height:10px; background-color:#fff; opacity:.3;}
.election2022-info-area .turnout-counter .turnout-rate {display:inline-block; height:46px; margin-left:10px; color:#fff; font-size:28px; font-weight:700; line-height:1.6em; vertical-align:middle;}
.election-gp-area {overflow:hidden; position:relative;}
.election-gp-area .gp-thumb {position:absolute; left:0; top:0; width:100%; opacity:0.5;}
.election-gp-area .gp-thumb.on {position:relative; z-index:1; opacity:1; 
transition-property: opacity;
transition-duration:2s;
transition-delay:unset;}
.election-gp-area img {width:100%;}
.election2022-info-area.s-down {height:60px;}
.election2022-info-area.s-down .tit {height:32px; margin:14px 22px; background-size:contain;}
.election2022-info-area.s-down .menu-list li {margin:12px 25px; line-height:2.6em;}
.election2022-info-area.s-down .menu-list li a {font-size:17px;}
.election2022-info-area.s-down .vote-counter {margin:12px 30px;}
.election2022-info-area.s-down .vote-counter span {font-size:24px;}


/* 특집판 영역 */
.section > .inner.spzone-wrap {margin:35px auto -15px; padding-bottom:35px;}
.section > .inner.spzone-wrap.hr-btm {border-bottom:1px solid #ddd;}
.spzone-wrap:after {content:"";clear:both;display:block}
.spzone-top .news-top-wrap .hl-news {display:block; overflow:hidden; width:100%; max-height:1.3em; margin:0 0 35px; text-align:center; font-weight:700; font-size:40px; line-height:1.3em; letter-spacing:-0.05em; vertical-align:middle; text-overflow:ellipsis; white-space:normal;}
.spzone-top .news-top-wrap .hl-news .tag {padding:7px 8px; border-width:2px; font-size:30px; font-weight:700; line-height:27px; letter-spacing:-0.025em;}
.spzone-top .img-top-wrap {display:block; overflow:hidden; position:relative; height:440px; margin-bottom:35px;}
.spzone-top.edit220309 .img-top-wrap > a {display:block; width:810px; height:440px;}
.spzone-top.edit220309 .img-top-wrap .thumb img {width:810px; height:440px;}
.spzone-top .img-top-wrap .thumb img {width:1110px; height:440px;}
.spzone-top .img-top-wrap .list-related-wrap {display:none; position:absolute; right:0; top:0; width:250px; height:390px; padding:25px; background-color:rgba(0, 0, 0, .75);}
.spzone-top .img-top-wrap .list-related-wrap.on {display:block;}
.spzone-top .img-top-wrap .list-related-wrap .tit {margin:10px 0 30px; color:#fefefe; font-size:18px; font-weight:700;}
.spzone-top .img-top-wrap .list-related-wrap .more-cont {float:right; position:relative; right:0; bottom:0; margin-top:20px;}
.spzone-top .img-top-wrap .list-related-wrap .more-cont a {width:36px; height:auto; padding:0 14px 0 0; color:#fefefe; font-size:12px; background:url(//img.khan.co.kr/images/khan/pc/ico-arrow-right-lg-gray.svg) no-repeat right 60%; background-size:11px 11px;}
.spzone-top .img-top-wrap .list-related {margin:12px 0 0 0;}
.spzone-top .img-top-wrap .list-related li {position:relative; margin:0 0 20px; padding:0 0 0 15px; /* background:url(//img.khan.co.kr/images/khan/pc/ico-related.svg) no-repeat 0 50%; background-size:11px 11px; */}
.spzone-top .img-top-wrap .list-related li a:before {content:''; display:block; position:absolute; top:4px; left:4px; width:2px; height:6px; border-radius:0; background:#cecece; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:width 0.15s ease-in-out; transition:width 0.15s ease-in-out;}
.spzone-top .img-top-wrap .list-related li a:after {content:''; display:block; position:absolute; top:10px; left:7px; width:8px; height:2px; border-radius:0; background:#cecece; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:width 0.15s ease-in-out; transition:width 0.15s ease-in-out;}
.spzone-top .img-top-wrap .list-related li:last-child {margin-bottom:0;}
.spzone-top .img-top-wrap .list-related li a {display:block; overflow:hidden; width:235px; max-height:2.8em; color:#fafafa; font-size:14px; line-height:1.4em; display:-webkit-box!important; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.spzone-top .img-top-wrap .list-related li a:hover {text-decoration:underline;}
.spzone-top .img-top-wrap .list-related li a .tag {margin-top:-5px; margin-right:5px; padding:1px 3px 1px 3px; font-size:13px; line-height:15px; background-color:#fff;}
.spzone-btm ul {width:100%;}
.spzone-btm ul li {display:block; overflow:hidden; float:left; width:350px; margin-right:30px;}
.spzone-btm ul li:last-child {margin-right:0;}
.spzone-btm ul li > .thumb {width:350px;}
.spzone-btm ul li > .thumb a {display:block; overflow:hidden; position:relative; width:350px; height:201px;}
.spzone-btm ul li > .thumb a:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.08;}
.spzone-btm ul li > .thumb img {width:350px; height:201px;}
.spzone-btm ul li > .tit a {display:block; overflow:hidden; width:100%; max-height:2.8em; margin:0 0 10px; color:#1a1a1a; font-size:21px; font-weight:550; line-height:1.4em; letter-spacing:-0.05em; display:-webkit-box!important; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.spzone-btm ul li .tag {margin-top:-4px; margin-right:5px; padding:2px 5px 2px 5px; font-size:13px; line-height:15px;}


/* 정정보도문 */
.correct-wrap {margin:-20px 0 20px; /* padding:10px 20px; border-radius:7px; background-color:#eee; */}
.correct-link {color:#4a4a4a; font-size:15px; line-height:1.5em; letter-spacing:-0.025em;}