/** * 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; overflow-y:scroll; }
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:#000;}
/* 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 img {width:320px;}
.header-logo_text {font-size:30px; text-align:left; font-weight:900;}
.header-logo_text a {color:#000;}
.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-last {margin-right: -45px;}
.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:130px; -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; color:#fff;}
.quick-contact_bg {background-color:#4f4442; color:#fff;}
.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:222px; padding: 6px 12px; margin-left:5px;}

/* 메인 - 베스트카 */
.bestcar {margin-top:60px; margin-bottom:60px; }
.bestcar h1{font-size:25px;  }
.bestcar ul {padding-top:10px;}
.bestcar ul li {float:left; padding:10px;}
.bestcar_holder { border:1px solid #ddd;}
.bestcar_img {width:332px; height:198px; overflow:hidden;}
.bestcar_title {font-size:17px; color:#000; background-color:#f7f7f7; padding:10px 10px;}
.bestcar_price {font-size:17px; font-weight:700; background-color:#fff;  padding:10px 10px; color:#ff0101;}


/* Features */
.features {margin-bottom:0px; padding:60px 0; }
.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; padding:10px 10px; color:#fff; }
.features_icon i {position:relative; width: 100px; height: 100px;    line-height: 100px; background-color: #4f4442; border-radius: 50%; font-size:47px; color:#fff} 
.features_title {display:block;font-size:19px; font-weight:700; padding:18px 0; color:#fff}

.features_summary {display:block;font-size:13px; line-height:18px; color:#fff}
.features ul {margin-top:30px;}

/* 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:#000}


/* 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:#fff; 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;
	
}
.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; position: relative;	cursor: pointer;
outline: none;	white-space: nowrap; margin: 5px;	padding: 0 22px;
font-size: 16px; line-height: 40px;background-color: #bc1a3a;color: #fff; font-weight: 400; text-transform: uppercase;	letter-spacing: 1px; border: none;}
.btn:hover {color:#fff;}

.btn-bordered { border:1px solid #000;}
.btn-rounded {border-radius: 5px;}

.btn-small {padding:5 10px; font-size:12px;}
.btn-middle {padding:10px 20px; font-size:15px;}
.btn-large {padding:20px 25px; }

.btn-white {color: #333; background-color: #fff; border-color: #000; }
.btn-white:hover {color: #333;  border-color: #ccc; }
.btn-red { color: #fff; background-color: #981313; border-color: #ccc;  border:0px solid #ddd;}
.btn-blue { color: #fff; background-color: #3c84d4; border-color: #ccc;  border:0px solid #ddd;}
.btn-black { color: #fff; background-color: #000;  border:1px solid #000;}
.btn-red2 { color: #fff; background-color: #981313; border-color: #ccc;  border:0px solid #ddd;}

.btn-submit {font-family:"Noto Sans Korean"; 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-area { text-align: right; padding-top: 20px; margin-bottom: 20px; }
.button-area_view { text-align: right; padding-top: 0px; margin-bottom: 20px; }


/* Button : E */




/* Button - 2 */



.btn-3d {border-radius: 3px; border-bottom: 3px solid rgba(0,0,0,.15); -webkit-transition: none;   -o-transition: none;
transition: none;}

/* Button Size */
.btn-mini {padding: 0 14px;font-size: 11px; height: 28px; line-height: 28px;}

.btn-small {padding: 0 17px;font-size: 12px; height: 34px; line-height: 34px;}

.btn-large {padding: 0 26px;font-size: 16px; height: 46px; line-height: 46px;}


/* Button Color */

.btn-red {background-color: #C02942; color:#fff;}
.btn-black {background-color: #000; color:#fff;}
.btn-white {background-color: #F9F9F9; color:#000;}
.btn-green {background-color: #59BA41; color:#fff;}
.btn-yellow {background-color: #ECD078; color:#000;}
.btn-teal {background-color: #53777A; color:#fff;}
.btn-aqua {background-color: #40C0CB; color:#fff;}
.btn-purple {background-color: #5D4157; color:#fff;}
.btn-blue {background-color: #1265A8; color:#fff;}
.btn-dirtygreen {background-color: #1693A5; color:#fff;}
.btn-amber {background-color: #EB9C4D; color:#fff;}
.btn-brown {background-color: #774F38; color:#fff;}
.btn-leaf {background-color: #A8CABA; color:#fff;}
.btn-pink {background-color: #F89FA1; color:#fff;}


/* teal :청록색, 쇠오리, 상오리 */

.btn-red:hover {background-color: #C02942; color:#fff;}
.btn-white:hover {background-color: #F9F9F9; color:#000;}

/* Reveal Icon */

.fa{font-size:30px;}

.btn-reveal { padding: 0 28px; overflow: hidden; }
.btn i {
    position: relative;
}

.btn i {
    top: 1px;
    line-height: 1;
    margin-right: 5px;
    width: 16px;
    text-align: center;
}


.btn-large i {
    left: -38px;
    width: 38px;
    height: 46px;
    line-height: 46px;
	
	/* text-align:center; */
}

.btn.btn-reveal.btn-3d i, .btn.btn-reveal.btn-rounded i {
    border-radius: 3px 0 0 3px;
}

.btn-reveal i {
    display: block;
    position: absolute;
    top: 0;
    left: -32px;
    width: 32px;
    height: 46px;
    line-height: 46px;
    margin: 0;
    text-align: center;
    background-color: rgba(0,0,0,.1);
}


.tright {
    text-align: right!important;
}

.btn-reveal span {
    display: inline-block;
    position: relative;
    left: 0;
}

.btn.btn-reveal.btn-large.tright i {
    left: auto;
    right: -38px;
}
.btn.btn-reveal:hover i { left: 0; }
.btn.btn-reveal.tright:hover i {
	left: auto;
	right: 0;
}

.btn.btn-reveal:hover span { left: 16px; }



.btn.btn-reveal.tright:hover span { left: -16px; }

body:not(.device-touch) .btn {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

 body:not(.device-touch) .btn-reveal i, body:not(.device-touch) .btn.btn-reveal span {
    -webkit-transition: left .3s ease,right .3s ease;
    -o-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
}
 /* Button 2 : E */


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

.page-header {background-image:url('../images/page-header-1.png'); background-position:50% center; background-repeat:no-repeat; background-size:cover; height:300px;}
.page-header_title {float:left; position:relative; top:150px; padding-left:0px;}
.page-header_title h2 {font-size:30px; color:#fff;}
.page-header_title p {font-size:15px; color:#fff; padding-top:10px}
.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; }

.content h1 span:after {
    content: "";
    display: block;
	position:relative;
	height: 3px;
    background: #a2ab00;
    margin-top: 18px;
}
.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_h2 {font-size:20px; }
.about-text_h3 {font-size:20px; font-weight:200; margin-top:10px;}
.about-text p {font-size:16px; line-height:29px; }

/* 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:#a2ab00;}
.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 #ddd; vertical-align:middle;}
.guide-price thead tr + tr th{border-top:1px dashed #ddd;}
.guide-price thead th.last{border-right:0;}
.guide-price tbody td{padding:13px 0 13px 10px;border-top:1px solid #ddd;font-size:14px;border-right:1px dashed #ddd;}
.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 */

.guide-rent table {width:100%; border:0px solid #ddd; }
.guide-rent table caption {display:none;}
.guide-rent table th {border:1px solid #ddd; padding:10px 20px;text-align:center; background:#f7f7f7; font-size:14px; vertical-align:middle;}
.guide-rent table td { border:1px solid #ddd; padding:8px 15px;text-align:center}

/* 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:#981313; border:1px solid #981313; 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 */
.customer-online {margin-left:20px;}
.customer-center2 {padding:60px; }
.kakao {background-color:#fff210; padding:60px 0; margin-bottom:60px; }


.contact-addr {margin:30px 0 60px 0;}
.contact-addr table {width:100%; height:100%; border-top:2px solid #000;}
.contact-addr th {width:20%; padding:24px 30px; font-size:14px; background-color:#fafafa; border-bottom:1px solid #eeeeee; font-weight:350; text-align:left; }
.contact-addr td {width:80%; font-size:14px; padding:20px 20px 20px 30px; border-bottom:1px solid #eeeeee; font-weight:300; color:#555555}
.icon-bus {background-image:url('../images/icon-bus.png'); width:21px; height:15px; padding:8px 15px; background-repeat:no-repeat; background-position:0 10px;}
.icon-car {background-image:url('../images/icon-car.png'); width:21px; height:15px; padding:8px 15px; background-repeat:no-repeat; background-position:0 10px;}
.cotact-tra {margin-bottom:20px;}
.cotact-tra_vc {padding-left:36px; padding-top:5px;}
.cotact-tra_tit {color:#1d60af; font-weight:400;}

.building-txt {position:relative; top:-20px; background-color:#000; color:#fff; height:48px; font-size:14px; line-height:48px; text-align:right; padding-right:30px;}

.section-cols {padding:0px 0}

/* Service Guide */
.service-guide2 {padding:60px 0; }
.service-guide3 {padding:60px 0; }
.service-guide4 {padding:60px 0; margin-bottom:60px;}
.service-guide {display:table; width:100%; margin-top:30px; }
.service-guide:first-child {margin-top:0px; }
.service-guide li {display:table-cell; width:40%; vertical-align:top;}
.service-guide_photo {float:left; width:100%; background-color:#000; padding:0px; height:280px;}
.service-guide_text {clear:both; display:block; padding:0px 20px 0px 30px; }
.service-guide_text2 {clear:both; display:block; padding:40px 100px 40px 0px; }
.service-guide li p { font-size:14px; line-height:22px; margin-bottom:15px;  color:#666666}
.service-guide li p:before { content:'' }
.service-guide .service-guide_text__title {font-size:23px; font-weight:700; margin-bottom:15px; color:#000}

.service-guide_text__title___no {display:block; float:left; position:relative; font-size:50px; font-weight:700; font-family:Lato; font-style:italic; margin-right:20px; margin-bottom:15px;}


.service-using {display:table; }
.service-using li {display:table-cell; width:49.5%; border:0px solid #ddd;}

.service-using h3 {font-size:20px; font-weight:700; padding:10px 10px 10px 10px;  margin-bottom:0px; text-align:center; }
.service-using hr {border: none; height: 1px;    /* Set the hr color */    color: #ddd; /* old IE */    background-color: #ddd; /* Modern Browsers */ margin-bottom:20px; margin-right:20px;}
.service-using_photo {float:left; width:40%; height:200px;}

.service-using_text { width:50%; padding:20px; line-height:20px; font-size:14px; padding-top:0px; overflow:hidden; height:182px;}

.service-using_text__btn { display:block; position:absolute; top:153px; left:-3px;}

.service-using_text_holder {position:relative}
.service-using_text p {   overflow:hidden; text-overflow:ellipsis;  
    display: -webkit-box;  -webkit-line-clamp: 7;  -webkit-box-orient: vertical;  }
	
.recom dd {line-height:18px; margin-bottom:5px; color:#666666}
.recom dt {margin-top:30px;}
.recom dt {font-size:16px;}
.recom dt img {vertical-align:middle; margin-right:10px;}
.recom dd img {vertical-align:middle; margin-right:5px;}
.recom dd.first-child { margin-top:20px;}

.content-line {background-color:#ddd; height:1px; margin:30px 0 40px 0;}

.select-request {padding:7px 20px;}

/* 갤러리 */

/* Main News */
.main-news h2 {font-size:30px; text-align:center; background: url(../images/dotted.png) center repeat-x; margin-bottom:10px;}
.main-news_span__bg {background-color:#fff; padding:5px 20px;}
.main-news_more {position:absolute; background-color:#fff; padding:0px 10px; right:10px; color:#000;}
.main-news_more:hover {color:#000;}
.main-news {margin-top:0px;   }
.main-news h1{font-size:25px;  }
.main-news ul {padding-top:10px;}
.main-news ul li {float:left; padding:10px;}
.main-news_holder { border:0px solid #ddd; width:264px;}
.main-news_holder img{width:100%;}
.main-news_title {font-size:17px; color:#000;  padding:5px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.main-news_excerpt {font-size:14px; font-weight:200; color:#000;  padding:5px 0px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main-news_holder img:hover {}
.main-news_holder img {height:206px;}
.main-news_holder a {color:#000;}
.main-news_holder a:hover {text-decoration:underline;}
.main-news_go__detail {  position:relative; padding:5px 15px; border:1px solid #000; }
.main-news_img {
					
	width: 100%;
	height: 206px;
	overflow: hidden;
	position: relative;

}
.main-news_img .main-news_plus {

	background-color: rgba(0, 0, 0, 0.5);

	border: 0px solid #fff;
	bottom: 0;
	color: #fff;
	left: 0;
	margin: 0px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	right: 0;
	text-align: center;
	top: 0;
	z-index: 99;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;

}



.main-news_holder a:hover .main-news_plus  {
	padding-top: 25%;
	opacity: 1;
	filter: alpha(opacity=50);
	border: 0px solid #fff;
}

.main-news_plus__icon { display:inline-block; font-size:40px; color:#fff; font-weight:700; font-family: 'Lato'; }
	


.main-news_holder a:hover .main-news_go__detail { background-color:#000; color:#fff; text-decoration:underline;}

.main-news_link {text-align:left; margin-top:20px;}
.quick-baloon {display:none; position:fixed; bottom:40px; right:20px; z-index:10; }
.quick-baloon_text {display:block; position:relative; width:90px; background-color:#9b8154; color:#fff;text-align:center; border-radius:50px;  -webkit-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.37);
-moz-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.37);
box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.37); padding:34px 0; font-size:15px; font-weight:700;}
a.quick-baloon_text:hover, a.quick-baloon_text:link, a.quick-baloon_text:active {color:#fff}


/* Board Search : E */

.board-post {margin-top:60px; font-size:18px; border-top:2px solid #525252;  padding:17px; border-bottom:1px solid #ddd; padding-bottom:15px; font-weight:300; color:#464646}

.board-post li {display:block;}
.board-post li a:hover {text-decoration:underline}
.board-post_left{float:left;}
.board-post_right{float:right;}
.board-post_line {height:1px; background-color:#ddd; }
.board-post_up { background-image:url("../images/bul-arrow-up.png");}
.board-post_down { background-image:url("../images/bul-arrow-down.png"); }
.board-post_next__1 {font-weight:500; background-repeat:no-repeat; background-position: center center; padding-right:90px;}
.board-post_next__2 a {color:#464646}
.board-post_next__3 {margin-right:30px;}
.board-post_prev {margin-top:0px; border-top:0;}

/* Board Search : S */
.search-area {display:block; width:100%; text-align:right; border-top:1px solid #ddd; padding-top:30px; margin-top:40px;}
.search-area_select { padding: 0 22px;font-size: 14px;height: 42px;
line-height: 41px;}
.search-area_input { padding: 0 10px; font-size: 20px;height: 38px;
line-height: 40px;}
.search-area_btn__submit {margin-left:-11px;}

.form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;margin-top:10px;}

.line-black {background-color:#000; height:2px; margin:30px 0;}
.line-black2 {background-color:#000; height:2px; margin:0px 0 30px 0;}
.line-black3 {background-color:#000; height:1px; margin:10px 0 30px 0;}


@media only screen and (max-width : 959px) {
	.wrapper {min-width:100%}
	.header-logo {float:left; position:absolute; top:-3px; left:14%; z-index:20; }
	.header-logo img {width:230px;}
	.header-logo a {color:#fff;}
	.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;}
	.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:100%}
	.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; font-size:17px;}

	.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/page-header-1.png'); background-position:50% center; background-repeat:no-repeat; background-size:cover; height:200px;}
	.page-header_title {display:block; float:none; top:63px; padding-left:0px; text-align:center; }
	.page-header_title h2 {font-size:15px; color:#fff;}
	.page-header_title p {font-size:12px; color:#fff; padding-top:5px; padding:0 10px; margin-top:5px;}
	.page-header_position {display:none; 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}
	
	
	

	.content {display:block; width:94%; 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; }
	.customer-center2 {padding:30px 15px;}
	.customer-center2 img {width:100%; }
	
	.customer-online {margin-left:0px;}
	.kakao {padding:0 15px;  }
	.kakao img {width:100%;}
	.quick-baloon {display:block}
	
	/* request Form : S */

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

	.content h1 { display:none; }

	/* Main News */
	

	.main-news_holder { border:0px solid #ddd; width:100%;}

	.main-news_title {font-size:14px; }
	
	.search-area {display:none;}
	.hd-mb {display:none;}
	
	.btn {
		display: block;
		padding: 10px 0px;
		
	}
	.board-notice th.tit {text-align: center; width:50%; }

	.button-area { text-align: center; width:100%}

}