@charset "UTF-8";

/*9등급*/
.lank9 {width:100%; margin-bottom:40px;}
.lank9 .text {width:410px; height:345px; background-color:#111; color:#fff; padding:40px;}
.lank9 .text strong {font-size:1.94em; line-height: 1.3em; word-break:keep-all;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
.lank9 .text .summary {margin-top:30px; font-size:0.833334em; -webkit-line-clamp:3; color:#eee; font-weight:300;}

.lank9 {overflow:hidden;}
.lank9 .slick-list {/*height:207px;*/ overflow:hidden;}

.lank9 figure {width:690px; height:345px; overflow:hidden; position:relative;}
.lank9 figure a {border-radius:0.4em 0 0 0.4em;}
.lank9 figure a:before {border-radius:0.5em;}
.lank9 figure img {width:100%; height:auto;}
.lank9 .slider figure:before {content:''; border:1px solid rgba(0,0,0,0.1); position:absolute; top:0; right:0; bottom:0; left:0; border-radius:0.5em 0 0 0.5em;}

.lank9 .slider {position:relative; border-radius:0.5em; overflow:hidden; width:1100px; height:345px;}
.lank9 .slider .slick-dots {position:absolute; right:172px; bottom:30px; text-align:center;}
.lank9 .slider .slick-dots li {position:relative; display:inline-block; width:15px; height:15px; margin-left:10px; padding: 0; cursor: pointer;}
.lank9 .slider .slick-dots li button {font-size:0; line-height: 0; display: block; width:15px; height:15px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; border-radius:15px;}
.lank9 .slider .slick-dots li button:hover, .lank9 .slick-dots li button:focus { outline: none; }
.lank9 .slider .slick-dots li button:hover:before, .lank9 .slick-dots li button:focus:before { opacity: 1;}
.lank9 .slider .slick-dots li button:before { position: absolute; top: 0; left: 0; width:15px;  height:15px; content: ''; opacity:.85; background-color:#d9d9d9; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; border-radius:100%;}
.lank9 .slider .slick-dots li.slick-active button:before { background-color:#d91b5c; width:15px; height:15px; outline:1px solid #d91b5c;}

.lank9 .lank9 .slick-slide {margin:0 10px;}
.lank9 .lank9 .slick-list {overflow:hidden; margin:0 -10px;}

/*신차소식*/
.carnews_wrap .grid {gap:40px; align-items:start;}
.carnews_wrap .tabmenu {position:relative; width:720px; height:430px; grid-column: 1 / 2; grid-row:1 / 2;}
.carnews_wrap .tabmenu input {display:none;}
.carnews_wrap .tabmenu > ul > li {display:inline-block;}
.carnews_wrap .tabmenu > ul > li::before {content:'|'; color:#ddd; font-weight:100; margin:0 5px;}
.carnews_wrap .tabmenu > ul > li:first-child::before {display:none;}
.carnews_wrap .tabmenu label {line-height:1em; letter-spacing:-0.05em; color:#444; font-weight:400; cursor:pointer;}
.carnews_wrap .tabmenu input:checked ~ label{ color:#000; font-weight:700; color:#222; text-decoration:underline;}
.carnews_wrap .tabmenu input:checked ~ .tab_con{ display:block;}

.carnews_wrap .tab_con { display:none; text-align:left; position:absolute; left:0; right:0; top:40px; box-sizing: border-box; background:#fff;}
.carnews_wrap .tab_con .thumb_text_list {display:flex; column-gap:40px; row-gap:30px; flex-wrap: wrap;}
.carnews_wrap .tab_con .thumb_text_list li {display: flex; gap:20px; align-items: center; width:340px; }
.carnews_wrap .tab_con .thumb_text_list strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden;}
.carnews_wrap .tab_con .thumb_text_list figure a {width:160px; height:110px; border-radius:8px; overflow: hidden;}
.carnews_wrap .tab_con .thumb_text_list figure a:before {border-radius:8px;}
.carnews_wrap .tabmenu .btn_more {position:absolute; right:0; top:-35px; font-size:0.7777777777777778em; color:#777;}

.topnews {width:340px; grid-column: 2 / 3; grid-row:1 / 2; background-color:#f7f7f7; border:1px solid #eee; padding:20px 20px 10px;}
.topnews h3 {border-bottom:1px solid #222; padding-bottom:10px; margin-bottom:15px;}
.topnews ol li {display: flex; padding:8px 0; justify-content: space-between; border-top:1px solid #eee;  letter-spacing: -0.05em; font-size:0.9444444444444444em;}
.topnews ol li:first-child {border-top:none; padding-top:0;}
.topnews ol i {font-weight:300;  color: #777; width:25px; }
.topnews ol a {width:calc(100% - 30px); display:block; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 브랜드 뉴스 */
.brandnews h3 {border-top:1px solid #222; margin-bottom:15px; padding-top:15px;}
.brandnews .slick-slide a {padding:0 10px 0 5px; display:block;}
.brandnews .slick-slide a:hover figure {border:1px solid rgba(0,0,0,0.3);}
.brandnews figure {height:65px; border-radius:3px; border:1px solid rgba(0,0,0,0.1); padding:10px; text-align:center; box-sizing:border-box;}
.brandnews figure img {width:auto; height:100%; display:inline-block;}
.brandnews .slick-slider figure figcaption {display:none;}

.brandnews .slick-arrow {font-size:0; content:''; width:16px; height:25px; position:absolute; display:inline-block; top:50%; transform:translateY(-50%); z-index:9; background:url('https://img.rpm9.com/2024/etnews/images/gt_thin.svg') no-repeat center center; opacity:.6; background-size:20px; }
.brandnews .slick-prev {left:-20px;  transform:translateY(-50%) rotate(180deg);}
.brandnews .slick-next {right:-20px; }
.brandnews .slick-arrow:hover {opacity:1;}

.brandlist {flex-wrap: wrap; gap:30px; justify-content:space-between;}
.brandlist li {width:10%;}
.brandlist li a {display:block;}
.brandlist figure img {height:40px; }
.brandlist figcaption {margin-top:5px; font-size:0.8888888888888888em; color:#444;}

/* 모달 */
#dialog {display: none;}
.ui-widget-overlay {position: fixed; top: 0;left: 0; width: 100%; height: 100%;}
.ui-widget-overlay {background:rgba(0,0,0,0.7); -ms-filter: Alpha(Opacity=70); }
.ui-widget-shadow {-webkit-box-shadow: -8px -8px 8px #aaaaaa;box-shadow: -8px -8px 8px #aaaaaa;}
.ui-dialog {background:#fff; z-index:8; padding:30px; border-radius:10px; min-width:1000px; max-width:1100px; text-align:center; line-height:1.4em; }
.ui-dialog strong {display:block; margin-bottom:20px;}
.ui-dialog strong span {font-weight:normal; display:block;}
.ui-dialog p {margin-bottom:10px; font-size:0.888888em;}
.ui-dialog-buttonset .ui-button {background-color: #00aaff; color:#fff; font-weight:500; padding:15px; width:100%; border-radius:5px; margin-top:20px;}
.ui-dialog-titlebar-close {font-size:0;}
.ui-dialog-titlebar {position:absolute; right:15px; top:15px;}
.ui-icon-closethick {display:inline-block; width:22px; height:22px; background:url('https://img.rpm9.com/2024/etnews/images/remove_thin.svg') no-repeat;}
.ui-dialog-buttonset .ui-button {display:none;}

h3 {position:relative;}
h3 .btn_more {position:absolute; right:0; top:20px; font-size:0.7777777777777778em; color:#777; font-weight:400;}

/*오피니언 인터뷰*/
.box_black .wrap {background-color:#222; padding:20px; border-radius:8px;}
.box_black h3 {color:#fff; margin-bottom:15px;}
.box_black h3 .btn_more {top:0; color:#ddd;}
.box_black ul {display:flex; flex-wrap: wrap; gap:20px;}
.box_black li {width:250px; background-color:#fff; border-radius:8px; overflow: hidden;}
.box_black figure a {width:250px; height:140px;}
.box_black figure img {width:100%; height:auto;}
.box_black .text {padding:10px;}
.box_black .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
 
.thumb5_list h3 {padding:20px 0 15px; border-top:1px solid #222;}
.thumb5_list li {width:204px;}
.thumb5_list figure {margin-bottom:10px;}
.thumb5_list figure a {width:204px; height:114px; border-radius:8px;}
.thumb5_list figure a:before {border-radius:10px;}
.thumb5_list .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

.thumb3_list h3 {padding:20px 0 15px; border-top:1px solid #222;}
.thumb3_list li {width:353px;}
.thumb3_list figure {margin-bottom:10px;}
.thumb3_list figure a {width:353px; height:199px; border-radius:8px;}
.thumb3_list figure a:before {border-radius:10px;}
.thumb3_list .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;}