@charset "utf-8";

body,th,td,input,select,textarea,button {font-size:14px}

/****************************************************************************************
    MAIN
****************************************************************************************/
body {overflow:hidden;}
/*--- Main :layout ---*/
.main-container {margin-top:-15px; padding-top:26px; padding-bottom:15px;}
.main-container:after {clear:both; display:block; content:''}
.main-container * {font-family:'Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;word-spacing:-1px;letter-spacing:-0.025em;}
.main-container > .component {}
/*.main-container > .component:after {content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background-color:#ddd}*/
/*
.main-container [class^="title-main-"] {position:relative;display:block;height:15px;background:url(../images/main/main_title.png) no-repeat;text-indent:-9999em;}
.main-container .title-main-cyber {background-position:0 0;}
.main-container .title-main-imported {background-position:0 -20px;}
.main-container .title-main-domestic {background-position:0 -40px;}
.main-container .title-main-best {background-position:0 -60px;}
.main-container .title-main-rare {background-position:0 -80px;}
.main-container .title-main-community {background-position:0 -100px;}
.main-container .title-main-news {background-position:0 -120px;}
.main-container .title-main-issue {background-position:0 -140px;}
.main-container .title-main-notice {background-position:0 -160px;}
.main-container .title-main-guide {background-position:0 -180px;}
*/
.main-container [class^="title-main-"] {position:relative;display:block;height:17px;font-size:17px;word-spacing:-1px;letter-spacing:-0.05em;}


.main-ad-area {position:fixed;left:50%;top:112px}
.main-ad-area:after {content:'';clear:both;display:block}
.main-ad-area.is-top {top:0}
.ad-container {position:absolute;margin-left:540px;padding-top:20px}

.main-section {position:relative;}
.main-section ~ .main-section {padding-top:32px;}
.main-section .section-header {position:relative;margin-bottom:10px;}
.main-section .section-header .title {position:relative;z-index:1;}
.main-section .list-wrapper {position:relative;}
.main-section .list-wrapper .product-list {position:relative;margin-left:-1px;}
.main-section .list-wrapper .product-list:after {content:'';clear:both;display:block}
.main-section .list-wrapper .product-item {overflow:hidden;position:relative;float:left;width:244px;margin-left:1px;margin-bottom:1px;}
.main-section .list-wrapper .product-image {width:244px;}
.main-section .list-wrapper .product-image .link {overflow:hidden;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; align-items:center; height:183px;line-height:0;background-color:#f1f1f1}
.main-section .list-wrapper .product-image .link img {width:auto;height:183px; transition:all .15s ease-in-out;}
.main-section .list-wrapper .product-item:hover .product-image .link img {transform:scale(1.04)}
.main-section .list-wrapper .product-item:hover .best-caption {}/*
.main-section .list-wrapper .product-item:hover .best-caption .rank {bottom:11px;font-size:26px;font-weight:600}
.main-section .list-wrapper .product-item:hover .best-caption .link {padding-left:32px;}
.main-section .list-wrapper .product-item:hover .best-caption .views {display:none;}*/
.main-section .list-wrapper .product-header {position:relative;margin-bottom:10px;}
.main-section .list-wrapper .product-header .title {font-size:16px;font-weight:600;color:#333;}
.main-section .list-wrapper .special-caption {position:relative;padding-top:7px;padding-left:5px;}
.main-section .list-wrapper .special-caption .link {}
.main-section .list-wrapper .special-caption .link .text {padding-right:10px;font-size:14px;line-height:23px;font-weight:600;color:#222;}
.main-section .list-wrapper .special-caption .link .text.ellipsis {font-weight:600;}
.main-section .list-wrapper .special-caption .link:hover .text {text-decoration:underline;}
.main-section .list-wrapper .special-caption .link:visited .text {color:#990099}
.main-section .list-wrapper .best-caption,
.main-section .list-wrapper .rare-caption {position:absolute;bottom:0;left:0;right:0;}
.main-section .list-wrapper .best-caption .link,
.main-section .list-wrapper .rare-caption .link {position:relative;display:block;padding-left:15px;padding-bottom:16px;padding-top:26px;}
.main-section .list-wrapper .best-caption .link,
.main-section .list-wrapper .rare-caption .link {
    /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,000000+76&0+0,0.76+76,0.6+76 */
background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 60%); /* FF3.6-15 */
background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.75) 60%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.75) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}
.main-section .list-wrapper .best-caption {transition:all .25s ease-in-out}
.main-section .list-wrapper .best-caption .link {padding-left:42px;padding-right:8px;}
.main-section .list-wrapper .best-caption .link .rank {position:absolute;left:12px;bottom:15px;font-size:33px;color:#fff;transition:all .2s ease-in-out}
.main-section .list-wrapper .best-caption .link .text {display:block;font-size:14px;font-weight:600;color:#fff;padding-bottom:1px;margin-bottom:-1px;}
.main-section .list-wrapper .best-caption .link .views {position:relative;display:block;padding-top:6px;font-size:12px;color:#fff;padding-left:22px;}
.main-section .list-wrapper .best-caption .link .views:after {content:'';position:absolute;left:0;top:6px;width:17px;height:13px;background:url(../images/main/icon_main.png) no-repeat -40px 0}
.main-section .list-wrapper .best-caption .link .count {display:inline-block;padding-right:1px;}
.main-section .list-wrapper .rare-caption .link {padding-right:10px;}
.main-section .list-wrapper .rare-caption .link .text {position:relative;padding-left:10px;font-size:14px;font-weight:600;color:#fff;}
.main-section .list-wrapper .rare-caption .link .text:before {content:'#';position:absolute;left:0;top:0px;}
[class^="ie9"] .main-section .list-wrapper .product-image {display:table;width:100%;}
[class^="ie9"] .main-section .list-wrapper .product-image .link {display:table-cell;vertical-align:middle}
[class^="ie9"] .main-section .list-wrapper .product-image .link img {transform:scale(1) !important}


.main-section.special {padding-top:7px;}
.main-section.special .list-wrapper .product-image .link {height:170px;}
.main-section.special .list-wrapper .product-image .link img {width:100%;height:170px}
.main-section.rare .list-wrapper .product-image .link {height:170px;}
.main-section.rare .list-wrapper .product-image .link img {width:100%;height:170px}


.main-view-more {position:relative;}
.main-view-more .btn-more {display:block;height:46px;background-color:#f3f3f3;text-align:center;}
.main-view-more .btn-more .text {position:relative;display:inline-block;padding-left:20px;font-size:13px;line-height:46px;font-weight:600;color:#666}
.main-view-more .btn-more .text:before {content:'+';position:absolute;left:0;font-size:20px;font-weight:400}
.main-view-more .btn-more:hover {background-color:#efefef}

.main-hashtag {position:relative;padding-top:3px;margin-bottom:10px;text-align:left;}
.main-hashtag .hashtag-list {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;}
.main-hashtag .hashtag-item {float:left;border:1px solid #ddd;}
.main-hashtag .hashtag-item ~ .hashtag-item {margin-left:0;}
.main-hashtag .hashtag-item .hashtag {display:block;height:26px;padding-left:10px;padding-right:10px;line-height:26px;}
.main-hashtag .hashtag-item .hashtag .text {position:relative;display:inline-block;padding-left:8px;font-size:12px;color:#000}
.main-hashtag .hashtag-item .hashtag .text:before {content:'#';position:absolute;left:0;top:-1px;color:#000}
.main-hashtag .hashtag-item.is-selected {border-color:#0070bd}
.main-hashtag .hashtag-item .hashtag:hover .text {text-decoration:underline}

.ie9 .hashtag-list,
.ie8 .hashtag-list {}
.ie9 .hashtag-list:after,
.ie8 .hashtag-list:after {content:'';clear:both;display:block;}
.ie9 .hashtag-item ~ .hashtag-item,
.ie8 .hashtag-item ~ .hashtag-item {margin-left:4px;}

/*--- Main :spot ---*/
.main-content {position:relative; float:left; width:734px;}



/****************************************************************************************
    ASIDE
****************************************************************************************/
/*--- Aside :common ---*/
.main-aside {float:right; width:276px; height:1442px; padding-left:12px; border-left:1px solid #ddd;}
.main-aside * {font-size:13px}

/*--- Aside :common ---*/
.side-section {position:relative;}
.side-section ~ .side-section {margin-top:18px;}
.side-section .section-header {position:relative;padding-top:7px;padding-bottom:8px;margin-bottom:15px;border-bottom:1px solid #ddd;} 
.side-section .section-header .title{font-size:16px;font-weight:600;}
.side-section .section-header .link{position:absolute;right:0;bottom:8px;}
.side-section .section-header .link .text{font-size:12px;color:#777}
.side-section .section-header .link:hover .text {text-decoration:underline;color:#333}
.side-section .side-text-list {}
.side-section .side-text-item {position:relative;padding-left:8px;}
.side-section .side-text-item:after {content:''; position:absolute;left:0;top:7px;width:2px;height:2px;background-color:#b4b4b4}
.side-section .side-text-item ~ .side-text-item {margin-top:11px;}
.side-section .side-text-item .link {}
.side-section .side-text-item .link .text {overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;max-width:100%;word-break:break-all;word-wrap:break-word;font-size:13px; color:#000;padding-bottom:1px;}
.side-section .side-text-item .link:hover .text {text-decoration:underline;color:#3867ad}
.side-section .side-text-item .link:visited .text {color:#990099}
.side-section.news {}
.side-section.news .news-content {position:relative;padding-top:5px;}
.side-section.news .hot-news {display:table;width:100%;margin-top:-5px;margin-bottom:12px;}
.side-section.news .hot-news .image {display:table-cell;width:100px;}
.side-section.news .hot-news .image img {width:90px;height:56px}
.side-section.news .hot-news .content {display:table-cell;vertical-align:middle;}
.side-section.news .hot-news .content .text {line-height:1.4;font-weight:600}
.side-section.news .hot-news .content .link:hover .text {text-decoration:underline}
.side-section.news .hot-news .content .link:visited .text {color:#990099}

.side-section.community {}
.side-section.community {}
.side-section.community .community-content {margin-top:-15px;}
.side-section.community .community-tabs {position:relative;border-bottom:1px solid #ddd;margin-bottom:9px;}
.side-section.community .community-tabs .tab-list {position:relative;}
.side-section.community .community-tabs .tab-list:after {content:'';clear:both;display:block}
.side-section.community .community-tabs .tab-item {float:left;}
.side-section.community .community-tabs .tab-item ~ .tab-item {margin-left:15px;}
.side-section.community .community-tabs .tab-item .tab {height:30px;}
.side-section.community .community-tabs .tab-item .tab .text {font-size:12px;font-weight:600;color:#777}
.side-section.community .community-tabs .tab-item .tab:focus {outline:none;}
.side-section.community .community-tabs .tab-item.is-selected .tab .text {color:#0070bd}
.side-section.community .community-tabs .indicator {position:absolute;bottom:-1px;height:1px;transition:all .2s ease-in-out;background-color:#0070bd !important}
.side-section.community .community-list {}
.side-section.community .community-item {position:relative;}
.side-section.community .community-item ~ .community-item {}
.side-section.community .community-item .rank {display:inline-block;vertical-align:top;margin:7px 3px 0 0;width:16px;height:14px;}
.side-section.community .community-item .rank .text {position:relative;top:-1px;display:inline-block;padding-left:2px;font:bold 15px/1 arial;color:#0070bd;}
.side-section.community .community-item [class^="rank num-"] {background:url(../images/main/main_rank.png) no-repeat;}
.side-section.community .community-item .num-1 {background-position:0 0; text-indent:-9999em;}
.side-section.community .community-item .num-2 {background-position:0 -26px; text-indent:-9999em;}
.side-section.community .community-item .num-3 {background-position:0 -54px; text-indent:-9999em;}
.side-section.community .community-item .num-4 {background-position:0 -81px; text-indent:-9999em;}
.side-section.community .community-item .num-5 {background-position:0 -108px; text-indent:-9999em;}
.side-section.community .community-item .num-6 {background-position:0 -135px; text-indent:-9999em;}
.side-section.community .community-item .num-7 {background-position:0 -162px; text-indent:-9999em;}
.side-section.community .community-item .num-8 {background-position:0 -189px; text-indent:-9999em;}
.side-section.community .community-item .num-9 {background-position:0 -216px; text-indent:-9999em;}
.side-section.community .community-item .num-10 {background-position:0 -243px; text-indent:-9999em;}
.side-section.community .community-item .num-11 {background-position:-16px 0; text-indent:-9999em;}
.side-section.community .community-item .num-12 {background-position:-16px -26px; text-indent:-9999em;}
.side-section.community .community-item .num-13 {background-position:-16px -54px; text-indent:-9999em;}
.side-section.community .community-item .num-14 {background-position:-16px -81px; text-indent:-9999em;}
.side-section.community .community-item .num-15 {background-position:-16px -108px; text-indent:-9999em;}
.side-section.community .community-item .num-16 {background-position:-16px -135px; text-indent:-9999em;}
.side-section.community .community-item .num-17 {background-position:-16px -162px; text-indent:-9999em;}
.side-section.community .community-item .num-18 {background-position:-16px -189px; text-indent:-9999em;}
.side-section.community .community-item .num-19 {background-position:-16px -216px; text-indent:-9999em;}
.side-section.community .community-item .num-20 {background-position:-16px -243px; text-indent:-9999em;}
.side-section.community .community-item .link {display:inline-block;max-width:208px;position:relative;top:-1px;vertical-align:middle;font-size:13px;line-height:25px;color:#222;letter-spacing:-1px;letter-spacing:-0.025em;}
.side-section.community .community-item .link .text {padding:1px 0;padding-right:2px;}
.side-section.community .community-item .link:visited .text {color:#990099}
.side-section.community .community-item .link:hover .text {color:#0070bd}
.side-section.community .community-item .comment-link {display:inline-block;padding:1px 0;line-height:22px;}
.side-section.community .community-item .comment-link .text {font-size:12px;color:#3867ad}
.side-section.community .community-item.best .rank .text {color:#0070bd}
.side-section.community .community-item.best .link .text {font-weight:600}
.side-section.community .community-item .link:hover .text,
.side-section.community .community-item .comment-link:hover .text {text-decoration:underline}
.side-section.issue {}
.side-section.issue .issue-container{overflow:hidden;position:relative;border:1px solid #ddd;}
.side-section.issue .issue-wrapper{position:relative;height:159px}
.side-section.issue .issue-container .issue-list {position:relative;}
.side-section.issue .issue-container .issue-list:after {content:'';clear:both;display:block}
.side-section.issue .issue-container .issue-item {float:left;}
.side-section.issue .issue-container .issue-item .image {overflow:hidden;width:263px;height:120px;line-height:0;text-align:center;}
.side-section.issue .issue-container .issue-item .image img {width:100%;height:100%}
.side-section.issue .issue-container .issue-item .caption {position:relative; width:181px; height:41px; margin:0 auto; text-align:center; line-height:41px;}
.side-section.issue .issue-container .issue-item .caption .link:hover .text {text-decoration:underline;}
.side-section.issue .issue-container .issue-item .caption .text {overflow:hidden; display:inline-block; text-overflow:ellipsis; white-space:nowrap; max-width:100%; word-break:break-all; word-wrap:break-word;}
.side-section.issue .issue-container [class^="btn-"] {position:absolute;bottom:0;}
.side-section.issue .issue-container [class^="icon-"] {overflow:hidden;display:block;width:41px;height:41px;background:url(../images/common/arr_m.png) no-repeat;text-indent:-9999em;}
.side-section.issue .issue-container .btn-prev {left:0}
.side-section.issue .issue-container .btn-prev .icon-prev {background-position:-2px -60px;}
.side-section.issue .issue-container .btn-next {right:0}
.side-section.issue .issue-container .btn-next .icon-next {background-position:-47px -60px;}
.side-section.issue .issue-list-wrapper {}
.side-section.issue .issue-list-wrapper .issue-list{position:relative;margin-left:-1px;margin-right:-1px;}
.side-section.issue .issue-list-wrapper .issue-list:after {content:'';clear:both;display:block}
.side-section.issue .issue-list-wrapper .issue-item{float:left;position:relative;padding:1px;}
.side-section.issue .issue-list-wrapper .issue-item {position:relative;width:50%;}
.side-section.issue .issue-list-wrapper .issue-item:first-child {width:100%;}
.side-section.issue .issue-list-wrapper .issue-item:first-child .image .link {height:160px;}
.side-section.issue .issue-list-wrapper .issue-item:first-child .image .link:after {content:'';position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;width:40px;height:40px;background:url(../images/main/icon_main.png) no-repeat 0 0;}
.side-section.issue .issue-list-wrapper .image {}
.side-section.issue .issue-list-wrapper .image .link{display:block;line-height:0;height:100px}
.side-section.issue .issue-list-wrapper .image img{width:100%;height:100%;object-fit:cover}
.side-section.issue .issue-list-wrapper .caption {position:absolute;left:0;right:0;bottom:0;}
.side-section.issue .issue-list-wrapper .caption .link{display:block;padding-left:10px;padding-bottom:8px;}
.side-section.issue .issue-list-wrapper .caption .text{padding-bottom:2px;font-size:13px;font-weight:600;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,1);}
[class^="ie"] .side-section.issue .issue-list-wrapper .image .link{display:flex;justify-content:center;align-items:center;}
[class^="ie"] .side-section.issue .issue-list-wrapper .image img{width:100%;height:100%;}


/*--- Aside :common ---*/
.service-content {margin-top:-6px;}
.service-content .service-list {position:relative;margin:0 -10px}
.service-content .service-list:after {clear:both; display:block; content:''}
.service-content .service-item {float:left; width:33.3%; margin-bottom:15px; text-align:center;}
.service-content .service-item .link {display:inline-block;}
.service-content .service-item [class^="service-"] {overflow:hidden; display:block; width:66px; height:80px; text-indent:-9999em; background:url(../images/common/btn_main_guide.gif) no-repeat}
.service-content .service-item .service-01 {background-position:0 0} /* 제원/옵션/가격 */
.service-content .service-item .service-02 {width:72px; background-position:-627px 0} /* 신차가격표 */
.service-content .service-item .service-03 {background-position:-140px 0} /* 허위매물구별 */
.service-content .service-item .service-04 {background-position:-210px 0} /* 매매서류 */
.service-content .service-item .service-05 {background-position:-280px 0} /* 이전비계산 */
.service-content .service-item .service-06 {background-position:-350px 0} /* 할부/리스계산 */
.service-content .service-item .service-07 {background-position:-420px 0} /* 자동차세계산 */
.service-content .service-item .service-08 {background-position:-490px 0} /* 보험료계산 */
.service-content .service-item .service-09 {background-position:-560px 0} /* 유지비계산 */
.service-content .service-item .service-10 {width:72px; background-position:-627px 0} /* 옵션/제원정보 */

.main-cyber-ad {position:relative;border:solid #ebebeb;border-width:1px 0;padding:12px 0 12px;margin-top:14px;margin-bottom:-14px;background-color:#f8f8f9;}
.main-cyber-ad .text{text-align:center;font-size:15px;letter-spacing:-1px;line-height:28px;font-weight:600;}
.main-cyber-ad .text em {display:inline-block;margin-left:9px;font-size:16px;font-weight:600;color:#ff5248;}
.main-cyber-ad .link {display:inline-block;margin-top:2px;margin-left:8px;background-color:#0070bd;}
.main-cyber-ad .link .link-text {display:inline-block;width:125px;height:24px;line-height:24px;text-align:center;color:#fff;font-weight:600;font-size:12px;}
.main-cyber-ad .content-area {}
.main-cyber-ad .content-area .text {font-weight:400}
.main-cyber-ad .contact-area {padding-top:3px;text-align:center;}