@charset "utf-8";
@import url("/css/common.css");

body.main #main_container {padding-top:121px;}

/* 업데이트알림 */
.main_notice {}
.main_notice .latest_wrp {width:100%;background:#fff;}
.main_notice .latest_wrp .latest {position:relative;width:1024px;margin:0 auto;}
.main_notice .latest_wrp .latest dl {overflow:hidden;padding:13px 0 13px 25px;background:url('/images/common/icon/icon_sound.gif') no-repeat 0 14px;}
.main_notice .latest_wrp .latest dl dt {overflow:hidden;float:left;width:85px;height:11px;margin-top:2px;background:url('/images/index/txt_index_upt.gif') no-repeat 0 0;text-indent:100%;white-space:nowrap;}
.main_notice .latest_wrp .latest dl dd {overflow:hidden;position:relative;float:left;width:350px;margin-left:20px;height:16px;}
.main_notice .latest_wrp .latest dl dd ul li {overflow:hidden;width:350px;text-overflow:ellipsis;white-space: nowrap;}
.main_notice .latest_wrp .latest dl dd ul li strong {color:#e51937;font-weight:bold;}
.main_notice .latest_wrp .latest .page_cnr {position:absolute;right:0;top:10px;}
.main_notice .latest_wrp .latest .page_cnr .pge {float:left;margin-top:2px;color:#c1c1c1;}
.main_notice .latest_wrp .latest .page_cnr .pge strong {color:#6e6e6e;font-weight:normal;}
.main_notice .latest_wrp .latest .page_cnr .btn {float:left;margin-left:12px;}
.main_notice .latest_wrp .latest .page_cnr .btn a {overflow:hidden;float:left;width:25px;height:21px;background:url('/images/common/btn/btn_arrow.gif') no-repeat 0 0;text-indent:100%;white-space:nowrap;}
.main_notice .latest_wrp .latest .page_cnr .btn a.btn_pre {width:24px;}
.main_notice .latest_wrp .latest .page_cnr .btn a.btn_nxt {background-position: -35px 0;}
/* 모터쇼기사 */
.main_notice .new_motor {position:relative;margin-bottom:20px;background:#000;}
.main_notice .new_motor a {display:block;width:1400px;margin:0 auto;}
.main_notice .new_motor ul {overflow:hidden;position:absolute;width:800px;bottom:36px;left:50%;margin-left:-400px;}
.main_notice .new_motor li {float:left;width:192px;margin-left:7px;}
.main_notice .new_motor li:first-child {margin-left:0;}
.main_notice .new_motor li img {width:192px;}
/* 인덱스 헤드라인 */
.main_headline {border-bottom:1px solid #d8d8d8;}
.main_headline .headline_list {overflow:hidden;position:relative;height:523px;}
.main_headline .headline_list .list_controller button {display:block;overflow:hidden;position:absolute;top:0;width:50%;height:100%;z-index:5;background:none;border:0 none;text-indent:-5000em;}
.main_headline .headline_list .list_controller button.btnPrev{right:50%;margin-right:289px;}
.main_headline .headline_list .list_controller button.btnNext{left:50%;margin-left:289px;}
.main_headline .headline_list .list_controller button:before {content:'';display:block;position:absolute;width:35px;height:94px;margin-top:-130px;transition:margin .5s 0s;}
.main_headline .headline_list .list_controller button.btnPrev:before {left:0;margin-left:0;background:url(/images/index/btn_prev.png) no-repeat left top;}
.main_headline .headline_list .list_controller button.btnNext:before {right:0;margin-right:0;background:url(/images/index/btn_next.png) no-repeat left top;}
.main_headline .headline_list .list_controller.on button.btnPrev:before {margin-left:289px;}
.main_headline .headline_list .list_controller.on button.btnNext:before {margin-right:289px;}
.main_headline .headline_list .list {position:absolute;left:50%;top:0;width:2890px;margin-left:-1445px;}
.main_headline .headline_list .list ul {overflow:hidden;position:relative;width:10000px;}
.main_headline .headline_list .list ul li {float:left;position:relative;width:578px;}
.main_headline .headline_list .list ul li a {display:block;}
.main_headline .headline_list .list ul li .thumbnail {position:relative;width:578px;opacity:0.6;filter:alpha(opacity=60);transition:all .5s 0s;}
.main_headline .headline_list .list ul li .thumbnail img {width:578px;height:348px;}
.main_headline .headline_list .list ul li .thumbnail .go {position:absolute;left:12px;bottom:12px;width:58px;height:24px;padding-left:22px;line-height:24px;font-size:12px;color:#fff;background:url(/images/index/bg_videoview.png) no-repeat left top;}
.main_headline .headline_list .list ul li .thumbnail .running_time {position:absolute;right:12px;bottom:12px;width:44px;height:24px;text-align:center;line-height:24px;font-size:12px;color:#fff;background:url(/images/index/bg_runningtime.png) no-repeat left top;}
.main_headline .headline_list .list ul li .desc {margin:30px 50px 0;text-align:center;}
.main_headline .headline_list .list ul li .desc strong {display:block;line-height:30px;font-size:20px; font-weight:normal;color:#fff;transition:color .5s 0s;}
.main_headline .headline_list .list ul li .desc .writeby {display:block;margin-top:10px;font-size:12px;color:#fff;transition:color .5s 0s;}
.main_headline .headline_list .list ul li.active {}
.main_headline .headline_list .list ul li.active .thumbnail {opacity:1;filter:alpha(opacity=100);}
.main_headline .headline_list .list ul li.active .desc strong {color:#000;}
.main_headline .headline_list .list ul li.active .desc .writeby {color:#9b9b9b;}
.main_headline .headline_list .list_navi {position:absolute;left:0;bottom:30px;width:100%;text-align:center;line-height:0;font-size:0;}
.main_headline .headline_list .list_navi button {overflow:hidden;width:7px;height:7px;margin:0 3px;border:none;border-radius:50%;background:#ededed;}
.main_headline .headline_list .list_navi button span {color:transparent;white-space:nowrap;}
.main_headline .headline_list .list_navi button.current {background:#4a90e2;}
/* 인덱스 인기정보 */
.main_favorite {padding:40px 0 10px;}
.main_favorite .article_section {width:1024px;margin:0 auto;}
.main_favorite .article_section .title {overflow:hidden;}
.main_favorite .article_section strong {float:left;margin-right:7px;padding:0 15px;line-height:28px;font-size:14px;font-weight:normal;color:#000;border-radius:15px;border:1px solid #4a4a4a;}
.main_favorite .article_section h2 {float:left;margin-right:7px;line-height:30px;font-size:16px;font-weight:normal;color:#000;}
.main_favorite .article_section .hash {float:left;}
.main_favorite .article_section .hash li {float:left;margin-right:4px;line-height:30px;font-size:12px;color:#9b9b9b;}
.main_favorite .article_section .article_list {position:relative;margin-top:10px;}
.main_favorite .article_section .article_list .list_info {position:absolute;right:0;top:-31px;padding-right:55px;}
.main_favorite .article_section .article_list .list_info .page {line-height:23px;font-size:11px;color:#9b9b9b;}
.main_favorite .article_section .article_list .list_info a {position:absolute;top:0;width:21px;height:21px;text-align:center;line-height:0;font-size:0;border:1px solid #e2e2e2;background:#fff;}
.main_favorite .article_section .article_list .list_info a:hover {background:#e2e2e2;}
.main_favorite .article_section .article_list .list_info a span {display:inline-block;overflow:hidden;width:7px;height:13px;margin-top:5px;color:transparent;}
.main_favorite .article_section .article_list .list_info a.btnPrev {right:22px;}
.main_favorite .article_section .article_list .list_info a.btnPrev span {background:url(/images/index/btn_prev2.png) no-repeat left top;}
.main_favorite .article_section .article_list .list_info a.btnNext {right:0;}
.main_favorite .article_section .article_list .list_info a.btnNext span {background:url(/images/index/btn_next2.png) no-repeat left top;}
.main_favorite .article_section .article_list .listWrap {overflow:hidden;}
.main_favorite .article_section .article_list .listWrap .listGroup {overflow:hidden;position:relative;width:10000px;}
.main_favorite .article_section .article_list .listWrap ul {float:left;width:1036px;}
.main_favorite .article_section .article_list .listWrap ul li {float:left;width:196px;height:203px;padding-left:11px;}
.main_favorite .article_section .article_list .listWrap ul li a {display:block;}
.main_favorite .article_section .article_list .listWrap ul li a .thumbnail {position:relative;}
.main_favorite .article_section .article_list .listWrap ul li a .thumbnail img {width:100%;}
.main_favorite .article_section .article_list .listWrap ul li a .thumbnail .play_info {position:absolute;left:0;bottom:0;width:100%;height:24px;background:url(/images/index/bg_playinfo.png) no-repeat left top;}
.main_favorite .article_section .article_list .listWrap ul li a .thumbnail .play_info .go {float:left;padding-left:22px;line-height:24px;font-size:12px;color:#fff;background:url(/images/index/bg_arr_playinfo.png) no-repeat 8px center;}
.main_favorite .article_section .article_list .listWrap ul li a .thumbnail .play_info .running_time {float:right;padding-right:5px;line-height:24px;font-size:13px;color:#fff;}
.main_favorite .article_section .article_list .listWrap ul li a .thumbnail .gif_ani {position:absolute;left:0;bottom:0;width:38px;height:24px;text-align:center;line-height:24px;font-size:13px;color:#fff;background:url(/images/index/bg_gifanimation.png) no-repeat left top;}
.main_favorite .article_section .article_list .listWrap ul li a .thumbnail .attach_img {position:absolute;right:0;top:0;width:75px;height:100%;background:url(/images/index/bg_attach.png) no-repeat left top;}
.main_favorite .article_section .article_list .listWrap ul li a .thumbnail .attach_img .num {position:absolute;left:0;top:50%;width:100%;margin-top:-22px;padding-bottom:11px;text-align:center;line-height:27px;font-size:20px;color:#ffffff;background:url(/images/index/bg_attach_num.png) no-repeat center bottom;}
.main_favorite .article_section .article_list .listWrap ul li a .desc {margin-top:8px;line-height:18px;font-size:12px;color:#000;}
.main_favorite .article_section .article_list .listWrap ul li.best {width:403px;height:auto;padding-left:0;}
.main_favorite .article_section .article_list .listWrap ul li.best a .thumbnail .play_info {position:static;width:auto;height:auto;background:none;}
.main_favorite .article_section .article_list .listWrap ul li.best a .thumbnail .play_info .go {float:none;position:absolute;left:12px;bottom:12px;width:58px;height:24px;padding-left:22px;line-height:24px;font-size:12px;color:#fff;background:url(/images/index/bg_videoview.png) no-repeat left top;}
.main_favorite .article_section .article_list .listWrap ul li.best a .thumbnail .play_info .running_time {float:none;position:absolute;right:12px;bottom:12px;width:44px;height:24px;padding-right:0;text-align:center;line-height:24px;font-size:12px;color:#fff;background:url(/images/index/bg_runningtime.png) no-repeat left top;}
.main_favorite .article_section .article_list .listWrap ul li.best a .desc {margin-top:20px;line-height:22px;font-size:14px;}
.main_favorite .article_section .article_list .listWrap ul li.best a .writeby {margin-top:4px;font-size:12px;color:#4a90e2;}
.main_favorite .article_section .article_list .listWrap ul li.best a .conut {font-size:12px;color:#4a90e2;}
/* 인덱스 가운데 기사 */
.main_section {padding-bottom:40px;}
.main_section .article_section {width:1024px;margin:0 auto;padding-top:40px;}
.main_section .article_section.first {border-top:1px solid #d8d8d8;}
.main_section .article_section .title {overflow:hidden;}
.main_section .article_section h2 {float:left;font-size:16px;font-weight:normal;color:#000;}
.main_section .article_section .hash {float:left;margin-left:7px;}
.main_section .article_section .hash li {float:left;margin-right:4px;line-height:21px;font-size:12px;color:#9b9b9b;}
.main_section .article_section .article_list {position:relative;margin-top:10px;}
.main_section .article_section .article_list .list_info {position:absolute;right:0;top:-31px;padding-right:55px;}
.main_section .article_section .article_list .list_info .page {line-height:23px;font-size:11px;color:#9b9b9b;}
.main_section .article_section .article_list .list_info a {position:absolute;top:0;width:21px;height:21px;text-align:center;line-height:0;font-size:0;border:1px solid #e2e2e2;background:#fff;}
.main_section .article_section .article_list .list_info a:hover {background:#e2e2e2;}
.main_section .article_section .article_list .list_info a span {display:inline-block;overflow:hidden;width:7px;height:13px;margin-top:5px;color:transparent;}
.main_section .article_section .article_list .list_info a.btnPrev {right:22px;}
.main_section .article_section .article_list .list_info a.btnPrev span {background:url(/images/index/btn_prev2.png) no-repeat left top;}
.main_section .article_section .article_list .list_info a.btnNext {right:0;}
.main_section .article_section .article_list .list_info a.btnNext span {background:url(/images/index/btn_next2.png) no-repeat left top;}
.main_section .article_section .article_list .listWrap {overflow:hidden;}
.main_section .article_section .article_list .listWrap ul {overflow:hidden;position:relative;width:10000px;}
.main_section .article_section .article_list .listWrap ul li {float:left;width:248px;margin-right:11px;}
.main_section .article_section .article_list .listWrap ul li a {display:block;}
.main_section .article_section .article_list .listWrap ul li a .thumbnail {}
.main_section .article_section .article_list .listWrap ul li a .thumbnail img {width:100%;}
.main_section .article_section .article_list .listWrap ul li a .desc {margin-top:8px;line-height:18px;font-size:12px;color:#000;}
/* 인덱스 특집기사 */
.main_special {padding:40px 0;background:#f1f4f5;}
.main_special .article_section {width:1024px;margin:0 auto;}
.main_special .article_section h2 {font-size:16px;font-weight:normal;color:#000;}
.main_special .article_section .article_list {position:relative;margin-top:10px;}
.main_special .article_section .article_list .list_info {position:absolute;right:0;top:-31px;padding-right:55px;}
.main_special .article_section .article_list .list_info .page {line-height:23px;font-size:11px;color:#9b9b9b;}
.main_special .article_section .article_list .list_info a {position:absolute;top:0;width:21px;height:21px;text-align:center;line-height:0;font-size:0;border:1px solid #e2e2e2;background:#fff;}
.main_special .article_section .article_list .list_info a:hover {background:#e2e2e2;}
.main_special .article_section .article_list .list_info a span {display:inline-block;overflow:hidden;width:7px;height:13px;margin-top:5px;color:transparent;}
.main_special .article_section .article_list .list_info a.btnPrev {right:22px;}
.main_special .article_section .article_list .list_info a.btnPrev span {background:url(/images/index/btn_prev2.png) no-repeat left top;}
.main_special .article_section .article_list .list_info a.btnNext {right:0;}
.main_special .article_section .article_list .list_info a.btnNext span {background:url(/images/index/btn_next2.png) no-repeat left top;}
.main_special .article_section .article_list .listWrap {overflow:hidden;}
.main_special .article_section .article_list .listWrap ul {overflow:hidden;position:relative;width:10000px;padding-bottom:3px;}
.main_special .article_section .article_list .listWrap ul li {float:left;width:248px;margin-right:11px;}
.main_special .article_section .article_list .listWrap ul li a {display:block;box-shadow:0 1px 2px 0 #d8d8d8;background:#fff;}
.main_special .article_section .article_list .listWrap ul li a .thumbnail {}
.main_special .article_section .article_list .listWrap ul li a .thumbnail img {width:100%;}
.main_special .article_section .article_list .listWrap ul li a .txt {position:relative;height:124px;padding:13px 10px 30px;}
.main_special .article_section .article_list .listWrap ul li a .txt .title {min-height:36px;line-height:18px;font-size:12px;color:#000;}
.main_special .article_section .article_list .listWrap ul li a .txt .desc {overflow:hidden;height:40px;margin-top:7px;line-height:20px;font-size:12px;color:#9b9b9b;}
.main_special .article_section .article_list .listWrap ul li a .txt .writeby {position:absolute;left:10px;bottom:30px;font-size:11px;color:#9b9b9b;}
.txt_notice .wrap_list{overflow:hidden}
.txt_notice .wrap_list dt,.txt_notice .wrap_list dd{float:left}
.txt_notice .wrap_list li{padding-left:5px}