@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

body, h1, h2, h3, h4, h5, h6, input, textarea, select { font-family: 'Noto Sans KR', 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; }
main, article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block;}

* {
    padding: 0;
    margin: 0;
    border: 0;
    /*outline: 0;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    text-shadow: none;
}

body {
    font-family: 'Noto Sans KR', 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.125em;
    line-height: 1.25em;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #242424;
    display: block;
}

a {
    text-decoration: none;
    /*color: #140a00;*/
    color: inherit;
}

a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-position: inherit;
    -webkit-text-decoration-color: #ee7500;
    text-decoration-color: #ee7500;
}

header a:hover {
    text-decoration: none;
}

/* ======================================= */
/* 여기부터 body 영역 ===================== */

.header_container {
    min-width: 1100px;
    height: auto;
    position:sticky; top:-110px; z-index: 99;
}

/* ======================================= */
/* 톱 광고 영역 =========================== */
.top_ad_wrap {
    width: 970px;
    height: 90px;
    margin: 20px auto;
}

/* 톱 광고사이즈 설정 */
.top_ad_wrap img {
    width: 100%;
    height: 100%;
}

/* ======================================= */
/* 헤더 영역 설정 ===========================*/
.header_wrap {
    min-width: 1100px;
    height: auto;
    background-color: #0f0f32;
}

/* 링크 글자 흰색으로 바꾸기 */
.header_wrap a {
    color: #ffffff;
}

/* 헤더 상단 부분 설정 및 라인 넣기 ======= */
.header_top_wrap {
    width: 100%;
    height: 95px;
    border-bottom: solid 1px #737373;
}

.header_top {
    width: 1100px;
    margin: 0 auto;
}

/* 로고 + 패밀리사이트 + 검색/풀메뉴 가로 정렬 */
.et_family_nav {
    width: 100%;
    height: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.et_logo {min-width:350px;}
.et_logo img { /*width: 350px;*/ max-height:50px; }
.et_logo img[src*="sp40"] {max-height:62px;}

/* 패밀리사이트 가로 정렬 */
.et_family_wrap ul li {
    width: 180px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding-top: 33px; /* 수평 맞추기 */
}

.et_family_wrap a {
    text-decoration: none;
    font-weight: 500;
}

.allshowtv img {
    width: 85px;
}

/* 검색 및 풀메뉴 설정 */
.search_and_fullmenu {
    min-width: 40px;
    position: relative;
    top: 2px;
}

/* 검색 버튼 설정 */
.search_wrap {
    width: auto;
    position: absolute;
    right: 35px;
    top: 0px;
}
.searchbox {
    position: relative;
    width: 100%; /*30px;*/
    height: 26px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    border-radius: 11px;
}
.searchbox-input {
    top: 0;
    right: 0;
    outline: 0;
    background: #fff;
    width: 120px;
    height: 28px;
    padding: 0px 10px 0px 10px;
    margin-right: 35px;
    font-size: 0.8em;
    color: #111;
    opacity:.9;
}
.searchbox-input::-webkit-input-placeholder {
    color: #222;
}
.searchbox-input:-moz-placeholder {
    color: #222;
}
.searchbox-input::-moz-placeholder {
    color: #222;
}
.searchbox-input:-ms-input-placeholder {
    color: #222;
}
.searchbox-icon,
.searchbox-submit {
    width: 30px;
    height: 28px;
    display: block;
    position: absolute;
    background: #0f0f32
        url("https://img.etnews.com/2022/etnews/images/search.png") no-repeat
        center center;
    background-size: 24px 24px;
    top: 0;
    right: 0;
    outline: 0;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}
.searchbox-open {
    width: 100%;
}
.search_wrap.search_page {
    width: 130px;
    right: 20px;
}
.search_wrap.search_page .searchbox-input {
    width: 130px;
}

/* 풀메뉴 설정 */
.fullmenu_button {
    position: absolute;
    right: 0px;
    top: 0px;
}
.fullmenu_button img {
    width: 24px;
    height: 24px; margin-top:2px;
}

.fullmenu_button .close_btn {
    display: none;
}

/*=====================================*/
/* 풀메뉴 영역 =======================*/

.fullmenu_wrap {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    position: relative;
    background-color: #d3d4d3;
}

.fullmenu_nav {
    width: 100%;
    background-color: #d3d4d3;
    padding: 30px 50px 20px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 2;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 1px solid #d7d7d7;
    box-shadow: 0px 0px 2px 0px;
}

.fullmenu_nav.active {
    display: block;
}

/* 메뉴그룹 가로 정렬 */
.fullmenu_nav .fullmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fullmenu_nav .title {
    font-size: 1.125em;
    font-weight: 900;
    line-height: 1.9em;
    color: #ee7500;
}

.fullmenu_nav .center {
    text-align: right;
    margin-right: -30px;
}

.fullmenu_nav .title a {
    font-size: 1em;
    font-weight: 900;
    line-height: 1.9em;
    color: #ee7500;
}

.fullmenu_nav li a {
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.9em;
    color: #140a00;
}

.fullmenu_nav li.hide {
    color: #d3d4d3;
}

.fullmenu_nav li.hide a {
    color: #d3d4d3;
}

/* ===================================== */
/* 헤더 하단(메인메뉴) 영역 ============== */
.header_bottom_wrap {
    width: 100%;
    height: 40px;
}

.main_menu_wrap {
    width: 1100px;
    margin: 0 auto;
}

/* 메인메뉴들 가로 정렬 */
.main_menu_wrap ul {
    width: 1100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 0;
}

/* 메뉴 폰트 가늘게 */
.main_menu_wrap a {
    font-weight: 300;
    font-size: 0.875em;
    margin-top: 2px;
    text-align: center;
}

/* 메인메뉴 언더바 이미지 크기 설정 및 가운데 정렬 */
.main_menu_wrap img.underbar {
    width: 45px;
    display: none;
    margin: 0 auto;
    margin-top: 5px;
}

/* 마우스 hover시 언더바 나오게 */
.menu01:hover + .bar01,
.menu02:hover + .bar02,
.menu03:hover + .bar03,
.menu04:hover + .bar04,
.menu05:hover + .bar05,
.menu06:hover + .bar06,
.menu07:hover + .bar07,
.menu08:hover + .bar08,
.menu09:hover + .bar09,
.menu10:hover + .bar10,
.menu11:hover + .bar11 {
    display: block;
}

/* 해당 카테고리에 고정 언더바 설정 */
.main_menu_wrap .active {
    display: block;
}
.main_menu.on .underbar {display:block;}

/* 정치, 전국, 국제 여백 조정(글자 흔들림 방지) */
.main_menu a {
    padding: 0 10px;
}

/* 라이프메뉴_220906 */
.main_menu_wrap.menu_life ul {display:block;}
.main_menu_wrap.menu_life ul li {display:inline-block; margin-right:50px;}

/* ============================================= */
/* 콘텐츠 영역 스타일 공통사항 ==================== */

/* 섹션 타이틀 + 오렌지색 바 설정(공통) */
h3.section_title {
    width: 100%;
    margin: 0 auto;
    position:relative;
}

h3.section_title a {
    text-decoration: none;
}

h3.section_title::before {
    content: url("https://img.etnews.com/2022/etnews/images/bar.png");
    padding-right: 8px;
    vertical-align: middle;
}

/* 섹션 타이틀 아래 선 넣기(공통) */
.for_line {
    width: 300px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 5px;
    margin: 0 auto;
}

/* .article_wrap(사진+기사) 폰트, 레이아웃 통일 */
.article_wrap {
    width: 300px;
    height: auto;
    margin-top: 15px;
    /*border-bottom: solid 1px #d7d7d7;*/
}

.article {
    width: 100%;
    padding-bottom: 15px;
}

.allshowtv_wrap .article > a {display:block; width:85px; height:70px; overflow: hidden; float:left; border: 1px solid #d7d7d7; margin-right: 15px;}
.allshowtv_wrap .article > a img {height:100%; width:auto; transform: translateX(-20px); border:none;}
.allshowtv_wrap h3.section_title::before {display:none;}

.article p {
    width: auto;
    max-height: 70px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 0.95em;
    font-weight: 600;
    letter-spacing: -0.08em;
}

.article img {
    width: 85px;
    height: 70px;
    float: left;
    margin-right: 15px;
    border: 1px solid #d7d7d7;
}

.clearfix:before,
.clearfix:after {
    display: block;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ============================================= */
/* 사이드바 스타일 공통사항 ========================== */

/* ======================================== */
/* 올쇼TV 뉴스 세로 정렬 =================== */
.allshowtv_wrap {
    width: 300px;
    height: auto;
}

/* 올쇼TV 로고 사이즈 설정 =================== */
.allshowtv_wrap .section_title img {
    width: 100px;
    height: auto;
    margin-bottom: -4px;
}

/* ======================================== */
/* 많이 본 뉴스 섹션 영역 ================== */
.most_viewed_wrap {
    width: 100%;
    height: auto;
    margin-bottom: 45px;
}

.most_viewed_wrap .article_wrap {
    border-bottom: solid 1px #d7d7d7;
    margin-top: 10px;
}

/* 순위, 이미지, 기사제목 가로 정렬 */
.most_viewed_wrap .article {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
}

.most_viewed_wrap .article_txt {
    width: 200px;
}

.most_viewed_wrap img {
    width: 65px;
    height: 55px;
    border: solid 1px #d7d7d7;
    margin-right: 0;
}

.most_viewed_wrap .article > a {display: block; width: 85px; height: 70px; overflow: hidden; float: left; border: 1px solid #d7d7d7; margin-right: 15px;}
.most_viewed_wrap .article > a img {width:auto; height:100%; border:none; transform: translateX(-20px);}
.most_viewed_wrap .article > span {display:none;}

/* ======================================== */
/* 비즈플러스 영역 설정 ==================== */
section.bizplus_wrap {
    width: 100%;
    height: auto;
    border-bottom: #d7d7d7;
}

/* 비즈플러스 타이틀 1줄 제한 설정*/
.bizplus_wrap .article_wrap p {
    width: 100%;
    max-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* ================================== */
/* 푸터 영역 설정 ==================== */
footer {
    width: 100%;
    height: auto;
}

.footer_wrap {
    width: 1100px;
    height: auto;
    padding: 50px 0 20px;
    margin: 0 auto;
    background-image: url("https://img.etnews.com/2022/etnews/images/footer_bar.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}

.footer_txt {
    width: 100%;
    height: auto;
    position: relative;
}

.footer_wrap .footer_et_logo {
    width: 100px;
    float: left;
}

.footer_wrap .footer_et_logo img {
    width: 100%;
    height: auto;
}

.footer_wrap .company_info {
    float: left;
    font-size: 0.8em;
    line-height: 1em;
    letter-spacing: 0.01em;
    color: #555;
    margin-left: 20px;
    margin-top: 5px;
}

.footer_wrap .company_info li {
    float: left;
    background: url(//img.etnews.com/2016/etnews/images/common/bg_corp_line.png)
        no-repeat left center;
    padding: 2px 8px;
}

.footer_wrap .company_info li:first-child {
    font-weight: bold;
    padding: 0 16px 0 0;
    background: none;
}

.footer_wrap .address_copyright {
    margin: 5px 0 20px;
    line-height: 1.6em;
}

.footer_wrap .address_copyright {
    margin: 5px 0 20px;
    line-height: 1.6em;
}

address,
caption,
cite,
code,
dfn,
var {
    font-style: normal;
    font-weight: normal;
}

.footer_wrap .copyright {
    margin-top: 15px; vertical-align:middle;
}
.footer_wrap .copyright span {display:inline-block; width:410px;}

.footer_wrap .btn_rss {
    display: inline-block;
    vertical-align:middle;
}

.footer_wrap .familysite {
    position: absolute;
    top: 0px;
    right: 40px;
    float: right;
}

.footer_wrap .familysite form {
    border: 1px solid #ddd;
    padding: 5px;
    margin-left: 60px;
    /*width: 150px;*/
}

.footer_wrap .familysite form select {background:#fff;}

input,
button,
select,
label {
    vertical-align: middle;
}

.btn_gotop {
    bottom: 10px;
    float: right;
}

.btn_gotop img {
    width: 34px;
}

#containerSub {width:1120px; padding:0 10px; margin:0 auto;}

/*메인 및 기사면 :: 브랜드뉴스룸 추가_220504*/
.calendar_wrap .article_wrap {letter-spacing: -0.03em; margin-top:15px;}
.calendar_wrap .article_wrap .company:hover {text-decoration: none; background:#ee7500;}
.calendar_wrap .article_wrap a:hover {text-decoration: underline; text-decoration-color:#ee7500;}
.calendar_wrap .article_wrap .company { max-width:100%; font-size:15px; background:#222; color:#fff; padding:3px 6px 5px; border-radius:3px; line-height:1em; display:inline-block; text-overflow:ellipsis; overflow: hidden; white-space:nowrap;}
.calendar_wrap .article_wrap strong {display:block; font-size:20px; margin:5px 0; word-break:break-all; line-height:1.25em; max-height:2.5em; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.calendar_wrap .article_wrap p {color: #666; font-size: 16px; line-height: 1.25em; max-height:2.5em; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.calendar_wrap .slick-dots {margin-top:5px; text-align: center;}
.calendar_wrap .slick-dots li {position:relative; display:inline-block; width:12px; height:12px; margin: 0 5px; padding: 0; cursor: pointer;}
.calendar_wrap .slick-dots li button {font-size: 0; line-height: 0; display: block; width:12px; height:12px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; border-radius:15px;}
.calendar_wrap .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.calendar_wrap .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1;}
.calendar_wrap .slick-dots li button:before { position: absolute; top: 0; left: 0; width:12px;  height:12px; content: ''; opacity:.85; background-color:#aaa; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; border-radius:15px;}
.calendar_wrap .slick-dots li.slick-active button:before { background-color:#ee7500; }