@charset "utf-8";

@import url("notosanskr-3.css");
@import url('roboto-2.css');


/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th, td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0}
body,input,textarea,select,button,table {font-family:'Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-weight:400;color:#222}

table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;word-break:break-all}
table{border-collapse:collapse;border-spacing:0}
img, fieldset {border:0}
ul,ol{list-style:none}
address,em{color:#444;font-style:normal}
a{color:#444;text-decoration:none;cursor:pointer;}
a:hover,a:active,a:focus{color:#444;text-decoration:underline}
hr,legend,caption {display:none;}
html{-webkit-text-size-adjust:none}
figure, figcaption{margin:0;padding:0;border:0;font-size: 100%}
.screen_out{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0}

input.text{vertical-align:middle; height:16px; padding:2px 0 0 5px; border:1px solid #a9a9a9}
textarea.tarea{padding:5px;border:1px solid #e9e9e9;border-left:1px solid #d2d2d2;border-top:1px solid #c5c5c5;background:#fff;color:#666}

.skip{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.hidden{position:absolute;visibility:hidden;top:-9999em;left:-9999em;width:1px;height:1px;line-height:0;overflow:hidden}
.blind{position:absolute;display:block;overflow:hidden;top:-1000em;left:0}


.header {width: 100%; clear: both; background: #fff; min-width: 1180px}
.gnbbx_wrap {position:absolute; top:0; width:100%; min-width:1180px; height:61px; font-family:'Noto Sans KR', 'Malgun Gothic','맑은고딕',sans-serif; background:#fff}
.gnbbx_wrap #gnbbx_m {position:relative; width:1240px; height:61px; margin:0 auto}
.gnbbx_wrap2 {position:absolute; top:0; width:100%; min-width:1180px; height:146px; font-family:'Noto Sans KR', 'Malgun Gothic','맑은고딕',sans-serif; background:#fff; border-bottom: 1px solid #dfe0e3;}
.gnbbx_wrap2 #gnbbx_m {position:relative; width:1240px; height:146px; margin:0 auto}

.gnb_move {position:fixed; top:0; width:100%; height:61px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕',sans-serif; border-bottom:1px solid #dedede; background:#fff; z-index:10001; webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.16);box-shadow:0 3px 6px 0 rgba(0,0,0,.16)}
.gnb_move  #gnbbx_m {position:relative;  height:61px; margin:0 10px}

#gnbbx_m .allmn_m {position:absolute; top:13px; left:0; z-index:100}
#gnbbx_m .allmn_m a {display:block; width:35px; height:35px}
#gnbbx_m .allmn_m2 {position:absolute; top:13px; left:0; z-index:100}
#gnbbx_m .allmn_m2 a {display:block; width:35px; height:35px}
.ic_ham_m {display:block; background:url(../png/ham-2.png) top 12px center no-repeat; width:35px; height:35px}
.ic_sch_m {display:block; background:url(../png/srch-2.png) top 10px center no-repeat; width:35px; height:35px}

.ic_ham_m_w {display:block; background:url(../ic_ham_white.html) top 12px center no-repeat; width:35px; height:35px}
.ic_sch_m_w {display:block; background:url(../png/ic_srch_white.png) top 10px center no-repeat; width:35px; height:35px}
.ic_close_m_w {display:block; background:url(../ic_close_white.html) top 12px center no-repeat; width:35px; height:35px}

.logo_sm {position:absolute; left:37px; top:20px}
.logo_sm2 {position:absolute; left:45px; top:20px}
ul.gnb_m {position:absolute; top:13px; left:135px; }
ul.gnb_m li {position:relative; float:left; font-size:15px; font-weight:normal; color:#fff; margin:0 30px 0 0}

ul.gnb_m li:first-child img {padding-top: 8px;height: 20px;padding-left: 15px;}
ul.gnb_m li:first-child a {color:#fff; line-height:30px; }
ul.gnb_m li:first-child a:hover {text-decoration: underline; text-decoration-color: orange;}
ul.gnb_m li:first-child a:hover:before {display:none}
ul.gnb_m li a {position:relative; display:block; font-size:15px; color:#1A1311;  line-height:30px; padding:0 3px 18px 3px}
ul.gnb_m li a:hover {color:#1b52ed; text-decoration:none; color:#1b52ed; font-weight:bold;}
ul.gnb_m li a:hover:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background:#1b52ed;}
ul.gnb_m li.on a {color:#1b52ed}
ul.gnb_m li.on a:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background:#1b52ed}
.second {padding-left: 17px}

.gnb_m_member {position:absolute; top:20px; right:40px; overflow:hidden}
.gnb_m_member a {float:left; display:block; font-size:13px; color:#666666; letter-spacing:-0.05em; margin:0 0 0 20px}
.gnb_m_member a:hover {color:#333}

.gnb_m_member_w {position:absolute; top:22px; right:50px; overflow:hidden}
.gnb_m_member_w a {float:left; display:block; font-size:13px; color:#fff; letter-spacing:-0.05em; margin:0 0 0 20px}
.gnb_m_member_w a:hover {color:#fff}

.gnb_m .mtext {padding-top: 3px}
#gnbbx_m .srchmn {position:absolute; top:12px; right:0; z-index:101}
#gnbbx_m .srchmn a {display:block; width:35px; height:35px}
#gnbbx_m .srchmn a.srch {display:block; font-size:14px; font-weight:bold; color:#333; letter-spacing:-0.05em; line-height:36px; padding:0 22px 0px 20px; background:url(../png/srch-2.png) no-repeat 100% 58%}


/* subscription qf gnb */
.top_nav{position:relative;width:100%;background-color:#f5f5f5;height:32px;margin:0 auto;clear:both;z-index:20}
.top_nav .top_nav_in{position:relative;overflow:hidden;width:1100px;height:32px;margin:0 auto;padding:0 10px}

.top_stock{position:relative;width:100%;background-color:#000000;height:33px;margin:0 auto;clear:both;z-index:21}
.top_stock .top_stock_in{position:relative;overflow:hidden;width:1100px;height:33px;background-color:#000000;margin:0 auto;padding:0 10px}

ul.top_nav_u{position:relative}
ul.top_nav_u li{float:left;text-align:left;font-size:11px;line-height:16px}
ul.top_nav_u li a{display:block;color:#333;padding:6px 11px 8px 0}

ul.top_nav_u2{float:right}
ul.top_nav_u2 li{float:left;text-align:left;font-size:11px;line-height:16px}
ul.top_nav_u2 li a{font-weight:normal;display:block;color:#333;padding:6px 8px 8px 6px;background:url(../bar1.html) no-repeat right 11px}
ul.top_nav_u2 li a.lang{padding:7px 8px 7px 6px;}
ul.top_nav_u2 li a.last{padding-right:0;background:none;}

ul.top_stock_u{position:relative}
ul.top_stock_u li{float:left;text-align:left;font-size:12px;line-height:16px}
ul.top_stock_u li .s_name{padding-right:4px;display:inline}
ul.top_stock_u li .s_value{padding-left:1px;display:inline}
ul.top_stock_u li .up{display:inline-block;width:10px;height:14px;background:url(../up1.html) no-repeat 0 4px;text-indent:-9999px;}
ul.top_stock_u li .down{display:inline-block;width:10px;height:14px;background:url(../down1.html) no-repeat 0 5px;text-indent:-9999px;}
ul.top_stock_u li a{display:block;font-weight:bold;color:#dddddd;padding:7px 40px 7px 0}

.tbl{position:relative;width:100%;clear:both}
.tbl td{font-weight:normal;text-align:left;line-height:16px;font-size:12px}
.tbl td.last{text-align:right}

.tbl td .s_name{display:inline;font-family:Verdana, sans-serif;}
.tbl td .s_value{padding-right:5px;padding-left:5px;display:inline;font-family:Verdana, sans-serif;letter-spacing:-0.05em}
.tbl td .s_value2{display:inline;font-family:Verdana, sans-serif;letter-spacing:-0.05em}

.tbl td a{display:inline-block;color:#e1e1e1;padding:7px 0 7px;margin-right:40px;}
.tbl td a:hover{color:#999}
.tbl td a:link, .tbl td a:hover, .tbl td a:visited{text-decoration:none}
.tbl td .icimg{vertical-align:middle;position:relative;bottom:1px;margin-right:1px}

.btn_go{position:absolute;top:5px;right:10px;display:block;width:92px;height:23px;overflow:hidden;background:url(../btn_st_off.html) no-repeat 0 0;text-indent:-9999px;}
.btn_go:hover{background:url(../btn_st_on.html) no-repeat 0 0}

.menubx_wrap {z-index:10000000000002; position:absolute; top:61px; left:0; width:100%; border-top:1px solid #eaeaea; border-bottom:1px solid #dedede; background:#fff; webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.16);box-shadow:0 3px 6px 0 rgba(0,0,0,.16)}
.menubx {overflow:hidden; position:relative; width:1100px; margin:0 auto; padding:28px 0 25px 0}
.depth_col {float:left; width:152px; padding:0 0 0 15px; margin:0 15px 0 0; border-left:1px solid #f0f0f0}
.depth_list {width:100%}
.depth_list li {display:block}
.depth_list .tit {font-size:15px; font-weight:bold; color:#f66800; letter-spacing:-0.05em; padding:0 0 12px 0}
.depth_list .tit:hover {color:#f66800}
.depth_list li a {display:inline-block; font-size:14px; color:#666; letter-spacing:-0.05em; padding:6px 0}
.depth_list li a:hover {color:#000}
.depth_list li .ic_new {font-weight:bold; color:#222}
.depth_list li .ic_new:after {content:''; position:relative; top:2px; display:inline-block; width:13px; height:13px; margin:0 0 0 5px; background:url(../ic_new.html) top left no-repeat}
.depth_list li .ic_best {font-weight:bold; color:#222}
.depth_list li .ic_best:after {content:''; position:relative; top:2px; display:inline-block; width:13px; height:13px; margin:0 0 0 5px; background:url(../ic_best.html) no-repeat}
.center_logo {text-align: center; width: 100%;  height: 83px;   z-index: 500; margin-top: 61px; clear: both }
.center_logo .pd18 {padding-top: 18px;}
.center_logo .pd18 img {height: 38px;}
.top_menu { width: 100%; background: #fff; min-width: 1180px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.top_menu .topsbmenu {margin: 0 auto; overflow: hidden; width: 990px; }
.top_menu .topsbmenu li {float: left; color: black; font-size: 18px; padding: 22px 0  19px  0}
.top_menu .topsbmenu li { width:25%; text-align: center;  position: relative}
.top_menu .topsbmenu li a {color: #000!important;}
.top_menu .topsbmenu li a:hover {color: #1b52ed!important; font-weight: 700}
.top_menu .topsbmenu li a:visited {color: #FFFFFF}
.top_menu .topsbmenu li:first-child {padding-left:0}
.top_menu .topsbmenu li:last-child {padding-right:0}
.top_menu .topsbmenu li.on a { color: #1b52ed!important; font-weight: 700;}
.top_menu .topsbmenu li.on a:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background:#1b52ed}
.top_menu .topsbmenu li.on a:hover:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background:#1b52ed}

.contents {clear: both; margin: 20px auto 0; width: 1240px;  position: relative; overflow: hidden}
.contents .left_layout {width: 858px; float: left}
.contents .right_layout {width: 298px; float: right}

.apply_reader {border: 1px solid #dadada; margin-bottom: 20px}
.apply_reader .mid_tit {padding: 25px; text-align: center; font-size: 20px; background: #f9f9f9; font-weight: bold;  }
.apply_reader .sm_midtit {font-size: 14px; letter-spacing: -1px; padding: 4px 8px; color: #ff9340; border: 1px solid #ff9340; border-radius: 20px; background-color: #fff;}
.img_bd_g {width: 182px; margin-top:16px;}
.apply_reader .mid_tit .tit_date {display: inline-block; padding-bottom: 7px}
.btn_type_1 {background: #ff9340; border-radius: 50px; color: #FFFFFF; font-size: 14px; font-weight: bold; width:185px; margin: 10px auto 8px; padding: 9px 0; letter-spacing: -1px}
.btn_type_1 a:link {color: #FFFFFF; text-decoration: none}
.btn_type_1 a:hover {color: #FFFFFF; text-decoration: none!important}
.btn_type_1 a:visited {color: #FFFFFF; text-decoration: none}
.btn_type_2 {border-radius:50px; background: #ffffff; color: #7B7B7B; font-size: 14px; font-weight: bold; width:185px; margin: 10px auto 8px; padding: 9px 0; border: 1px solid #c1c1c1; letter-spacing: -1px}
.btn_type_2 a:link {color: #FFFFFF; text-decoration: none}
.btn_type_2 a:hover {color: #FFFFFF; text-decoration: none!important}
.btn_type_2 a:visited {color: #FFFFFF; text-decoration: none}
.apply_reader a:link {text-decoration: none}
.apply_reader a:hover {text-decoration: none}
.apply_reader a:visited {text-decoratft_blackion: none}

.list_last  .paper_list li a:link { text-decoration: none}
.list_last  .paper_list li a:hover { text-decoration: none}
.list_last  .paper_list li a:visited { text-decoration: none}

.lux_best {width: 100%; clear:both; }
.lux_bestclick {font-size: 17px; border-top: 1px solid #000000; border-bottom: 1px solid #d6d6d6; padding-top: 10px; padding-bottom: 10px ; position:relative; width:300px}
.lux_bestclick img {margin-right: 9px; vertical-align: -3px; display: inline-block;}
.bestclick_box {margin-top:15px; width:100%; overflow:hidden; padding-bottom: 20px}
.bestclick_art {text-align:left; clear:both; border-bottom:1px solid #eaeaea; overflow:hidden; padding:10px 0 10px 4px}
.bestclick_art dt {text-align:left; font-weight:normal; font-size:15px; line-height:21px; letter-spacing:-0.05em; padding-bottom:7px}
.bestclick_art dt a{color:#141414}
.bestclick_art .thum {float:right; padding-left:15px}
.bestclick_art .num {color:#1b52ed; letter-spacing:-1px; font-size:17px;width:25px; display:block; float:left; font-weight:700;  vertical-align: top; height: 50px; }


.economy_new_info {margin-top: 40px; }
.economy_new_info .new_info_tit {margin-bottom: 20px; text-align: center;}
.economy_new_info .new_info_tit img {height: 20px;}
.economy_new_info ul li:first-child {width: 48%; float: left;}
.economy_new_info ul li:last-child {width: 48%; float: right;}
.economy_new_info ul li a {text-decoration: none; box-sizing: border-box; text-align: center; border-radius: 50px; display: inline-block; padding: 8px 0; border: 1px solid #d9d9d9; color: gray; width: 100%; background-color: #FBFBFB;}
.economy_new_info ul li a:hover {box-sizing: border-box; text-align: center; border-radius: 50px; display: inline-block; padding: 8px 0; border: 1px solid #ff9340; background: #ff9340; color: #fff; width: 100%; font-weight: bold;}
.economy_new_info2 .new_info_tit2 img {margin-top: 50px;}
/* //reporter, ad request area */


.sitemap_lux {width: 1205px; margin: 0 auto}

.sitemap_menu{clear:both; position:relative;  padding:18px 0 25px; width:100%; background:#fff; border-top:1px solid #d0d0d0}
.sitemap_menu .sitemap_in{position:relative;overflow:hidden;padding-top:10px;clear:both;letter-spacing:-1px}
.sitemap_menu .sitemap_in div{float:left}
.sitemap_menu .sitemap_in .ct1 {width:150px;}
.sitemap_menu .sitemap_in .ct2 {width:150px; }
.sitemap_menu .sitemap_in .ct3 {width:150px;  }
.sitemap_menu .sitemap_in .ct4 {width:150px;}
.sitemap_menu .sitemap_in .ct5 {width:150px; }
.sitemap_menu .sitemap_in .ct6 {width:150px; }
.sitemap_menu .sitemap_in .ct7 {width:150px; }
.sitemap_menu .sitemap_in .ct8 {width:150px;  }
.sitemap_menu .sitemap_in ul{font-size:12px;line-height:23px; text-align:left}
.sitemap_menu .sitemap_in ul li{line-height:23px}
.sitemap_menu .sitemap_in ul li.tit{margin-bottom:10px}
.sitemap_menu .sitemap_in ul li.tit a {font-size:14px;font-weight:bold;color:#ff7e00}
.sitemap_menu .sitemap_in ul li a{color:#666;font-size:13px;}
.sitemap_menu .sitemap_in ul li.mb25{margin-bottom:24px}


.sitemap_menu2{clear:both; position:relative; margin:40px auto 0; padding-top:10px; width:100%; background:#fff; border-top:1px solid #d9d9d9}
.sitemap_menu2 .sitemap_in{position:relative;overflow:hidden;padding:15px 0 23px; margin:0 auto; width:1180px; clear:both;letter-spacing:-1px}
.sitemap_menu2 .sitemap_in div{float:left}
.sitemap_menu2 .sitemap_in .ct1 {width:147px}
.sitemap_menu2 .sitemap_in .ct2 {width:147px}
.sitemap_menu2 .sitemap_in .ct3 {width:147px}
.sitemap_menu2 .sitemap_in .ct4 {width:147px}
.sitemap_menu2 .sitemap_in .ct5 {width:147px}
.sitemap_menu2 .sitemap_in .ct6 {width:147px}
.sitemap_menu2 .sitemap_in .ct7 {width:147px}
.sitemap_menu2 .sitemap_in .ct8 {width:147px}
.sitemap_menu2 .sitemap_in ul{font-size:12px;line-height:23px; text-align:left}
.sitemap_menu2 .sitemap_in ul li{line-height:23px}
.sitemap_menu2 .sitemap_in ul li.tit{margin-bottom:10px}
.sitemap_menu2 .sitemap_in ul li.tit a {font-size:14px;font-weight:bold;color:#ff7e00}
.sitemap_menu2 .sitemap_in ul li a{color:#666;font-size:13px;}
.sitemap_menu2 .sitemap_in ul li.mb25{margin-bottom:24px}



/* footer */
#footer{position:relative;width:100%;z-index:5}
#footer .inbox{position:relative;width:1205px;margin:0 auto;border-top:1px solid #d9d9d9}
#footer .inbox .sitemap{position:relative;overflow:hidden;text-align:right;font-size:14px;line-height:38px;color:#222;font-weight:bold;letter-spacing:-1px}
#footer .inbox .sitemap img{vertical-align:middle}
#footer .inbox .sitemap a{color:#222}
#footer .inbox .foot_sec1{position:relative;float:left;width:129px;text-align:left;padding-top:29px}
#footer .inbox .foot_sec2{position:relative;float:left;width:950px;padding-top:22px}
#footer .inbox .foot_sec3{position:absolute;right:0;top:30px}
#footer .inbox .foot_sec3 select{width:140px; height:26px; font-size:12px; color:#222; vertical-align:middle; padding:0 5px; border:1px solid #d5d5d5}

ul.footer_u{position:relative;overflow:hidden;padding-left:19px}
ul.footer_u.add_area{margin-bottom:40px;margin-top:10px}
ul.footer_u li{float:left;font-size:12px;line-height:24px;color:#666;background:url(../gif/bar4-3.gif) no-repeat right 60%;padding-right:9px;padding-left:9px;letter-spacing:-1px;font-weight:normal}
ul.footer_u li.first{background-image:none;color:#141414;padding-right:11px;padding-left:0;font-weight:bold}
ul.footer_u li.first2{padding-left:0;font-size:12px;color:#666;letter-spacing:-0.05em}
ul.footer_u li.last{background-image:none}
ul.footer_u li.add{font-size:12px;color:#666;letter-spacing:-0.05em}
ul.footer_u li.add_last{background-image:none;font-size:12px;color:#666;letter-spacing:-0.05em}
ul.footer_u li.add_last span{display:inline;color:#888;padding-left:6px}
ul.footer_u li.add_last span .rssimg{vertical-align:middle;position:relative;bottom:2px;margin-right:3px}
ul.footer_u li a{color:#666}

#footer .inbox .foot_sec1_n {position:relative;float:left;width:110px!important;text-align:left;padding-top:29px}
#footer .inbox .foot_sec2_n {position:relative;float:left;width:990px!important;padding-top:23px;}
ul.footer_u_n {position:relative;overflow:hidden;padding-left:0!important; }
ul.footer_u_n.add_area{margin-bottom:40px;margin-top:10px}
ul.footer_u_n li{float:left;font-size:12px;line-height:24px;color:#666;background:url(../gif/bar4-3.gif) no-repeat right 60%;padding-right:9px;padding-left:9px;letter-spacing:-1px;font-weight:normal}
ul.footer_u_n li.first{background-image:none;color:#141414;padding-right:11px;padding-left:0;font-weight:bold}
ul.footer_u_n li.first2{padding-left:0;font-size:12px;color:#666;letter-spacing:-0.05em}
ul.footer_u_n li.last{background-image:none}
ul.footer_u_n li.add{font-size:12px;color:#666;letter-spacing:-0.05em}
ul.footer_u_n li.add_last{background-image:none;font-size:12px;color:#666;letter-spacing:-0.05em}
ul.footer_u_n li.add_last span{display:inline;color:#888;padding-left:6px}
ul.footer_u_n li.add_last span .rssimg{vertical-align:middle;position:relative;bottom:2px;margin-right:3px}
ul.footer_u_n li a{color:#666}

/* showcase */
.lux_main .slide {position:relative;}
.lux_main .slide .thumb {display:block;position:absolute;z-index:1;top:0;left:0;width:858px;height:505px;}
.lux_main .slide .thumb img {width:858px;height:505px;}
.lux_main .slide .thumb .shadow {border:none;background:#000;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40);}
.lux_main .slide .text_wrap {position:relative;z-index:2;width:858px;height:477px;text-align:center; vertical-align: middle; margin-bottom: 10px}
.lux_main .slide .headline {text-align: left; display:block;padding:0 40px;color:#fff;font-size:35px;line-height:44px;letter-spacing:-0.06em;}
.lux_main .slide .headline a {display:block;color:#fff;}

.lux_main .headline {display:block;position:absolute;bottom:8%;left:10px;right:10px;max-height:250px;color:#fff;font-weight:bold;font-size:17px;line-height:24px;letter-spacing:-0.06em;overflow:hidden; text-shadow: 1px 1px 1px #333}
.lux_main .headline a {display:block;color:#fff;}
.text_wrap .headline .sm1_gold {font-weight: bold; color: #ff9340; font-size: 20px; letter-spacing: 0; position: relative; top: 3px}
.lux_bimg {position: absolute; left: 0; top: 0; z-index: 100}

.main_article {margin-top:9px;}
.main_article li {float:left;position:relative;width:280px;margin-left:9px;overflow:hidden;}
.main_article li:first-child {margin-left:0;}
.main_article .thumb {display:block;width:280px;height:166px;}
.main_article .thumb img {width:280px;height:166px;}
.main_article .thumb .mask {border:none;background:#000;opacity:.2;-ms-filter:alpha(opacity=20);filter:alpha(opacity=20);}
.main_article .thumb .shadow {background:url('../bg_black_top2.html') 0 100% no-repeat; z-index: 100}
.main_article .headline {display:block;position:absolute;bottom:22px;left:10px;right:10px;max-height:72px;color:#fff;font-weight:bold;font-size:17px;line-height:24px;letter-spacing:-0.06em;overflow:hidden; z-index: 100}
.main_article .headline a {display:block;color:#fff;}

.clearfx {zoom:1;}
.clearfx:after {content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.sm2_gold {font-size:15px; color:#ff9340; font-weight:bold;}

/* new main news list */
.new_list_area .new_list_tit {font-size: 22px; font-weight: bold; margin: 20px 0;}
.new_list_area > ul {margin-bottom: 30px; overflow: hidden;}
.new_list_area > ul > li {float: left; width: 280px; margin: 0 9px 20px 0; font-size: 16px; letter-spacing: -1px; font-weight: normal; line-height: 1.357em;}
.new_list_area > ul li:last-child {margin-right: 0;}
.new_list_area ul li a > h3 {color: #8e8e8e; font-size: 14px; z-index: 1000; margin: 2px 0 6px 0; font-weight: normal; letter-spacing: 0;}
.new_list_area > ul > li > a {text-decoration: none;}
.new_list_area > ul > li > a > img {border: 1px solid#eeeeee; width: 280px; height: 166px; margin-bottom: 10px; height: 155px;}
.new_list_area > ul > li > a:hover p {text-decoration: underline;}
.new_list_area > ul > li > a > p{height: 46px; letter-spacing: -1px; font-weight: normal;line-height: 1.45em; max-height: 2.9em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/* news_list */
.list_area {overflow:hidden; position:relative; width:100%; clear: both;}
.list_area  .article_list {position:relative; overflow:hidden; padding:25px 0;border-bottom:1px solid #e5e5e5; clear:both; width:100%}
.list_area .article_list .tit a{display:inline ;padding:0 5px 0 0;font-size:22px;line-height:30px; margin-top:-1px;color:#333;font-weight:700; }
.list_area  .article_list .desc {overflow:hidden; width: 100%}
.list_area  .article_list .date {display:block;padding-top:12px;font-size:12px;letter-spacing:-0.05em;color:#999;font-weight:normal}
.list_area  .article_list .date2 {padding-left:2px;font-size:12px;letter-spacing:-0.05em;color:#999;font-weight:normal}
.list_area  .article_list .desctxt a{display:block;margin:11px 0 0;padding:0 5px 0 0;font-size:13px;line-height:20px;letter-spacing:-0.05em;color:#777}
.list_area  .article_list .desctxt {display:block;margin:11px 0 0;padding:0 5px 0 0;font-size:13px;line-height:20px;letter-spacing:-0.05em;color:#777}
.list_area  .article_list .thumb {float:left;position:relative;overflow:hidden;margin:0 20px 5px 0;font-size:0;line-height:0; }
.list_area .article_list .thumb .im_boder{position:absolute;display:block;top:0;left:0;right:0;bottom:0;border:1px solid #000;filter:alpha(opacity=10);opacity:0.10;z-index:100}
.list_area  .article_list .thumb img {max-width:150px; max-height:200px; min-height:70px}
.list_area  .article_list .rank_num{float:left;width:45px;height:55px;margin-right:5px;text-align:center;font-size:25px}
.sm_gold {color: #e0be23; font-size: 15px; font-weight: normal; letter-spacing: 0; line-height:25px}
.sm_grey   {color: #7f7f7f; font-size: 14px; font-weight: normal; letter-spacing: 0; line-height:25px}
.last { border-bottom: none}

.list_titles {border-bottom: 2px solid #b0b0b0; font-size: 30px; font-weight: bold; letter-spacing: -1px; padding-bottom: 10px; margin-bottom: 15px; position: relative; width:858px}

.paging {position: relative;width: 100%;text-align: center;margin: 50px 0;clear: both;float: left}
.paging a {display: inline-block;color: #656565;font-size: 18px;width: 32px;height: 32px;line-height: 32px;vertical-align: middle;margin-right: -1px; text-decoration:none;font-family:"tahoma",Helvetica,Arial,sans-serif;}
.paging a:hover { color: #656565}
.paging a:visited { color: #656565}
.paging .on{color:#fff!important;border:1px solid #1b52ed; background: #1b52ed}
.paging .pre {background: url(../btn_pre.html)  1px 3px}
.paging .pre:hover{background: url(../btn_pre_hover.html)  2px 3px}
.paging .next {background: url(../btn_next.html) 1px 3px}
.paging .next:hover{background: url(../btn_next_hover.html) 1px 3px}


.top_menu .topsbmenu .menu_on {color: #e0be23!important; font-weight: bold; border-bottom: 3px solid #e0be23; padding: 18px 0}

.im_btn_arrow {position: absolute; right: 0; top: 2px}
.ft_big_gold {color: #a28919; font-size: 20px}
.bx_book_m {position: relative}
.bx_book_m .b_img{float: left}
.bx_book_m .book_cont {background: #f7f7f7; float: right; width: 660px; margin: 20px 0; }
.bx_book_m .book_cont .inner {padding: 30px; font-size: 15px; line-height: 20px; color: #5b5b5b; letter-spacing: -1px}
.book_list { overflow:hidden; padding-bottom: 20px; padding-top: 10px}
.book_list li { padding: 5px 0; }



.article_body {   font-size: 17px;    line-height: 32px;    margin: 80px 0 50px 0;    color: #333;     letter-spacing: -0.2px; border-bottom: 2px solid #d1d1d1; padding-bottom: 30px}
.article_body .image {    text-align: center;    margin: 40px 0;    max-width:100%;}
.article_body .image .caption {   font-size: 14px!important;    color: #5a5a5a;    line-height: 18px;    width: 580px;    margin: 0 auto; padding-top: 7px}


/* search  */
.gnb_srch_m {overflow:hidden; position:absolute; top:10px; right:0; display:block; width:250px; height:35px; z-index:1000000001; }
.gnb_srch_m legend {display:none}
.gnb_srch_m .srch_wrap_m {overflow:hidden; position:relative; width:214px; height:26px; margin:6px 34px 0 0; border:1px solid #d6d6d6; background: #fff}
.gnb_srch_m input.text {width:168px; height:26px; font-size:12px; color:#333; padding:0 0 2px 10px; border:0; outline:0}
.gnb_srch_m input.text:focus {color:#333}
.gnb_srch_m input.img {position:absolute; top:7px; right:35px; display:block; width:30px; height:26px; text-indent:-9999px; border:0; background:url(../png/ic_srch_white.png) no-repeat center 45%; cursor:pointer; z-index:100000003}
.gnb_srch_m input.img_m {position:absolute; top:7px; right:35px; display:block; width:30px; height:26px; text-indent:-9999px; border:0; background:url(../png/srch-2.png) no-repeat center 45%; cursor:pointer; z-index:100000003}
.gnb_srch_m .btn_close {position:absolute; top:0; right:0; display:block; width:34px; height:34px; text-indent:-9999px; background:url(../png/btn_close-2.png) no-repeat 0 3px; cursor:pointer; z-index:100000001;}
.gnb_srch_m .btn_close_m {position:absolute; top:0; right:0; display:block; width:34px; height:34px; text-indent:-9999px; background:url(../png/btn_close-2.png) no-repeat 0 3px; cursor:pointer; z-index:100000001;}

.gnb_srch{position:absolute;overflow:hidden;display:block;top:0;right:0;background:#fff;width:250px;height:35px;z-index:100000001}
.gnb_srch legend{display:none}
.gnb_srch .srch_wrap{position:relative;overflow:hidden;margin:6px 34px 0 0;border:1px solid #d6d6d6;width:214px;height:26px}
.gnb_srch input.text{width:168px;height:26px;background:#fff;font-size:12px;color:#888;padding:0 0 2px 10px;border:0;outline:0;}
.gnb_srch input.text:focus{color:#141414}
.gnb_srch input.img{position:absolute;top:7px;right:35px;background:url(../png/srch-2.png) no-repeat center 45%;display:block;width:30px;height:26px;text-indent:-9999px;border:0;cursor:pointer;z-index:100000003}
.gnb_srch .btn_close{background:url(../png/btn_close-2.png) no-repeat 0 3px;position:absolute;top:0;right:0;display:block;width:34px;height:34px;text-indent:-9999px;cursor:pointer;z-index:100000002}

.btn_floating {    position: fixed;    left: 50%;    margin-left: 635px;    bottom: 20px;    z-index: 1000;    width: 75px;}

.article_list dd { width:170px; text-align: center}
.article_list .thumb {float:left;position:relative;overflow:hidden;margin:0 20px 5px 0;font-size:0;line-height:0}
.article_list .thumb .im_boder{border: none}
.article_list .thumb img{width:170px ;border:1px solid #d5d5d5 }
.article_list .rank_num{float:left;width:45px;height:55px;margin-right:5px;text-align:center;font-size:25px}

.article_list .thumb2 {float:left;position:relative;overflow:hidden;margin:0 20px 5px 0;font-size:0;line-height:0}
.article_list .thumb2 img{  max-height:105px;border:1px solid #d5d5d5 }
.article_list .thumb2 .im_boder{ border: none}


/*  add  main_thum class */
.lux_main .slide .thumb1  {display:block;position:absolute;z-index:1;top:0;left:0;width:858px;height:477px; text-align: center; overflow: hidden}
.lux_main .slide .thumb1 img {width:858px}
.lux_main .slide .thumb1 .shadow {border:none;background:#000;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40);}

.lux_main .slide .thumb2 {display:block;position:absolute;z-index:1;top:0;left:0;width:858px;height:505px; text-align: center; overflow: hidden}
.lux_main .slide .thumb2 img {height:505px;}
.lux_main .slide .thumb2 .shadow {border:none;background:#000;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40);}

.main_article .thumb1 {display:block;width:283px;height:166px; overflow: hidden; text-align: center}
.main_article .thumb1 img {width:283px; height: 155px;}
.main_article .thumb1 .mask {border:none;background:#000;opacity:.2;-ms-filter:alpha(opacity=20);filter:alpha(opacity=20);}
.main_article .thumb1 .shadow {background:url('../bg_black_top2.html') 0 100% no-repeat; z-index: 100}

.main_article .thumb2 {display:block;width:283px;height:166px; overflow: hidden; text-align: center}
.main_article .thumb2 img {height:166px;}
.main_article .thumb2 .mask {border:none;background:#000;opacity:.2;-ms-filter:alpha(opacity=20);filter:alpha(opacity=20);}
.main_article .thumb2 .shadow {background:url('../bg_black_top2.html') 0 100% no-repeat; z-index: 100}

/*  modify ad */
.apply_reader {border: 1px solid #dadada; margin-bottom: 25px}
.ad {margin-bottom: 20px; overflow: hidden}


.topimg_cont {position:relative; width:100%;height:460px}
.topimg_cont .topimg {margin:0 auto; width:100%; position:absolute; left:0; top:0 ;}
.topimg_cont .topimg  .imgbox {width:1180px; margin:0 auto; height:460px}
.topimg_cont .topimg  .imgbox  .mainbx {position:relative; margin-top:25px}
.topimg_cont .topimg  .imgbox  .mainbx  .left {float:left}
.topimg_cont .topimg  .imgbox  .mainbx  .right {float:right}
.big_img {position:relative; width:770px; height: 433px; overflow: hidden;   border-radius:15px; box-shadow: 1px 1px 4px black }
.big_img .t_white {color: #FFFFFF; font-weight: 700; font-size: 32px; position: absolute; bottom: 20px ; left: 25px; z-index: 5000; margin-right: 15px; line-height: 38px}
.bg_bt_black {width:770px; position:absolute; bottom:0px; left:0; border-bottom-right-radius:15px; border-bottom-left-radius: 15px; z-index: 100}
.bg_bt_black2 {width:380px; position:absolute; bottom:0px; left:0; border-bottom-right-radius:15px; border-bottom-left-radius: 15px; z-index: 100}
.main_img {width:770px;  position:absolute; bottom:0px; }
.main_img_s {width:380px;  position:absolute; bottom:0px; }
.sm_img {position: relative; width: 380px; height: 210px; overflow: hidden; border-radius:15px; box-shadow: 1px 1px 4px black }
.t_white_s {color: #FFFFFF; font-weight: 700; font-size: 22px; position: absolute; bottom: 12px ; left: 20px; z-index: 5000; margin-right: 15px; line-height: 25px}
.contents {width: 1240px;  position: relative}
.out_contents {width: 100%; position: relative; margin: 0 auto}
.ic_left_arrow {position: absolute; left: 0; top: 130px}
.ic_right_arrow  {position: absolute; right: 0; top: 130px}
.car_brand {border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 50px;width: 1180px; padding-top: 20px; margin: 0 auto 50px; overflow: hidden}
.car_brand .t_car_tit {font-size: 24px; font-weight: 600}
.car_brand .ft_color {color: #4246e9}
.car_brand .tb_list {position: relative; display: table; margin-top: 20px; width: 100%}
.car_brand .tb_list li {display: table-cell; text-align: center; width: 10%}
.car_brand .tb_list li  img {height: 40px}
.car_brand .tb_list2 {position: relative; display: table; margin-bottom: 15px; margin-top: 15px; width: 100%}
.car_brand .tb_list2 li {display: table-cell; text-align: center; width: 10%}
.car_brand .tb_list2 li  img {height: 40px}
.car_brand .tb_list3 {position: relative; display: table; margin-top: 20px; width: 100%}
.car_brand .tb_list3 li {display: table-cell; text-align: center; width: 10%}
.car_brand .tb_list4 {position: relative; display: table; margin-top: 20px; width: 100%; padding-bottom: 25px}
.car_brand .tb_list4 li {display: table-cell; text-align: center; width: 10%}
.pagenate {position: relative; clear: both;  margin: 0 auto; padding-top: 20px; padding-bottom: 20px; display: table}
.pagenate li {width: 30px; height: 3px;  background: #a5a5a5; display: table-cell; float: left; margin-left: 3px}
.pagenate li:first-child {width: 30px; height: 3px; margin-left: 0}
.pagenate li.on {background: #5f62ec}
.page_link {display: inline-block;width: 30px; height: 3px;}
.tb_st1 { margin: 0 auto; width: 320px}
.tb_st1 th, .tb_st1 td { padding: 5px 10px}
.ft_blue {color: #003eff}
.list_4cont {position: relative; margin-top: 20px; margin-bottom: 20px}
.list_4cont li {float: left; width: 25%; position: relative}
.list_4cont2 {position: relative; margin-top: 20px; margin-bottom: 20px}
.list_4cont2 li {float: left; width: 25%; position: relative; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; margin-top: 20px; text-align: center}

.car_logo {position: absolute; width: 50px; left: 0; top: 0}
.list_3cont {position: relative; margin:20px auto; width: 1180px; overflow: hidden }
.list_3cont li {float: left; width:366px; margin-right:40px}
.list_3cont li:last-child {float: left; width:366px; margin-right:0}
.list_3cont li img {width:366px}
.ft_17 {padding-top:10px; font-size:17px}
.photo_gallery {width:1180px; margin:20px auto 0; overflow:hidden; position:relative}
.photo_gallery li {float:left; width:392px; position:relative; margin-left:2px; height: 220px; overflow: hidden; margin-bottom: 2px}
.photo_gallery li:first-child {float:left; width:392px; position:relative; margin-left:0}
.photo_gallery li  img {width:392px}
.photo_gallery2 {width:1180px; margin:0px auto; overflow:hidden; position:relative}
.photo_gallery2 li {float:left; width:392px; position:relative; margin-left:2px; height: 220px; overflow: hidden}
.photo_gallery2 li:first-child {float:left; width:392px; position:relative; margin-left:0}
.photo_gallery2 li  img {width:392px}
.im_black {position:absolute; left:0; bottom:0}
.ft_black {color:#fff; position:absolute; bottom:15px; left:0; width:392px; text-align:center}
.midimg {width: 280px}
.car_lk {width: 280px; height: 140px; overflow: hidden; text-align: center}
.back_topimg {width: 100%; background:url(../jpg/im_back_img.jpg) no-repeat left top; width:100%; min-width:1200px;  height:394px}

.drop_menu {position:relative; width: 100%; z-index: 10000000000000;}
.drop_menu .dropbox {width: 100%; background: #5881f4; position: absolute; height: 50px; color: #FFFFFF; left: 0; top: 0;filter:alpha(opacity=95);opacity:0.95; }
.drop_menu .dropbox .sbmenu {width: 990px; margin: 0 auto}
.drop_menu .dropbox .sbmenu_s {position: relative; margin-left: 235px; padding-top: 12px}
.drop_menu .dropbox .sbmenu_s  li {float: left; padding-left: 30px}
.drop_menu .dropbox .sbmenu_s  li:first-child {float: left; padding-left: 0}
.drop_menu .dropbox .sbmenu_s  li  a:link { color: #FFFFFF}
.drop_menu .dropbox .sbmenu_s  li  a:hover { color: #FFFFFF}
.drop_menu .dropbox .sbmenu_s  li  a:visited { color: #FFFFFF}
.drop_menu .dropbox .sbmenu_s  li.on { font-weight: 700; text-decoration: underline }

.sub_topmenu {clear: both; width: 1180px; margin: 100px auto 0;  height: 47px; position: relative; }
.sub_topmenu .sub_logo {width: 200px;  position: relative; bottom: 10px; float: left}
.top_menu2 .topsbmenu2 {margin: 0 auto; width: 750px; float: right}
.top_menu2 .topsbmenu2 li {float: left; color: #333; font-size: 18px; padding: 0 0  20px  0}
.top_menu2 .topsbmenu2 li { width:25%; text-align: center;  }
.top_menu2 .topsbmenu2 li a {color: #000!important;}
.top_menu2 .topsbmenu2 li a:hover {color: #1b52ed!important; font-weight: 700; border-bottom: 3px solid #1b52ed; text-decoration: none; padding-bottom: 18px}
.top_menu2 .topsbmenu2 li a:visited {color: #FFFFFF}
.top_menu2 .topsbmenu2 li:first-child {padding-left:0}
.top_menu2 .topsbmenu2 li:last-child {padding-right:0}
.top_menu2 .topsbmenu2 li.on a { color: #1b52ed!important; font-weight: 700;}
/*.top_menu2 .topsbmenu2 li.on a:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background:#1b52ed}
.top_menu2 .topsbmenu2 li.on a:hover:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background:#1b52ed}*/

.subcontainer {clear: both; width: 1180px; margin: 50px auto 0; clear: both; position: relative; background: url(../gif/bg_back_gray.gif) repeat-y 0 0; overflow: hidden;}
.subcontainer2 {clear: both; width: 1180px; margin: 50px auto 0; clear: both; position: relative;  overflow: hidden;}
.content_left {position:relative;width:820px;float:left}
.content_right {position:relative;float:right; width: 300px;}

.lux_model { clear:both; margin-top:30px;  overflow: hidden}
.model_l {float:left; width: 170px}
.tx_model {font-size:17px; font-weight:500;padding-bottom:5px}
.tx_price {color:#8d8d8d; font-size:14px;}
.img_model {width:100px; float:right}
.model_menulist {position:absolute; right:0; bottom:0}
.model_menulist .mnu_3 {position:relative;}
.model_menulist .mnu_3 li {float:left; font-size:14px; font-weight:200; margin-left:15px;padding-bottom:10px;}
.model_menulist .mnu_3 li.on {font-weight:700;  color:#1b52ed;border-bottom:3px solid #1b52ed}
.model_menulist .mnu_3 li.on a:link {color:#1b52ed}
.model_menulist .mnu_3 li.on a:hover {color:#1b52ed}
.model_menulist .mnu_3 li.on a:visited {color:#1b52ed}
.prev_small {position:relative; margin-bottom:20px;}
.bt_sm_view {position:absolute; right:0; top:0; font-size:14px}
.photo_gal {margin-top:30px; clear:both; width:300px; overflow:hidden; position:relative; margin-bottom:30px}
.im_black3 {position:absolute; left:0; bottom:0;width:300px}
.ft_gal_tit {color:#fff; position:absolute; bottom:15px; left:0; width:300px; text-align:center}
.prev_next {position:absolute; right:0; top:10px;}
.prev_next .button {position:relative;}
.prev_next .button .left1 {float:left; width:26px;}
.prev_next .button .right1 {float:left; width:25px}

.prev_small .button {position:relative;}
.prev_small .button .left1 {float:left; width:26px;}
.prev_small .button .right1 {float:left; width:25px}

.drop_menu2 .dropbox .sbmenu_s_on {position: relative; margin-left: 465px; padding-top: 12px}
.drop_menu2 .dropbox .sbmenu_s_on  li {float: left; padding-left: 30px}
.drop_menu2 .dropbox  .sbmenu_s_on  li:first-child {float: left; padding-left: 0}
.drop_menu2 .dropbox	.sbmenu_s_on li { color:#231815 }
.drop_menu2 .dropbox	.sbmenu_s_on li a:link { color:#231815 }
.drop_menu2 .dropbox	.sbmenu_s_on li a:hover { color:#231815 }
.drop_menu2 .dropbox	.sbmenu_s_on li a:visited { color:#231815 }
.drop_menu2 .dropbox	.sbmenu_s_on li.on a:link { color:#1b52ed ;font-weight: 700; text-decoration: underline}
.drop_menu2 .dropbox	.sbmenu_s_on li.on a:hover { color:#1b52ed ;font-weight: 700; text-decoration: underline}
.drop_menu2 .dropbox	.sbmenu_s_on li.on a:visited { color:#1b52ed ;font-weight: 700; text-decoration: underline}
.drop_menu2 {position:relative; width: 100%; z-index: 10000;}
.drop_menu2 .dropbox {width: 100%; background: #FFFFFF; position: absolute; height: 50px; color: #FFFFFF; left: 0; top: 0;}
.drop_menu2 .dropbox .sbmenu {width: 990px; margin: 0 auto}

.car_searchbx {border: 1px solid #e9e9e9; border-radius: 10px; box-shadow: 1px 1px 3px rgba(51, 51, 51, 0.2); width: 1174px; margin: 8px auto;}
.car_searchbx .pdbox {padding: 15px 25px 20px 25px}
.car_searchbx .tb_list {position: relative; display: table; margin: 10px auto 0; width: 97%;  overflow: hidden }
.car_searchbx .tb_list li {display: table-cell; text-align: center; width: 10%; padding: 3px 0; font-size:14px }
.car_searchbx .tb_list li  img {height: 30px}
.car_searchbx .tb_list2 {position: relative; display: table; margin:10px auto 15px; width: 97%;  overflow: hidden }
.car_searchbx .tb_list2 li {display: table-cell; text-align: center; width: 10%; padding: 3px 0; font-size:14px}
.car_searchbx .tb_list2 li  img {height: 40px}
.car_searchbx .tb_list3 {position: relative; display: table; margin :5px auto 10px; width: 97%}
.car_searchbx .tb_list3 li {display: table-cell; text-align: center; width: 10%; padding: 3px 0; font-size:14px }
.select_on {border: 1px solid #1b52ed; border-radius: 10px;box-shadow: 1px 1px 4px #b1c4f9; font-weight: 700 ; color: #1b52ed; padding: 5px 0}
.select_on a:link {color: #1b52ed}
.select_on a:hover {color: #1b52ed}
.select_on a:visited {color: #1b52ed}
.select_off { padding: 5px 0;border: 1px solid  #fff; border-radius: 10px;}
.select_off a:link {border: 1px solid #fff; border-radius: 10px}
.select_off a:hover {border: 1px solid  #fff; border-radius: 10px}
.select_off a:visited {border: 1px solid  #fff; border-radius: 10px}
.search_select {border-top: 1px solid #e0e0e0; width:100%;}
.carmenu {border-top: 2px solid #8f8f8f; border-bottom: 1px solid #c6c6c6; padding: 15px 0; margin: 50px auto; overflow: hidden; position: relative}
.left_car_menu {position: relative; overflow: hidden}
.left_car_menu li {float: left; padding: 0 15px ; border-right: 1px solid #e7e7e7;  font-size: 15px; }
.left_car_menu li:last-child { border-right: none}
.left_car_menu .on {color: #1b52ed; font-weight: 700;}
.left_car_menu .on a:link {color: #1b52ed;}
.left_car_menu .on a:hover {color: #1b52ed;}
.left_car_menu .on a:visited {color: #1b52ed;}
.bt_viewall {width: 95%; margin: 0 auto; text-align: center; padding-bottom: 10px}
.search_sm_car {position: absolute; right: 0; top: 5px}
.search_sm_car .out_search {overflow:hidden; position:relative; width:214px; height:26px; margin:6px 0 0 0; border:1px solid #d6d6d6; background: #fff}
.text_sm_search {width:168px; height:26px; font-size:12px; color:#333; padding:0 0 2px 10px; border:0; outline:0}
.img_sm_search {position:absolute; top:7px; right:2px; display:block; width:30px; height:26px; text-indent:-9999px; border:0; background:url(../png/srch-2.png) no-repeat center 45%; cursor:pointer; z-index:100000003}

.box_car_top {margin-top: 50px; clear: both; position: relative}
.tab_tpmenu {position: relative; overflow: hidden}
.tab_tpmenu dd {float: left; padding: 5px 0; margin-right: 10px }
.tab_tpmenu dd:last-child {float: left; padding: 5px 0; margin-right: 10px }
.tab_on {border: 1px solid #1b52ed; border-radius: 20px;box-shadow: 1px 1px 4px #b1c4f9; font-weight: 700 ; color: #1b52ed; padding: 5px 20px}
.tab_off {border: 1px solid #d3d3d3; border-radius: 20px;box-shadow: 1px 1px 4px #e1dede; font-weight: 300 ; color: #656565; padding: 5px 20px}

.car_list_1 {position: relative; clear: both; width: 100%; margin-top: 30px; overflow: hidden; border-bottom: 1px solid #e1e1e1}
.car_list_1 .l_1 {float: left;display: table-cell; width: 370px;  text-align: center}
.car_list_1 .l_2 {float: left;display: table-cell; width: 550px; vertical-align: middle;}
.tb_cont { margin-top: 20px; width: 100%}
.tb_cont td { padding: 6px; font-size: 17px; color: #838383}
.tb_cont th { font-weight:500; color: #545454; padding: 6px;}
.bt_right_st {float: right; padding-top: 70px}
.car_logo2 {width: 70px; position: absolute;  left: 0; top: 0}
.midimg2 {width:320px}
.t_tit_name {width: 100%; text-align: center; padding:5px 0 15px 0; font-weight: 500; width: 260px; margin: 0 auto}
.t_tit_name .tfont {font-size: 20px; letter-spacing: -1px}

.tb_style_1 {clear: both; margin-top: 50px;  position: relative}
.tb_style_1  .list_tb {position: relative; width: 100%}
.tb_style_1  .list_tb .left_l {float: left; width: 48%}
.tb_style_1  .list_tb .right_l {float: right; width: 48%}

.bx_gray_bottom {background: #fafafa; border-radius: 15px; margin: 30px auto; width: 1180px}
.bx_gray_bottom .pd30 {padding: 30px; color: #777777; font-size: 14px}

.ft_top_brand {font-size: 22px; font-weight: 700; margin-bottom: 20px; position: relative}
.table_topbrand {width: 100%}
.table_topbrand th, .table_topbrand td { padding:10px; text-align: center }
.table_topbrand th {border-bottom: 2px solid  #e1e1e1; color: #8d8d8d }
.table_topbrand td { padding:10px; text-align: center; border-bottom: 1px solid #efefef }
.table_topbrand .ft_sm_b {color: #21b1f3; font-size: 12px}
.table_topbrand .ft_sm_r {color: #f57c4d; font-size: 12px}
.logo_sm_s {height: 30px; vertical-align: middle}
.table_topbrand .left { text-align:left}
.table_topbrand .center { text-align:center}
.table_topbrand .right { text-align:right}

.monthly_search {position: relative; overflow: hidden; margin-bottom: 20px; margin-top: 50px; width: 100%; display: table}
.monthly_search .tb_mon1 {display: table-cell; width: 60px}
.monthly_search .tb_mon2  {display: table-cell; width:60px; padding-left: 20px}
.monthly_search .tb_mon3   {display: table-cell; padding-left: 20px; width: 380px; text-align: left}
.t_month {font-size: 17px; font-weight: 500}
.sel_type {height: 40px; width: 170px; border: 1px solid #d5d5d5; font-size: 15px; text-align: center;padding-left: 10px}

.bt_smview {background: #3b3b3b; color: #FFFFFF; font-weight: 500; padding: 8px 20px;   text-align: center }
.bt_smview a:link {color: #FFFFFF}
.bt_smview a:hover {color: #FFFFFF}
.bt_smview a:visited {color: #FFFFFF}

.key_group {clear: both; overflow: hidden; height: 50px; padding-top: 0; margin-top: 30px}
.keyword_wrap {    display: inline-block;}
.keyword_wrap > li {    float: left;    padding: 7px 12px;    font-size: 13px;    color: #444444;    border: 1px solid #1b7eed;    border-radius: 30px;    margin-right: 5px; color:#1b7eed}
.keyword_wrap > li > a {    text-decoration: none; color:#1b7eed}
.model_group {border-top: 1px solid #d6d6d6; clear: both; position: relative; margin-top: 50px; margin-bottom: 30px; overflow: hidden}
.t_model_group {color: #1b52ed; font-weight: 700; font-size: 19px; margin-top: 30px}
.list_model {position: relative; padding-top:20px}
.list_model .t_model_big {float: left; position: relative;font-weight: 500}
.list_model .t_model_big2 {float: right}
.list_model .t_model_big2 img {width: 300px}
.list_model .t_model_big h4 {font-size: 24px}
.s_logo2 {float: left; width: 60px}
.ft_c_gy {color: #a8a8a8}


/*공유버튼호버*/
.art_share_btn{    position: relative;}
.share_btn_hover {    background-color: #fff;    border: 1px solid #efefef;    z-index: 1;    padding: 10px 20px;    width: 201px}
.share_btn_hover > li {    display: inline-block;    margin: 0 2px;}

/*글씨버튼호버*/
.art_font_btn {    position: relative;    z-index: 1;}
.art_share_btn{    position: relative;}
.art_share_btn {    position: relative;}
.font_btn_hover {    background-color: #fff;    border: 1px solid #efefef;    padding: 10px 20px;    width: 79px}
.font_btn_hover > li {    display: inline-block;    margin: 0 2px;}

.content_left .news_title_text { border-bottom: 1px solid #dddddd; padding-bottom: 25px; position: relative}
.content_left .news_title_text .top_title {font-size:35px!important; font-weight:500; line-height:50px; color:#333; letter-spacing:-2px; }
.content_left .news_title_text .sub_title1 {color:#6d6d6d; margin-top:24px; font-weight:normal; line-height:22px; font-size: 16px; border-left:3px solid #c5c5c5; padding-left: 15px }
.content_left .news_title_text .sub_title2 {color:#6d6d6d; padding-top:8px; font-weight:normal; line-height:24px}
.content_left .news_title_text .news_title_author { height:20px;  font-size:13px; color:#888; padding-top:40px }
.content_left .news_title_text .news_title_author a { color:#888; }
.content_left .news_title_author .author {float:left; color:#333333; }
.content_left .news_title_author .author a{color:#0a619c !important}
.content_left .news_title_author .lasttime {float:left; background:url(../ic_gap.html) no-repeat 10px 4px;padding-left:20px;}
.content_left .news_title_author .lasttime1 {float:left; padding-left:0;}
/*기사 버튼들*/
.article_btn_right {  position: absolute; right: 0; bottom: 20px }
.article_btn_right > div {    float: right;    margin-left: 5px;}
.art_btn_hover_wrap{     position: absolute;    top: 40px;}

/*공유버튼호버*/
.art_share_btn{    position: relative;}
.share_btn_hover {    background-color: #fff;    border: 1px solid #efefef;    z-index: 1;    padding: 10px 20px;    width: 201px}
.share_btn_hover > li {    display: inline-block;    margin: 0 2px;}

/*글씨버튼호버*/
.art_font_btn {    position: relative;    z-index: 1;}
.art_share_btn{    position: relative;}
.art_share_btn {    position: relative;}
.font_btn_hover {    background-color: #fff;    border: 1px solid #efefef;    padding: 10px 20px;    width: 79px
}
.font_btn_hover > li {    display: inline-block;    margin: 0 2px;}

/*//기사버튼들끝*/

.article_btn_right .art_print_btn > a {
    width: 34px;
    height: 34px;
    background: url(../ico_print.html);
    display: inline-block;
}
.article_btn_right .art_print_btn > a:hover{
    background: url(../ico_print_hover.html);

}
.article_btn_right .art_font_btn > a {
    width: 34px;
    height: 34px;
    background: url(../ico_font.html);
    display: inline-block;
}
.article_btn_right .art_font_btn > a:hover{
    background: url(../ico_font_hover.html);
}
.article_btn_right .art_share_btn > a {
    width: 34px;
    height: 34px;
    background: url(../ico_share.html);
    display: inline-block;
}
.article_btn_right .art_share_btn > a:hover{
    background: url(../ico_share_hover.html);
}

.model_table {position: relative; width: 100%; overflow: hidden; padding-top: 50px; padding-bottom: 30px}
.model_table .left_md {float: left; width: 350px; position: relative}
.model_table .center_md {float: left; width: 400px; text-align: center}
.model_table .right_md {float: right; width: 350px; position: relative; text-align: right}
.tit_model {font-size: 22px; font-weight: 500; padding-top: 10px}
.pdt15 {margin-top: 15px}
.tb_st1  {width: 260px;  margin: 0 auto}
.tb_st1 td.left { text-align:left }
.tb_st1 td.right { text-align:right }
.tb_st1 th.center { text-align:center}
.t_photo {font-size: 22px; font-weight: 700; border-top: 1px solid #848484; padding-top: 30px; margin-top: 70px; position: relative}
.im_photo_list {position: relative; overflow: hidden; width: 1020px; margin: 0 auto}
.im_photo_list  li {float: left; margin-left: 5px}
.im_photo_list  li:first-child {float: left; margin-left: 0}
.im_photo_list  li img { width:200px}
.im_photo_list  li { width:200px; height:105px; overflow:hidden}
.big_photo {text-align: center; padding: 10px 0}
.big_photo img { width: 820px}
.table_topbrand .left {  text-align: left}
.btn_sm_gray {border: 1px solid #7d7e7d ; border-radius:20px;  padding: 5px; width: 50px; font-size: 14px; float: left; margin-left: 5px}
.btn_sm_blue {border: 1px solid #1b52ed ; background: #1b52ed; color: #FFFFFF; border-radius:20px;  padding: 5px; width: 50px; font-size: 14px; float: left; margin-left: 5px}
.btn_center {position: relative; width: 208px ; margin: 0 auto;}

.car_info_color {position: relative; width: 100%; overflow: hidden; margin-top: 20px}
.car_info_color .left_c {float: left; width: 270px}
.car_info_color .mid_c {float: left}
.car_info_color .right_c {float: right}
.car_info_color .mid_c .midimg4 {width: 600px}
.car_company {font-size: 24px; font-weight: 50}
.car_company  img {width: 60px; vertical-align: middle}
.car_name_c {font-size: 28px; font-weight: 500}
.car_color {position: relative; margin-top: 50px}
.car_color dd {border-radius: 40px;  width: 20px; height: 20px;  float: left; margin-left: 5px; }
.car_color dd:first-child {border-radius: 40px;  width: 20px; height: 20px;  float: left; margin-left: 0; }
.select_model {position: absolute; right: 0; top: 30px;  background: #ececec; padding: 5px 15px; color: #606060; font-size: 15px; font-weight: 500}
.select_model a:link { color: #606060}
.select_model a:hover { color: #606060}
.select_model a:visited { color: #606060}
.car_color dd.on {width: 28px; height: 28px; border-radius: 54px; position: relative; bottom: 5px}
.car_smtit {font-size: 16px; font-weight: 200}

.layer { width: 700px; height: 600px;overflow-y: auto;  border: 1px solid #e0e0e2; position: relative; clear: both;  background: #fff; margin: 80px auto 0; z-index:9000000000!important}
.in30 {padding: 30px; }
.t_brand_sel {font-weight: 700; font-size: 24px; border-bottom: 1px solid #848484; padding: 10px 0; position: relative; width: 100%}
.right_close {position: absolute; right: 0; top:10px; z-index: 50000000!important}
.layer .tb_list2 {position: relative; display: table; margin-bottom: 20px; margin-top: 20px; width: 100%}
.layer .tb_list2 li { text-align: center; width: 12.5%; font-size: 14px; display: block; float: left}
.layer .tb_list2 li  img {height: 30px}
.layer .tb_list2 li a { border: 1px solid #fff; display: block; padding: 5px 0}
.layer .tb_list2 li a:hover { border: 1px solid #1b52ed; display: block;}
.layer .tb_list2 li a:visited { border: 1px solid #1b52ed; display: block;}

.t_model_sm {font-size: 16px; font-weight: 500; color: #797979; padding-top: 20px}
.layer .tb_list3 {position: relative; display: table; margin-bottom: 20px; margin-top: 20px; width: 100%}
.layer .tb_list3 li { text-align: center; width: 25%; font-size: 14px; display: block; float: left}
.layer .tb_list3 li  img {height: 50px}
.layer .tb_list3 li a { border: 1px solid #fff; display: block; padding: 5px 0}
.layer .tb_list3 li a:hover { border: 1px solid #1b52ed; display: block;}
.layer .tb_list3 li a:visited { border: 1px solid #1b52ed; display: block;}

.pd20 {padding: 20px; position: relative}
.layer2 { width: 750px; height: 600px;  border: 1px solid #e0e0e2;position: relative; clear: both;  background: #fff; margin: 80px auto 0; z-index:9000000000!important}
.tb_navy { width:690px;  position: fixed; }
.tb_navy th { background: #213c88; color: #FFFFFF; font-weight: 500; padding: 5px; font-size: 14px}
.tb_wt {width: 690px; clear: both; position: relative}
.tb_wt td { padding: 5px; border: 1px solid #e0e0e2; font-size: 14px}
.right_close2 {position: absolute; right: 0; top:0; z-index: 500000000000!important}
.fix_table { margin-top: 0; position: relative; overflow: hidden; height: 60px}
.img_fav {width: 366px; height: 203px; overflow: hidden; }
.img_fav img {vertical-align: middle;  }
.img_fav2 {width: 366px; height: 203px;  display: table-cell; vertical-align: middle; background: #f5f5f5}
.img_fav2 img {vertical-align: middle;  }

/* menu modify */
.top_menu .tpmenu {margin: 0 auto; overflow: hidden; width: 990px; }
.top_menu .tpmenu li {float: left; color: black; font-size: 18px; padding: 22px 0  19px  0}
.top_menu .tpmenu li { width:25%; text-align: center; }
.top_menu .tpmenu li a {color: #000!important;}
.top_menu .tpmenu li a:hover {color: #1b52ed!important; font-weight: 700; text-decoration: none;border-bottom: 5px solid #1b52ed; padding-bottom: 16px}

.top_menu .tpmenu li a:visited {color: #FFFFFF}
.top_menu .tpmenu li:first-child {padding-left:0}
.top_menu .tpmenu li:last-child {padding-right:0}
.top_menu .tpmenu li.on a { color: #1b52ed!important; font-weight: 700;}
.top_menu .tpmenu li.on a:hover {  }

.drop_m {display: block; position:absolute; left:0; top: 213px;  width: 100%;  z-index: 100000000}
.drop_m .dropbox {width: 100%; position: absolute;  left: 0; top: 0; }
.drop_m .dropbox .sbmenu {width: 1180px; margin: 0 auto; background: #5881f4;  color: #FFFFFF; filter:alpha(opacity=95);opacity:0.95; height: 50px;}
.drop_m .dropbox .sbmenu_s {position: relative; margin-left: 235px; width: 400px }
.drop_m .dropbox .sbmenu_s  li {float: left; padding-left: 30px; font-size: 15px; padding-top: 14px}
.drop_m .dropbox .sbmenu_s  li:first-child {float: left; padding-left: 0}
.drop_m .dropbox .sbmenu_s  li  a:link { color: #FFFFFF!important; font-weight: 100; border-bottom: none }
.drop_m .dropbox .sbmenu_s  li  a:hover { color: #FFFFFF!important; font-weight: 100; border-bottom: none;text-decoration: underline}
.drop_m .dropbox .sbmenu_s  li  a:visited { color: #FFFFFF!important ;font-weight: 100; border-bottom: none }
.drop_m .dropbox .sbmenu_s  li.on { font-weight: 700; text-decoration: underline }

.drop_m_sb {display: block; position:absolute; left:0; top: 47px;  width: 100%;  z-index: 100000000}
.drop_m_sb .dropbox_sb {width: 100%; background: #5881f4; position: absolute; height: 50px; color: #FFFFFF; left: 0; top: 0;filter:alpha(opacity=95);opacity:0.95; }
.drop_m_sb .dropbox_sb .sbmenu {width: 990px; margin: 0 auto; }
.drop_m_sb .dropbox_sb .sbmenu_s {position: relative; margin-left: 435px; width: 400px }
.drop_m_sb .dropbox_sb .sbmenu_s  li {float: left; padding-left: 30px; font-size: 15px; padding-top: 14px}
.drop_m_sb .dropbox_sb .sbmenu_s  li:first-child {float: left; padding-left: 0}
.drop_m_sb .dropbox_sb .sbmenu_s  li  a:link { color: #FFFFFF!important; font-weight: 100; border-bottom: none }
.drop_m_sb .dropbox_sb .sbmenu_s  li  a:hover { color: #FFFFFF!important; font-weight: 100; border-bottom: none;text-decoration: underline}
.drop_m_sb .dropbox_sb .sbmenu_s  li  a:visited { color: #FFFFFF!important ;font-weight: 100; border-bottom: none }
.drop_m_sb .dropbox_sb .sbmenu_s  li.on { font-weight: 700; text-decoration: underline }

/* view modify */
#article_body { margin-top: 30px}
.art_txt {overflow:hidden; font-size:17px; text-align:left; line-height:29px; font-family:'맑은 고딕','Malgun Gothic',돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif; }
/*  image  */
.img_center { text-align:left; margin:0 auto; padding-bottom:30px; overflow:hidden; max-width:100%}
.img_center img{max-width:100%}
.img_center figure, .img_left figure, .img_right figure {padding-top:5px; color:#828282; font-size:12px; line-height:15px;}
.img_left { float:left; text-align:left; margin-right:20px; overflow:hidden}
.img_right { float:right; text-align:left; margin-left:20px; overflow:hidden}
.tagbox {overflow:hidden; position:relative; padding-top:35px; font-size:14px;}
.tag {color:#2382c2; background:#ebf3f9;display:block;float:left;margin:0 10px 10px 0;padding:2px 1px 2px 2px; line-height:16px}
.img_left { float:left; text-align:left; margin-right:20px; overflow:hidden}
.img_right { float:right; text-align:left; margin-left:20px; overflow:hidden}

/* layer */
.sc_bx_cont {width:400px; position: absolute; right: 0; top: 33px; font-size: 14px; background: #FFFFFF; z-index: 5000000; border: 1px solid  #bfbfbf; min-height: 130px}
.sc_bx_cont .t_sc_tit {font-weight: 700; background: #f5f5f5; font-size: 15px; padding: 7px 10px}
.sc_bx_cont .t_sc_text  {padding: 7px 10px; font-weight: 300;}
.sc_bx_cont  .sc_list li {padding: 3px}
.sc_bx_cont  .sc_list li  a:link {padding: 3px; }
.sc_bx_cont  .sc_list li  a:hover {padding: 3px; font-weight: 500; color: #1b52ed}
.sc_bx_cont  .sc_list li  a:visited {padding: 3px;}
.img_sp {width: 150px; position: absolute; right: 0; top: 50px}

.tb_cont th, .tb_cont td { border-bottom: 1px solid #efefef; vertical-align: top}
.tb_cont td { padding: 7px; font-size: 15px;}
.tb_cont th { font-weight:500; color: #545454; padding: 7px; font-size: 15px;}

/* model info add */
.model_info {border: 1px solid #ededed; width: 100%; margin-top: 20px; margin-bottom: 20px; overflow: hidden}
.t_car_md {border-bottom: 1px solid #ededed; background: #FFFFFF; box-shadow:0 2px 2px 0 #ededed}
.t_car_md h3 {padding: 25px 20px; font-size: 20px; letter-spacing: -1px}
.car_brand_view {width: 100%; padding-top: 20px; margin: 0 auto 20px ; overflow: hidden}
.car_brand_view .t_car_tit {font-size: 17px; font-weight: 600; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; color: #5a5a5a}
.car_brand_view .ft_color {color: #4246e9}
.car_brand_view .tb_list {position: relative; display: table; margin-top: 20px; width: 100%}
.car_brand_view .tb_list li {display: table-cell; text-align: center; width: 10%}
.car_brand_view .tb_list li  img {height: 40px}
.car_brand_view .tb_list2 {position: relative; display: table; margin-bottom: 15px; margin-top: 15px; width: 100%}
.car_brand_view .tb_list2 li {display: table-cell; text-align: center; width: 10%}
.car_brand_view .tb_list2 li  img {height: 40px}
.car_brand_view .tb_list3 {position: relative; display: table; margin-top: 20px; width: 100%}
.car_brand_view .tb_list3 li {display: table-cell; text-align: center; width: 10%}
.car_brand_view .tb_list4 {position: relative; display: table; margin-top: 20px; width: 100%; padding-bottom: 25px}
.car_brand_view .tb_list4 li {display: table-cell; text-align: center; width: 10%}
.list_4cont_view {position: relative; width: 780px; margin: 20px auto; padding-left: 35px ; }
.list_4cont_view li {float: left; width: 33%; position: relative}
.list_4cont2_view {position: relative; margin-top: 20px; margin-bottom: 20px}
.list_4cont2_view li {float: left; width: 33%; position: relative; padding-top: 25px; padding-bottom: 25px;  margin-top: 20px}
.midimg {width: 230px}
.car_logo {position: absolute; width: 50px; left: 0; top: 0}
.t_tit_name {width: 100%; text-align: center; padding:5px 0 15px 0; font-weight: 500}
.t_tit_name .tfont {font-size: 20px; letter-spacing: -1px}
.ft_blue {color: #003eff}
.tb_st1 th { text-align:left; padding: 5px; font-size: 15px }
.tb_st1 td { text-align:left; padding: 5px; font-size: 15px }
.logo_small {float: right; margin-right: 10px}
.menu_bluetop {position: absolute; top: 5px; right: 20px}
.menu_btop {position: relative}
.menu_btop li {float: left}
.blue_on {background: #154ced; padding:5px 15px; border-radius: 20px; color: #FFFFFF; font-weight: bold; font-size: 13px}
.blue_off {background: #ffffff; padding:5px 15px; border-radius: 20px; font-weight: normal; font-size: 13px}

.service_text {font-size: 14px; text-align: center; padding-bottom: 15px; color: #757575}
.service_text2 {font-size: 14px; text-align: center; padding-bottom: 15px; color: #757575; padding-top: 15px; border-top: 1px solid #e2e2e2 }


/* add 0913*/
.top_menu .tpmenu li { width:33.3%; text-align: center; }
.drop_m .dropbox .sbmenu_s {position: relative; margin-left: 400px; width: 600px }
.drop_m .dropbox .sbmenu_s li { width:100px}
.top_menu2 .topsbmenu2 li { width:33.3%;  }

.c_black {color: #333; font-size: 13px}