/* 공통  CSS 부분 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {padding:0; margin:0; border:0;}
body {font-size: 1.2em; -webkit-text-size-adjust:none; font-family: 'Nanum Gothic';background: #ecf0f3; height:100%;}
ul, ol, dl , li{list-style:none;}
img {vertical-align:top; border: 0;}
a {text-decoration: none;}
a:link{color:#000000}
a:visited{color:#000000}
a {display:block;}
input {-webkit-apperance:none; border:0;}
legend,caption{display:none;}
img,fieldset,button{border:0 none;}
input,select,textarea{vertical-align:middle;}
table {border : 0px; margin : 0px; padding : 0px; cellpadding : 0px; cellspacing : 0px;}
table{border-collapse:collapse;}
td{font-size:12px; border-collapse:collapse;}

/* vetical spacer */
.spacer0 {clear:both;}
.spacer2 {clear:both;display:block;width:100%;height:2px;}
.spacer5 {clear:both;display:block;width:100%;height:5px;}
.spacer9{clear:both;display:block;width:100%;height:9px;}
.spacer10{clear:both;display:block;width:100%;height:10px;}
.spacer15{clear:both;display:block;width:100%;height:15px;}
.spacer20{clear:both;display:block;width:100%;height:20px;}
.nobox {height:30px;}

/* 헤더 */
#top {position:fixed; left:0; top:0; width:100%; height:105px; z-index:999;}
#header {width:100%; height:59px; position: relative; background:#fff;}
  .hlogo {text-align:center;}
  .callbutton {position:absolute; top:13px; right:12px;}

/* GNB */  
#gnb {width:100%; height:46px; position: relative; background:#0743a4;}
  .menu_bg {height:3px; background-color:#fff;}
  #menu li.navi {float:left; width:50%; text-align:center;  background:#0743a4; background-position :right top;}
  #menu li.navi:last-child {background:none; background-color:#0743a4;}
  #menu li.navi a {font-size:15px; color:#fff; font-weight:600; line-height:43px;}
  #carsearch #gnb a.menu1, #counsel #gnb a.menu2, #counsel2 #gnb a.menu4, #after #gnb a.menu3{color:#fbf200; font-weight:600;}

/* wrapper */  
#container {margin-top:105px;}
#wrap {padding:0 10px; overflow:hidden;}
.mvisual {width:100%; border-bottom:1px solid #d9dce1;}
.mvisual img {width:100%;}


/* Roll 
.c_wrap {position:relative; width:100%;}
.c_wrap .m_c_info {position:absolute; left:0; bottom:0; z-index:999; width:100%; height:50px; background-color:rgba(0,0,0,.5);}
.m_c_info .infowrap {position:relative; padding-top:5px;}
.m_c_info .infowrap .carname {font-size:16px; color:#fff; padding-left:8px; font-weight:600;}
.m_c_info .infowrap .carinfo {font-size:14px; color:#fff; padding-left:8px;}
.m_c_info .infowrap .carprice {position:absolute; top:13px; right:10px; font-size:18px; color:#fff; padding-left:8px;}
*/


/* wrapper */
.grid1 {margin:0 0 9px; background-color:#fff; overflow:hidden; border:1px solid #d9dce1;}
.grid1 .u_thumbnail {padding:10px 10px 0; overflow:hidden;}
.grid1 .u_thumbnail .u_item {float:left; width:50%; margin:0 0 6px;}
.grid1 .u_thumbnail .u_lik{padding: 0 5px;}
.grid1 .u_thumbnail .rimg{position:relative;}
.grid1 .u_thumbnail .rimg .reicon{position:absolute; top:0; left:0; z-index:99;}
.grid1 .u_thumbnail a img {width:100%;}
.grid1 .u_thumbnail span {display:block;}
.grid1 .u_thumbnail .u_d {padding-top:2px;}
.grid1 .u_thumbnail .u_t {font-size:13px; font-weight:600; line-height:18px;}
.grid1 .u_thumbnail .u_i {font-size:12px; color:#333; line-height:18px;}
.grid1 .u_thumbnail .u_p {font-size:13px; font-weight:600; text-align:right;}

.grid1 .p_thumbnail {position:relative; width:100%; overflow:hidden;}
.grid1 .p_thumbnail a{display:block;}
.grid1 .p_thumbnail .photo {float:left;}
.grid1 .p_thumbnail .photo img{width:120px; height:90px;}
.grid1 .p_thumbnail .info{margin-left:120px; border-bottom:1px solid #d9dce1; padding:10px 10px 8px;}
.grid1 .p_thumbnail .info .title{font-size:13px; font-weight:600; margin-bottom:8px;}
.grid1 .p_thumbnail .info .exp{font-size:12px; color:#333;}
.grid1 .p_thumbnail .price{margin-left:130px; font-size:14px; color:#000; font-weight:600; padding-top:9px; color:#dd1b1b;}


.grid1 .l_thumbnail {padding:10px 10px; overflow:hidden;}
.grid1 .l_thumbnail .l_img{float:left; width:40%; overflow:hidden;}
.grid1 .l_thumbnail .l_img img {width:100%;}
.grid1 .l_thumbnail .l_d {float:left; width:50%; padding-left:10px;}
.grid1 .l_thumbnail .l_d span{display:block;}
.grid1 .l_thumbnail .u_t {font-size:13px; font-weight:600; padding-bottom:3px;}
.grid1 .l_thumbnail .u_i {font-size:13px; color:#333; line-height:17px; padding-bottom:5px;}
.grid1 .l_thumbnail .u_e {font-size:12px; color:#686868; line-height:17px; padding-bottom:2px;}
.grid1 .l_thumbnail .u_p {font-size:14px; tfont-weight:600; ext-align:right;}
.grid1 .g_thumbnail {padding:10px 10px; overflow:hidden; background-color:#fff; text-align:center;}
.guide {font-size:16px; color:#000;}
.gb {font-size:19px; font-weight:600; color:#ff6600; display:inline-block; padding-bottom:5px;}
.iba {width:100%;}
.iba img{width:100%;}
/* Brand */
.brand {height:79px;}
.brand .u_br {padding:0 10px;}
.brand .u_br .br_item {float:left; width:33%;}
.brand .u_br .br_item a {font-size:14px; color:#000; font-weight:600; text-align:center;}


/* Recommand */
.rtitle {padding:10px 0 0 15px; font-size:16px; font-weight:600;}
.pnt {display:inline-block; font-size:16px; color:#0743a4; font-weight:600;}


/* Review */
.af_t {font-size:16px; font-weight:500; padding:10px 0 0 10px;}
.af_s {font-size:13px; font-weight:400; margin:9px 0}
.af_e {font-size:11px; font-weight:400; color:#808080; text-align:right; margin:9px 0}

/*Counsel */
.wh {width:100%; background-color:#fff; overflow:hidden;}
.wh .line {width:40px; height:2px; background:#c20000; margin:5px 0 0 5px;}
.wh .title {font-size:15px; font-weight:600; line-height:35px; padding-left:5px;}
.wh .savebt {display:block; width:60px; height:30px; line-height:30px; background:#4e74f2; color:#fff; font-size:12px; font-weight:600; text-align:center;}
.grid1 .l_thumbnail .rv_img{float:left; width:40px; text-align:center; overflow:hidden; padding-top:6px;}
.grid1 .l_thumbnail .rv_img2{float:right; width:40px; text-align:center; overflow:hidden; padding-top:16px;}
.grid1 .l_thumbnail .rv_d {float:left; width:70%}
.frm_b {border:1px solid #d9d9d9;}

.grid1 .l_thumbnail li {float:left; display:inline-block;}
.grid1 .l_thumbnail .rv_img2{width:60px;}
.grid1 .l_thumbnail .ing {display:block; width:60px; height:20px; line-height:20px; background:#5288f6; color:#fff; font-size:12px; text-align:center;}
.grid1 .l_thumbnail .end {display:block; width:60px; height:20px; line-height:20px; background:#c7c9ce; color:#fff; font-size:12px;}

/* search */
.grid2 {background-color:#fff; overflow:hidden; border:1px solid #d9dce1;}
.sear_item {height:45px; border-top:1px solid #dddddd; background: url(/m/common_img/arr.gif) no-repeat; background-position: 94% 50%}
.sear_item2 {height:70px; border-top:1px solid #dddddd; text-align:center; line-height:68px;}
.sear_t {float:left; width:80px; font-size:14px; line-height:45px; padding-left:15px; border-right:1px solid #dddddd;}
.sear_p {margin-left:110px;}
.sear_item span {font-size:13px; font-weight:400; line-height:45px; display:block;}
.sear_y1 {float:left; width:27%; padding-left:14px;}
.sear_y2 {float:right; width:30%;}
.sear_y3 {float:left; line-height:45px; width:20px;}
.sclk {display:inline-block; width:100px; line-height:35px; margin:0 3px; border:1px solid #afafaf; border-radius:3px; background-color:#fff; background:-webkit-gradient(linear,0 0,0 100%, from(#fff),to(#f3f3f3)); font-size:15px; font-weight:600; text-align:center;}
.nodata {height:45px; font-size:15px; text-align:center; line-height:45px;}

/* Select */
.tab {width:100%; height:50px; background-color:#000; position:relative; text-align:center;}
.sel_t {font-size:15px; color:#fff; line-height:50px;}
.sel_b {position:absolute; left:0; top:0;}
.item_i {height:45px; padding-left:20px; font-size:15px; line-height:45px; background:#fff url(/m/common_img/arr_sel.png) no-repeat; background-position: 94% 50%; border-bottom:1px solid #bababa;}

.paging {width:100%; height:45px; overflow:hidden; text-align:center;}
.paging span {display:inline-block; width:25px; height:25px; border:1px solid #dbdbdb; background-color:#fff; }
.p_fst {font-size:10px; color:#333; line-height:25px;}
.paging a{display:inline;}

/* Detail */
.vtitle {font-size:17px; font-weight:600; padding:12px 0 10px 15px;border-bottom:1px solid #d9dce1;}
.vprice {font-size:18px; font-weight:600; text-align:right; padding:10px 20px 10px; color:#dd1b1b;}
.vad {width:100%; margin-bottom:9px;}
.vad img{width:100%;}

.vtab {width:100%; height:60px; background-color:#fff; position:relative; text-align:center; border-bottom:1px solid #dadada;}
.v_t {font-size:16px; font-weight:600; color:#000; line-height:60px;}
.v_b {position:absolute; left:0; top:0;}
.tbl1 {width:100%; background-color:#fff;}
.tbl1 td{height:35px; border:1px solid #d9dce1; padding-left:15px; font-size:14px;}
.tbl1 .ts{width:80px; color:#545454;}
.tbl1 .th{font-size:15px; font-weight:600;}
.v_cnt {font-size:15px; font-weight:600; border-bottom:1px solid #d9dce1; padding:10px 10px;}
.vitem_i {height:45px; padding-left:20px; font-size:15px; line-height:45px; background:#fff url(/m/common_img/arr_sel2.png) no-repeat; background-position: 94% 50%; border-bottom:1px solid #bababa;}
.picture-slides-image {width:100%;}
.v_ctrl {background-color:#fff; border-bottom:1px solid #d9d9d9;}
.v_bt {float:left; width:33%; text-align:center; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:13px 0;}
.v_bt2 {float:left; width:33%; text-align:center; border-bottom:1px solid #d9d9d9; border-right:none; padding:13px 0;}
.v_sta {color:#ee711d;}
.pic {width:100%; height:74px; background:#ee711d url(/m/common_img/pic.png) no-repeat; background-position: center;}
.pic a{display:block;}
.view {width:96%; margin:0 auto;}
.v_dtl {font-size:14px; color:#333; width:100%;}
.view img {max-width: 100% !important;}
.view .v_dtl img {max-width: 100% !important;}
.v_dtl img {max-width: 100% !important;}
.v_ctn {font-size:14px; color:#333;}
.v_ctn img{width:100%; max-width:1000px;}
.b_t {font-size:14px;}
.b_t_on {font-size:14px; color:#ee711d; font-weight:600;}
.infobox {font-size:14px;}
.infobox p {height:25px; line-height:25px;}
.btn {width:100%; text-align:right;}
.btn a {display:inline-block; width:40px; height:30px; line-height:30px; text-align:center; font-size:12px; margin:0 5px; background:#3a79ae; color:#fff;}
.sales_sbox {width:100%; border-bottom:1px solid #ececec;}

.sales_sbox select {border:1px solid #d6d6d6; height:25px;}
.sales_sbox img {margin-top:15px;}
.sales_sbox {width:100%; height:35px; line-height:35px;}
.sales_sbox li {float:left; padding-right:5px; height:25px; line-height:25px;}
.sales_sbox li:last-child {padding:0;}
.sales_sbox input {width:120px; border:1px solid #d6d6d6; height:23px;}
.sales_sbox .searchbt {display:block; width:50px; height:24px; line-height:24px; background:#ff0000; color:#fff; font-size:12px; font-weight:600; text-align:center; margin-top:1px;}
.sales_sbox .wbtarea {float:right;}
.sales_sbox .writebt {display:block; width:50px; height:24px; line-height:24px; background:#8b977e; color:#fff; font-size:12px; font-weight:600; text-align:center; margin-top:1px;}

.divtitle {color:#000; font-size:14px; font-weight:600; line-height:30px;}
.reply {border:1px solid #ececec; background:#ececec; width:100%;}
.reply td {border:none; box-sizing:border-box;}
.reply .t1 {width:50px; padding-left:10px; height:30px;}
.reply .t3 {width:80px;}
.reply input {width:60px; height:25px; border:1px solid #ececec;}
.reply textarea {width:100%; height:60px; border:1px solid #ececec; box-sizing:border-box;}
.reply a {display:inline-block; height:30px; width:60px; background:#f06906; color:#fff; line-height:30px; margin:5px 0; text-align:center; font-size:12px;}
.replylist td {border:none; padding:10px;}
.replylist {width:100%; border-top:1px solid #ececec;}
.replylist .tr1 {border-bottom:1px solid #ececec;}
.replylist .t1 {width:120px;}
.replylist .t2 {text-align:right;}


/* Footer */

.f_i {padding:10px 10px 15px; 10px; font-size:12px; line-height:18px; text-align:center;}

.m-mnu li{float:left; width:50%; text-align:center; margin-bottom:1px;}
.m-mnu li a{display:inline-block; width:99%; height:33px; line-height:33px; font-size:15px; background:#003ecd; color:#fff;}
