@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;
    list-style: none;
    text-decoration: none;
    text-shadow: none;
    vertical-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    color: #242424;
}
/* 모바일 수평 스크롤 금지 */
/*html,
body {
    max-width: 900px;
    max-height: 100%;
    overflow-x: hidden;
    position: relative;
    margin: 0 auto;
}*/
a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-decoration: underline;
}

/* ================================== */
/* 로고, 검색/풀메뉴 영역 ============ */
.header_container {
    width: 100%;
    /*max-width: 900px;*/
    height: 60px;
    background-color: #000032;
    z-index: 9;
    position: fixed;
    top: 0;
}

.header_container nav {max-width:900px; margin:0 auto; position:relative;}


/* 전자신문 로고 사이즈 설정 */
.et_logo img {
    width: auto;
    height: 36px;
    margin:12px 0 0 10px;
}

/* 검색 버튼 설정 */
.search_wrap {
    width: auto;
    position: absolute;
    right:60px;
    top:20px;
}
.searchbox {
    position: relative;
    width: 30px;
    height: 25px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    border-radius: 11px;
    background-color: #000032;
}
.searchbox-input {
    top: 0;
    right: 0;
    outline: 0;
    background: #fff;
    width: 95px;
    height: 30px;
    padding: 0px 5px 5px 10px;
    margin-right: 30px;
    font-size: 0.8rem;
    color: #111;
}
.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: 30px;
    display: block;
    position: absolute;
    background: #000032
        url("https://img.etnews.com/2022/m/images/search.png") no-repeat
        right top;
    background-size: 22px 22px;
    top: 0;
    right: 0;
    outline: 0;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
}
.searchbox-open {
    width: 100%;
}
.search_wrap.search_page {
    width: 110px;
    right: 30px;
}

/* 풀메뉴 이미지 */
.fullmenu {width:28px; height:28px; overflow: hidden; position:absolute; right:10px; top:20px;}
.fullmenu img {
    /*float: right;
    margin-right: 10px;
    margin-top: 39px;
    width: 25px;*/
    width:30px;
    height: auto;
    cursor: pointer;
    vertical-align:inherit;
}

/*===========================*/
/*사이드 바===================*/
.sidebar {
    display: none;
    right: 0;
    z-index: 30;
    position: fixed;
    top: 0;
    width: 320px;
    height: 100%;
    overflow-y: scroll;
    background-color: #373537;
    transition: all 0.35s;
}
.closebtn {
    margin-left: 20px;
    margin-top: 80px;
    color: grey;
    width: 25px;
    height: 25px;
    border: 1px solid grey;
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
}
.sidebar.active {
    display: block;
}
.sidebar > div {padding:5%;}
.sidebar ul {zoom:1;}
.sidebar ul:after {content:''; display:block; clear:both;}

.sidebar h2 {
    text-align: center;
    margin-bottom:20px;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ee7500;
    color: #ee7500;
    font-size: 1.3rem;
    font-weight: 700;
}
.sidebar .news ul li,
.sidebar .visual_it ul li,
.sidebar .added_services ul li,
.sidebar .familly_media ul li,
.sidebar .service ul li {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 50%;
    float:left;
}
.sidebar .news ul li a,
.sidebar .visual_it ul li a,
.sidebar .added_services ul li a,
.sidebar .familly_media ul li a,
.sidebar .service ul li a {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
}
.sidebar_background {
    font: 18px 'Nanum Gothic', Arial, sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    color: #000;
    text-size-adjust: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 20;
    display: none;
}

.sidebar::-webkit-scrollbar {
    width: 0;
}
input,
button,
select,
label {
    vertical-align: middle;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.slidebar_header {position:relative; padding:5%;}
.slidebar_header .member_service h2 {display:none;}
.slidebar_header .member_service li {display:inline-block;}
.slidebar_header .member_service li  a {color:#fafafa; padding:5px;}
.slidebar_header .member_service li:first-child::after {content:'|'; color:rgba(255,255,255,.1); font-size:14px;}
.slidebar_header .closebtn {width:40px; height:40px; padding:8px; position:absolute; right:10px; top:10px; margin:0; border:none; font-size:0;}
.slidebar_header .closebtn img {width:100%; height:auto;}

/* 푸터 영역 */
footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
    color: #777;
}
.copyright {
    font-size: 0.85rem;
    text-align: center;
    margin: 20px;
}
footer .btn-pc {
    background-color: #fff;
    padding: 8px 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgb(0 0 0 / 1%);
    margin: 0 auto;
    font-size: 0.9rem;
}
footer .back-to-top {
    background: linear-gradient(to bottom, #fff, #eee);
    border: 1px solid #ddd;
    font-size: 1.5em;
    display: inline-block;
    line-height: 1em;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    padding: 10px 0;
    position: fixed;
    right: 10px;
    bottom: 20px;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    cursor: pointer;
}

main {width:100%; max-width:900px; margin:0 auto; position:relative;}

/*광고*/
a[href*="empty.gif"] {display:none!important;}
.ad-200x200 {display:inline-block; width:200px; height:200px; float:right; margin:0 20px 10px 20px;}
.ad-fullwidth img {width:100%;}
.ad-fullwidth2 > iframe {width:auto!important; display:inherit!important; margin:0 auto!important;}
.ad-fullwidth2 > ins {display:inherit!important; margin:0 auto!important;}
.ad_view_640  {position: relative; overflow: hidden; padding-top:16%; margin-top:-10px; margin-bottom:10px;}
.ad_view_640 iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0!important;}
.ad-300x250 {background:#fff; padding:10px 0 0;}
.ad-300x250-2 {margin-bottom:10px; text-align:center; }
.ad-300x250-2 #dcamp_ad_2192 {width:auto!important; display:inherit!important;}
.ad_view_life {padding:0; margin:0 0 10px; text-align:center;}

.pd-lr20 {padding-left:20px!important; padding-right:20px!important;}
.ad_main {padding:0 5%; margin-top:40px; text-align:center;}
.ad_main > * {text-align:center;}

.ad_main_iframe {padding:0 5%;  text-align:center; overflow:hidden; max-width:900px;}
.ad_main_iframe > * {text-align:center;}
.ad_main_iframe iframe {margin-top:40px!important; text-align:center;}

.ad_300x250 {margin-top:40px; padding:0 5%; text-align:center; max-width:900px;}
.ad_300x250 > div {width:100%; height:0; padding-bottom:83%; overflow:hidden;}
.ad_300x250 iframe {margin:0 !important;}

/*메인 및 기사면 :: 브랜드뉴스룸 추가_220504*/
.calendar_wrap {width: 90%; height: auto; margin: 0 auto;}
.calendar_wrap .article_wrap {letter-spacing: -0.03em; padding-top:15px; border-top:1px solid #d7d7d7; border-bottom:none; height:auto;}
.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:0.95rem; 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:1.12rem; margin:0 0 5px; 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:1rem; 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 {text-align: center; position:relative; bottom:auto; margin-top:5px;}
.calendar_wrap .slick-dots li {position:relative; display:inline-block; width:20px; 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; bottom: 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; }
.calendar_wrap .slick-dotted.slick-slider {margin-bottom:0;}

@media screen and (max-width: 900px) {
	.ad_main {padding:0;}
}

/*검색창 이동 :: 220802*/
.btn_search {cursor:pointer; position:absolute; right:50px; top:20px; width:22px; height:22px;}
.btn_search img {width:100%; vertical-align:top;}
.sidebar .search_wrap {position:relative; right:0; top:0; padding-bottom: 0 !important;}
.sidebar .search_wrap form {position:relative;}
.sidebar .search_wrap input[type=search] {width:100%; height:34px; background:#c3c3c3; border-radius:2px; font-size:0.9em; padding:0 40px 0 5px; color:#373537;}
.sidebar .search_wrap input[type=search]:focus {background:#fafafa;}
.sidebar .search_wrap button {width:34px; height:34px; position:absolute; right:0; top:0; cursor:pointer; background:none;}
.sidebar .search_wrap button img {width:22px; height:22px;}

.search_wrap input::-ms-clear, .search_wrap input::-ms-reveal{display:none;}
.search_wrap input::-webkit-search-decoration, .search_wrap input::-webkit-search-cancel-button, .search_wrap input::-webkit-search-results-button, .search_wrap input::-webkit-search-results-decoration{ display:none; }

/*모바일하단 레이어팝업 :: 221209 */
.popup_layer {position:fixed; left:50%; bottom:10px; transform:translateX(-50%); z-index:10; background:#222; color:#fafafa; width:calc(100% - 20px); max-width:900px; border-radius:5px; padding:10px 15px;}
.popup_layer > div {position:relative;}
.popup_layer a:hover {text-decoration: none;}
.popup_layer .tit {font-size:15px; font-weight:300; letter-spacing: -0.02em; padding-right:40px;}
.popup_layer .tit strong {font-weight:400;}
.popup_layer .tit span {display:inline-block; color:#dd2025; margin-left:8px;}
.popup_layer .close {cursor:pointer; position:absolute; right:-5px; top:-8px; color:#eee; font-size:22px; font-weight:100; display:inline-block; padding:0 5px; }

@media screen and (max-width: 400px) {
    .popup_layer .tit strong {display:inline-block;}
}