@charset "UTF-8";

/* 2020.01.07 자동차 WWW도메인 이관 : 자동차 CSS 정리 */

/* layout */
#inner.car {min-width:1060px; padding-top:60px}
.car .chscgnb_header {min-width:1060px}
.car .chscgnb_header .wrap_header {width:1040px}
.car .chscgnb_header .layer_menu {width:980px}
.car .chscgnb_header .layer_menu.allmenu {width:1040px}
.car #footer {min-width:1040px}
.car .footer_sitemap ul,
.car #footer .grd-row,
.car .footer_sitemap_area > div,
.car .footer_inner {max-width:1040px}
.car .btn_position {right:-555px}

.contents_wrap {width:1040px; margin:0 auto 20px; padding:40px 0 0}
.contents_wrap:after {content:''; display:block; clear:both}
.contents {float:left; width:680px}
.aside {float:right; width:300px}

/* AD */
.fltAd {position:absolute; top:0; left:50%; width:1px; height:0}
.fltAd .left {position:absolute; top:450px; left:-724px; text-align:right}
.fltAd .left div + div {margin-top:30px}
.fltAd .right {position:absolute; top:450px; right:-555px; text-align:left}
.fltAd .right #stickyAd {position:absolute}

.ad_bottom {width:970px; margin:20px auto; text-align:center}

/* main */
.main_top {overflow:hidden; width:100%; height:280px; margin-bottom:30px}
.main_top:after {display:block; clear:both; content:""}
.main_top_headline {float:left; width:320px; padding-right:20px; border-right:1px solid #e5e5e5}
.main_top_headline .thumb {width:320px; height:200px; overflow:hidden}
.main_top_headline .thumb > a {display:block; width:100%; height:100%}
.main_top_headline .thumb img {width:100%; min-height:100%; object-fit:cover}
.main_top_headline .news_tit {overflow:hidden; margin-top:11px; font-weight:bold; font-size:24px; max-height:68px; line-height:34px; text-overflow:ellipsis; white-space:normal}
.main_top_list {float:right; width:320px}
.main_top_list li {display:table; table-layout:fixed; width:100%}
.main_top_list li > div {display:table-cell; vertical-align:top}
.main_top_list li .thumb {width:130px}
.main_top_list li .thumb > a {display:block; width:120px; height:75px; overflow:hidden}
.main_top_list li .thumb img {width:100%; min-height:100%; object-fit:cover}
.main_top_list li .txt_wrap {vertical-align:middle}
.main_top_list li .txt_wrap .news_tit {overflow:hidden; display:block; font-size:17px; color:#333; text-overflow:ellipsis; white-space:normal; max-height:54px; line-height:28px}
.main_top_list li + li {margin-top:25px}

.news_list_wrap {padding:30px 0; border-top:2px solid #222}
.news_list > li {display:table; table-layout:fixed; width:100%}
.news_list > li > div {display:table-cell; vertical-align:top}
.news_list > li .thumb {width:94px; padding-top:5px}
.news_list > li .thumb > a {display:block; width:79px; height:59px; overflow:hidden; text-align:center}
.news_list > li .thumb img {max-width:100%; max-height:59px}
.news_list > li .txt_wrap .news_tit {font-size:17px}
.news_list > li .txt_wrap .lead {overflow:hidden; max-height:3em; margin-top:5px; font-size:13px; line-height:1.5; color:#777}
.news_list > li + li {margin-top:30px}

/* paging */
.paging {text-align:center; padding-top:50px}
.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:#222}
.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('https://static.hankyung.com/img/www/w/common/spr-paging.png') 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}

/* aside */
.inner_aside {width:300px}
.inner_aside > div + div {margin-top:40px}
.asidemodule {position:relative}
.asidemodule .tit_box {text-align:center}
.asidemodule .tit_box .box_in {display:inline-block; position:relative; padding-top:10px}
.asidemodule .tit_box .box_in:before {content:''; display:block; position:absolute; top:0; width:100%; height:4px; background-color:#222}
.asidemodule .tit_list {display:inline-block; position:relative; height:auto; border-bottom:none; font-size:15px}
.asidemodule .tit_list a {color:#222; text-decoration:none}
.asidemodule .aside_news_tit {font-weight:normal}
/* 우측 모듈(주요 뉴스) */
.aside_major_list {padding:10px 0 0}
.aside_major_list li {position:relative; font-size:14px; line-height:30px}
.aside_major_list a {display:block; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.aside_major_list em {position:absolute; margin-right:4px; font-weight:bold; font-style:inherit}

.aside_major_ul {padding:10px 0 0}
.aside_major_ul li {position:relative; padding-left:10px; font-size:14px; line-height:30px}
.aside_major_ul li:before {content:''; display:inline-block; position:absolute; left:0; top:50%; width:2px; height:2px; margin-top:-1px; background:#777}
.aside_major_ul a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
/* 우측 모듈(핫이슈) */
.aside_photo_list {padding:15px 0 0}
.aside_photo_list > li {display:table; table-layout:fixed; width:100%}
.aside_photo_list > li .thumb,
.aside_photo_list > li .aside_news_tit {display:table-cell; vertical-align:middle}
.aside_photo_list > li .thumb {width:98px}
.aside_photo_list > li .thumb > a {display:block; width:88px; height:55px; overflow:hidden; text-align:center}
.aside_photo_list > li .thumb img {width:100%; object-fit:cover}
.aside_photo_list > li .aside_news_tit > a {display:block; overflow:hidden; max-height:45px; font-size:14px; line-height:1.6}
.aside_photo_list > li + li {margin-top:15px}