@charset "utf-8";

/* article04 인기차종 */
#article04 {position:relative;width:100%;padding:50px 0;margin-bottom:60px;background:url(/sh_img/include/include04/img/bg.png) left center no-repeat #f4f4f4}
#article04 .atc04_wrap {overflow:hidden;width:1200px;margin:0 auto}
#article04 .txt_area {float:left;padding-top:30px;font-size:15px;line-height:1.5;color:#666}
#article04 .txt_area h2 {font-size:20px;color:#2d2d2d;font-family:notokr-bold}
#article04 .txt_area .line {width:30px;height:3px;margin:20px 0;background-color:#da2027}
#article04 .maker_area {overflow:hidden ;float:right}
#article04 .maker_area li{overflow:hidden;float:left;position:relative;width:185px;height:185px;margin-left:25px;border-radius:185px;behavior: url(/js/PIE.htc);text-align:center;background:center no-repeat #fff;transition:all .2s}
#article04 .maker_area li:nth-child(1) {margin-left:0;background-image:url(/sh_img/include/include04/img/audi.png)}
#article04 .maker_area li:nth-child(2) {background-image:url(/sh_img/include/include04/img/bmw.png)}
#article04 .maker_area li:nth-child(3) {background-image:url(/sh_img/include/include04/img/benz.png)}
#article04 .maker_area li:nth-child(4) {background-image:url(/sh_img/include/include04/img/volkswagen.png)}
#article04 .maker_area li:nth-child(5) {background-image:url(/sh_img/include/include04/img/landrover.png)}
#article04 .maker_area li .overlay {display:none;opacity:0;padding-top:65px;font-size:14px;color:rgba(255,255,255,.8)}
#article04 .maker_area li .overlay:before, #article04 .maker_area .overlay:after {display:block;position:absolute;top:0;left:50%;content:'';width:1px;height:20px;background-color:rgba(255,255,255,.3)}
#article04 .maker_area li .overlay:after {top:auto;bottom:0}
#article04 .maker_area li .overlay h3 {margin-bottom:15px;font-size:17px;color:#fff;font-family:notokr-bold}
#article04 .maker_area li a {display:block;position:relative;width:100%;height:100%;border-radius:185px;behavior: url(/js/PIE.htc);transition:all .3s}
#article04 .maker_area li a:hover {display:block;opacity:1;box-shadow:inset 0px 0px 0 100px rgba(218,32,39,0.85);}
#article04 .maker_area li a:hover .overlay {display:block;opacity:1}

@media \0screen {
#article04 .maker_area .overlay {border-radius:185px;behavior:url(/js/PIE.htc);color:#fff;background-color:#da2027}	
#article04 .maker_area li a:hover {box-shadow:none;background-color:#da2027}
}