/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0;	padding: 0;	border: 0;	font-size: 100%; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */



/* Add for this website */


a{color: #666;}
a:active, a:hover {outline: 0 none;}
a:hover {color:#666;}
a {outline: medium none;text-decoration: none;}
a img {border: medium none;}
a, a:link, a:visited, a:active {text-decoration: none;}
ul, li {list-style: none;}
ol, ul { margin-top: 0;  margin-bottom: 0px !important;}
html, body {text-rendering: optimizelegibility;}
body {font-family: 'Nanum Gothic', sans-serif,'Arial';font-size: 12px; }
table {border-collapse:collapse}

/*reset  boostrap*/


/* MARGIN & PADDING==================== */
/* margin */
.mg0 {margin:0 0 0 0}

.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
/*.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}*/

.mtn1{margin-top:-1px !important;}
.mtn2{margin-top:-2px !important;}
.mtn3{margin-top:-3px !important;}
.mtn5{margin-top:-5px !important;}
.mtn10{margin-top:-10px !important;}
.mtn14{margin-top:-14px !important;}
.mtn15{margin-top:-15px !important;}
.mtn25{margin-top:-25px !important;}

.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}


.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr10{margin-right:10px !important;}
.mr11{margin-right:11px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr20{margin-right:20px !important;}
.mr22{margin-right:22px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:3px !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb25{margin-bottom:25px !important;}



.mb5m{margin-bottom:-5px !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb8{margin-bottom:8px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}

.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb0{margin-bottom:0 !important;}
.mb100{margin-bottom:100px !important;}

.ml10m{margin-left:-10px !important;}

.ml20m{margin-left:-20px !important;}
.ml1m{margin-left:-1px !important;}
.ml2m{margin-left:-2px !important;}
.ml3m{margin-left:-3px !important;}
.ml10m{margin-left:-10px !important;}
.ml0{margin-left:0px !important;}
.ml1{margin-left:1px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml13{margin-left:13px !important;}

.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml17{margin-left:17px !important;}
.ml18{margin-left:18px !important;}
.ml20{margin-left:20px !important;}
.ml22{margin-left:22px !important;}
.ml24{margin-left:24px !important;}
.ml25{margin-left:25px !important;}
.ml28{margin-left:28px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml140{margin-left:140px !important;}
.ml250{margin-left:250px !important;}
.ml300{margin-left:300px !important;}

.mg5{margin:5px !important;}
.mg15{margin:15px !important;}
.mg30{margin:30px !important;}

/* padding */
.pd {padding:0 0 0 0}
.pt3{padding-top:3px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt13{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt50{padding-top:50px !important;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:0px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}

.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:20px !important;}
.pb50 {padding-bottom:50px !important;}

.pd10{padding:0 10px 0 10px;}
.pd102{padding:10px !important;}
.pdt10 {padding:10px 0;}
.pdall {padding:10px !important;}
.pd8m {padding:0 -8px}



/* Height */
.hgAuto {height:auto;}
.hg12 {height:12px !important;}
.hg30 {height:30px !important;}
.hg25 {height:24px !important;}
.hg20 {height:20px !important;}
.hg50 {height:50px !important;}
.hg100 {height:100px !important;}
.hg130 {height:130px !important;}
.hg140 {height:140px !important;}
.hg150 {height:150px !important;}
.hg155 {height:155px !important;}
.hg160 {height:160px !important;}
.hg180 {height:180px !important;}
.hg230 {height:230px !important;}
.hg300 {height:300px !important;}

/* border */
.bdBlue {border:1px solid #6789ca !important }
.bdGray {border:1px solid #999 !important }

.dottedBd {border-top:1px dotted #adadad !important;}
.bdL {border-left:1px solid #f5f5f5}
.bdR {border-right:1px solid #f5f5f5}
.bdT {border-top:1px solid #f5f5f5}
.bdB {border-bottom:1px solid #ddd}
.bdB2 {border-bottom:2px solid #dfdfdf}
.bdB3 {border-bottom:1px solid #dfdfdf}

.bdT2 {border-top:2px solid #b7b7b7}

.bgn {background:none !important}
.bdn {border:none !important;}
.bdnL {border-left:none !important}
.bdnR {border-right:none !important}
.bdnT {border-top:none !important}
.bdnB {border-bottom:none !important}


.ft_n{font-weight:normal;}

.th_b{border:1px solid #d6d6d6;}
.comm_bb1{border:1px solid #ffffff;}
.comm_bt1{border-top:2px solid #c3c3c3;}
.bdr1px {border:1px solid #333;}

.dpNone { display:none;}
.dpShow { display:"";}
.em { font-weight:bold;}

.text-white {color:white;}
.text-green {color:#1ABC9C}
.text-center {text-align:center;}

.clearBoth {clear:both;}
.width-100{width:100%; }
.bdr1px {border:1px solid #333;}

/* Button Common*/


/* Text Size */

.font-size-12 {font-size:12px;}
.font-size-13 {font-size:13px;}
.font-size-14 {font-size:14px;}
.font-size-15 {font-size:15px;}
.font-size-16 {font-size:16px;}
.font-size-17 {font-size:17px;}
.font-size-18 {font-size:18px;}
.font-size-19 {font-size:19px;}
.font-size-20 {font-size:20px;}
.font-size-21 {font-size:21px;}
.font-size-22 {font-size:22px;}
.font-size-23 {font-size:23px;}
.font-size-24 {font-size:24px;}
.font-size-25 {font-size:25px;}
.font-size-26 {font-size:26px;}
.font-size-27 {font-size:27px;}
.font-size-28 {font-size:28px;}
.font-size-29 {font-size:29px;}
.font-size-30 {font-size:30px;}
.font-size-31 {font-size:31px;}
.font-weight-400 {font-weight:400;}
.font-weight-700 {font-weight:700;}

/* Text Color */
.color-black {color:#000;}
.color-white {color:#fff;}
.color-green {color:#6aae13;}
/* Font Awsome : S */

.fa {
   font-size:30px;
   
}
/* Font Awsome : E */

/*------------- Common Layout : S ------------------------------*/
/* Wrapper */
.wrapper-header{z-index:10;  }
.wrapper{display:block;width:100%; position:relative;  }

/* Container : S*/

.container { width:1092px; margin:0 auto; position:relative; }
.container-fluid { position:relative; width:100%;}

/* Container : E*/

/* Footer */

.footer {padding:50px 0; text-align:center; border-top:1px solid #ddd;}
.footer p {font-size:13px; line-height:19px; padding:0 30px}
.footer-contact {padding:0px 30px;}


/* Header */
.header-logo { float:left; text-align:center; padding:25px; padding-left:10px; }
.header-logo_text {font-size:30px; color:#ffbc47; text-align:left; font-weight:900;}
.header-logo_text a {color:#fff;}
.header-logo_text a.color-white {color:#fff;}
.header {padding:30px;}
.header-logo_padding { padding:15px 10px 0 10px; }
.header-logo_small {width:110px;}
.header-bgcolor_white {background-color:#fff;}
.header-bgcolor_black {background-color:#000;}
.header-hr {border-bottom:1px solid #ddd;}

/*------------- Navigation : S ------------------------*/
/* Header Light : S */
.sticky {position:fixed; z-index:100;}
.gnb {float:right; padding:10px;}
.gnb-padding { padding:0px 0px;}
.gnb>ul {display:table;}
.gnb>ul>li {display:table-cell; vertical-align:middle; }

.gnb>ul>li>a { display:block; position:relative;  font-size:18px; font-weight:700; width:130px; text-align:center; padding:20px 0px; color:#fff;}

.gnb>ul>li>a.active {color:#ff6600;}

/* 2단계메뉴 */
.gnb>ul>li>ul { display:none; position:absolute; top:inherit;z-index:10; background-color:#fff; border:1px solid #ddd; width:150px; -webkit-box-shadow: 2px 4px 5px -2px rgba(0,0,0,0.39);
-moz-box-shadow: 2px 4px 5px -2px rgba(0,0,0,0.39);
box-shadow: 2px 4px 5px -2px rgba(0,0,0,0.39);}
.gnb>ul>li>ul>li {display:block; position:relative; width:100%; border-bottom:1px solid #ddd; }
.gnb>ul>li>ul>li>a {display:block; padding:15px; font-size:14px;}
.gnb>ul>li>ul>li>a:hover {background-color:#ffc938; color:#000;}
.gnb>ul>li>ul.top {top:60px}

.gnb.hover {display:block;}
/* Header Light : E */


/*------------- Navigation : S ------------------------*/

/*------------- Common Layout : E ------------------------------*/

/* Main Banner */
.main-banner {background-color:#000;  }
.main-content-article {padding:10px 10px;}
.main-content-article h2 {padding:10px 0;}
.main-content-article p {}

/* Main - Quick Contact */
.quick-contact { padding:15px 0;}
.quick-contact_bg {background-color:#ffbc47;}
.quick-contact_name input { }
.quick-contact_name {width:100px; padding: 6px 12px; margin-left:0px;}
.quick-contact_tel {width:60px; padding: 6px 12px; margin-left:5px;}
.quick-contact_memo {width:122px; padding: 6px 12px; margin-left:5px;}

/* Main - Quick Tel */
.quick-tel-bg {display: none;}


/* Main - Quick Kakao */
.quick-kakao-bg {position: fixed;right: 50px;bottom: 50px;width: 70px;z-index:9999;}
.quick-kakao {}
.quick-kakao img {width: 70px;}


/* 메인 - 베스트카 */
.bestcar {margin-top:30px; margin-bottom:60px; }
.bestcar h1{font-size:25px;  }
.bestcar ul {padding-top:10px;}
.bestcar ul li {float:left; padding:10px;display:flex; justify-content:center; align-items:center}
.bestcar_holder { border:1px solid #ddd;width: 332px;}
.bestcar_img {width:332px; height: 200px;}
.bestcar_img img {width:332px; height: 200px;}
.bestcar_title {font-size:17px; color:#000; background-color:#f7f7f7; padding:10px 10px;}
.bestcar_price {font-size:17px; font-weight:700; color:#000; background-color:#fff;  padding:10px 10px; color:#a80000;}


/* Features */
.features {margin-bottom:60px;}
.features h1 {font-size:25px; text-align:center;}
.features li {float:left; width:354px; text-align:center;}
.features_icon {display:block; width:100%;font-weight:700; color:#000; background-color:#fff;  padding:10px 10px; color:#fff; }
.features_icon i {position:relative; width: 100px; height: 100px;    line-height: 100px; background-color: #cc9b31; border-radius: 50%; font-size:47px; } 
.features_title {display:block;font-size:19px; font-weight:700; padding:18px 0; }

.features_summary {display:block;font-size:13px; line-height:18px;}

/* Check Box */
/* 체크박스를 이미지로 전환한것 */
.checkbox-wrap { cursor: pointer;  }
.checkbox-wrap .check-icon  { display: inline-block; width: 18px; height: 18px; background: url(../images/checkbox.png) left center no-repeat; vertical-align: middle;  background-position:-19px 0; background-repeat:no-repeat; padding:10px 5px;}
.checkbox-wrap input[type=checkbox] { display: none; }
.checkbox-wrap input[type=checkbox]:checked + .check-icon { background-image: url(../images/checkbox.png);  background-position:0px 0; background-repeat:no-repeat;}


/* 컬러 */
.color-main {font-weight:900; color:#981313}


/* Divider : S */
/* 타이틀 혹은 컨텐츠가 끝났을때의 구분을 알려주는 구분선 */
.divider {
    position: relative;
    overflow: hidden;
    margin: 35px 0;
    color: #E5E5E5;
    width: 100%;
	margin-left:-15px;
	margin-right:-15px;
}

.divider.divider-center {
    text-align:center;
}
.divider.divider-center:after {
    left: 50%!important;
    right: 0;
    margin-left: 20px;
}

.divider.divider-rounded {
    color: #BBB;
}

.divider.divider-border i, .divider.divider-rounded i {
	position:relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #F5F5F5;
    border-radius: 50%;
}


.divider.divider-center.divider-short:before, .divider.divider-center:before, .divider:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 25px;
    left: 30px;
    height: 0;
    border-top: 1px solid #EEE;
}
/* Divider : E */


/* Mobile Toggle Menu : S */

.toggle-nav{display:none; float:right; margin-right: 10px; width: 22px; height: 22px;  cursor:pointer; background: url(../images/toggle-nav-icon.png) top no-repeat; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }

.toggle-header {display:none; position:relative; width:100%; height:60px; background-color:#000;}

/* Mobile Toggle Menu : E */


/* Forms : S  */
.form-inline h2 { display: inline-block; font-size:18px; font-weight:700; color:#000; vertical-align:middle}
.form-inline label {display: inline-block; max-width: 100%;     font-weight: 700; font-size:14px;  vertical-align:middle}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
	margin-left:20px;
}
.form-inline .form-control {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0;
	
}

.form-inline .search_input { padding: .8em .5em; width:170px;}
.form-inline .btn-search { padding: .7em .5em;  border: 1px solid #999;}
.form-inline .btn-search:hover { background-color:#000; color:#fff; border:1px solid #000;}

/* Search Forms */
.search-area {display:block; width:100%; text-align:right; border-top:1px solid #ddd; padding-top:30px; margin-top:40px;}
/* Forms : E  */


/* Button : S */

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0px;
}

.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn-red { color: #fff; background-color: #981313; border-color: #ccc;  border:0px solid #ddd;}
.btn-black { color: #fff; background-color: #000; border-color: #ccc;  border:0px solid #ddd;}
.btn-black:hover { color: #fff; }

.button-area {
  
    text-align: center;
    border-top: 1px solid #ddd;
    padding-top: 50px;
    margin-bottom: 50px;
}

.btn-submit {font-family:"Nanum Gothic"; padding:10px 20px; border:1px solid #999;  font-size:16px; font-weight:700; background-color:#f7f7f7; cursor:pointer;}

.btn-submit:hover {background-color:#000; color:#fff; border:1px solid #000;}



/* Button : E */

/* .pagetitle { padding:100px; color:#000; font-size:30px; text-align:center; border:1px solid #000; height:1500px; } */

.page-header {background-image:url('../images/PsVzth.jpg'); background-position:50% center; background-repeat:no-repeat; background-size:cover; height:300px;}
.page-header_title {float:left; position:relative; top:150px; padding-left:20px;}
.page-header_title h2 {font-size:30px; color:#fff;}
.page-header_title p {font-size:15px; color:#fff; padding-top:5px}
.page-header_position {float:right; position:relative; top:150px;} 
.page-header_breadcrumbs li {display:inline-block; color:#fff;}
.page-header_breadcrumbs li a {color:#fff;}

/* Sub Content Wrapper */
.content {float:left; width:852px;  padding-left:30px; border-left:1px solid #ddd; padding-top:30px; padding-bottom:50px}
.content h1 { font-size:30px; margin-bottom:20px; }
.content-img { }
.content-img img {width:100%;}
.content h1 span {float:left; margin-right: 8px;}

.content h1 span:after {
    content: "";
    display: block;
	position:relative;
	height: 3px;
    background: #6aae13;
    margin-top: 10px;
}
.content .margin {display:block; height:30px;}
/* About */
.about {float:left; width:100%; }
.about-bg {background-image:url('../images/2012-Mercedes-Benz-ML63-AMG-side-view.jpg'); background-position:0px 0px; background-repeat:no-repeat; }

.about-img {float:left; width:100%; /* height:200px; */}
.about-img img {width:100%;}
.about-text {float:left; width:100%;  padding-top:30px;}

.about-text p {font-size:15px; line-height:1.4; letter-spacing: -0.05em;}

/* Sidebar :  S */
.sidebar {float:left; width:200px;  }
.sidebar ul li {display:block;}
.sidebar ul li a { display:block; position:relative;  padding:15px 0px;  padding-left:10px; border-bottom:1px solid #ddd; font-size:15px; }
.sidebar ul li a:hover { font-weight:700; background-color:#ffc938; color:#000; }

.customer-center {padding:20px; margin-top:30px; border:1px solid #ddd; border-right:none; border-left:none;  }
.customer-center-phone {text-align:center; padding:0px 0px 20px 0;}
.customer-center h2 {font-size:20px; text-align:center; color:#6aae13;}
.customer-center p {display:block; text-align:center; font-size:13px; color:#666; }
.customer-center_tel {display:block; font-size:20px; font-weight:900; margin-top:10px; text-align:center;}
.customer-center_mobile {display:block; font-size:20px; font-weight:900; margin-top:5px; text-align:center;}
.customer-center_copy {display:block; font-size:12px; line-height:18px; padding:10px 0; text-align:center;}
.customer-center_counsel {display:block; font-size:12px; line-height:18px; margin-top:20px; text-align:center; color:#999;}
/* Sidebar :  E */


/* Guide Price : S */
.guide-price table {width:100%;}
.guide-price table caption {border:1px solid #111; display:none; text-indent:-9999px}
.guide-price {width:100%;border-top:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc;table-layout:fixed;margin-bottom:10px;}
.guide-price thead{background-color:#f7f7f7}
.guide-price thead th{padding:10px 0;color:#4e2100;font-size:16px;text-align:center;border-right:1px dashed #e7e7e7;}
.guide-price thead tr + tr th{border-top:1px dashed #e7e7e7;}
.guide-price thead th.last{border-right:0;}
.guide-price tbody td{padding:13px 0 13px 10px;border-top:1px solid #e7e7e7;font-size:14px;border-right:1px dashed #e7e7e7;}
.guide-price tbody td{text-align:left;}
.guide-price tbody td + td{text-align:center;padding:13px 0 13px 0;}
.guide-price tbody td.last{border-right:0;}
.guide-price tbody td.select_td{padding:5px 0 5px 10px;}
.guide-price tbody td.select_td2{padding:5px 0 5px 10px;}

/* request Form : S */

.request-form table {width:100%; }
.request-form th{padding:20px;border-top:1px solid #ddd;font-size:14px; text-align:left; background-color:#f7f7f7; vertical-align:top; }
.request-form td{padding:13px 0 13px 10px;border-top:1px solid #ddd;font-size:14px;}
.request-form td input {padding:5px 10px; }


/* BoardType - Notice : S */
.board-notice {margin-top:30px; }
.board-notice table {border-top: 2px solid #333;border-bottom: 1px solid #333;width:100%;}
	
.board-notice th { padding:10px 20px;background-color: #f7f7f7;text-align: center;color:#333;font-size:14px;border:0px solid #000;
border-bottom:1px solid #ddd;}

.board-notice th.tit {text-align: center; width:60%;}

.board-notice td {padding:18px 0px 10px 0px;border-top: 1px solid #ddd; text-align: center; vertical-align: middle;color:#333;	font-size:13px;	border-bottom:1px solid #ddd;}
.board-notice td a:hover{ text-decoration:underline}
.board-notice td.tit {text-align: left;padding-left:20px;}

/* Portfolio list */


.portfolio-view h1.title {font-size: 20px;color:#777;margin: 0;padding: 0;padding-top: 5px; 
 display:block; border-top:2px solid #777;  border-bottom:1px solid #ddd;  padding:10px; background-color:#f7f7f7;}

.attach-file {font-size: 12px;color:#777;margin: 0;padding: 0;padding-top: 5px; 
 display:block; border-top:1px solid #ddd;  border-bottom:1px solid #ddd;  padding:10px;}

.attach-file li { margin-right:20px; display:inline-block;}
.attach-file li a, .attach-file li span { padding-left:7px; font-size:12px;	text-decoration:none;	color:#777; }
.attach-file span.divline {height:10px; width:1px; background-color:#ddd; padding-left:1px}

.board-notice_title { margin-top:30px; font-size:14px;color:#333;margin: 0;padding: 0; border-top:2px solid #333; background-color:#f7f7f7; padding:17px;}
 
.board-notice_title li{ margin-right:8px; display:inline-block;}
.board-notice_title li a, .board-notice_title li span{
	
	padding-left:7px;
	font-size:12px;
	text-decoration:none;
	color:#777;
}

	
.board-notice_txt { padding:15px; padding-top:10px; padding-bottom:30px; }
.board-notice_txt img { max-width:80%; overflow:hidden}
.board-notice_txt p, .board-notice_txt div  { width:100%; margin-top:30px; line-height:18px; }

/* Guide Rent */

.penalty table {width:100%; border:0px solid #ddd; }
.penalty table caption {display:none;}
.penalty table th {font-size: 15px; border:1px solid #ddd; padding:10px 5px;text-align:center; background:#f7f7f7; vertical-align:middle;}
.penalty table td {font-size: 15px; border:1px solid #ddd; padding:8px 15px;text-align:center; vertical-align: middle;}
.penalty table td.first {background: #f7f7f7;}
.penalty table td.left {text-align: left;}
.penalty-left table td:first-child {text-align: left;}

/* Paging : S */

.page-btn {display:inline-block;  font-size:14px; color:#565b5f; border:1px solid #ddd; background-color:#ebf1f4; padding:10px  }

.page-btn_prev, .page-btn_next { padding:12px 10px;}
.page-btn_prev:hover, .page-btn_next:hover, .page-btn:hover { color:#6aae13; border:1px solid #6aae13;}
.pagination a {display:inline-block; font-size:14px; color:#fff; background-color:#fff; padding:7px 12px; border:1px solid #ddd; color:#999;}
.pagination a.active { background-color:#6aae13; border:1px solid #6aae13; color:#fff;}
.pagination { text-align:center; padding:20px 0; border:0px solid #e6ecef; border-top:none;}
.pagination .bold {color:#fff;}
/* Paging : E */


/* Warn */
.warn {font-size:13px; line-height:20px; color:#666;}


/* Media Query */

@media only screen and (max-width : 959px) {
	.wrapper {min-width:100%}
	.header-logo {float:left; position:absolute; top:-9px; left:8%; z-index:20; }
	.header-logo img {width:110px;}
	.header-logo a {font-size: 45px;}
	.container {width:100%; }

	.quick-contact { padding:30px 15px;}
	.quick-contact_name {width:100%;}
	.quick-contact_tel {  margin-left:0px; width:31.5%}
	.quick-contact_memo { width:100%; margin-left:0px;}
	
	.quick-tel-bg {position: fixed;bottom: 0;width: 100%;background-color:#000;z-index:9999;display: block;}
	.quick-tel { padding:10px 0;text-align: center;}
	.quick-tel a {font-size: 18px;font-weight: 700;color: #fff;vertical-align: middle;}
	
	.quick-kakao-bg {right: 20px;bottom: 20px;width: 50px;}
	.quick-kakao img {width: 50px;}

	.btn {width:100%}
	.bestcar h1 {font-size:20px; padding:0 10px;text-align:center;}
	.bestcar_img img{width:100%;}
	
	.bestcar ul li {display:block; padding:10px; width:50%}
	.bestcar_holder {border: 1px solid #ddd;}
	.checkbox-wrap {padding:10px; text-align:center;}
	
	.features li {display:block; width:100%; margin-top:30px; }
	.footer {  border-top: 1px solid #ddd; }
	
	
	
	.main-banner {margin-top:-2px;}
	
	/*-------------- Navigation : S ---------------------------*/
	
	/* Toggle Nav : S */
	.toggle-header {display:block; }
	.toggle-nav {display:block; position:absolute; top:20px; right:10px;z-index:300;}
	/* Toggle Nav : E */
	
	.sticky {display:block; position:relative; }
	.gnb {float:none; display:none; padding:0; width:100%; background-color:#000; position:relative; z-index:300; }
	.gnb>ul {display:block; }
	.gnb>ul>li {display:block;  }
	.gnb>ul>li:first-child>a { border-top:1px solid #333;}
	.gnb>ul>li>a {display:block; border-bottom:1px solid #333; position:relative; padding-left:20px; width:100%; color:#fff; text-align:left; }

	.gnb>ul>li>ul { display:none; position:relative; width:100%; top:0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none; border-bottom:0px;}
	
	.gnb>ul>li.opens > a{background: url(../images/open-has-sub-menu.png) no-repeat 96% center !important; }
	.gnb>ul>li.has_children > a{background: url(../images/has-sub-menu.png) no-repeat 96% center;}
	
	/*-------------- Navigation : E ---------------------------*/
	
	.pagetitle {padding-top:0px; border:none; }
	
	.page-header {background-image:url('../images/PsVzth.jpg'); background-position:50% center; background-repeat:no-repeat; background-size:cover; height:400px;}
	.page-header_title {display:block; float:none; top:150px; padding-left:0px; text-align:center; }
	.page-header_title h2 {font-size:20px; color:#fff;}
	.page-header_title p {font-size:13px; color:#fff; padding-top:5px}
	.page-header_position {display:block; float:none; text-align:center; padding:15px 0px;} 
	.page-header_breadcrumbs {display:block;}
	.page-header_breadcrumbs li {display:inline-block; color:#fff;}
	.page-header_breadcrumbs li a {color:#fff;}
	
	
	/* Forms */
	
	.form-inline h2 { display: block; font-size:18px; text-align:center; }
	.form-inline .form-group { display: block; margin-left:0px; margin-top:10px}
	.form-inline label {display: block; margin-top:10px}
	.form-inline .form-control {  margin-top:5px}

    .form-inline .form-group.mo { display: flex; justify-content: center; align-items: baseline; margin-left:0px; margin-top:10px}
	
	

	.content {display:block; width:97%; border-left:none; padding-left:3%; }

	.about {display:block;}
	.about-img {display:block; }
	.about-text {display:block; }
	
	.about-text h1 {display:block; font-size:18px; margin-bottom:20px;}
	.about-text p {display:block; width:100%;font-size:13px; line-height:21px; }
	
	/* Sidebar :  S */
	.sidebar {display:none; }
	

	.customer-center {padding:10px; margin-top:30px; border:0px solid #ddd;  }
	
	.customer-center h2 {font-size:18px; }
	.customer-center p {padding:6px 20%;}
	.customer-center_tel { font-size:16px; font-weight:900; }
	.customer-center_mobile { font-size:16px; font-weight:900; }

	
	.penalty table th {font-size: 13px;}
	.penalty table td {font-size: 13px;}
}


@media (max-width: 768px) {
	.bestcar ul li {display:block; padding:10px; width:100%}
}

/* 추가 */
.dpn {display: none !important;}
.wbk {word-break: keep-all !important; /*단어기준*/}

.mt0 {margin-top:0 !important;}
.bt0 {border-top:0 !important;}

br.show {display: none;}
br.hide {display: block;}
@media (max-width: 959px) {
	br.hide {display: none;}
	br.show {display: block;}
}

.pc-box {display: block !important;}
.mobile-box {display: none !important;}
@media (max-width: 959px) {
	.pc-box {display: none !important;}
	.mobile-box {display: block !important; }
}


/** board **/
.board-write-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

.board-write-wrap dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.board-write-wrap dl dt:first-child,
.board-write-wrap dl dt:first-child + dd {
    border-top: 2px solid #333;
}

.board-write-wrap dl dt {
    width: 20%;
    margin: 0 auto;
    padding: 10px 0 10px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #ddd;
}

.board-write-wrap dl dd {
    width: 80%;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #ddd;
}

.board-write-wrap dl dd input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
}

.board-write-wrap dl dd input[type="file"] {
    border: 0;
}

.board-write-wrap dl dd textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
}

.board-write-wrap dl dd input[type="radio"] {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.board-write-wrap dl dd label {
    font-size: 14px;
    color: #333;
}

.board-write-wrap .buttons {
    width: 100%;
    margin: 0 auto;
    padding: 20px 20px;
    text-align: center;
}

.board-write-wrap .buttons button {
    width: 100px;
    height: 40px;
    margin: 0 10px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    background-color: #333;
    border: 0;
    cursor: pointer;
}

.board-write-wrap .buttons button.cancel {
    background-color: #ddd;
}
/** board **/