@charset "utf-8";



/***************************
     auto_section defalt          
***************************/
.auto_section div, .auto_section ul, .auto_section li, .auto_section p, .auto_section img, .auto_section input, .auto_section h1, .auto_section h2, .auto_section h3, .auto_section h4, .auto_section h5, .auto_section h6, .auto_section label
{}



/***************************
        auto_section       
***************************/

/* layout */
.auto_section {clear:both; position:relative; margin:0 auto; width:940px; margin-top:10px;}
.auto_section h2 {position:absolute; top:-3px; left:20px; font-size:23px; letter-spacing:-1px; line-height:160%;}
.auto_section h2 img {vertical-align:text-top;}
.auto_section h2 .sponsor {margin-top:11px;}
.auto_section .area1 {clear:both; float:left; width:615px; margin:20px 0 0 0;}
.auto_section .area2 {float:right; margin:20px 0 30px 0; width:300px}


/* survey 설문조사 */
.auto_section .survey {width:940px; height:265px; background:url(http://img.koreatimes.com/2015/images/auto_section/survey_201603.png) no-repeat center top;}
.survey .result {float:left;}
.survey .question {float: right; width: 600px; height: 265px;}
.survey .question .question_area {position:relative; width:1px; height:1px; overflow:hidden;}
.survey .question .q_item {margin:85px 0 0 0; color:#333;}
.survey .question .q_item label {font-size: 13px; font-family: gulim, sans-serif; font-weight: bold; margin-left: 10px}
.survey .question .q_item .item {float: left; width: 150px; height: 20px; margin: 0 5px 3px 10px; padding: 8px 10px 8px 10px; background: #fff; border-radius: 10px; border: 1px solid #D2D2D2; box-shadow: inset 7px 0px 0px #e7e7e7;}
.survey .question .q_item .radio {margin-top: 2px; margin: 5px 0; float: left;}
.survey .question .q_item .text {width:100px; height:18px; margin-top:-1px; padding:1px 5px; line-height:150%; border:1px solid #c6c6c6; font-size:13px; *margin-left:-120px;}
.survey .question .submit {position:absolute; /*top:185px; left:500px;position: absolute;*/ top: 43px; right: 30px;}


/* colume 칼럼 */
.auto_section .column {position:relative; width:930px; height:240px; border:5px solid #d7d7d7;}
.auto_section .column h3 {float:left; margin:-5px 0 0 -5px;}
.auto_section .column .columnist_img {position:absolute; top:10px; right:25px;}
.auto_section .column .column_area {float:left; width:600px; margin:35px 30px 30px 30px;}
.auto_section .column .column_area h4,
.auto_section .column .column_area h5 {width:520px; font-family:"malgun gothic",sans-serif; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.auto_section .column .column_area h4 {height:32px; font-size:24px; letter-spacing:-1px;}
.auto_section .column .column_area h5 {height:20px; font-size:16px; margin-top:15px;}
.auto_section .column .column_area p {height:80px; margin-top:15px; line-height:170%;}


/* news 자동차소식 */
.area1 .news {position:relative; min-height:500px;}
.area1 .news h3 {padding-bottom:5px;}
.area1 .autonews_photo {height:175px; padding:20px; background:#f5f5f5; border-top:1px solid #d9d9d9;}
.area1 .autonews_photo .autonews_img {float:left; margin-right:15px;}
.area1 .autonews_photo .autonews_area {float:left; width:340px;}
.area1 .autonews_photo .autonews_area h4 {margin-top:2px; font-size:16px; font-family:dotum, sans-serif;}
.area1 .autonews_photo .autonews_area h4 a {line-height:150%;}
.area1 .autonews_photo .autonews_area h5 {margin-top:10px; font-size:13px;}
.area1 .autonews_photo .autonews_area h5 a {color:#636363; font-family:gulim;}
.area1 .autonews_photo h4, .area1 .autonews_photo h5 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.area1 .autonews_photo .hot {margin-top:5px; margin-right:5px;}
.area1 .autonews_photo .txt {color:#7b7b7b; line-height:19px; margin-top:9px; overflow:hidden;}
.area1 .autonews_photo .txt a {color:#7b7b7b; height:100px; line-height:19px;}
.area1 .news_area {clear:both; border-top:2px solid #323232;}
.area1 .news_area li {clear:both; padding:13px 0; border-bottom:1px solid #eaeaea;}
.area1 .news_area li>a {float:left; display:block; width:160px; height:97px; margin-right:20px; background:#f4f4f4; overflow:hidden; text-align:center;}
.area1 .news_area li>a>img {max-width:100%; max-height:135px; vertical-align:middle;}
.area1 .news_area li h4 {height:25px; font-size:16px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.area1 .news_area li p {height:55px; margin-top:3px; text-align:justify;}
.area1 .news_area li p a {font-family:'dotum','돋움'; line-height:120%; color:#777; letter-spacing:0;}
.area1 .news_area li .upload_date {float:left; color:#b5b5b5; letter-spacing:0;}



/* seller 한인매매업체 */
.seller {position:relative;}
.seller h3 {margin:0px 0 5px 0;}
.seller .arrow {position:absolute; right:0; top:10px; z-index:1; cursor:pointer;}
.seller .arrow #arrow_prev {float:left;}
.seller .arrow #arrow_next {float:left;}
.seller .seller_area {clear:both; height:205px; margin-bottom:30px; border:1px solid #d7d7d7;}
.seller .num {position:absolute; top:-23px; right:30px; font-size:15px; color:#a6a6a6;}
.seller .num b {color:#444;}
.seller .seller_list {position:absolute;}
.seller .seller_list ul {margin:18px 0 0 15px;}
.seller .seller_list ul li {float:left; width:135px; margin:0 6px 10px 6px; text-align:center;}



/* twitter 실시간트윗 */
.area2 .twitter {width:300px; margin-top:20px;}
.area2 .twitter h3 {margin-bottom:10px;}
.area2 .twitter .twitter_area {height:600px; outline:1px solid #ececec; background:#f8f8f8;}


/* bn_toyota 토요타배너 */
.area2 .bn_toyota {margin-top:25px;}


/* ads 안내광고 */
.area2 .ads {position:relative; background:#fff;}
.area2 .ads h3 {width:300px; margin-top:20px;}
.area2 .ads .btn_more {position:absolute; top:5px; right:0; width:12px; height:12px; background:url(http://service.koreatimes.com/images/common/btn_more.png) no-repeat left -30px; overflow:hidden; text-indent:-500px;}
.area2 .ads ul {margin:5px 0 0 0px; padding:15px 0; border:1px solid #ababab; white-space:nowrap; overflow:hidden;}
.area2 .ads ul li {margin-left:20px; padding:0 0 0 12px; background:url(http://service.koreatimes.com/images/common/bullet.png) no-repeat left -216px; font-family:'dotum'; line-height:190%; color:#333; }
.area2 .ads ul li a {line-height:180%;}


/* keyword 관련업소키워드 */
.area2 .keyword h3 {margin-top:20px;}
.area2 .keyword .keyword_area {width:300px; margin-top:10px;}
.area2 .keyword .keyword_area ul li {float:left; margin:0 5px 5px 0; padding:5px 10px; background:#edeff2; color:#555;}
.area2 .keyword .keyword_area ul .strong {font-weight:bold;}
.area2 .keyword hr {clear:both; border:0; visibility:hidden;}



/***************************
      main auto_section       
***************************/

/* news 자동차소식 */
.autos_news_banner_main {width:532px; height:220px; text-align:left;}
.autos_news_banner_main .autos_news {float:left; width:275px; margin-right:5px; border:1px solid #ccc;}
.autos_news_banner_main .autos_news h4 {background:url(/images2/main/box_top.gif) repeat-x top; padding:9px 18px 7px 18px; font-size:14px;}
.autos_news_banner_main .autos_news h4 img {vertical-align:text-top; margin-top:-1px;}
.autos_news_banner_main .autos_news ul li {clear:both; margin:0 20px; height:78px;}
.autos_news_banner_main .autos_news ul li.news1 {margin-top:15px; border-bottom:1px dashed #ddd;}
.autos_news_banner_main .autos_news ul li.news2 {margin-top:15px;}
.autos_news_banner_main .autos_news ul img {display:block; float:left; margin-right:10px; width:80px; height:65px;}
.autos_news_banner_main .autos_news a h5 {margin-bottom:2px; line-height:135%; color:#4e4e4e; font-size:12px;}
.autos_news_banner_main .autos_news a p {line-height:130%; color:#8e8e8e;}
.autos_news_banner_main .autos_news p {height:32px; overflow:hidden;}


/* column banner 칼럼배너 */
.autos_news_banner_main .autos_bn {float:left; width:220px;}


/* 설문조사 main autos survey  */
.survey_main h2 {font-size:20px;}
.survey_main .btm_gra {position:absolute; top:260px; width:940px; height:5px; background:url(http://service.koreatimes.com/images/auto_section/survey_bg_btm_n.png) no-repeat top left;}



/****************************************
      private_survey 설문조사후 질문      
****************************************/

#autos_private_survey_area {display:none; position:fixed; top:0; left:0; z-index:999999; width:100%; height:100%; background:url(http://service.koreatimes.com/images/banner/etc/popup_bg1.png) repeat;}
#autos_private_survey {width:630px; margin:30px auto 0 auto; background:#fff; border:20px solid #efefef; color:#333; line-height:17px; box-shadow:0px 0px 10px #000;}
#autos_private_survey h2 {margin-top:45px; font-family:"malgun gothic", sans-serif; text-align:center; line-height:0;}
#autos_private_survey .comments {width:100%; display:inline-block; margin-top:20px; color:#666; text-align:center;}
#autos_private_survey fieldset {padding:0 7px 40px 7px; border:0;}

#autos_private_survey .survey_quest {margin-top:10px;}
#autos_private_survey .survey_quest li {padding:5px 20px; border-bottom:1px solid #e4e4e4;}
#autos_private_survey .survey_quest h3 {font-size:14px; margin-bottom:3px; color:#007c9d;}
#autos_private_survey .survey_quest span {display:inline-block; margin-right:10px; width:80px;}
#autos_private_survey .survey_quest .quest03 span {width:90px;}
#autos_private_survey .survey_quest input {vertical-align:text-bottom;}

#autos_private_survey .contact_info {margin-top:40px; text-align:center;}
#autos_private_survey .contact_info h4 {margin:15px 0 5px 0; font-size:14px;}
#autos_private_survey .contact_info label {margin:0 10px 0 20px;}
#autos_private_survey .contact_info .txtbox_survey {height:30px; padding:3px 0 3px 7px; border:1px solid #b4b4b4; font-family:dotum; font-size:14px; font-weight:bold; color:#444;}

#autos_private_survey .terms_privacy {margin-top:20px; padding:15px; background:#f4f4f4; border:1px solid #dedede; font-size:12px; color:#555; border-radius:10px;}
#autos_private_survey .terms_privacy span {width:100%; margin-top:7px; display:inline-block; font-size:13px; font-weight:bold; text-align:center;}
#autos_private_survey .terms_privacy input {vertical-align:text-bottom;}

#autos_private_survey .submit_survey {margin-top:30px; text-align:center;}
#autos_private_survey .submit_survey input {width:100px; height:35px; border:none; color:#fff; font-weight:bold; font-size:15px;}
#autos_private_survey .submit_survey .btn_done {background:#b94147;}
#autos_private_survey .submit_survey .btn_cancel {background:#444;}