.top_main_area{margin-top: 20px;} .top_main_area .common_inner{ display: flex; gap: 35px; } .top_main_area .sc_main_left{width: 280px;} .top_main_area .sc_main_left li+li{margin-top: 26px;} .top_main_area .sc_main_left .img_box{ width: 280px; height: 200px; } .sc_main_top .headline_top{ padding-bottom: 30px; border-bottom: 1px solid #dfdfdf; } .sc_main_top .swiper-wrapper{width: 600px;} .sc_main_top .swiper-slide .img_box{ width: 600px; height: 390px; } .sc_main_top .headline_bott .img_box{ width: 280px; height: 200px; } .sc_main_top .headline_title{ font-size: 33px; line-height: 35px; margin: 19px 0 13px; } .sc_main_top .desc{ font-size: 13px; line-height: 18px; color: #666666; -webkit-line-clamp: 4; } .sc_main_top .headline_bott{ display: flex; gap: 40px;margin-top: 30px; } .sc_main_top .headline_cont{flex: 1;width: 280px;} .sc_main_right{width: 300px;} .sc_main_right .main_right_top .cont_title{font-weight: bold;} .sc_main_right .img_box{width: 300px;position: relative;} .sc_main_right .main_right_top .tag{ display: block; height: 20px; line-height: 20px; text-align: center; background: #005bac; padding: 0 10px; box-sizing: border-box; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 12px; width: auto; } .sc_main_right .main_right_bott{margin-top: 30px;} .sc_main_right .main_right_bott .title{} .sc_main_right .main_right_bott li:first-child a{padding-top: 0;} .sc_main_right .main_right_bott ul a{ display: flex; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #efefef; } .sc_main_right .main_right_bott .img_box{ width: 110px; height: 70px; } .sc_main_right .main_right_bott .cont_title{ flex: 1; font-size: 16px; line-height: 20px; margin: 0; -webkit-line-clamp: 3; font-weight:400; } .sc_automotive{ background: #181818; margin-top: 52px; } .sc_automotive .common_inner{padding: 38px 0 50px;} .sc_automotive .title a{color: #fff;} .sc_automotive .title a::after{background: url(../img/icon/ic_arrow_w.png) no-repeat;} .sc_automotive .photo_list{ display: grid; gap: 40px 55px; justify-content: space-between; grid-template-columns: repeat(3, 1fr); } .sc_automotive .photo_list .img_box{ width: 380px; height: 250px; } .sc_automotive .cont_title{ color: #fff; } .sc_automotive .photo_banner{position: relative;margin-bottom: 40px; margin: 0 20px; padding-bottom: 11.2rem; } .sc_automotive .img_box img {height:250px;} .photo_banner .swiper-wrapper{ align-items: center; } .swiper-container{position: relative;} .swiper-container .button{ position: absolute; top: 37%; width: 7.5rem; height: 7.5rem; background-size: 3rem; transform: translateY(-50%); z-index: 9; cursor: pointer; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 5%); } .swiper-container .button-prev{ left: 0; background: #ffffffcc url(https://image.ajunews.com/images/site/news/kr/img/photo/photo_main_banner_prev.png) 50% 50% no-repeat; } .swiper-container .button-next{ right: 0; background: #ffffffcc url(https://image.ajunews.com/images/site/news/kr/img/photo/photo_main_banner_next.png) 50% 50% no-repeat; } .photo_banner .text_area { opacity: 0; position: absolute; bottom: -8rem; width: 100%; min-height: 64px; box-sizing: border-box; } .photo_banner .text_area .tit{ color: #fff; font-size: 22px; line-height: 32px; display: block; text-align: center; } .photo_banner .swiper-slide.swiper-slide-active .text_area { opacity: 1; } .sc_automotive .photo_banner .swiper-slide { transform: scale(0.9); transition: .3s; width: 600px; position: relative; } .sc_automotive .common_inner>ul { display: grid; gap: 40px 55px; justify-content: space-between; grid-template-columns: repeat(3, 1fr); } .sc_automotive .img_box img {height:250px; } .photo_banner .swiper-slide.swiper-slide-active { transform: scale(1); } .photo_banner .thumb { overflow: hidden; position: relative; box-sizing: border-box; height: 370px; display: block; } .photo_banner .thumb img{ width: 100%; height: 100%; object-fit: cover; vertical-align: middle; } .sc_automotive .photo_list{ padding-top: 50px; border-top: 1px dotted #464646; } .sc_content{margin-top: 50px;} .sc_content .common_inner{ display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 50px; column-gap: 40px; } .sc_content .img_box{ width: 280px; height: 200px; } .sc_content .cont_title{margin-bottom: 11px;} .sc_content .col_wrap li+li{ border-top: 1px solid #efefef; } .sc_content .col_wrap li+li a{ font-size: 16px; line-height: 20px; font-weight: 500; padding: 13px 0; display: block; } .art_ad_01 { margin: 30px 0; } .art_ad_01 .ad_box { width: 100%; margin: 0 auto; text-align: center; height: 80px; background: #ff0000; } .art_ad_02 { margin: 30px 0; } .art_ad_02 .ad_box { width: 100%; margin: 0 auto; text-align: center; height: 80px; background: #ff0000; } .main_right_ad {margin-top:30px;} .main_right_ad a{width:300px; height:80px; display:block; border:solid 1px #efefef;}