@charset "UTF-8";
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');

* {margin:0; padding:0; outline:0; box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,select,option {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
dl,ul,ol,menu,li {list-style:none;}
body,th,td,input,select,textarea,button {font-size:18px; letter-spacing:-0.02em; font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; color:#222;}
input,button,select,label {vertical-align:middle;}
button { background:transparent; border:0;}
hr {display:none;}
del,ins {text-decoration:none;}
a {color:inherit; text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
button,input {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer;*overflow:visible;}
img {vertical-align:middle;}

body {min-width:1140px;}
.clearfix {zoom:1;}
.clearfix:after {content:''; display:block; clear:both;}
.hide {position:absolute; left:-100000em; top:-100000em;}
.wrap {width:1100px; margin:0 auto;}
.more_gt {font-weight:300;}
.flex {display:flex; justify-content: space-between;}
.grid {display:grid;}
.none {display:none !important;}
.block {display:block !important;}

/*헤더*/
header {background-color:#111; min-width:1180px; z-index:99; padding:20px 0;}
header .wrap {display:flex; justify-content:space-between; align-items:center;}
header .logo img {height:60px; display:block;}
header nav {display:flex; justify-content:end; width:calc(100% - 200px); column-gap:50px;}

header nav .nav {display:flex; font-size:0.944444em; font-weight:400; word-break:keep-all; justify-content:end; align-items:center; line-height:1em; color:#fff; column-gap:50px;}
header nav .nav a:hover {text-decoration:none; }
header nav .nav a.on {color:#fff; font-weight:700px;}
header .logo_scroll {display:none;}

.sticky_top {height:55px; left: 0; position: fixed; right: 0; top:0px; left:0; padding:12px 0; }
.sticky_top .logo {display:none;}
.sticky_top .logo_scroll {display:inline-block;}
.sticky_top .logo_scroll img {display:block; height:30px;}
.sticky_top .fullmenu_nav {top:12px;}
.sticky_top + main {padding-top:140px;}

/* 검색 및 풀메뉴 설정 */

.fullmenu_button img {width:33px; height:22px; filter: invert(100%) sepia(1%) saturate(7433%) hue-rotate(188deg) brightness(100%) contrast(112%); }
.close_btn { display: none;}
.fullmenu_wrap { width:100%; height: auto; margin: 0 auto; position: relative; }

.fullmenu_nav { border-top:1px solid rgba(0,0,0,0.8); width:100%; background-color:#444; color:#fff; padding:20px; position: absolute; top:20px; left: 0; display: none; z-index:8; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; border-bottom: 1px solid rgba(0,0,0,0.2); box-shadow:0 1px 10px rgba(0,0,0,0.5);}
.fullmenu_nav.active { display: block;}
.fullmenu {display:flex; justify-content:space-around; width:1100px; margin:0 auto; font-size:0.833em; color:#eee; font-weight:400;}
.fullmenu li {padding:5px 0;}
.fullmenu li.title {font-weight:700; margin-top:10px; color:#fff;}

.searchbox form {width:1100px; margin:0 auto 10px; padding:5px 0; border-bottom:1px solid #222; background-color:#fff; border-radius:4px;}
.searchbox-input { vertical-align:super; padding:5px; width:calc(100% - 40px); vertical-align:middle; }
.searchbox-submit { width:25px; height:25px; display:inline-block; background: url("https://img.rpm9.com/2024/etnews/images/search.svg") no-repeat center center; background-size:25px 25px; outline: 0; line-height:0; cursor: pointer; vertical-align:middle;}
.searchbox-input::placeholder {font-weight: bold; font-size: 1.2em; color: #212121;}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

/* 메인공통 */
main {padding-top:40px;}
main > .wrap {position:relative;}
main section {margin-bottom:50px;}
.text strong {word-break: break-all; }
.text .summary {font-size:0.833em; color:#777; font-weight:400; line-height:1.4em;  display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;}
figure a {display:flex; justify-content:center; overflow: hidden; position:relative; border-radius:0.4em;}
figure a:before {content:''; border:1px solid rgba(0,0,0,0.1); position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; border-radius:0.4em;}
figure img {width:fit-content; height:100%;}
h3 {font-size: 1em; line-height: 1em; }
aside h3 {font-size:1em; line-height:1em; margin-bottom:20px; padding:0;}
aside .text strong {font-weight:500;}
aside .text_thumb_list .text {width:calc(100% - 105px)}



/*푸터*/
footer {margin-top:60px; min-width:1180px; border-top:1px solid #ddd;}
footer .fullmenu {color:#666; padding:20px 0; justify-content:space-between;}
footer .fullmenu li.title {color:#444;}
footer .wrap + .nav_footer {border-top:1px solid #ddd; margin-top:30px;}
footer .nav_footer {background:#f8f8f8;  padding:20px 0; }
footer .nav_footer .policy {font-size:0.833em; color:#666;}
footer .span_wrap span::before {content:'|'; color:#ddd; font-weight:100; margin:0 10px;}
footer .span_wrap span a {display:inline-block;}
footer .span_wrap span:first-child::before {display:none;}
footer .span_wrap + .span_wrap {margin:5px 0;}
footer .company_info {background:#f8f8f8; padding:30px 0; font-size:0.833em; font-weight:300; border-top:1px solid #ddd;}
footer .company_info .title {margin-bottom:5px;}
footer .company_info .title > * {font-weight:400; color:#444;}
.copyright {color:#222;}

footer .go_top {display: inline-block; width:44px; height:44px; border-radius:100%; position: fixed; z-index:2; bottom:50px; right:50px; cursor: pointer; border:1px solid rgba(0,0,0,0.15); background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
footer .go_top img {transform: rotate(-90deg); width:12px; opacity:.6; margin-top:-4px;}
footer .go_top:hover {border:1px solid rgba(0,0,0,0.2); background-color:#fff; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
footer .go_top:hover img {opacity:.9;}


/* 텍스트+우측섬네일형 */
.text_thumb_list li {display:flex; column-gap:20px; align-items: center; padding:15px 0; border-top:1px solid #eee;}
.text_thumb_list li:last-child {margin-bottom:0; padding-bottom:0;}
.text_thumb_list figure a {width:85px; height:70px;}
.text_thumb_list .text .label {font-size:0.833em; color:#d91b5c; display:block; margin-bottom:4px;}
.text_thumb_list .text strong {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;}

.col_left {width:760px;}
.aside_wrap {width:300px;}
.aside_wrap aside {border-top: 1px solid #222; padding-top: 20px; margin-bottom:40px;}
.aside_wrap aside:last-child {margin-bottom:0;}
.aside_wrap .event .text_thumb_list li:first-child {border-top:1px solid #eee; padding-top:15px;}
.aside_wrap .mostview .text_thumb_list .text strong {-webkit-line-clamp: 3;}
.aside_wrap .mostview .text_list .text {width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.aside_wrap .text_list li {padding:12px 0; border-top:1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aside_wrap .bizplus li {font-weight:500;}
.aside_wrap aside + .event {border-top: 1px solid #222; padding-top: 20px;}
.aside_wrap .event {padding-top:0; border:none; margin-top:5px;}

/* 스낵바 */
#snackbar {display:none; min-width:250px; max-width:400px; transform: translate(-50%, 0); background: rgba(0,0,0,0.9); color: #fff; text-align:center; border-radius:8px; padding:20px; word-break:break-all; position: fixed; z-index:9; left:50%; top:40%; font-size:1em; box-shadow:0 1px 5px rgba(0,0,0,.4); opacity:1;}
#snackbar.show { display: inline-block;}

.acc_nav_btn {position:relative; display:inline-block; line-height: 1em; cursor: pointer;}
.acc_nav_btn img {width: 20px; opacity: .6; display:inline-block;}
.acc_nav_btn:hover img {opacity:.7;}
.bookmark::after {content:url('https://img.rpm9.com/2024/etnews/images/bookmark_on.svg'); display:inline-block; width:20px; height:20px; left:0; top:0; position:absolute;}

/* 단독속보 등의 포인트컬러 */
.label_excl {color:#d91b5c; margin-right:6px; display:inline-block; }
a:hover .label_excl {text-decoration:none;}
.label_quick {color:#1A4ED9; margin-right:6px; display:inline-block;}
a:hover .label_quick:hover {text-decoration:none;}
h2 .label_excl, h2 .label_quick {margin-right:10px;}

@media screen and (max-width: 1140px) {
  main {padding-left:20px; padding-right:20px;}
}


/* 광고 영역 */
.ad_728x90 {background-color:#eee !important; width:100%; height:120px; text-align:center; padding:15px 0; max-width:1100px; margin:40px auto 0; background-color:#eee;}
.ad_720 {background-color:#eee; width:100%; height:480px; text-align:center;}
.aside_wrap .ad_300x250 {background-color:#eee; width:300px; height:250px; margin-bottom:40px; text-align:center; border: none; padding: 0; background-color:#eee;}
.aside_wrap .ad_300x600 {background-color:#eee; width:300px; height:600px; margin-bottom:40px; text-align:center; border: none; padding: 0; background-color:#eee;}
.ad_article_top_full {background-color:#eee; width:1100px; min-height:120px; margin:20px auto 0; text-align:center; border: none;; padding:15px; background-color:#eee;}

/* 특집 우측 */
.aside_wrap .bnr_special {border:none; padding:0;}
.aside_wrap .bnr_special img {width:100%;}


/********************************* 광고 *********************************/
.aside_wrap aside[class^="ad"] {padding:0; border:none;}
.ad_bottom728x90 {margin-top:60px; background-color:#f5f5f5; padding:20px; width:100%; text-align:center;}
.ad_right120x600 { position:absolute; text-align: left; padding: 0px;	height:600px;	width:120px;	top: 0px;	left: calc(50% + 590px);}
.ad_right120x600_2 {top: 864px; background-color:#eee;}
.ad_right300x250 {width:300px; height:250px; overflow:hidden; text-align:center; margin-bottom:20px; background-color:#eee;}
.ad_left01 {position:absolute; right:1100px; top:0px; background-color:#eee;}
.ad_left02 {position:absolute; right:1020px; top:171px; background-color:#eee;}
.ad_topWrap {background:rgba(0, 0, 0, 0) url("https://img.rpm9.com/2014/rpm/images/low_contrast_linen.png") repeat scroll 0 0; position: relative;}
.ad_topWrap .ad_top1 {width:1000px; margin:0 auto; padding:10px 0; text-align:center;}
.ad_maintextWrap {margin:20px 0; width:100%; text-align:center;}
.ad_maintext1 {float:left; width:25%; overflow:hidden;}
.ad_maintext2 {float:left; width:33.3333333333%; overflow:hidden; padding-left:20px;}
.ad_view336x280 {display: inline-block; width: 336px; height: 280px; float: right; margin: 0 0 20px 10px;}
.submain_cont .sub_newslist .ad_text660 {width:660px; padding:20px 0 40px; overflow:hidden;}
.ad_right300 {width:300px; text-align:center; overflow:hidden; margin-bottom:20px; padding:0; border:none;}
.ad_view300Wrap {margin:30px 0;}
.ad_view300Wrap .ad_view300 {float:left; display:inline-block; width:50%; text-align:center;}
.ad_footerWrap {text-align:center;}
.ad_footer {display:inline-block; margin:30px auto 0;}
#articleBody .ad_text660 {margin-bottom:20px;}
button#closeTopmostBanner {background:transparent url("https://img.rpm9.com/2014/rpm/images/btn_ad_closed.png") no-repeat scroll 0 0; border: 0 none; cursor: pointer; font-size: 12px; height: 23px; line-height: 1; margin:0 0 0 10px; padding: 0; position: absolute; top: 77px; width: 48px;}
button#closeTopmostBanner span {font-size: 0; visibility: hidden;}
.ad_topWrap { background: #fbfbfb; position: relative; box-shadow:inset 0 -1px 2px rgb(0, 0, 0, 0.05);}
.ad_pang {position:absolute; left:1020px; padding:5px 0;}
.ad_logoleft {width:300px; height:70px; position:absolute; left:0; top:4px;}
.ad_logoleft img {width:300px; height:70px;}
.ad_120x600_left {position:absolute; top:0; right:calc(50% + 590px); text-align:right; padding:0; width:120px; height:600px;}
.ad_160x600_left {position:absolute; top:0; right:calc(50% + 590px); text-align:right; padding:0; width:160px; height:600px;}
.ad_660x160 {margin:20px 0;}

.ad_top728x90 {width:100%; height:110px; display:inline-block; text-align:center; margin-bottom:20px; background:#f4f4f4; padding:10px 0;}
.ad_top728x90 .wrap {width:1000px; position: relative; margin:0 auto; }

.ad_wing_left {position:absolute; text-align: left; padding:0; width:160px; height:600px; top:0px;	left: calc(50% + 590px);}
.ad_wing_right {position:absolute; text-align:right; padding:0; width:160px; height:600px; top:0; right:calc(50% + 590px); }