@import url('brand.css');
@import url('smart-icons.css');
@import url('nanumsquare.css');

html {font-size:15px;}
html, body, h1, h2, h3, h4, h5, h6, p, div, img {margin:0; padding:0; border:0;font-family:'Malgun Gothic', Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif}
h1, h2, h3, h4, h5, h6 {font-family:'NanumSquare', sans-serif;font-weight:700;}
body {-webkit-overflow-scrolling:touch;}
h1,h2{font-weight:bold;}
table,tr,td,thead,tbody,tfoot{border-spacing:0; border-collapse:collapse;}
ul, ol, li{list-style:none;/* padding:0; */}
a{text-decoration:none !important; color:#000;}
a hover{color:#c2c2c2;}
button:focus{outline:none;}
input {outline:none;}
input[type=text],
input[type=number],
textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;font-family:'Malgun Gothic', Dotum;}

/* Width */
.w0 {display:none !important;}
.w5 {width:5% !important;}
.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

/* Text Align */
.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}

/* Float Type */
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

/* Counter */
.counter {transition:all .4s;}

.header-top {position:fixed;top:0;left:0;right:0;background-color:#232628;color:#fff;height:55px;z-index:10;}
.header-top-wrap {max-width:1280px;margin:0 auto;line-height:55px;}
.header-top-wrap i {color:#fff100;padding-right:3px;}
.header-top-wrap .address {float:left;margin-left:2rem;}
.header-top-wrap .phone {float:left;margin-left:2rem;}
.header-top-wrap .member {float:right;margin-right:2rem;}
.header-top-wrap .member a {color:#fff100;padding:0 3px;}
.header-top-wrap .member .user-img {display:inline-block;width:36px;font-size:0;margin-right:10px;height:36px;overflow:hidden;border-radius:50%;vertical-align:middle;margin-top:-3px;}
.header-top-wrap .member .user-img img {max-width:100%;max-height:100%;vertical-align:top;}

.header {position:absolute;top:55px;left:0;right:0;bottom:0;height:105px;background-color:rgba(35,38,40,0.7);z-index:10;}
.header.porampe {top:0;height:55px;text-align:center;background-color:#000;}
.header.porampe .logo {float:none;margin:0;}
.header.porampe .logo img {height:40px;margin-top:7px;}
.header-wrap {position:relative;max-width:1280px;margin:0 auto;}
.header-wrap:after {content:"";display:block;clear:both;}
.header .nav-ctr {display:none;}
.header .nav-close {display:none;}
.header .nav-m {position:fixed;top:60px;left:-100%;width:100%;height:100%;}
.header .logo {float:left;margin:1.5rem 0 0 2rem;}

.header .nav {float:right;margin:0 10rem 0 0;line-height:2rem;font-size:1.2rem;}
.header .nav ul {margin:0;padding:0;}
.header .nav ul:after {content:"";display:block;clear:both;}
.header .nav > ul > li {float:left;padding:0 .5rem;}
.header .nav > ul > li > a {color:#fff;display:block;height:105px;line-height:105px;padding:0 1rem;}
.header .nav > ul > li > a:hover {color:#fff100;}
.header .nav > ul > li.selected > a {color:#fff100;}

/* Sub Menu - Common */
.header .nav > ul > li > a + .sub-menu {display:none;opacity:0;}
.header .nav > ul > li.on > a + .sub-menu {display:block;opacity:1;transition:all 0.8s;}

/* Brands */
.header .nav .sub-menu {position:fixed;top:160px;left:0;right:0;background-color:rgba(10,10,10,0.9);color:#fff;}
.header .nav .sub-menu ul {max-width:1280px;margin:0 auto;padding:1rem 0 2rem 3rem;}
.header .nav .sub-menu ul:after {content:"";display:block;clear:both;}
.header .nav .sub-menu ul h2 {font-size:2rem;padding-top:1rem;font-weight:800;text-align:center;}
.header .nav .sub-menu ul h2 small {font-size:.8rem;font-weight:400;display:block;}
.header .nav .sub-menu ul li {float:left;}

.header .nav .sub-brand ul li a {display:block;height:auto;margin:1rem 1rem 0 1rem;padding:0 1rem;color:#fafafa;}
.header .nav .sub-brand ul li a:hover {background-color:#fff;border-radius:10px;transition:all 0.3s;color:#000;}
.header .nav .sub-brand ul li a.selected {background-color:#fff100;border-radius:10px;transition:all 0.3s;color:#000;}
.header .nav .sub-brand ul li a i{font-size:5rem;display:inline-block;text-align:center;line-height:3rem;padding-top:1rem;}
.header .nav .sub-brand ul li a span {font-size:0.8rem;display:block;text-align:center;line-height:1rem;padding-bottom:1rem;}

.header .nav .sub-magazine ul li {width:33.333333%;text-align:center;}
.header .nav .sub-magazine ul li a {display:block;height:auto;margin:1rem 0 0 0;padding:0;color:#fff;}
.header .nav .sub-magazine ul li a i {font-size:1.5rem;padding-right:0.7rem;}
.header .nav .sub-magazine h3 {background-color:rgba(255,255,255,0.1);padding:0.5rem 0;font-weight:400;}
.header .nav .sub-magazine .mag-new h4 {font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;padding:0.5rem 0;}
.header .nav .sub-magazine .mag-new .mag-img {width:100%;height:200px;overflow:hidden;position:relative;}
.header .nav .sub-magazine .mag-new .mag-img .img-bg {background-color:rgba(0,0,0,0.6);position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;}
.header .nav .sub-magazine .mag-new .mag-img img {width:100%;}
.header .nav .sub-magazine ul li a:hover h3 {background-color:rgba(255,255,255,0.9);transition:all .5s;color:#000;}
.header .nav .sub-magazine ul li a:hover .mag-new .mag-img .img-bg {opacity:0;transition:all .5s;}
.header .nav .sub-magazine ul li a:hover .mag-new .mag-img img {transform:scale(1.1);transition:all .5s;}

.header .nav .sub-service ul li {box-sizing:border-box;margin-top:1rem;}
.header .nav .sub-service ul li.used-car {width:33%;background:url(../img/main-img-1.jpg) center center no-repeat;margin-right:2%;background-size:auto 100%;}
.header .nav .sub-service ul li.solar-gard {width:65%;background:url(../img/solar-gard-bg.jpg) center center no-repeat;background-size:auto 100%;}
.header .nav .sub-service ul li > a {display:block;margin:0;padding:0;background-color:rgba(0,0,0,0.55);height:290px;}
.header .nav .sub-service ul li.solar-gard > a {height:124px;}
.header .nav .sub-service h3 {background-color:rgba(0,0,0,0.3);padding:0.5rem 0;font-weight:400;color:#fff;text-align:center;}
.header .nav .sub-service h3 span {padding-left:0.7rem;}
.header .nav .sub-service h3 small {display:block;text-align:center;font-size:1rem;}
.header .nav .sub-service .gallery-new {margin:0;padding:0 1rem;box-sizing:border-box;background-color:rgba(0,0,0,0.6);}
.header .nav .sub-service .gallery-new:after {content:"";display:block;clear:both;}
.header .nav .sub-service .gallery-new h4 {font-size:1.15rem;padding:0.5rem 1rem;color:#fff;position:relative;}
.header .nav .sub-service .gallery-new h4 .more {border:2px solid #fff;margin-left:1rem;border-radius:15px;padding:0 15px;line-height:20px;cursor:pointer;background-color:#fff;}
.header .nav .sub-service .gallery-new h4 .more:hover {background-color:#ffff00;border-color:#ffff00;}
.header .nav .sub-service .gallery-new li {float:left;width:20%;margin:0;padding:0;font-size:0;box-sizing:border-box;padding:0.3rem;}
.header .nav .sub-service .gallery-new li img {width:100%;height:100%;}
.header .nav .sub-service ul li a .go-gallery {border:1px solid #ccc;padding:13px 70px;border-radius:30px;display:inline-block;cursor:pointer;}
.header .nav .sub-service ul li a .go-gallery span {padding-left:10px;font-size:1.2rem;}
.header .nav .sub-service ul li a .go-gallery:hover {border:1px solid #028ed8;color:#028ed8;}
.header .nav .sub-service ul li:hover {background-size:auto 110% !important;transition:all 0.5s;}
.header .nav .sub-service ul li:hover h3 {background-color:#fff;color:#000;transition:all 0.5s;}
.header .nav .sub-service ul li:hover .gallery-new {background-color:#000;transition:all 0.5s;}

.header .btn-tel {display:none;}
.header .btn-estimate {position:absolute;top:1.1rem;right:2rem;width:70px;height:70px;border-radius:50%;background-color:#fff100;text-align:center;cursor:pointer;}
.header .btn-estimate:hover {background-color:#ffff00;}
.header .btn-estimate i {display:block;font-size:1.6em;padding:1rem 0 0.3rem 0;}
.header .btn-estimate:hover i.i-clipboard:before {content:"\e95a";}
.header .btn-estimate span {display:block;font-size:0.8rem;padding-top:.1rem;font-weight:bold;}

.header-top.fixed {height:40px;}
.header-top.fixed .header-top-wrap {font-size:0.9rem;line-height:40px;}
.header-top.fixed .header-top-wrap .member .user-img {width:24px;height:24px;}

.header.fixed {position:fixed;top:40px;height:70px;background-color:rgba(35,38,40,0.85);}
.header.fixed .logo {margin-top:0.7rem;}
.header.fixed .logo img {max-width:130px;}
.header.fixed .nav .sub-menu {top:110px;}
.header.fixed .nav > ul > li > a {height:70px;line-height:70px;}
.header.fixed .btn-estimate {top:0;border-radius:0;}

.content {padding-top:55px;min-width:1200px;overflow:auto;}
.header.fixed .content {padding-top:40px;min-width:1200px;overflow:auto;}

.main-img {position:relative;height:100%;padding:0;}
.main-img .img-shadow {position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.2);z-index:1;pointer-events:none;display:none;}
.main-img .main-img-wrap {position:relative;max-height:100%;margin:0 auto;}
.main-img .title {position:absolute;top:50%;left:0;width:100%;text-align:center;margin:-100px auto 0 auto;color:#fff;z-index:2;text-shadow:0 0 5px #333;pointer-events:none;display:none;}
.main-img .title p {padding-top:.8em;text-shadow:0 0 5px #000;font-family:'NanumSquare', sans-serif;font-size:1.5rem;line-height:2.1rem;font-weight:800;}
.main-img .title p.point {color:#fff;font-style:normal;background-color:#ffff00;display:inline-block;margin-top:.8rem;padding:5px 10px;color:#000;text-shadow:none;}
.main-img .title strong {font-size:5rem;font-weight:800;line-height:5.5rem;}
.main-img .title strong span {color:#fff100;}
.main-img .title.polamfe {margin-top:-70px;font-style:normal;}
.main-img .title.polamfe strong {font-size:3rem;}
.main-img .title.polamfe .point {background-color:#ffff00;text-shadow:none;color:#000;padding:0.2rem 1rem;display:inline-block;margin-top:1rem;font-style:normal;}

.main-awards {display:block;position:relative;background:url(../img/award.jpg) 50% 50% no-repeat;background-size:cover;height:946px;}
.main-awards .main-award-pc {position:absolute;top:130px;left:50%;margin-left:-720px;text-align:center;width:1100px;display:block;}
.main-awards .award-tt strong {display:block;font-size:26px;font-weight:800;color:#030512;line-height:40px;}
.main-awards .award-tt small {display:block;font-size:14px;font-weight:400;columns:#525152;line-height:25px;}
.main-awards .award-tt a {display:inline-block;padding:7px 20px;margin-top:10px;background-color:#c02300;color:#fff;font-size:16px;font-weight:600;border-radius:25px;}
.main-awards .award-list {padding:0 50px;}
.main-awards .award-list ul:after {content:"";display:block;clear:both;}
.main-awards .award-list li {float:left;width:25%;padding:10px 25px;box-sizing:border-box;}
.main-awards .award-list li p {font-size:14px;line-height:20px;padding:3px 0;}
.main-awards .award-list li p strong {display:block;font-size:16px;}
.main-awards .award-list li p span {display:block;color:#565656;}
.main-awards .award-list li div img {max-width:100%;}
.main-awards .main-award-mobile {display:none;}

.sub-wrap {padding:4rem 0 3rem 0;}
.sub-wrap h3 {text-align:center;}
.sub-wrap.price {padding-top:8rem;}
.sub-wrap.about-smart {padding-bottom:0;}
.sub-wrap.about-org {background-color:#1e1e1e;padding-bottom:3rem;}
.sub-wrap {max-width:1200px;padding:2rem 0;margin:0 auto;}



.sub-tt {position:relative;background:url(../img/title/aboutus.jpg) 0 100% no-repeat;background-size:100% auto;}
.sub-tt .sub-tt-wrap {background-color:rgba(0,0,0,0.65);height:400px;}
.sub-tt h2 {text-align:center;padding-top:7em;color:#fff;}
.sub-tt h2 strong {display:block;font-size:3.5rem;line-height:6rem;text-transform:uppercase;font-weight:800;}
.sub-tt h2 small {display:block;font-size:1.2rem;line-height:1.5rem;}

.sub-tt.aboutus {background-image:url(../img/title/aboutus.jpg);}
.sub-tt.aboutus .sub-tt-wrap {background-color:rgba(0,0,0,0.55);height:550px;}
.sub-awards {position:relative;background:url(../img/title/awards_title_m.jpeg) 0 100% no-repeat;background-size:100% auto;padding-top:16rem;}
.sub-tt.aboutus h2 {padding-top:16rem;}
.sub-tt.hotdeal {background-image:url(../img/title/hotdeal.jpg);background-position:0 0;}
.sub-tt.hotdeal h2 {padding-top:11rem;}
.sub-tt.magazine {background-image:url(../img/title/magazine.jpg);background-color:rgba(0,0,0,0.85);}
.sub-tt.service-review {background-image:url(../img/solar-gard-bg.jpg);background-position:0 0;}
.sub-tt.service {background-image:url(../img/main-img-1.jpg);background-position:0 100%;}
.sub-tt.contact {background-image:url(../img/title/contact.jpg);background-position:0 100%;}
.sub-tt.policy {background:#fff;}
.sub-tt.policy select {height:36px;line-height:34px;padding:0 10px;border-radius:5px;border:0 none;box-shadow:0 0 5px #5a5a5a;margin-top:1rem;}
.sub-tt .tab-nav {text-align:center;margin:50px 0 0 0;padding:0;list-style:none;}
.sub-tt .tab-nav li {display:inline-block;padding:5px 20px;text-align:center;box-sizing:border-box;font-size:17px;font-weight:700;border-radius:17px;color:#fff;background-color:rgba(255,255,255,0.15);border:2px solid #fff;margin:0 10px;cursor:pointer;width:150px;}
.sub-tt .tab-nav li:hover {border-color:#ffff00;background-color:rgba(255,255,255,0.0);}
.sub-tt .tab-nav li small {font-size:13px;padding-left:15px;}
.sub-tt .tab-nav li.select {background-color:#ffff00;color:#000;border-color:#ffff00;box-shadow:0 0 10px #000;}

.sub-tt.brands .sub-tt-wrap {background-color:rgba(0,0,0,0.65);height:400px;}
.sub-tt.brands:before {display:none;}
.sub-tt.brands h2 {padding-top:8rem;}
.sub-tt.brands h2 strong {display:inline-block;font-size:8rem;line-height:5rem;background-color:rgba(255,255,255,0.6);color:#000;border-radius:50%;}
.sub-tt.brands h2 span {font-size:3.5rem;line-height:5.5rem;display:block;font-weight:800}

.sub-tt.brands.brand-HYUNDAI 	{background-image:url(../img/title/brand-hyundai.jpg)}
.sub-tt.brands.brand-KIA 		{background-image:url(../img/title/brand-kia.jpg)}
.sub-tt.brands.brand-SAMSUNG	{background-image:url(../img/title/brand-samsung.jpg)}
.sub-tt.brands.brand-CHEVROLET  {background-image:url(../img/title/brand-chevrolet.jpg)}
.sub-tt.brands.brand-SSANGYONG 	{background-image:url(../img/title/brand-ssangyong.jpg)}
.sub-tt.brands.brand-GENESIS 	{background-image:url(../img/title/brand-genesis.jpg)}
.sub-tt.brands.brand-BENZ 		{background-image:url(../img/title/brand-benz.jpg)}
.sub-tt.brands.brand-BMW 		{background-image:url(../img/title/brand-bmw.jpg)}
.sub-tt.brands.brand-AUDI 		{background-image:url(../img/title/brand-audi.jpg)}
.sub-tt.brands.brand-VOLKSWAGEN {background-image:url(../img/title/brand-volkswagen.jpg)}
.sub-tt.brands.brand-LANDROVER 	{background-image:url(../img/title/brand-landrover.jpg)}
.sub-tt.brands.brand-VOLVO 		{background-image:url(../img/title/brand-volvo.jpg)}
.sub-tt.brands.brand-LEXUS 		{background-image:url(../img/title/brand-lexus.jpg)}
.sub-tt.brands.brand-PORSCHE 	{background-image:url(../img/title/brand-porsche.jpg)}
.sub-tt.brands.brand-LINCOLN 	{background-image:url(../img/title/brand-lincoln.jpg)}
.sub-tt.brands.brand-JAGUAR	 	{background-image:url(../img/title/brand-jaguar.jpg)}
.sub-tt.brands.brand-MASERATI 	{background-image:url(../img/title/brand-maserati.jpg)}
.sub-tt.brands.brand-MINI 		{background-image:url(../img/title/brand-mini.jpg)}

.sub-tt.fixed {position:fixed;top:40px;left:0;right:0;transition:all 0.3s;background-position:50% 50%;z-index:9;}
.sub-tt.fixed .sub-tt-wrap {height:170px;}
.sub-tt.fixed h2 {padding-top:5.5rem;}
.sub-tt.fixed h2 strong {font-size:2.5rem;line-height:5rem;}
.sub-tt.brands.fixed h2 strong {font-size:4rem;vertical-align:middle;width:60px;height:60px;line-height:60px;}
.sub-tt.magazine.fixed .sub-tt-wrap {height:210px;}
.sub-tt.fixed h2 span {display:inline-block;font-size:2.5rem;line-height:4.5rem;vertical-align:middle;padding-left:15px;}
.sub-tt.fixed h2 small {display:none;}
.sub-tt.fixed .tab-nav {background-color:rgba(0,0,0,0.85);margin:-11px 0 0 0;padding:15px 0;}

.sub-tt.fixed + .sub-wrap {padding-top:330px;}

.sub-tab {text-align:center;background-color:#241d19;}
.sub-tab ul {max-width:1200px;margin:0 auto;display:flex;}
.sub-tab li {float:left;flex:1;padding:1rem 0;font-size:18px;color:#ccc;font-family:'NanumSquare';font-weight:bold;}
.sub-tab li:hover {background-color:#382c25;cursor:pointer;color:#fff;}
.sub-tab li.on {background-color:#fff;color:#241d19;}

.header.fixed + .content .tab-ctn {padding-top:28rem;}
.tab-ctn {display:none;}
.tab-ctn > h3 {font-size:3rem;}

.sub-wrap.about-org h3 {color:#fff;}
.org-list {padding-top:3rem;text-align:center;}

.header.fixed + .content .about-org.tab-ctn {padding-bottom:4rem;}
.org-list h3 {font-size:1.5rem;}
.org-list > ul {font-size:0;}
.org-list > ul > li {font-size:1rem;}
.org-list > ul > li > ul {padding:1rem 0;font-size:0;}
.org-list > ul > li > ul > li {line-height:2.2rem;font-size:1.3rem;}
.org-list > ul > li > ul > li strong {font-weight:500;}
.org-list > ul > li > h3 {position:relative;font-size:1.2rem;padding:1.2rem 0 0.8rem 0;border-bottom:3px solid #ffde00;}
.org-list > ul > li i {display:block;text-align:center;padding-bottom:0.5rem;}
.org-list > ul > li.ceo {display:block;margin-top:2rem;}
.org-list > ul > li.ceo h2 {position:relative;box-sizing:border-box;display:inline-block;padding:30px 100px;border-radius:20px;background-color:#1e1e1e;color:#ffde00;border:3px solid #ffde00;font-size:2rem;font-weight:800;}
.org-list > ul > li.team {display:inline-block;background-color:#fff;min-width:300px;margin:4rem 1rem 0 1rem;border-radius:1rem;}
.org-list > ul > li.team h3 {color:#1e1e1e;background-color:#ffde00;font-weight:800;font-size:1.5rem;border-radius:1rem 1rem 0 0;}
.org-list > ul > li.branch {display:block;max-width:960px;margin:4rem auto 0 auto;background-color:#333;border-radius:1rem;}
.org-list > ul > li.branch h3 {color:#fff100;font-size:1.5rem;font-weight:800;border-radius:1rem 1rem 0 0;}
.org-list > ul > li.branch > ul {background-color:#555;border-radius:0 0 1rem 1rem;}
.org-list > ul > li.branch > ul > li {display:inline-block;line-height:1.8rem;min-width:300px;border-radius:20px;background-color:#fff;margin:5px;padding:5px;box-sizing:border-box;}
.sub-tt.fixed + .sub-tab {position:fixed;top:210px;left:0;right:0;z-index:9;}

.awards-list {max-width:1000px;margin:3rem auto 0 auto;}
.awards-list ul:after {content:"";display:block;clear:both;}
.awards-list li {float:left;width:50%;padding:10px;box-sizing:border-box;}
.awards-list li p {text-align:center;padding:4px 0;background-color:#eee;}
.awards-list li p:first-child {padding-top:1rem;border-radius:1rem 1rem 0 0;}
.awards-list li p:nth-child(2) {padding-bottom:1rem;}
.awards-list li p em {display:inline-block;padding:3px 15px;background-color:#ffde00;border-radius:15px;font-style:normal;font-weight:600;}
.awards-list li p strong {display:block;font-size:1.2rem;line-height:2rem;}
.awards-list li p span {display:block;font-size:1rem;line-height:1.5rem;}
.awards-list li img {width:100%;border-radius:0 0 1rem 1rem;}

.awards {position:relative;background:url(../img/award1_m.jpeg) 0 100% no-repeat;background-size:100% auto;height:100%;}
.awards > .awards-wrap {padding-top:70px;/* margin-bottom:100px; *//* height:100px; */max-height:100%;}
.awards > .awards-wrap>.bx-wrapper {
	/* height:185px !important; */
	background-color:rgba( 255, 255, 255, 0 );
	/* padding-left:20px; */
	/* padding-right:10px; */
	border:0;
	/* padding:40px 10px 0; */
	}
.awards > .awards-wrap>.bx-viewport{height:185px !important; background-color:rgba( 255, 255, 255, 0 );padding-top:10px;}
.awards > .awards-wrap>.bx-wrapper img {/* height:15px !important;  */background-color:rgba( 255, 255, 255, 0 );padding-top:20px;}

.price-wrap{position:relative;background:url(../img/title/awards_title_m.png) 0 100% no-repeat;background-size:100% auto;height:370px;}
.price-wrap> .bx-wrapper{
	padding-top:150px;
	padding-left:20px;
	background-color:rgba( 255, 255, 255, 0 )
}


/* */
.simple-estimate {position:absolute;bottom:0;left:0;right:0;height:150px;background-color:rgba(0,0,0,0.7);z-index:3;color:#fff;}
.simple-estimate-form {max-width:1200px;margin:0 auto;z-index:1;}
.simple-estimate-form:after {content:"";display:block;clear:both;}
.simple-estimate-form h3 {float:left;font-size:1.3rem;font-weight:800;line-height:2rem;padding-top:2.8rem;padding-left:1.5rem;}
.simple-estimate-form h3 strong {display:block;font-size:2rem;color:#ffde00;}
.simple-estimate-form .form-input {float:left;padding-left:1rem;line-height:2.5rem;vertical-align:middle;padding-top:2.6rem;}
.simple-estimate-form .form-input:nth-of-type(1) {margin-left:2rem;}
.simple-estimate-form .form-input label {display:none;}
.simple-estimate-form .form-input span {display:inline-block;color:#333;font-weight:600;}
.simple-estimate-form .form-input input {border:0 none;border-radius:1.1rem;height:2.2rem;line-height:2.2rem;color:#000;padding:0 1rem;box-sizing:border-box;vertical-align:middle;}
.simple-estimate-form .form-input input::placeholder {color:#000;opacity:1;}
.simple-estimate-form .form-input input:-ms-input-placeholder {color:#000;opacity:1;}
.simple-estimate-form .form-input input::-ms-input-placeholder {color:#000;opacity:1;}
.simple-estimate-form .form-input.name input {width:150px;}
.simple-estimate-form .form-input.tel input {width:200px;}
.simple-estimate-form .form-input.car-type input {width:350px;}
.simple-estimate-form .form-input.checkbox {padding-top:0.2rem;padding-left:3rem;}
.simple-estimate-form .form-input.checkbox input {width:20px;height:20px;background-color:#fff;}
.simple-estimate-form .form-input.checkbox label {color:#fff;display:inline-block;cursor:pointer;font-size:.85rem;}
.simple-estimate-form .form-input.checkbox a {display:inline-block;color:#fff;font-size:.85rem;}
.simple-estimate-form .form-input.checkbox a:hover {color:#ffde00;}
.simple-estimate-form .form-input button {border:0 none;height:2.5rem;line-height:1rem;padding:0 3rem;cursor:pointer;border-radius:1.3rem;font-size:1.2rem;font-weight:800;background-color:#fff100;vertical-align:middle;}
.simple-estimate-form .form-input button:hover {background-color:#ffff00;}
.simple-estimate-form .form-input button:hover i.i-clipboard:before {content:"\e95a";}


/* Hot Deal */
.hotdeal-item {position:relative;}
.rev_slider_wrapper {background:transparent url("../img/hotdeal-bg.jpg") center 0 no-repeat;}
.tp-parallax-wrap {width:100%;}
.tp-loop-wrap,
.tp-mask-wrap {width:100%;text-align:center;}

.hotdeal-content {position:relative;text-align:center;z-index:5;}
.hot-type {padding-top:70px;}
.hot-type span {display:inline-block;color:#878787;padding:3px 6px 3px 6px;font-size:15px;line-height:20px;}
.hot-tt {padding-top:15px;}
.hot-tt strong {display:inline-block;font-size:36px;padding:5px 13px 3px 7px;font-weight:800;color:#878787;font-style:italic;line-height:36px;}
.hot-price {padding-top:60px;font-style:italic;}
.hot-price span {display:inline-block;font-size:20px;color:#878787;font-weight:700;}
.hot-price strong {display:inline-block;font-size:2rem;color:#878787;font-weight:800;padding:0 5px;}
.hot-btn {padding-top:267px;}
.hotdeal-item.active-revslide .hot-btn .hot-detail  {display:inline-block;}
.hot-btn .hot-detail {display:none;width:370px;height:89px;background:transparent url("../img/hotdeal-btn.png") 0 0 no-repeat;cursor:default;}
.hot-btn .hot-detail span {display:inline-block;line-height:115px;font-size:20px;}

.active-revslide .hot-type span {background-color:#fff;color:#028ed8;}
.active-revslide .hot-tt strong {color:#fff;}
.active-revslide .hot-price span {color:#fff;}
.active-revslide .hot-price strong {color:#ffff00}
.active-revslide .hot-btn {opacity:1;transition:all 1s;z-index:1;}
.active-revslide .hot-btn .hot-detail {cursor:pointer;}

/* Hot Cars - old */
.hotcar {padding:60px 0 50px 0;}
.hotcar h2 {text-align:center;font-size:40px;}
.hotcar h2 small {display:block;font-size:15px;color:#555555;padding:15px 0;}

.hotcar-list {margin:0 auto;max-width:1200px;}
.hotcar-list > ul:after {content:"";display:block;clear:both;}
.hotcar-list > ul > li {float:left;width:25%;}

.hotcar-item {position:relative;}
.hotcar-item .car-img {height:200px;line-height:180px;text-align:center;}
.hotcar-item .car-img img {max-width:80%;vertical-align:bottom;}
.hotcar-item .car-info .car-name {display:block;text-align:center;font-size:24px;font-weight:800;}
.hotcar-item .car-info ul:after {content:"";display:block;clear:both;}
.hotcar-item .car-info li {float:left;width:50%;padding:15px 0 5px 0;font-size:15px;text-align:center;}
.hotcar-item .car-info li span {padding-right:5px;font-size:13px;font-weight:bold;}
.hotcar-item .car-info li strong {font-size:15px;color:#eb3a3a;}


.hotcar-btn {opacity:0;position:absolute;top:70px;left:50%;margin-left:-50px;cursor:default;}
.hotcar-btn a {display:block;width:100px;height:100px;background-color:rgba(255,222,0,0.9);color:#000;border-radius:50%;text-align:center;}
.hotcar-btn a i {font-size:32px;padding:25px 0 10px 0;}
.hotcar-btn a span {display:block;}
.hotcar-item:hover .hotcar-btn {opacity:0.9;transition:all 0.6s;cursor:pointer;}
.hotcar-item:hover .car-img img {transform:scale(1.1);transition:all .5s;}

/* Hot Cars - new */

.hotcar.new .hotcar-list {margin:0 auto;max-width:1200px;}
.hotcar.new .hotcar-list > ul:after {content:"";display:block;clear:both;}
.hotcar.new .hotcar-list > ul > li {float:left;width:33.3333333333%;box-sizing:border-box;margin-top:-1px;height:410px;}

.hotcar.new .hotcar-list .list-item {position:relative;transition:all 0.5s;cursor:pointer;border:1px solid #eee;border-left:0 none;}
.hotcar.new .hotcar-list li:first-child .list-item,
.hotcar.new .hotcar-list li:nth-child(4n) .list-item {border-left:1px solid #eee;}
.hotcar.new .hotcar-list .list-item .car-img {height:250px;line-height:210px;text-align:center;}
.hotcar.new .hotcar-list .list-item .car-img img {width:80%;vertical-align:bottom;transition:all 0.5s;}
.hotcar.new .hotcar-list .list-item:hover .car-img img {transform:scale(1.1);}
.hotcar.new .hotcar-list .list-item .car-info {padding:1.5rem 0 2rem 0;border-top:1px solid #eee;background-color:#fafafa;}
.hotcar.new .hotcar-list .list-item .car-info .name {font-weight:600;font-size:1.3rem;height:2rem;text-align:center;}
.hotcar.new .hotcar-list .list-item .car-info > .price {font-weight:600;font-size:0.8rem;color:#888;padding-bottom:0.5rem;text-align:center;}
.hotcar.new .hotcar-list .list-item .car-info .month-price {padding:3px 0;}
.hotcar.new .hotcar-list .list-item .car-info .month-price:after {content:"";display:block;clear:both;}
.hotcar.new .hotcar-list .list-item .car-info .month-price > div {float:left;width:50%;text-align:center;font-size:13px;font-weight:400;}
.hotcar.new .hotcar-list .list-item .car-info .month-price > div .price {color:#0081d0;font-size:15px;font-weight:600;padding:0 3px 0 5px;}
.hotcar.new .hotcar-list .list-item .etc{margin:5px 0;line-height:110%;white-space:normal;font-size:12px;color:#666;text-align:center;padding:0 2.5rem;}
.hotcar.new .hotcar-list .list-item .etc span{font-size:12px;color:#666;line-height:140%;display:inline-block;}
.hotcar.new .hotcar-list .list-item .etc span:before{content:'';position:relative;top:1px;display:inline-block;margin:0 5px 0 3px;width:1px;height:9.5px;background:#ccc;font-size:12px;}
.hotcar.new .hotcar-list .list-item .etc span:first-child:before{margin:0;width:0;height:0}


.hotcar.new .hotcar-list .hotcar-btn {opacity:0;position:absolute;top:70px;left:50%;margin-left:-50px;cursor:default;}
.hotcar.new .hotcar-list .hotcar-btn a {display:block;width:100px;height:100px;background-color:rgba(255,222,0,0.9);color:#000;border-radius:50%;text-align:center;}
.hotcar.new .hotcar-list .hotcar-btn a i {font-size:32px;padding:25px 0 10px 0;}
.hotcar.new .hotcar-list .hotcar-btn a span {display:block;}
.hotcar.new .hotcar-list .list-item:hover .hotcar-btn {opacity:0.9;transition:all 0.6s;cursor:pointer;}

/* Banner */
.smart-mainbanner {position:relative;padding:80px 0;}
.smart-mainbanner:before {content:"";position:absolute;top:0;left:0;bottom:0;width:50%;z-index:1;background:#fcdc49 url(../img/bg_youtube.png) 0 0 no-repeat;background-size:cover;}
.smart-mainbanner:after {content:"";position:absolute;top:0;right:0;bottom:0;width:50%;z-index:1;background:#108aef url(../img/bg_app.png) 0 0 no-repeat;background-size:cover;}
.mainbanner-wrap {z-index:2;position:relative;width:1200px;margin:0 auto;}
.mainbanner-wrap:after {content:"";display:block;clear:both;}
.mainbanner-wrap .youtube-list {margin-top:30px;}
.mainbanner-wrap .youtube-list.owl-carousel .owl-dots {text-align:center;padding:5px 0;}
.mainbanner-wrap .youtube-list.owl-carousel .owl-dots button.owl-dot {display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#fff;opacity:0.5;margin:0 4px;}
.mainbanner-wrap .youtube-list.owl-carousel .owl-dots button.owl-dot.active {opacity:1;}
.mainbanner-wrap .youtube-btn {margin-top:50px;}
.mainbanner-wrap .banner-item {float:left;width:50%;text-align:center;}
.mainbanner-wrap .banner-item h2 {font-size:46px;font-weight:800;line-height:48px;}
.mainbanner-wrap .banner-item h2 span {display:inline-block;padding:10px;vertical-align:middle;}
.mainbanner-wrap .banner-item h2 strong {display:inline-block;padding:10px 10px 5px 10px;background-color:#fff;font-weight:800;vertical-align:middle;}
.mainbanner-wrap .banner-item.youtube h2 {color:#121212;}
.mainbanner-wrap .banner-item.youtube h2 strong {background-color:#121212;color:#fcdc49;font-size:55px;}
.mainbanner-wrap .youtube-media {display:inline-block;margin-top:30px;width:500px;height:281px;}
.mainbanner-wrap .youtube-media iframe {width:500px;height:281px;}
.mainbanner-wrap .banner-item.app h2 {color:#fff;}
.mainbanner-wrap .banner-item.app h2 strong {color:#108aef;}
.mainbanner-wrap .app-ctn-box {width:237px;height:360px;display:inline-block;margin:20px auto 0 auto;padding:5px 5px 5px 5px;border-radius:15px;font-size:0;background-color:#333;margin-top:20px;box-sizing:border-box;}
.mainbanner-wrap .app-ctn {width:227px;height:350px;}
.mainbanner-wrap .app-ctn img {border-radius:10px;}
.mainbanner-wrap .app-download {margin-top:40px;}
.mainbanner-wrap .app-download a {display:inline-block;margin:0 5px;}



/* Sales Main */
.main-salesman {padding:60px 0 50px 0;background-color:#f2f2f2;}
.main-salesman h2 {text-align:center;font-size:40px;color:#333;}
.main-salesman h2 small {display:block;font-size:15px;color:#555;padding-top:15px;}

.salesman-list {max-width:1200px;margin:0 auto;padding:40px 0 20px 0;}
.salesman-list ul:after {content:"";display:block;clear:both;}
.salesman-list li {text-align:center;}
.salesmain-info .photo {width:200px;height:200px;text-align:center;border-radius:50%;overflow:hidden;margin:0 auto;box-shadow:3px 3px 15px #ccc;}
.salesmain-info .photo img {max-width:100%;}
.salesmain-info .name {padding:15px 0 10px 0;}
.salesmain-info .name strong {font-size:20px;display:block;padding:5px 0;}
.salesmain-info .name span {font-size:16px;color:#555;display:block;}
.salesmain-info .introduce {padding:10px 20px;font-size:13px;color:#333;}
.salesmain-info .inquery-btn {padding:15px 0 25px;}
.salesmain-info .inquery-btn a {background-color:#ffde00;border:1px solid #ffde00;color:#000;padding:8px 35px;font-size:18px;display:inline-block;border-radius:10px;}
.salesmain-info .inquery-btn a:hover {background-color:#fff100;border:1px solid #555;}
.salesmain-info .inquery-btn a span {display:block;text-align:center;font-size:13px;padding:3px 0;}


.main-magazine {padding:60px 0 50px 0;background-color:#232323;}
.main-magazine h2 {text-align:center;font-size:40px;color:#fff;}
.main-magazine h2 small {display:block;font-size:15px;color:#eee;padding-top:15px;}

.main-magazine h3 {padding:1rem 0 0 0;text-align:center;font-size:0;}
.main-magazine h3 span {display:inline-block;background-color:#131313;color:#fff;padding:0 1rem;font-size:1.3rem;line-height:2.5rem;vertical-align:middle;}
.main-magazine h3 button {display:inline-block;padding:0 1rem;border:0 none;background-color:#fff;font-size:1rem;margin:0;line-height:2.3rem;vertical-align:middle;}

.main-magazine-list {max-width:1200px;margin:0 auto;}
.main-magazine-list ul:after {content:"";display:block;clear:both;}
.main-magazine-list li {float:left;width:20%;height:240px;box-sizing:border-box;padding:10px;position:relative;}
.main-magazine-list li .main-magazine-info {display:block;opacity:0;position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:1;text-align:center;background-color:rgba(0,0,0,0.4);color:#fff;}
.main-magazine-list li .main-magazine-info span {margin-top:55px;display:inline-block;font-size:16px;background-color:#fff;color:#555;padding:5px 10px 3px 10px;}
.main-magazine-list li .main-magazine-info strong {margin-top:10px;padding:0 20px;display:block;font-size:1.2rem;font-weight:700;}
.main-magazine-list li:hover .main-magazine-info {opacity:1;transition:all .5s;box-shadow:inset 0 0 100px #555;}
.main-magazine-list li .main-magazine-img {overflow:hidden;text-align:center;height:100%;}
.main-magazine-list li .main-magazine-img img {height:100%;transform:translate(-17.5%,0);}
.main-magazine-list li:nth-child(1) {width:40%;height:480px;}
.main-magazine-list li:nth-child(2) {width:40%;}
.main-magazine-list li:nth-child(2) .main-magazine-img img {width:100%;height:auto;transform:translate(0,-10%);}
.main-magazine-list li:nth-child(1) .main-magazine-info span {margin-top:200px;}
.main-magazine-list li:nth-child(2) .main-magazine-info span {margin-top:70px;}
.main-magazine-list li:nth-child(1) .main-magazine-info strong {font-size:1.4rem;}
.main-magazine-list li:nth-child(2) .main-magazine-info strong {font-size:1.4rem;}
/* Image Hover Style */
.main-magazine-list li:hover .main-magazine-img img {transform:scale(1.03) translate(-17.5%,0);transition:all 1s;}
.main-magazine-list li:nth-child(2):hover .main-magazine-img img {transform:scale(1.03) translate(0,-10%);}

/* 占쎌쥙�ο옙轅⑤쐻占쎈뜆�륅옙醫롫뼩占쎌슦援뀐옙��꾤뙴��삕占쎌뼔�삣뜝�뚮듌占쏙옙 占쎌쥙�ο옙�먯삕�됰Ŧ吏쀥뜝�숈삕 */
.main-magazine-list.review li:nth-child(1),
.main-magazine-list.review li:nth-child(2) {width:20%;height:240px;}
.main-magazine-list.review li .main-magazine-img img {transform:translate(-10%,0)}
.main-magazine-list.review li:nth-child(1) .main-magazine-img img,
.main-magazine-list.review li:nth-child(2) .main-magazine-img img {width:auto;height:100%;transform:translate(-10%,0)}
.main-magazine-list.review li:nth-child(1) .main-magazine-info span,
.main-magazine-list.review li:nth-child(2) .main-magazine-info span {margin-top:55px;}
.main-magazine-list.review li:nth-child(1) .main-magazine-info strong,
.main-magazine-list.review li:nth-child(2) .main-magazine-info strong {font-size:1.2rem;}




.footer {background-color:#646464;}
.footer-wrap {max-width:1200px;margin:0 auto;padding:30px 5px 50px 20px;}
.footer-wrap:after {content:"";display:block;clear:both;}
.footer-logo {float:left;padding-right:30px;}
.footer-info {float:left;}
.footer-info ul {margin:0;padding:0;}
.footer-info li {line-height:22px;font-size:13px;font-weight:400;color:#ddd;}
.footer-info li a {color:#fff;display:inline-block;padding-right:7px;font-weight:700;line-height:24px;font-size:13px;}
.footer-info li a strong {font-size:22px;color:#ffde00;}
.footer-info li:last-child {padding-top:20px;}
.footer-info li span {padding-right:10px;}
.footer-social {float:right;}
.footer-social ul {margin:0;padding:0;}
.footer-social ul:after {content:"";display:block;clear:both;}
.footer-social li {float:left;padding-left:10px;}


/* Sub - About us */
.about-smart h3 {text-align:center;padding-bottom:5rem;}
.about-smart h3 span {display:block;font-size:3rem;padding:3rem 1rem 2rem 1rem;max-width:700px;margin:0 auto;font-weight:800;line-height:4rem;}
.about-smart h3 strong {font-weight:800;color:#000;background-color:#ffde00;padding:.5rem .5rem .2rem .5rem;margin-right:.2rem;}
.about-smart h3 small {display:inline-block;font-size:1.7rem;color:#000;padding:1rem 0;}

.about-smart ul {padding:0;max-width:1200px;margin:3rem auto 5rem auto;}
.about-smart ul:after {content:"";display:block;clear:both;}
.about-smart li {float:left;width:33.33333333%;text-align:center;padding:0 1.5rem;}
.about-smart li .about-icon {padding-bottom:1rem;}
.about-smart li h4 {font-size:1.4rem;padding:.5rem 0;color:#000;font-weight:800;}
.about-smart li p {color:#353535;}

.about-img {background-color:#212121;}
.about-img h3 {padding-bottom:0;}
.about-img h3 span {font-size:1.4rem;line-height:1.8rem;color:#fff;padding:3rem 2rem 0 2rem;margin:0 auto;display:block;max-width:700px;font-weight:500;text-align:center;}
.about-img h3 strong {font-weight:800;color:#ffde00;background:transparent;}
.about-img p {font-size:0;line-height:0;}
.about-img p img {width:100%;}

/* Sub - Brand */
.brands-wrap {padding:4rem 0 3rem 0;}
.brands-wrap h3 {text-align:center;}
.brands-list {margin:0 auto;max-width:1200px;}
.brands-list > ul:after {content:"";display:block;clear:both;}
.brands-list > ul > li {float:left;width: 25%;padding: 15px;box-sizing:border-box;height: 380px;}


.brands-list .list-item {position:relative;background-color:#fafafa;border-radius:10px;transition:all 0.5s;cursor:pointer;}
.brands-list .list-item:hover {background-color:#fff;box-shadow:0 0 2rem #bbb;transform:scale(1.05);}
.brands-list .list-item .car-img {height:190px;line-height:160px;text-align:center;}
.brands-list .list-item .car-img img {min-width:80%;vertical-align:bottom;}
.brands-list .list-item .car-info {padding:0 1rem 2rem 1rem;}
.brands-list .list-item .car-info .name {font-weight:600;font-size:1.3rem;height:3rem;text-align:center;}
.brands-list .list-item .car-info .price {font-weight:600;font-size:1rem;color:#ff1717;padding-bottom:0.3rem;text-align:center;}
.brands-list .list-item .car-info .month-price {padding:3px 0;}
.brands-list .list-item .car-info .month-price:after {content:"";display:block;clear:both;}
.brands-list .list-item .car-info .month-price > div {float:left;width:50%;text-align:center;font-size:13px;font-weight:400;}
.brands-list .list-item .car-info .month-price > div .price {color:#0081d0;font-size:15px;font-weight:600;padding:0 3px 0 5px;}
.brands-list .list-item .etc{margin:5px 0;line-height:110%;white-space:normal;font-size:12px;color:#666;text-align:center;}
.brands-list .list-item .etc span{font-size:12px;color:#666;line-height:140%}
.brands-list .list-item .etc span:before{content:'';position:relative;top:1px;display:inline-block;margin:0 5px 0 3px;width:1px;height:9.5px;background:#ccc;font-size:12px;}
.brands-list .list-item .etc span:first-child:before{margin:0;width:0;height:0}

.brands-btn {opacity:0;position:absolute;top:80px;left:0;right:0;cursor:default;text-align:center;}
.brands-btn a {display:inline-block;width:100px;height:100px;background-color:rgba(255,222,0,0.9);color:#000;border-radius:50%;text-align:center;}
.brands-btn a i {font-size:32px;padding:25px 0 10px 0;}
.brands-btn a span {display:block;}
/* .brands-item:hover .brands-btn {opacity:0.9;transition:all 0.6s;cursor:pointer;} */

/* Hot Deal */
.hotdeals-list {margin:0 auto;max-width:1200px;}
.hotdeals-list > ul:after {content:"";display:block;clear:both;}
.hotdeals-list > ul > li {float:left;width:33.333333%;padding:15px;box-sizing:border-box;}

.hotdeals-list .list-item {position:relative;background-color:#fafafa;border-radius:10px;transition:all 0.5s;cursor:pointer;overflow:hidden;}
.hotdeals-list .list-item:hover {background-color:#fff;box-shadow:0 0 2rem #bbb;transform:scale(1.05);}
.hotdeals-list .list-item .car-img {text-align:center;overflow:hidden;border-radius:10px;}
.hotdeals-list .list-item .car-img img {width:100%;height:400px;vertical-align:top;}
.hotdeals-list .list-item .car-info {transform:rotate(-6deg);padding:1.5rem 0 1.5rem 0;position:absolute;top:1.6rem;left:-1rem;right:-1rem;color:#fff;background-color:rgba(0,0,0,0.3);text-shadow:0 0 3px #555;}
.hotdeals-list .list-item:hover .car-info {transform:rotate(0deg);left:0;right:0;transition:all 0.5s;background-color:rgba(0,0,0,0.4)}
.hotdeals-list .list-item .car-info span {display:block;color:#ffff00;text-align:center;font-size:1.2rem;}
.hotdeals-list .list-item .car-info .car-name {display:block;text-align:center;font-size:2rem;font-weight:800;padding:1rem 0 0 0;}
.hotdeals-list .list-item .counter {opacity:0;position:absolute;bottom:3rem;left:0;right:0;text-align:center;font-size:0;font-weight:800;padding:3rem 0 0 0;color:#ffff00;}
.hotdeals-list .list-item .counter {opacity:1;font-size:3.5rem;transition:all 0.5s;}
.hotdeals-list .list-item .counter:before {content:"월";font-size:2rem;padding-right:0.5rem;color:#fff;}
.hotdeals-list .list-item .counter:after {content:"만원";font-size:2rem;padding-left:0.5rem;color:#fff;}

.hotdeals-detail {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999;overflow:auto;display:none;}
.hotdeals-detail.on {display:block;}
.hotdeals-detail-wrap {max-width:200px;}

/* Shopping Mall */

.product-search {margin:0 auto;max-width:1200px;padding-top:1.5rem;border:1px solid #ddd;}
.product-search h2 {text-align:center;}
.product-search .select-brand ul {text-align:center;font-size:0;}
.product-search .select-brand ul li {float:none;display:inline-block;vertical-align:middle;}
.product-search .select-brand ul li i {font-size:3.2rem;}
.product-search .select-brand ul li:first-child i {font-size:2rem;width:48px;height:61px;}


.product-list {margin:0 auto;max-width:1200px;}
.product-list ul:after {content:"";display:block;clear:both;}
.product-list > ul > li {float:left;width:25%;padding:15px;box-sizing:border-box;}
.product-list .list-item {position:relative;transition:all 0.5s;cursor:pointer;overflow:hidden;}
.product-list .list-item:hover {background-color:#fff;box-shadow:0 0 2rem #bbb;transform:scale(1.02);}
.product-list .list-item .car-img {text-align:center;overflow:hidden;}
.product-list .list-item .car-img img {width:100%;height:270px;vertical-align:top;}
.product-list .list-item .car-info .car-name {display:block;font-size:15px;text-align:center;padding:5px 10px;height:46px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.product-list .list-item .car-info em {display:block;font-size:18px;font-style:normal;font-weight:bold;text-align:center;color:#028ed8;padding:5px 10px 15px 10px;}

.product-detail-wrap {max-width:1200px;margin:0 auto;padding-top:4rem;}
.product-detail-wrap .prd-title {padding:20px 0;}
.product-detail-wrap .prd-title:after {content:"";display:block;clear:both;}
.product-detail-wrap .prd-title .prd-img {float:left;width:460px;text-align:center;padding-top:3.5rem;}
.product-detail-wrap .prd-title .prd-img img {max-width:450px;}
.product-detail-wrap .prd-title h2 {float:left;width:calc(100% - 460px);padding:10px 30px;}
.product-detail-wrap .prd-title h2 strong {display:block;padding:15px 30px 15px 0;font-size:2.3rem;}
.product-detail-wrap .prd-title .brand {display:inline-block;font-size:1rem;padding:6px 10px 4px 10px;background-color:#434343;color:#fff;}
.product-detail-wrap .prd-title p {padding-bottom:1rem;font-size:1rem;color:#555;}
.product-detail-wrap .prd-title em {font-size:2rem;padding-left:3px;color:#d41b1b;font-style:normal;font-weight:bolder;}
.product-detail-wrap .prd-title em:after {content:"";display:inline-block;font-size:1.6rem;color:#d41b1b;font-style:normal;font-weight:bold;}
.product-detail-wrap .prd-title em span {display:inline-block;font-size:.9rem;line-height:35px;color:#555;padding-right:10px;vertical-align:middle;}
.product-detail-wrap .prd-title .prd-num {padding:0 0 1rem 0;font-size:0;}
.product-detail-wrap .prd-title .prd-num span {display:inline-block;font-size:.9rem;line-height:35px;color:#555;padding-right:10px;vertical-align:middle;}
.product-detail-wrap .prd-title .prd-num input {border:1px solid #ddd;border-left:0 none;border-right:0 none;width:50px;text-align:center;font-size:1rem;font-weight:bold;height:30px;line-height:30px;box-sizing:border-box;vertical-align:middle;}
.product-detail-wrap .prd-title .prd-num button {padding:0 10px;font-size:1.1rem;height:30px;line-height:30px;background-color:#fff;border:1px solid #ddd;box-sizing:border-box;vertical-align:middle;}

.prd-title .simple-estimate {position:relative;top:auto;left:auto;right:auto;margin-top:25px;}
.prd-title .simple-estimate .simple-estimate-form h3 {width:100%;text-align:left;padding:10px 25px;}
.prd-title .simple-estimate .simple-estimate-form h3 strong {font-size:1.3rem;padding:0;}
.prd-title .simple-estimate .simple-estimate-form .form-input {padding-top:0;}
.prd-title .simple-estimate .simple-estimate-form .form-input:nth-of-type(1) {margin-left:25px;padding-left:0;}

.product-detail-wrap .prd-tab {background-color:#f2f2f2;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.product-detail-wrap .prd-tab ul {display:flex;margin:0;padding:0;}
.product-detail-wrap .prd-tab ul:after {content:"";display:block;clear:both;}
.product-detail-wrap .prd-tab li {float:left;flex:1;text-align:center;padding:1rem 0;background-color:#fff;font-size:1.2rem;font-weight:bold;}
.product-detail-wrap .prd-detail {text-align:center;padding:2rem 0;font-size:0;}
.product-detail-wrap .prd-detail .view-pc {display:block;}
.product-detail-wrap .prd-detail .view-mobile {display:none;}

.form-group.prd-order {padding:10px;margin-top:1rem;}
.form-group.prd-order h2 {text-align:left;font-size:1.2rem;}
.form-group.prd-order .btn-area {padding:0 0 1rem 1rem;text-align:left;}
.form-group.prd-order .btn.primary {padding:.5rem 3rem;font-size:1.1rem;}


.prd-foot-nav {text-align:center;padding:30px 0;background-color:#fff;}
.prd-foot-nav a.go-list {border:1px solid #ccc;padding:13px 70px;border-radius:30px;display:inline-block;}
.prd-foot-nav a.go-list span {padding-left:10px;font-size:1.2rem;}
.prd-foot-nav a.go-list:hover {border:1px solid #028ed8;color:#028ed8;}


/* Magazine */
.magazine-wrap {padding:4rem 0 3rem 0;}
.magazine-wrap h3 {text-align:center;}
.magazine-list {margin:0 auto;max-width:1200px;}
.magazine-list > ul:after {content:"";display:block;clear:both;}
.magazine-list > ul > li {float:left;width:33.333333%;padding:15px;box-sizing:border-box;height: 350px;}
.magazine-list .list-item {background-color:#fff;border:1px solid #eee;padding:15px;}
.magazine-list .list-item .item-img {overflow:hidden;max-height:200px;}
.magazine-list .list-item .item-img img {width:100%;max-width:100%;min-height:200px;}
.magazine-list .list-item .item-info {padding:10px 0 5px 0;}
.magazine-list .list-item .item-info:after {content:"";display:block;clear:both;}
.magazine-list .list-item .item-info .cat {float:right;font-size:0.9rem;padding:4px 5px 3px 5px;background-color:#777;color:#fff;}
.magazine-list .list-item .item-info .subject {padding:7px 0;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.magazine-list .list-item .item-info .etc {float:left;text-align:right;font-size:0.85rem;padding-top:5px;color:#777;}
.magazine-list .list-item .item-info .etc span {padding-right:5px;}
.magazine-list .list-item .item-info .cat.new {background-color:#07a569}
.magazine-list .list-item .item-info .cat.review {background-color:#0c87c9}
.magazine-list .list-item .item-info .cat.test {background-color:#777}
.magazine-list .list-item:hover {box-shadow:0 0 2rem #ddd;border-color:#ccc;cursor:pointer;}
.magazine-list .list-item:hover .item-img img {transform:scale(1.1);transition:all .5s;}
.magazine-list .mag-more {text-align:center;padding:20px 0;}
.magazine-list .mag-more .mag-more-btn {border:1px solid #ccc;padding:13px 100px;border-radius:30px;}
.magazine-list .mag-more .mag-more-btn:hover {border:1px solid #028ed8;color:#028ed8;}

.magazine-detail {max-width:1200px;margin:0 auto;}
.magazine-detail .mag-title {padding:20px 0;}
.magazine-detail .mag-title h2 {padding:10px 0 10px 0;text-align:center;}
.magazine-detail .mag-title h2 strong {display:block;padding:20px 150px;font-size:2.3rem;}
.magazine-detail .cat {display:inline-block;font-size:0.9rem;padding:4px 5px 3px 5px;background-color:#777;color:#fff;}
.magazine-detail .cat.new {background-color:#07a569}
.magazine-detail .cat.review {background-color:#0c87c9}
.magazine-detail .cat.test {background-color:#777}
.magazine-detail .mag-etc {text-align:center;font-size:0.85rem;padding-top:5px;color:#777;}
.magazine-detail .mag-etc span {padding-right:5px;}

.magazine-detail .mag-ctn {text-align:center;background-color:#fafafa;padding:50px 150px;box-sizing:border-box;font-size:1rem;line-height:1.5rem;}
.magazine-detail .mag-ctn > div {font-weight:400;}
.magazine-detail .mag-ctn > div img {margin:40px auto;max-width:100%;}
.magazine-detail .mag-ctn > div br {line-height:2rem;}

.magazine-detail .mag-foot {padding:20px 0;background-color:#fafafa;text-align:center;}
.magazine-detail .mag-foot .mag-foot-action {padding-bottom:30px;}
.magazine-detail .mag-foot .mag-foot-action a {display:inline-block;background-color:#fff;padding:15px 30px;white-space:nowrap;margin:0 2px;}
.magazine-detail .mag-foot .mag-foot-action a i {font-size:1.5rem;color:#555;}
.magazine-detail .mag-foot .mag-foot-action a span {padding-left:15px;font-size:1.2rem;}
.magazine-detail .mag-foot .mag-foot-action a.like.on i {color:#f03131;}
.magazine-detail .mag-foot .mag-foot-action a.comment.on i {color:#028ed8;}
.magazine-detail .mag-foot .mag-foot-action a.comment.on + .mag-comment {display:block;}
.mag-comment {display:none;max-width:1000px;margin:0 auto;text-align:left;box-sizing:border-box;padding:0 2rem;}
.mag-comment .comment-list {box-sizing:border-box;}
.mag-comment .comment-list ul {margin:0;padding:0;}
.mag-comment .comment-list li {padding:5px 0;border-bottom:1px dashed #aaa;}
.mag-comment .comment-list li:only-child,
.mag-comment .comment-list li:last-child {border-bottom:0 none;}
.mag-comment .comment-list .comment {padding:10px;font-weight:400;line-height:1.5rem;}
.mag-comment .comment-list .comment-info  {font-size:0.85rem;padding-top:5px;color:#777;font-weight:400;padding:0 10px 5px 10px;}
.mag-comment .comment-list .comment-info span  {padding-right:10px;}
.mag-comment .comment-list .comment-info a.comment-del {padding:3px 5px;background-color:transparent;border:1px solid #ccc;}
.mag-comment .comment-list .comment-info a.comment-del i {font-size:0.9rem;padding:0;}
.mag-comment .comment-list .comment-info a.comment-del:hover  {color:#f03131;border-color:#f03131;background-color:#fff;}
.mag-comment .comment-list .comment-info a.comment-del:hover i {color:#f03131;}
.mag-comment .comment-list .comment-info a.comment-del span {font-size:0.85rem;padding:0 0 0 4px;}
.mag-comment .comment-write {position:relative;padding:1rem;box-sizing:border-box;background-color:#f2f2f2;}
.mag-comment .comment-write:after {content:"";display:block;clear:both;}
.mag-comment .comment-write .comment-textarea {float:left;width:calc(100% - 100px);}
.mag-comment .comment-write .comment-textarea textarea {width:100%;height:100px;border:1px solid #ccc;font-size:1rem;padding:5px;font-weight:400;resize:none;}
.mag-comment .comment-write .comment-count {position:absolute;bottom:25px;right:125px;font-size:0.85rem;color:#333;}
.mag-comment .comment-write .btn-white-area {float:left;width:100px;}
.mag-comment .comment-write .btn-white-area button {display:block;width:100px;height:100px;background-color:#fafafa;border:1px solid #ccc;border-left:0 none;}
.mag-comment .comment-write .btn-white-area button:hover {background-color:#fff;cursor:pointer;}

.magazine-detail .mag-foot .mag-foot-nav {text-align:center;padding:30px 0;background-color:#fff;}
.magazine-detail .mag-foot .mag-foot-nav a.go-list {border:1px solid #ccc;padding:13px 70px;border-radius:30px;display:inline-block;}
.magazine-detail .mag-foot .mag-foot-nav a.go-list span {padding-left:10px;font-size:1.2rem;}
.magazine-detail .mag-foot .mag-foot-nav a.go-list:hover {border:1px solid #028ed8;color:#028ed8;}


.form-group {position:relative;max-width:1000px;margin:0 auto;padding:2rem 3rem 2rem 3rem;background-color:#f8f8f8;border:1px solid #eaeaea;}
.form-group.used-car {max-width:900px;}
.form-group h2 {color:#333;box-sizing:border-box;padding:1rem 2rem 2rem 2rem;font-size:2.5rem;text-align:center;border-bottom:1px solid #ccc;}
.form-group.contact h2 {margin-bottom:2rem;}
.form-group:after {content:"";display:block;clear:both;}
.form-group .input-item {float:left;position:relative;width:100%;font-size:0;padding:0 1rem 2rem 1rem;border-top:1px solid #eee;}
.form-group .input-item label,
.form-group .input-item h5 {display:block;padding:1.5rem 0.5rem 0.7rem 0.7rem;font-size:1rem;font-weight:400;}
.form-group .input-item input[type="text"],
.form-group .input-item input[type="number"] {width:100%;background-color:#fff;border:1px solid #ddd;line-height:36px;height:36px;padding:0 0.5rem;font-size:1rem;border-radius:1.25rem;background-color:#fff;vertical-align:middle;text-align:center;}
.form-group .input-item .select-item {position:relative;display:inline-block;border:1px solid #ddd;border-radius:1.25rem;height:36px;box-sizing:border-box;background-color:#fff;}
.form-group .input-item .select-item:after {content:"\e92e";display:block;position:absolute;top:10px;right:10px;color:#000;font-family:'smart';font-size:1rem;}
.form-group .input-item .select-item select {line-height:34px;height:34px;padding:0 1.5rem;font-size:1rem;width:100%;background-color:transparent;border:0 none;outline:none;-webkit-appearance:none;vertical-align:middle;}
.form-group .input-item .select-item select::-ms-expand {display:none;}
.form-group .input-item input.radius-left,
.form-group .input-item .select-item.radius-left {border-radius:1.25rem 0 0 1.25rem;}
.form-group .input-item input.radius-right,
.form-group .input-item .select-item.radius-right {border-radius:0 1.25rem 1.25rem 0;}
.form-group .input-item input.radius-none,
.form-group .input-item .select-item.radius-none {border-radius:0;}
.form-group .input-item input.border-lr-0,
.form-group .input-item .select-item.border-lr-0 {border-left:0 none;border-right:0 none;}
.form-group .input-item input.border-l-0,
.form-group .input-item .select-item.border-l-0 {border-left:0 none;}
.form-group .input-item input.border-r-0,
.form-group .input-item .select-item.border-r-0 {border-right:0 none;}
.form-group .input-item textarea {width:100%;height:10rem;line-height:1.2rem;padding:10px;box-sizing:border-box;overflow:auto;resize:none;font-size:1rem;font-weight:400;border:1px solid #ddd;outline:none;}
.form-group .input-item textarea.insert-textarea {height:10rem;outline:none;}
.form-group .input-item textarea.view-textarea {height:7rem;background-color:#fafafa;}
.form-group .input-item textarea.view-textarea:focus,
.form-group .input-item textarea.view-textarea:hover {border-color:#ddd;}
.form-group .input-item.ess > label:before,
.form-group .input-item.ess > h5:before {content:"*";font-size:1rem;padding-right:3px;color:#f03131;}
.form-group .input-item h5 small,
.form-group .input-item label small.red {font-size:0.85rem;color:#f03131;}
.form-group .input-item label small.blue {font-size:0.85rem;color:#0f79b3;}
.form-group .input-item .input-group:after {content:"";display:none;clear:both;}
.form-group .input-item .input-group label {float:left;cursor:pointer;border:1px solid #ddd;border-left:0;background-color:#fff;padding:0;text-align:center;color:#333;line-height:2.5rem;font-size:0.9rem;box-sizing:border-box;}
.form-group .input-item .input-group label:first-of-type {border-left:1px solid #ddd;}
.form-group .input-item .input-group label:hover {border:1px solid #0c87c9;}
.form-group .input-item .input-group label:first-of-type {border-radius:2rem 0 0 2rem;}
.form-group .input-item .input-group label:last-of-type {border-radius:0 2rem 2rem 0;}
.form-group .input-item .input-group input[type="checkbox"] + label {border-radius:2rem;margin:0 1% 0 0;width:24%;}
.form-group .input-item .input-group.g3 label {width:33.3333333333%;}
.form-group .input-item .input-group.g4 label {width:25%;}
.form-group .input-item .input-group.g5 label {width:20%;}
.form-group .input-item .input-group label i {padding-right:5px;}
.form-group .input-item .input-group input:checked + label {background-color:#0c87c9;border-color:#0c87c9;color:#fff;font-size:1.1rem;transition:all 0.3s;}
.form-group .input-item .input-group input:checked + label i {font-size:1.25rem;transition:all 0.3s;}
.form-group .input-item.input-btn {padding:1rem;border-top:0;padding-top:0;display:contents;}
.form-group .input-item.input-btn label {border:0 none;display:inline-block;font-size:.85rem;width:auto;padding:0.5rem 0.5rem 0.5rem 1rem;color:#333;border-radius:1.2rem 0 0 1.2rem;background-color:#ddd;cursor:pointer;}
.form-group .input-item.input-btn label:before {content:"\e92b";display:inline-block;font-size:.85rem;font-family:'smart';vertical-align:middle;padding-right:0.3rem;margin-top:-4px;}
.form-group .input-item.input-btn input:checked + label {color:#fff;background-color:#0c87c9;font-size:0.85rem;}
.form-group .input-item.input-btn a {display:inline-block;width:auto;font-size:.85rem;background-color:#eee;padding:0.5rem 1rem;border-radius:0 1.2rem 1.2rem 0;}
.form-group .input-item.input-btn a:hover {background-color:#666;color:#fff;}
.form-group .input-item.input-btn input:checked + label + a {background-color:#0f79b3;color:#fff;}
.form-group .btn-area {clear:both;text-align:center;padding:2rem 0;}
.form-group .btn {border:1px solid #ddd;display:inline-block;width:auto;padding:0.7rem 3rem;color:#333;font-size:1.2rem;border-radius:2rem;background-color:#fff;cursor:pointer;}
.form-group .btn:hover {border-color:#1f5d80;color:#0c87c9;}
.form-group .btn.primary {border:1px solid #232628;background-color:#fff100;color:#232628;padding:.7rem 6rem;font-size:1.3rem;font-weight:800;}
.form-group .btn.primary i {font-size:1.5rem;padding-right:.5rem;}
.form-group .btn.primary:hover {background-color:#ffff00;}
.form-group.polamfe h3 {padding:1rem 1rem;text-align:left;}
.form-group.polamfe h3:nth-of-type(1) {color:#f03131;}
.form-group.polamfe h3:nth-of-type(2) {color:#0f79b3;}
.form-group.polamfe .input-item .input-group input:checked + label {background-color:#343434;border-color:#343434;color:#fff;font-size:1.1rem;transition:all 0.3s;}
.form-group.polamfe .input-item .input-group.g3 input[type="checkbox"] + label {border-radius:2rem;margin:0 1% 0 0;width:32%;border:1px solid #ddd;}
.form-group.polamfe .input-item .input-group label i {padding-right:0px;vertical-align:middle;font-size:25px;display:inline-block;margin-top:-3px;margin-right:-3px;}
.form-group.polamfe .input-item .input-group input:checked + label i {font-size:32px;margin-top:-4px;}
.form-group.polamfe .input-item .input-group label .i-more-horizontal {font-size:1rem;}
.form-group.polamfe .input-item .input-group input:checked + label i.i-more-horizontal {font-size:1.25rem;}
.form-group.polamfe .input-item input[type="text"].p-l-20 {padding-left:20px;}

.form-group .input-item input:focus,
.form-group .input-item input:hover,
.form-group .input-item textarea:focus,
.form-group .input-item .select-item:hover,
.form-group .input-item .select-item:focus,
.form-group .input-item textarea:hover {border-color:#028ed8;box-sizing:border-box;border:1px solid #028ed8;}

.form-group .car-info {float:left;width:60%;height:300px;background:url(../img/car_bottom.png) 5% -4rem no-repeat;}
.form-group .car-info .car-title {text-align:center;padding:.5rem 3rem 1rem 0;}
.form-group .car-info .car-title strong {font-size:1.8rem;font-weight:800;}
.form-group .car-info .car-img {text-align:center;padding-right:3.5rem;}
.form-group .car-info img {min-width:300px;}
.form-group .car-info .car-change {text-align:center;padding:.8rem 3rem 0 0;}
.form-group .car-info .car-change a {text-align:center;display:inline-block;border:1px solid #ccc;background-color:#fafafa;padding:0.5rem 2rem;margin-top:1rem;border-radius:1.5rem;}
.form-group .car-info .car-change a:hover {color:#fff;border-color:#028ed8;background-color:#028ed8;}
.form-group .car-detail {float:left;width:40%;padding-top:3.3rem;}
.form-group .car-detail .car-price em {display:block;font-style:normal;font-size:1.2rem;margin-top:1rem;}
.form-group .car-detail .car-price span {display:inline-block;font-size:1.8rem;vertical-align:middle;font-weight:normal;font-family:'Nova Mono', monospace;}
.form-group .car-detail .counter {display:inline-block;font-size:2.3rem;transition:all 0.5s;font-weight:normal;color:#f03131;font-family:'Nova Mono', monospace;vertical-align:middle}

.clear-fixed:after {content:"";display:block;clear:both;}

.search-car {position:fixed;top:50%;left:50%;z-index:11;background-color:#fff;border:1px solid #eaeaea;display:none;width:1000px;transform:translate(-50%,-50%);box-shadow:0 0 50px #777;}
.search-car.on {display:block;}
.search-car-shadow {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);z-index:10;}
.search-car.on + .search-car-shadow {display:block;}
.search-car .close-search {position:absolute;top:.6rem;right:1rem;font-size:2rem;color:#000;}
.search-car .back-search {position:absolute;top:.6rem;left:1rem;font-size:2rem;color:#000;}
.search-car h2 {padding:1.2rem 0 1rem 0;font-size:2rem;margin-bottom:0;}
.select-brand {display:none;}
.select-brand.on {display:block;}
.select-brand span {display:block;text-align:center;font-size:0.95rem;font-weight:400;}
.select-brand ul {padding:1rem;margin:0;}
.select-brand ul:after {content:"";display:block;clear:both;}
.select-brand ul li {float:left;margin:0.5rem .5rem 0 .5rem;padding:0 .7rem;color:#333;}
.select-brand ul li:hover {background-color:#fff100;border-radius:10px;transition:all 0.3s;color:#000;cursor:pointer;}
.select-brand ul li.selected {background-color:#fff100;border-radius:10px;transition:all 0.3s;color:#000;}
.select-brand ul li i{font-size:4.7rem;display:inline-block;text-align:center;line-height:2.5rem;padding-top:1rem;}
.select-brand ul li span {font-size:0.8rem;display:block;text-align:center;line-height:1rem;padding-bottom:1rem;}


.select-car {display:none;}
.select-car.on {display:block;}
.select-car ul {padding:1rem;margin:0;max-height:500px;overflow:auto;}
.select-car ul:after {content:"";display:block;clear:both;}
.select-car ul li {float:left;width:25%;height:auto;margin:0;padding:0.8rem 0 0.5rem 0;box-sizing:border-box;border:1px solid #fafafa;text-align:center;}
.select-car ul li img {max-width:100%;}
.select-car ul li span {display:block;text-align:center;padding:0.5rem 0;line-height:1.5rem;}
.select-car ul li:hover {background-color:#028ed8;border:1px solid #028ed8;cursor:pointer;transition:all 0.5s;}
.select-car ul li:hover span {font-size:1.2rem;color:#fff;transition:all 0.5s;font-weight:800;}


.policy-wrap {border:1px solid #ddd;padding:30px 40px;box-sizing:border-box;overflow:auto;}
.policy-wrap .policy-header {background-color:#f2f2f2;padding:15px;}
.policy-wrap .policy-section {padding:0 10px 10px 10px;}
.policy-wrap p {font-size:15px;padding:10px 0 0 0;}
.policy-wrap strong {font-weight:600;}
.policy-wrap a {text-decoration:underline !important;}
.policy-wrap h3 {font-size:20px;font-weight:600;text-align:left;padding:15px 0 5px 0;}
.policy-wrap h4 {font-size:18px;font-weight:600;text-align:left;padding:15px 0 5px 0;}
.policy-wrap table {border:1px solid #ccc;border-collapse:collapse;margin:5px 0;max-width:80%;}
.policy-wrap table th,
.policy-wrap table td {border:1px solid #ccc;padding:5px 10px;font-size:14px;color:#333;}
.policy-wrap table th {background-color:#eee;text-align:center;}

.policy-box > h3 {font-size:20px;}
.policy-box ul {margin:0;}
.policy-box li {border-top:1px dashed #ddd;position:relative;}
.policy-box h3 {position:relative;padding:10px;text-align:left;color:#333 !important;}
.policy-box h3 input[type="checkbox"] {width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:5px;}
/* .policy-box h3 input[type="checkbox"] + label:before {content:"\e9d4";font-family:"smart";font-size:18px;vertical-align:middle;padding-right:5px;margin-top:-2px;display:inline-block;color:#555;}
.policy-box h3 input[type="checkbox"]:checked + label:before {content:"\e92d";} */
.policy-box a.view-policy {position:absolute;top:9px;right:5px;display:inline-block;font-size:12px;color:#555;border:1px solid #ddd;padding:4px 15px 3px 15px;}
.policy-box a.view-policy:hover {color:#333;border-color:#333;}
.policy-box .policy-ctn {display:none;}
.policy-box a.view-policy.on + .policy-ctn {display:block;}
.policy-box .policy-wrap {padding:10px;height:150px;}
.policy-box .policy-wrap table {max-width:100%;font-size:13px;}
.policy-box .policy-wrap .red {font-size:12px;color:#d41b1b;}
.policy-box .policy-btnarea {text-align:center;padding-top:10px;}
.policy-box .policy-btn {display:inline-block;border:0 none;height:2.6rem;line-height:2.5rem;padding:0 3rem;cursor:pointer;border-radius:1.3rem;font-size:1.2rem;font-weight:800;background-color:#fff100;border:1px solid #333;vertical-align:middle;}

/* 2022/11/29 */
.gogo_main_pop {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:90;opacity:0;pointer-events:none;}
.gogo_main_pop.on {opacity:1;transition:all 1s;pointer-events:auto;z-index:1000;}
.gogo_main_pop .popup_wrap {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;}
.gogo_main_pop.on .popup_wrap {opacity:1;}
.gogo_main_pop .pop_img {background-color:#fff;}
.gogo_main_pop .pop_img img {width:500px;height:500px;}
.gogo_main_pop .pop_img img.pop_img_pc {display:block;}
.gogo_main_pop .pop_img img.pop_img_mobile {display:block;}
.gogo_main_pop .pop_btns {width:500px;text-align:center;}
.gogo_main_pop .pop_btns a {position:relative;display:inline-block;font-size:0;text-align:center;color:#fff;font-size: 1.2rem;}
.gogo_main_pop .pop_btns .go_contract {width:100%;height: 5.4rem;font-size: 1.7rem;line-height: 5.4rem;}
.gogo_main_pop .pop_btns .pop_btn {width:48%;height: 4rem;line-height: 4rem;color:#fff;}
.gogo_main_pop .pop_btns .pop_btn:nth-child(2):after {content:"";position:absolute;right:-1px;top: 1.2rem;display:block;height: 1.8rem;width:2px;background-color:#fff;}

.popup {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:90;opacity:0;pointer-events:none;}
.popup.on {opacity:1;transition:all 1s;pointer-events:auto;z-index:99;}
.popup .popup-wrap {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:550px;border-radius:10px;opacity:0;}
.popup.on .popup-wrap {opacity:1;}
.popup .popup-wrap .popup-tt {position:relative;font-size:1rem;}
.popup .popup-wrap .popup-tt h2 {padding:1rem;}
.popup .popup-wrap .popup-tt .popup-close {position:absolute;top:0;right:0;width:55px;height:55px;line-height:55px;text-align:center;}
.popup .popup-wrap .popup-tt .popup-close i {font-size:32px;}
.popup .popup-wrap .popup-ctn {padding:1rem 1.5rem;}
.popup .popup-wrap .popup-ctn p {font-weight:400;font-size:.9rem;text-align: center;}
.popup .popup-wrap .popup-ctn ol {font-weight:400;}
.popup .popup-wrap .popup-ctn ol strong {font-weight:400;font-size:.9rem;}

.pop-hotdeal {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:90;opacity:0;pointer-events:none;}
.pop-hotdeal.on {opacity:1;transition:all 1s;pointer-events:auto;}
.pop-hotdeal .hotdeal-tt .btn-m {display:none;}
.pop-hotdeal .popup-wrap {position:fixed;top:50%;left:50%;overflow:hidden;width:1200px;height:680px;border-radius:0;transform:translate(-50%,-50%);}
.pop-hotdeal .popup-wrap .hotdeal-tt {position:absolute;top:0;left:0;width:100%;height:60px;background-color:transparent;}
.pop-hotdeal .popup-wrap .hotdeal-tt .btn-close {position:absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;line-height:50px;text-align:center;color:#fff;font-size:3rem;background-color:#333;}
.pop-hotdeal .popup-wrap .popup-ctn {position:absolute;top:60px;bottom:120px;width:100%;padding:0;font-size:0;background-color:#333;}
.pop-hotdeal .popup-wrap .popup-ctn:after {content:"";display:block;clear:both;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-img {float:left;width:450px;height:100%;box-sizing:border-box;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-img img {height:100%;width:auto;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-stt {float:left;color:#fff;width:calc(100% - 450px);height:100%;overflow:auto;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-stt h3 {padding:2rem;background-color:#fff;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-stt h3 > span {background-color:#ffff00;font-size:1.2rem;color:#000;padding:5px 5px 3px 5px;display:inline-block;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-stt h3 > strong {color:#000;font-size:4rem;display:block;font-weight:800;padding:1rem 0;border-bottom:1px solid #888;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-stt h3 ul {padding:1rem 0;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-stt h3 li {font-size:1rem;color:#333;line-height:1.7rem;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-stt h3 li i {margin-right:5px;}

.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-stt h3 li > span {display:inline-block;width:80px;color:#666;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-detail {background-color:#fafafa;padding:0;color:#121212;font-size:1rem;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-detail > h4 {padding:1rem 2rem;font-size:1.5rem;background-color:#f2f2f2;}
.pop-hotdeal .popup-wrap .popup-ctn .hotdeal-detail .modal-body {padding:2rem;}
.pop-hotdeal .popup-wrap .hotdeal-footer {position:absolute;bottom:0;left:0;width:100%;height:150px;background-color:#333;z-index:2;}

.pop-hotdeal .simple-estimate {height:120px;}
.pop-hotdeal .simple-estimate-form h3 {padding-top:1.8rem;padding-left:3.5rem;}
.pop-hotdeal .simple-estimate-form .form-input {padding-top:1.6rem;}
.pop-hotdeal .simple-estimate-form .form-input.checkbox {padding-top:0.3rem;}

.pop-logon .login-icons {text-align:center;}
.pop-logon .login-icons a {display:block;margin:10px;border-radius:10px;padding:5px;}
.pop-logon .login-icons a:after {content:"";display:block;clear:both;}
.pop-logon .login-icons a#naver_id_login {background-color:#57b04b;border:1px solid #45983a}
.pop-logon .login-icons a#kakao_id_login {background-color:#ffe812;border:1px solid #dcc80f}
.pop-logon .login-icons a img {width:64px;height:64px;float:left;display:block;}
.pop-logon .login-icons a span {display:block;float:left;text-align:center;line-height:64px;padding-left:15px;font-weight:bold;}
.pop-logon .login-icons a#naver_id_login span {color:#fff;border-left:1px solid #45983a;}
.pop-logon .login-icons a#kakao_id_login span {color:#000;border-left:1px solid #dcc80f;}


.pop-sales {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:90;opacity:0;pointer-events:none;}
.pop-sales.on {opacity:1;transition:all 1s;pointer-events:auto;}
.pop-sales .btn-close {position:absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;line-height:50px;text-align:center;color:#fff;font-size:2.5rem;}
.pop-sales .simple-estimate {max-width:350px;height:auto;position:relative;top:50%;left:auto;right:auto;margin:0 auto;transform:translateY(-50%)}
.pop-sales .simple-estimate-form h3 {padding-top:1.8rem;padding-left:3.5rem;}
.pop-sales .simple-estimate-form .form-input {padding-top:1.6rem;}
.pop-sales .simple-estimate-form .form-input.checkbox {padding-top:0.3rem;}
.pop-sales .simple-estimate-form h3 {padding-left:0;}
.pop-sales .simple-estimate-form {padding:0 6% 2rem 6%;}
.pop-sales .simple-estimate-form h3 {float:none;text-align:center;padding:1.5rem 0 0.7rem 0;}
.pop-sales .simple-estimate-form .form-input {width:100%;padding-top:.5rem;padding-left:0;}
.pop-sales .simple-estimate-form .form-input:nth-of-type(1) {margin-left:0;}
.pop-sales .simple-estimate-form .form-input input {width:100% !important;text-align:left;}
.pop-sales .simple-estimate-form .form-input textarea {width:100%;height:100px;border-radius:15px;padding:15px;border:0 none;overflow:auto;font-size:13.3333px;}
.pop-sales .simple-estimate-form .form-input button {width:100%;margin-top:0;line-height:3rem;height:3rem;}
.pop-sales .simple-estimate-form .form-input.checkbox input {width:20px !important;}


.simple-contact {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:90;width:300px;background-color:#fff;border-radius:10px;display:none;}
.simple-contact.on {display:block;}
.simple-contact .btn-close {position:absolute;right:0;top:0;width:50px;height:50px;cursor:pointer;line-height:50px;text-align:center;color:#333;font-size:2rem;}
.simple-contact .simple-estimate {position:relative;bottom:auto;left:auto;right:auto;height:auto;background-color:transparent;padding:0.5rem;}
.simple-contact .simple-estimate h3 {width:100%;text-align:center;padding:1.5rem 0 1rem;}
.simple-contact .simple-estimate-form h3 strong {color:#333;}
.simple-contact .simple-estimate-form .form-input {width:100%;padding:0.3rem 1.5rem;}
.simple-contact .simple-estimate-form .form-input:nth-of-type(1) {margin-left:0;}
.simple-contact .simple-estimate-form .form-input input[type="text"],
.simple-contact .simple-estimate-form .form-input input[type="tel"] {width:100%;border:1px solid #ccc;}
.simple-contact .simple-estimate-form .form-input.checkbox input {width:16px;height:16px;}
.simple-contact .simple-estimate-form .form-input.checkbox label {color:#333;font-size:0.75rem;}
.simple-contact .simple-estimate-form .form-input.checkbox a {color:#333;font-size:0.75rem;}
.simple-contact .simple-estimate-form .form-input button {width:100%;}
.simple-contact-shadow {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.75);z-index:89;display:none;}
.simple-contact.on + .simple-contact-shadow {display:block;}

.kakao_contact {display:none;position:fixed;bottom:0;left:0;width:100%;height:60px;text-align:center;z-index:99;background-color: #f9e000;border-top: 2px solid #000;}
.kakao_contact img {height:80%;vertical-align:middle;}
.kakao_contact span {font-family:'NanumSquare', sans-serif;display:inline-block;font-size:20px;vertical-align:middle;font-weight:800;line-height:60px;}

@media only screen and (max-width:750px) {

    html, body, h1, h2, h3, h4, h5, h6, p, div, img {font-family:'NanumSquare', sans-serif;font-weight:700;}

    /* Header */
    .header-top {display:none;height:40px;background-color:#131313;}
    .header-top-wrap {line-height:40px;}
    .header-top-wrap .address {display:none;}
    .header {top:0px;height:60px;background-color:rgba(35,38,40,1);}
    .header.fixed {top:0px;height:60px;background-color:rgba(35,38,40,1)}
    .header-wrap {text-align:left;}
    .header .nav {margin:0;display:none;}
    .header .logo {float:none;margin:0 0 0 70px;}
    .header.fixed .logo {margin-top:0;}
    .header .logo a {display:inline-block;}
    .header .logo a img {height:40px;vertical-align:middle;margin-top:.6rem;}
    .header .btn-tel {display:block;position:absolute;top:0;right:60px;width:60px;height:60px;background-color:#121212;}
    .header .btn-tel a {display:block;width:60px;height:60px;color:#fff;text-align:center;}
    .header .btn-tel i {display:block;font-size:1.5rem;padding:0.7rem 0 0.5rem 0;}
    .header .btn-tel span {display:block;font-size:0.7rem;padding:0.2rem 0 0.3rem 0;letter-spacing:-1px;}
    .header .btn-estimate {border-radius:0;top:0;right:0;width:60px;height:60px;}
    .header .btn-estimate span {font-size:0.75rem;}
    .header .btn-estimate i {padding:0.7rem 0 0.5rem 0;font-size:1.5rem;}
    .header .nav-close {display:none;}
    .header .nav-ctr,
    .header .nav-close.on {display:block;position:absolute;top:0;left:0;width:60px;height:60px;line-height:60px;font-size:2.2rem;color:#fff;text-align:center;transition:all .5s;}
    .header .nav-ctr.off {display:none;transition:all .5s;}
    .header.porampe .header-wrap {text-align:center;}
    .content {padding-top:60px;min-width:auto;}
    .content.polamfe {padding-top:55px;}
    .header .nav-m.on {position:fixed;width:100%;height:100%;top:60px;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.9);overflow:auto;transition:all .5s;}
    .header .nav-m > ul {padding:1rem 0 1rem 0;}
    .header .nav-m > ul > li > ul {padding:0;}
    .header .nav-m ul li {text-align:center;}
    .header .nav-m ul li span {display:block;font-size:1.2rem;color:#aaa;line-height:2rem;padding-top:1rem;text-align:center;}
    .header .nav-m > ul > li > a {display:inline-block;color:#fff;font-size:1.3rem;line-height:2.4rem;}
    .header .nav-m > ul > li > ul > li > a {display:inline-block;color:#fff;font-size:1.3rem;line-height:2.4rem;}


    /* Main Page */
    .main-img .title {text-align:center;padding:0 50px;margin-top:-100px;}
    .main-img .title p {font-size:1.2rem;line-height:1.7rem;}
    .main-img .title strong {font-size:3.5rem;line-height:4rem;}
    .main-img .title strong span {display:block;}
    .main-img .title p.point {max-width:235px;}
    .main-img .title.polamfe {margin-top:-100px;}
    .main-img .title.polamfe strong {font-size:2.3rem;line-height:2.5rem;}
    .main-img .title.polamfe strong > span {display:block;}
    .main-img .title.polamfe p > span {display:block;}

    .simple-estimate {height:auto;position:relative;top:auto;left:auto;right:auto;}
    .simple-estimate-form {padding:0 10% 2rem 10%;}
    .simple-estimate-form h3 {float:none;text-align:center;padding:1.5rem 0 0.7rem 0;}

    .simple-estimate-form .form-input {width:100%;padding-top:.5rem;}
    .simple-estimate-form .form-input:nth-of-type(1) {margin-left:0;}
    /* .simple-estimate-form .form-input label {display:block;} */
    .simple-estimate-form .form-input input {width:100% !important;text-align:left;}
    .simple-estimate-form .form-input button {width:100%;margin-top:1rem;line-height:3rem;height:3rem;}
    .simple-estimate-form .form-input.checkbox input {width:20px !important;}

    .simple-contact .simple-estimate-form {padding:0;}

    .rev_slider_wrapper {background-repeat:repeat-x;}

    .hotcar {padding-bottom:0;}
    .hotcar h2 {font-size:2rem;}
    .hotcar h2 small {padding-top:10px;font-size:0.8rem;}
    .hotcar-list > ul {margin-bottom:0;}
    .hotcar-list > ul > li {border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;padding-bottom:1.5rem;}
    .hotcar-list > ul > li:nth-child(1),
    .hotcar-list > ul > li:nth-child(2) {border-top:1px solid #eee;}
    .hotcar-list > ul > li:nth-child(even) {border-right:0 none;}
    .hotcar-item .car-img {height:120px;line-height:100px;}
    .hotcar-item .car-info {padding-top:5px;}
    .hotcar-item .car-info .car-name {font-size:1.2rem;}
    .hotcar-item .car-info .car-name {font-size:1.2rem;}
    .hotcar-item .car-info li {padding-top:10px;text-align:center;}
    .hotcar-item .car-info li span {display:block;padding-bottom:3px;padding-right:0;font-size:1rem;}
    .hotcar-item .car-info li strong {font-size:1rem;}
    .hotcar-item .car-info li em {display:inline-block;padding:0 3px;}
    .hotcar-btn {position:relative;top:auto;left:auto;margin-top:5px;margin-left:0;opacity:1;text-align:center;}
    .hotcar-btn a {display:inline-block;width:auto;height:auto;border-radius:2rem;padding:10px 25px 8px 25px;white-space:nowrap;}
    .hotcar-btn a i {font-size:1rem;display:inline-block;padding:0 3px 0 0;}
    .hotcar-btn a span {font-size:1rem;display:inline-block;}

    .hotcar-list > ul {padding:0;}
    .hotcar-list > ul > li {width:50%;}
    .hot-price {padding-top:20px;}

    .main-salesman {padding:60px 0 0 0;}
    .main-salesman h2 {font-size:2rem;}
    .main-salesman h2 small {padding-top:10px;font-size:0.8rem;}
    .salesman-list {padding:15px 0 0 0;}
    .salesman-list ul {margin-bottom:0;}
    .salesman-list li {padding:25px;box-sizing:border-box;}

    .salesmain-info .photo {width:150px;height:150px;}
    .salesmain-info .introduce {padding:10px 20px;}

    .main-magazine {padding-top:30px;}
    .main-magazine h2 {font-size:2rem;}
    .main-magazine h2 small {padding-top:10px;font-size:0.8rem;}
    .main-magazine-list ul {padding:5px;}
    .main-magazine-list li {width:50%;padding:5px;height:200px;}
    .main-magazine-list li:nth-child(1) {width:100%;height:240px;}
    .main-magazine-list li:nth-child(1) img {width:100%;height:100%;transform:translate(0,0)}
    .main-magazine-list li:nth-child(2) {width:100%;}
    .main-magazine-list li:nth-child(1) .main-magazine-info span {margin-top:70px;transform:translate(-17.5%,0);}
    .main-magazine-list li:nth-child(2) .main-magazine-info span {margin-top:70px;transform:translate(0,-10%);}
    .main-magazine-list li .main-magazine-info {opacity:1;top:5px;left:5px;right:5px;bottom:5px;}
    .main-magazine-list li:nth-child(1):hover .main-magazine-img img {transform:scale(1.03) translate(0,0);}
    .main-magazine-list li:nth-child(2):hover .main-magazine-img img {transform:scale(1.03) translate(0,-10%);}
    
    .main-magazine-list.review li:nth-child(1),
    .main-magazine-list.review li:nth-child(2) {width:50%;height:200px;padding:5px;}
    .main-magazine-list.review li:nth-child(1) img {width:100%;height:100%;transform:translate(-15%,0)}
    .main-magazine-list.review li:nth-child(1) .main-magazine-info span,
    .main-magazine-list.review li:nth-child(2) .main-magazine-info span {margin-top:55px;transform:translate(0,-15%);}
    .main-magazine-list.review li:nth-child(1):hover .main-magazine-img img,
    .main-magazine-list.review li:nth-child(2):hover .main-magazine-img img {transform:scale(1.03) translate(0,-15%);}
    
    .sub-tt.fixed + .sub-tab {top:140px;}
    .header.fixed + .content .tab-ctn {padding-top:20rem;padding-bottom:0;}
    .tab-ctn > h3 {font-size:1.8rem;font-weight:800;}
    .org-list {padding-top:1rem;}
    .org-list > ul > li.ceo h2 {padding:30px 80px;font-size:1.8rem;}
    .org-list > ul > li i {display:inline-block;padding-bottom:0;padding-right:1rem;}
    .org-list > ul > li.team {margin-top:2rem;border-radius:1rem;}
    .org-list > ul > li.branch {max-width:300px;margin-top:2rem;border-radius:1rem;}
    .org-list > ul > li.branch > ul {border-radius:0 0 1rem 1rem;}
    .org-list > ul > li.branch > ul > li {min-width:250px;}

    .awards-list li {width:100%;}

    .erinyen.tparrows {opacity:0;}

    .sub-tt {background-position:50% 0;background-size:auto 100%;}
    .sub-tt.fixed {top:60px;background-size:100% auto;}
    .sub-tt.fixed + .sub-wrap {padding:20rem 0 1rem 0;}
    .sub-tt .sub-tt-wrap {height:200px;}
    .sub-tt h2 {padding:2rem;}
    .sub-tt h2 strong {font-size:2.4rem;}
    .sub-tt h2 small {font-size:1rem;}
    .sub-tt.aboutus .sub-tt-wrap {height:300px;}
    .sub-tt.aboutus h2 {padding-top:4rem;}
    .sub-tt.hotdeal h2 {padding-top:1.5rem;font-size:2rem;}
    .sub-tt.fixed .sub-tt-wrap {height:80px;}
    .sub-tt.fixed h2 {padding:0.4rem 1rem 0 1rem;}
    .sub-tt.fixed h2 strong {font-size:2.4rem;}
    .sub-tt.magazine.fixed .sub-tt-wrap {height:150px;}

    .sub-wrap {padding-top:2rem;}
    .sub-wrap.polamfe {padding:0;}
    .sub-wrap.polamfe .form-group {border:0 none;}
    .about-smart h3 {padding-bottom:0;}
    .about-smart h3 span {font-size:2rem;padding:1rem 2rem 2rem 2rem;line-height:3rem;}
    .about-smart h3 small {font-size:1.2rem;padding:1rem 2rem;}
    .about-smart li {width:100%;padding-bottom:2rem;}
    .about-img h3 span {padding-bottom:2rem;}
    .sub-wrap.brands {padding-top:0;}
    .sub-wrap.brands h2 {font-size:2rem;text-align:center;padding:1rem 2rem 1rem 2rem;}
    .sub-wrap.brands h2 small {display:block;font-size:0.9rem;padding-top:1rem;}
    .sub-wrap.brands ul {padding:0 0 2rem 0;}
    .sub-wrap.brands ul:after {content:"";display:block;clear:both;}
    .sub-wrap.brands li {float:left;width:33.3333333%;padding:0.5rem 0;}
    .sub-wrap.brands li a {display:block;text-align:center;}
    .sub-wrap.brands li a i {font-size:4.5rem;}
    .sub-wrap.brands li a span {display:block;font-size:0.9rem;padding-bottom:0.3rem;}
    .sub-wrap.price {padding-top:0;}



    
    .sub-tt.magazine .sub-tt-wrap {height:270px;}
    .sub-tt .tab-nav {padding:1rem;margin:-1rem 0 0 0;font-size:0;}
    .sub-tt.fixed .tab-nav {padding:1rem;background-color:transparent;}
    .sub-tt .tab-nav li {width:25%;border:1px solid #fff;margin:0 0 0 -1px;padding:5px 0;height:3.5rem;line-height:1.6rem;font-size:.9rem;vertical-align:top;border-radius:0;}
    .sub-tt .tab-nav li small {display:block;padding:0;margin-top:-4px;font-weight:400;font-size:12px;}
    .sub-tt .tab-nav li:first-child {border-radius:1rem 0 0 1rem;line-height:2.8rem;}
    .sub-tt .tab-nav li:last-child {border-radius:0 1rem 1rem 0;}

    .hotdeals-list > ul > li {width:100%;}
    .hotdeals-list .list-item {transform:scale(0.9);}
    .hotdeals-list .list-item:hover {transform:scale(1);}
    .hotdeals-list .list-item .counter {opacity:1;font-size:3.5rem;}
    .hotdeals-list .list-item .car-img img {height:auto;}
    .hot-type {padding-top:10%;}
    .hot-tt {padding-top:2%;}
    .hot-price {padding-top:5%;}
    .hot-btn {padding-top:60%;}
    .hot-btn .hot-detail {background:#ffff00;width:auto;height:auto;padding:1rem 5rem;border-radius:2rem;}
    .hot-btn .hot-detail span {line-height:normal;}

    .brands-list > ul > li {width:100%;padding:5px 15px;height:100%;}
    .brands-list .list-item {padding:15px;}
    .brands-list .list-item .car-img {min-width:70%;height:auto;line-height:100%;}
    .brands-list .list-item .car-img {display:table-cell;width:45%;vertical-align:middle;}
    .brands-list .list-item .car-img img {max-width:90%;}
    .brands-list .list-item .car-info {display:table-cell;width:55%;padding:0;}
    .brands-list .list-item .car-info .name {font-weight:500;font-size:18px;height:auto;}
    .brands-list .list-item .car-info .price {font-weight:500;font-size:15px;color:red;}
    .brands-list .list-item .etc{margin:5px 0;line-height:110%;white-space:normal;font-size:12px;color:#666}
    .brands-list .list-item .etc span{font-size:12px;color:#666;line-height:140%}
    .brands-list .list-item .etc span:before{content:'';position:relative;top:1px;display:inline-block;margin:0 5px 0 3px;width:1px;height:9.5px;background:#ccc;font-size:12px;}
    .brands-list .list-item .etc span:first-child:before{margin:0;width:0;height:0}

    .hotcar.new .hotcar-list .list-item,
    .hotcar.new .hotcar-list li:first-child .list-item,
    .hotcar.new .hotcar-list li:nth-child(4n) .list-item {border:0 none;}
    .hotcar.new .hotcar-list > ul > li {width:100%;padding:5px;height:auto;}
    .hotcar.new .hotcar-list .list-item {padding:15px;}
    .hotcar.new .hotcar-list .list-item .car-img {min-width:70%;height:auto;line-height:100%;}
    .hotcar.new .hotcar-list .list-item .car-img {vertical-align:middle;}
    .hotcar.new .hotcar-list .list-item .car-img img {max-width:80%;}
    .hotcar.new .hotcar-list .list-item .car-info {padding:0;border:0 none;background:transparent;}
    .hotcar.new .hotcar-list .list-item .car-info .name {font-weight:500;font-size:18px;height:auto;padding-top:10px;}
    .hotcar.new .hotcar-list .list-item .car-info .price {font-weight:500;font-size:15px;}
    .hotcar.new .hotcar-list .list-item .etc{margin:5px 0;padding-bottom:10px;line-height:110%;white-space:normal;font-size:12px;color:#666;}
    .hotcar.new .hotcar-list .list-item .etc span{font-size:12px;color:#666;line-height:140%}
    .hotcar.new .hotcar-list .list-item .etc span:before{content:'';position:relative;top:1px;display:inline-block;margin:0 5px 0 3px;width:1px;height:9.5px;background:#ccc;font-size:12px;}
    .hotcar.new .hotcar-list .list-item .etc span:first-child:before{margin:0;width:0;height:0}
    .hotcar.new .hotcar-list .list-item .hotcar-btn {position:relative;top:auto;left:auto;margin-top:5px;margin-left:0;opacity:1;text-align:center;}
    .hotcar.new .hotcar-list .list-item .hotcar-btn a {display:block;width:auto;height:auto;border-radius:2rem;padding:10px 25px 8px 25px;white-space:nowrap;}
    .hotcar.new .hotcar-list .list-item .hotcar-btn a i {font-size:1rem;display:inline-block;padding:0 3px 0 0;}
    .hotcar.new .hotcar-list .list-item .hotcar-btn a span {font-size:1rem;display:inline-block;}

    .magazine-list > ul > li {width:100%;}
    .magazine-list .list-item .item-img img {min-height:140px;}

    .magazine-detail .mag-title h2 strong {padding:1rem;font-size:1.5rem;}
    .magazine-detail .mag-ctn {padding:1.5rem 1rem;}
    .magazine-detail .mag-ctn > div img {margin:1.5rem auto;height:auto;}
    .magazine-detail .mag-foot {padding-bottom:0;}

    .form-group {padding:2rem;}
    .form-group.polamfe {padding:2rem 1rem;}
    .form-group h2 {font-size:2rem;}
    
    .form-group.contact h2 {margin-bottom:1rem;}
    .form-group .input-item {width:100% !important;padding-bottom:1rem;}
    .form-group .input-item:first-of-type {border-top:0 none;}
    .form-group .input-item .input-group input[type="checkbox"] + label {width:49%;margin:.5rem 0 0 1%;border:1px solid #ddd !important;}
    .form-group .input-item .input-group input[type="checkbox"]:nth-of-type(1) + label,
    .form-group .input-item .input-group input[type="checkbox"]:nth-of-type(3) + label {width:49%;margin:.5rem 1% 0 0;}
    .form-group .input-item .input-group label span {font-size:0.8rem;padding-left:1px;}
    .form-group .input-item input[type="text"],
    .form-group .input-item input[type="number"] {padding:0;}

    .form-group .input-item {padding-bottom:1rem;}
    .form-group .input-item.state-error,
    .form-group .input-item.state-success {padding-bottom:2rem;}
    .form-group .input-item label, .form-group .input-item h5 {padding:1rem 0.5rem 0.5rem 0.7rem;}
    .form-group.polamfe .input-item .input-group label i {display:block;margin-top:5px;font-size:40px;margin-bottom:-10px;padding-right:3px;}
    .form-group.polamfe .input-item .input-group input:checked + label i {display:block;margin-top:5px;font-size:40px;margin-bottom:-10px;}
    .form-group.polamfe .input-item .input-group label .i-more-horizontal {font-size:24px;padding:8px 0;}
    .form-group.polamfe .input-item .input-group input:checked + label i.i-more-horizontal {font-size:30px;padding:5px 0;}
    .form-group .car-info {width:100%;height:300px;background:transparent;}
    .form-group .car-info .car-title {padding-right:0;padding-top:1rem;}
    .form-group .car-info .car-img {padding-right:2rem;padding-top:2rem;}
    .form-group .car-info img {min-width:230px;}
    .form-group .car-info .car-change {padding-right:0;}
    .form-group .car-detail {width:100%;text-align:center;padding-top:0;padding-bottom:1.5rem;}
    .form-group .car-detail .car-detail-info {background-color:#e4e4e4;line-height:2rem;}
    .form-group .car-detail .counter {font-size:1.9rem;}
    .form-group .input-item.input-btn a {margin-top:10px;}
    
    .search-car {top:0;left:0;right:0;bottom:0;width:auto;transform:translate(0,0)}
    .search-car .close-search,
    .search-car .back-search {top:1rem;}

    .search-car h2 {font-size:1.8rem;}

    .select-brand ul,
    .select-car ul {position:absolute;top:60px;left:0;right:0;bottom:0;overflow:auto;max-height:none;}
    .select-brand ul li {width:33.33333333%;margin:0.5rem 0;text-align:center;}
    .select-car ul li {width:50%;padding:1.5rem 0 1rem 0;border:0 none;}
    .select-car ul li:hover {border:0 none;}
    .select-car ul li img {max-width:80%;}
    .product-search .select-brand {position:relative;overflow:auto;width:100%;text-align:center;}
    .product-search .select-brand ul {position:relative;top:auto;right:auto;bottom:auto;padding:1rem;overflow:auto;}
    .product-search .select-brand ul li {width:auto;padding:0 1rem;display:table-cell;}
    .product-search .select-brand ul li:first-child i {height:51px;}

    .footer-wrap {text-align:center;padding-bottom:110px;}
    .footer-logo {width:100%;padding-right:0;}

    .footer-info {padding-bottom:1rem;}
    .footer-info li a {line-height:2rem;}
    .footer-social {float:left;width:100%;padding-top:1rem;}
    .footer-social li {width:25%;}

    .policy-wrap {padding:20px 10px;}
    .policy-wrap table {max-width:100%;}

    .popup .popup-wrap {width:80%;max-height:90%;overflow:auto;}
    .popup.pop-policys .popup-wrap {width:90%;}
    .popup .popup-wrap .popup-tt h2 {font-size:1.2rem;}
    .policy-box h3 {font-size:16px;padding-bottom:5px;}
    .policy-box > h3 {font-size:16px;padding-bottom:10px;}
    .policy-box a.view-policy {position:relative;top:auto;right:auto;margin:0 10px 10px 37px;}
    .policy-wrap table th, .policy-wrap table td {font-size:12px;}
    .popup .popup-wrap .popup-ctn p.red {font-size:12px;}

    .popup.pop-hotdeal .popup-wrap {position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(0,0);width:100%;border-radius:0;}
    .popup.pop-hotdeal .popup-wrap .popup-tt {position:fixed;top:0;left:0;right:0;width:100%;z-index:1;}
    .popup.pop-hotdeal .popup-wrap .popup-tt .popup-close {border-radius:50%;top:10px;right:10px;background-color:rgba(0,0,0,0.3)}
    .popup.pop-hotdeal .popup-wrap .popup-tt i {color:#fff;}
    .popup.pop-hotdeal .popup-wrap .popup-ctn {position:fixed;top:0px;left:0;right:0;bottom:0;overflow:auto;padding:50px;box-sizing:border-box;}
    .popup.pop-hotdeal .popup-wrap .popup-ctn img {width:100%;}
    .pop-hotdeal .popup-wrap .popup-ctn .hotdeal-stt h3 > strong  {font-size:2rem;}

    .pop-hotdeal .popup-wrap {top:0;left:0;transform:translate(0,0);width:100%;height:100%;overflow:auto;}

    .pop-hotdeal .btn-m {position:fixed;top:0;right:0;width:60px;line-height:60px;z-index:1;}
    .pop-hotdeal .btn-m .btn-close {width:60px;height:60px;font-size:2.5rem;text-align:center;color:#fff;background-color:#333;}
    .pop-hotdeal .btn-m .go-form {display:block;width:60px;height:60px;line-height:45px;font-size:1.7rem;text-align:center;color:#000;background-color:#ffff00;}
    .pop-hotdeal .btn-m .go-form span {display:block;text-align:center;font-size:0.8rem;line-height:20px;margin-top:-7px;}
    .pop-hotdeal .popup-wrap .hotdeal-tt {display:none;}
    .pop-hotdeal .popup-wrap .popup-ctn {position:relative;top:auto;bottom:auto;}
    .pop-hotdeal .popup-wrap .popup-ctn .hotdeal-img {width:100%;}
    .pop-hotdeal .popup-wrap .popup-ctn .hotdeal-img img {width:100%;}
    .pop-hotdeal .popup-wrap .popup-ctn .hotdeal-stt {width:100%;}
    .pop-hotdeal .simple-estimate-form h3 {padding-left:0;}
    .pop-hotdeal .simple-estimate {height:auto;}

    .product-list > ul > li {width:100%;padding:0 0 2rem 0;}
    .product-list .list-item .car-img img {height:auto;}
    .product-list .list-item .car-info .car-name {text-align:left;font-size:1.3rem;height:auto;}
    .product-list .list-item .car-info em {text-align:left;font-size:1.3rem;}

    .product-detail-wrap {padding-top:0;}
    .product-detail-wrap .prd-title {padding-top:0;}
    .product-detail-wrap .prd-title h2 {width:100%;}
    .product-detail-wrap .prd-title h2 strong {font-size:1.8rem;padding:10px 15px 10px 0;}
    .product-detail-wrap .prd-title p {font-size:0.9rem;}
    .product-detail-wrap .prd-title .prd-img {width:100%;padding-top:0;}
    .product-detail-wrap .prd-title .prd-img img {max-width:100%;}
    .product-detail-wrap .prd-detail img {width:100%;}
    .product-detail-wrap .prd-title h2 {padding-left:15px;padding-right:15px;}
    .form-group.prd-order .btn-area {padding:0 1rem;}
    .form-group.prd-order .btn-area .btn {width:100%;}
    .product-detail-wrap .prd-detail .view-pc {display:none;}
    .product-detail-wrap .prd-detail .view-mobile {display:block;}

    .prd-title .simple-estimate .simple-estimate-form {padding-left:5%;padding-right:5%;}
    .prd-title .simple-estimate .simple-estimate-form .form-input {padding-left:0;}
    .prd-title .simple-estimate .simple-estimate-form .form-input:nth-of-type(1) {margin-left:0;}

    .prd-title .simple-estimate .simple-estimate-form h3 {padding-left:0;}




    .smart-mainbanner {padding:0;}
    .smart-mainbanner:before,
    .smart-mainbanner:after {display:none;}
    .mainbanner-wrap {width:100%;}
    .mainbanner-wrap .banner-item {float:none;width:100%;padding:40px 0;}
    .mainbanner-wrap .banner-item.youtube {background:url(../img/bg_youtube.png) 50% 50% no-repeat;background-size:cover;}
    .mainbanner-wrap .banner-item.app {background:url(../img/bg_app.png) 50% 50% no-repeat;background-size:cover;}
    .mainbanner-wrap .banner-item h2 {font-size:32px;line-height:34px;letter-spacing:-1px;}
    .mainbanner-wrap .banner-item h2 span {padding:5px;}
    .mainbanner-wrap .banner-item h2 strong {padding:7px 7px 5px 7px;}
    .mainbanner-wrap .banner-item.youtube h2 strong {font-size:34px;padding:5px;line-height:36px;}
    .mainbanner-wrap .youtube-list {margin-top:0;}
    .mainbanner-wrap .youtube-media {margin-top:20px;width:320px;height:180px;}
    .mainbanner-wrap .youtube-media iframe {width:320px;height:180px;}
    .mainbanner-wrap .youtube-btn {margin-top:30px;}
    .mainbanner-wrap .app-ctn-box {margin-top:35px;}
    .mainbanner-wrap .app-download a {margin:7px 15px;}

    .main-awards .main-award-pc {display:none;}
    .main-awards {background:url(../img/award_m.jpg) 50% 0 no-repeat;background-size:100%;height:auto;}
    .main-awards .main-award-mobile {display:block;}
    .main-awards .award-tt-m {padding:15px 0 0 20px;color:#a41100;}
    .main-awards .award-tt-m strong {display:block;font-weight:800;font-size:35px;line-height:52px;}
    .main-awards .award-tt-m small {font-size:18px;}
    .main-awards .award-tt-m a {position:absolute;top:90px;left:50%;margin-left:-75px;display:block;padding:7px 20px;margin-top:10px;background-color:#c02300;color:#fff;font-size:16px;font-weight:600;border-radius:25px;}
    .main-awards .award-list-m {width:320px;margin:40px auto 0 auto;padding-bottom:20px;}
    .main-awards .award-list-m .award-mitem p {padding:5px 0;text-align:center;}
    .main-awards .award-list-m .award-mitem p strong {display:block;font-size:16px;}
    .main-awards .award-list-m .award-mitem p span {display:block;font-size:13px;color:#565656;}

    .kakao_contact {display:block;}
}

/* added by JhOh 2018.12.23 */
.smart-form-validator .checkbox span,.smart-form .radio span {
    position:absolute;
    top:3px;
    left:0;
    display:block;
    width:17px;
    height:17px;
    outline:0;
    border-width:1px;
    border-style:solid;
    background:#FFF;
}

.smart-form-validator .radio i {
    border-radius:50%;
}

.smart-form-validator .checkbox input+span:after,.smart-form .radio input+span:after {
    position:absolute;
    opacity:0;
    transition:opacity .1s;
    -o-transition:opacity .1s;
    -ms-transition:opacity .1s;
    -moz-transition:opacity .1s;
    -webkit-transition:opacity .1s
}

.smart-form-validator .radio input+span:after {
    content:'';
    top:4px;
    left:4px;
    width:9px;
    height:9px;
    border-radius:50%
}

.smart-form-validator .checkbox.state-error span,.smart-form-validator .radio.state-error span,.smart-form-validator .state-error input,.smart-form-validator .state-error select,.smart-form-validator .state-error textarea,.smart-form-validator .toggle.state-error span {
    background:#fff0f0;
    border-color:#A90329
}

.smart-form-validator .toggle.state-error input:checked+span {
    background:#fff0f0
}

.smart-form-validator em.invalid {
    display:block;
    margin-top:6px;
    padding:0 0 0 10px;
    font-style:normal;
    font-size:11px;
    line-height:15px;
    color:#ed1c24;
    position:absolute;
}

.smart-form-validator .rating.state-error+em {
    margin-top:-4px;
    margin-bottom:4px
}

.smart-form-validator .state-error select+i {
    background:#FFF0F0;
    box-shadow:0 0 0 9px #FFF0F0
}

.state-error .icon-append,.state-error .icon-prepend {
    color:#ed1c24
}

.smart-form-validator .checkbox.state-success span,.smart-form-validator .radio.state-success span,.smart-form-validator .state-success input,.smart-form-validator .state-success select,.smart-form-validator .state-success textarea,.smart-form-validator .toggle.state-success span {
    background:#f0fff0;
    border-color:#7DC27D
}

.smart-form-validator .toggle.state-success input:checked+span {
    background:#f0fff0
}

.smart-form-validator .note-success {
    color:#6fb679
}

.smart-form-validator .state-success select+i {
    background:#f0fff0;
    box-shadow:0 0 0 9px #f0fff0
}

.center {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:95%;
}

.pointer{
	cursor:pointer;
}

/* 2019.12.14 */
.header .nav .sub-menu.brand-list {background-color:rgba(255,255,255,0.98);box-shadow:0 5px 5px #aaa;}
.header .nav .sub-menu.brand-list ul {padding:15px;}
.header .nav .sub-menu.brand-list ul:after {content:"";display:block;clear:both;}
.header .nav .sub-menu.brand-list li {float:left;width:100px;text-align:center;margin:5px 0;box-sizing:border-box;}
.header .nav .sub-menu.brand-list li a {display:block;padding:10px;filter:grayscale(100);}
.header .nav .sub-menu.brand-list li a:hover {box-shadow:0 0 10px #aaa;border-radius:10px;filter:grayscale(0);transition:all 0.3s;}
.header .nav .sub-menu.brand-list li span {display:block;margin-top:5px;font-size:13px;color:#333;}
.header .nav .sub-menu.brand-list li img {width:60px;}

/* 2021.02.19 */
.sub-tt.brand {background:#fff;border-bottom:1px solid #eee;}
.sub-tt.brand .sub-tt-wrap {max-width:1200px;height:auto;margin:0 auto;padding-top:105px;background-color:#fff;box-sizing:border-box;}
.sub-tt.brand .brand-list {padding:0;}
.sub-tt.brand .brand-list ul {margin:0;}
.sub-tt.brand .brand-list li {position:relative;width:60px;height:60px;margin:0;line-height:60px;text-align:center;}
.sub-tt.brand .brand-list li:hover {background-color:#eee;border-radius:50%;}
.sub-tt.brand .brand-list li a {display:inline-block;padding:0;filter:grayscale(100);height:50px;line-height:50px;}
.sub-tt.brand .brand-list li a:hover {filter:grayscale(0);}
.sub-tt.brand .brand-list li span {display:none;position:absolute;bottom:0;left:50%;background-color:#333;border-radius:10px;font-size:11px;color:#fff;font-weight:bold;white-space:nowrap;padding:3px 10px 4px 10px;filter:grayscale(0);transform:translate(-50%,15px);line-height:12px;}
.sub-tt.brand .brand-list li a:hover span {display:block;}
.sub-tt.brand .brand-list li img {width:50px;vertical-align:middle;margin-top:-6px;}
.sub-tt.brand .brand-list li.active {background-color:#eee;border:2px solid #0081d0;border-radius:50%;}
.sub-tt.brand .brand-list li.active a {filter:grayscale(0);}
.sub-tt.brand .brand-list li.active span {display:block;}
.sub-tt.brand h2 {padding-top:9rem;}
.sub-tt.brand h2 em {display:block;text-align:center;}
.sub-tt.brand h2 span {color:#333;font-weight:800;font-size:2.7rem;}

.sub-tt.brand.fixed {box-shadow:0 5px 5px #f1f1f1}
.sub-tt.brand.fixed .sub-tt-wrap {height:170px;}
.sub-tt.brand.fixed h2 {padding-top:5.8rem;}
.sub-tt.brand.fixed h2 em {display:inline-block;vertical-align:middle;}
.sub-tt.brand.fixed h2 span {vertical-align:middle;font-size:2rem;}

.sub-wrap.brand {padding-top:0;}
.sub-wrap.brand h2 {text-align:center;padding:20px 0 10px 0;font-size:2rem;font-weight:800;}
.sub-wrap.brand h2 img {vertical-align:middle;}
.sub-wrap.brand h2 span {display:inline-block;vertical-align:middle;}
.sub-wrap.brand h2 small {display:block;padding-top:15px;text-align:center;font-size:0.8rem;color:#575757;}



@media only screen and (max-width:750px) {
    .sub-tt.brand .sub-tt-wrap {display:none;}
    .sub-tt.brand h2 {padding:0;text-align:center;}
    .sub-tt.brand h2 em {padding-top:15px;}
    .sub-tt.brand h2 span {font-size:1.5rem;padding-left:10px;}

    .sub-tt.brand.fixed .sub-tt-wrap {height:80px;}
    .sub-tt.brand.fixed h2 {padding-top:0;}
    .sub-tt.brand.fixed h2 em  {padding-top:10px;display:inline-block;vertical-align:middle;}
    .sub-tt.brand.fixed h2 span {font-size:1.5rem;padding-left:10px;vertical-align:middle;}
}

.brand-list ul {padding:15px;}
.brand-list ul:after {content:"";display:block;clear:both;}
.brand-list li {float:left;width:20%;text-align:center;margin:15px 0;height:70px;}
.brand-list li span {display:block;margin-top:5px;font-size:14px;}
.brand-list li img {width:90px;}

.model-option {position:relative;}
.model-option:after {content:"";display:block;clear:both;}
.model-option ul,
.model-option dl {margin:0;}
.model-option .model-align.top {padding-top:30px;}
.model-option .model-align.right {font-size:15px;float:right;width:50%;}
.model-option .model-align.left {font-size:15px;float:left;width:50%;padding:0 20px 0 0;box-sizing:border-box;}
.model-option .model-align.left .car-box {width:100%;}
.model-option .car-box {width:100%;display:inline-block;text-align:left;position:relative;}

.fixed-head {display:none;position:fixed;top:-150px;left:0;width:100%;padding:13px 15px;box-shadow:0 0 20px rgba(0, 0, 0, 0.4);z-index:100;background-color:#fff;transition:all .5s;}
.fixed-head:after {content:"";display:block;clear:both;}
.fixed-head .car-img {float:left;width:34%;vertical-align:middle;}
.fixed-head .car-img img {max-width:100%;padding-left:5px;}
.fixed-head .car-info {float:right;width:66%;text-align:right;}
.fixed-head .car-info .name {font-size:14px;font-weight:500;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fixed-head .car-info .month-price {font-size:13px;padding:5px 0 3px 0;}
.fixed-head .car-info .month-price strong {color:#555;padding-right:5px;}
.fixed-head .car-info .month-price .price {font-size:15px;color:red;font-weight:500;}
.fixed-head .txt {clear:both;text-align:right;font-size:12px;color:#555;padding-top:3px;}


.car-box {margin-top:20px;padding:0;background-color:#fafafa;border:1px solid #eaeaea;font-family:'NanumSquare', sans-serif;}
.car-box .box-tt {position:relative;padding:15px;background-color:#fff;border-bottom:1px dashed #eaeaea;}
.car-box .box-tt h4 {font-size:16px;font-weight:700;}
.car-box .box-tt span {font-size:13px;color:#333;display:none;}
.car-box.view {background-color:transparent;}
.car-box.view .box-tt {padding:10px 15px;cursor:default;}
.car-box.view .box-tt:before,
.car-box.view .box-tt.on:before {content:"";}
.car-box.view .box-tt.on + ul {display:none;}
.car-box.view .box-tt h4 {font-size:15px;font-weight:700;color:#333;padding:5px 0 10px 5px;margin-bottom:5px;border-bottom:1px dashed #d9d9d9;}
.car-box.view .box-tt span {display:inline-block;font-size:17px;font-weight:500;color:#333;padding:3px 0 3px 10px;font-size:13px;}
.car-box.view ul li label {cursor:default !important;}

.car-box.title {position:relative;padding:15px 20px 10px 340px;background-color:#fff;color:#000;border:1px solid #eaeaea;}
.car-box.title .car-img {position:absolute;top:0;left:0;text-align:center;padding:10px 20px;height:200px;line-height:200px;}
.car-box.title .car-img img {max-width:300px;max-height:200px;vertical-align:middle;}
.car-box.title .car-info h3 {font-size:28px;font-weight:600;padding:0 0 10px 0;text-align:left;}
.car-box.title .car-info h3 span {font-size:16px;font-weight:500;}
.car-box.title .car-info {position:relative;font-size:17px;font-weight:500;padding:5px 0;line-height:22px;}
.car-box.title .car-info .price-info {display:flex;border-top:1px dashed #ddd;margin:15px 0 0 0;padding:15px 10px 0 10px;}
.car-box.title .car-info .price-info .month-price {flex:1;font-size:14px;text-align:left;padding:2px 0;}
.car-box.title .car-info .price-info .month-price .price {color:#0081d0;font-size:19px;display:inline-block;padding:0 2px;}
.car-box.title .car-info .price-info .car-price {flex:1;font-size:13px;padding-top:5px;color:#777;text-align:left;}
.car-box.title .car-info .price-info .car-price:before {content:"(";padding-right:1px;}
.car-box.title .car-info .price-info .car-price:after {content:")";padding-left:1px;}
.car-box.title .car-info .price-info .car-price:last-child:before,
.car-box.title .car-info .price-info .car-price:last-child:after {content:"";}
.car-box.title .car-info .price-info .car-price:last-child span.price {font-weight:600;font-size:15px;color:#555;}

.car-box.title .car-info .etc {padding-top:5px;color:#555;}
.car-box.title .car-info .etc span {font-size:13px;display:inline-block;line-height:16px;}
.car-box.title .car-info .etc span:before{content:'';position:relative;top:1px;display:inline-block;margin:0 5px 0 3px;width:1px;height:9.5px;background:#ccc;font-size:12px;}
.car-box.title .car-info .etc span:first-child:before{margin:0;width:0;height:0}
.car-box.title .car-info .tip {color:#0081d0;font-size:13px;padding-top:5px;}

.model-align.fixed-item.on {position:fixed;top:90px;left:50%;width:1200px;background-color:#fff;z-index:5;transform:translateX(-50%);}
.model-align.fixed-item.on + .model-align {margin-top:450px;}
.model-align > h3 {font-size:18px;text-align:center;font-weight:600;color:#fff;background-color:#333;padding:15px 0;margin-top:20px;}

.car-box.title .car-info .quick-quotation {position:absolute;top:53px;right:0;background-color:#fff100;color:#000;padding:10px 50px;border-radius:25px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s;}
.car-box.title .car-info .quick-quotation:hover {box-shadow:2px 3px 10px #ccc;}

.car-box.model {padding:0;color:#000;margin-top:20px;}
.car-box.model h3 {padding:15px;font-size:16px;font-weight:700;text-align:left;background-color:#fff;}
.car-box.model .model-list dt {position:relative;display:block;padding:15px 20px 15px 40px;border-top:1px dashed #ddd;font-weight:700;font-size:18px;}
.car-box.model .model-list dt i {color:#888;position:absolute;left:10px;top:50%;font-size:24px;transform:translateY(-35%);}
.car-box.model .model-list dd {height:0;overflow:hidden;opacity:0;transition:all 0.5s;margin:0;}
.car-box.model .model-list dt.on {background-color:#fafafa;}
.car-box.model .model-list dt.on i:before {content:"\e931";color:#000;}
.car-box.model .model-list dt.on + dd {height:auto;overflow:auto;opacity:1;}
.car-box.model .model-list dd {margin:0;}
.car-box.model .trim-list {padding:0 20px 15px 20px;background-color:#fafafa;}
.car-box.model .trim-list ul:after {content:"";display:block;clear:both;}
.car-box.model .trim-list li {float:left;width:33%;padding:0 5px;box-sizing:border-box;}
.car-box.model .trim-list li label {position:relative;display:block;background-color:#fefefe;border:1px dashed #bbb;margin-bottom:10px;box-sizing:border-box;padding:13px;cursor:pointer;font-size:0;opacity:0.8;}
.car-box.model .trim-list li:last-child label,
.car-box.model .trim-list li:only-child label {margin-bottom:0;}
.car-box.model .trim-list li .trim-tt {font-weight:700;padding-right:25px;font-size:16px;height:36px;line-height:18px;overflow:hidden;}
.car-box.model .trim-list li .trim-price {display:inline-block;width:50%;font-size:14px;padding:5px 5px 0 0;text-align:right;box-sizing:border-box;}
.car-box.model .trim-list li .trim-price .price {display:inline-block;padding:0 3px;font-size:15px;font-weight:500;}
.car-box.model .trim-list li .trim-price.car-price {font-size:13px;display:block;width:100%;text-align:right;}
.car-box.model .trim-list li .trim-price.car-price:before {content:"(";padding:0 2px 0 0;font-weight:400;margin:0;font-size:13px;}
.car-box.model .trim-list li .trim-price.car-price:after {content:")";padding:0 0 0 2px;}
.car-box.model .trim-list li .trim-price.car-price .price {font-size:13px;font-weight:400;}
.car-box.model .trim-list li .etc {font-size:13px;padding-top:10px;opacity:0.9;display:none;}
.car-box.model .trim-list li .etc span{font-size:12px;line-height:140%;display:inline-block;}
.car-box.model .trim-list li .etc span:before{content:'';position:relative;top:1px;display:inline-block;margin:0 5px 0 3px;width:1px;height:9.5px;background:#ccc;font-size:12px;}
.car-box.model .trim-list li .etc span:first-child:before{margin:0;width:0;height:0}
.car-box.model .trim-list li label .i-circle {font-size:18px;position:absolute;left:7px;top:10px;color:#555;}
.car-box.model .trim-list li input:checked + label {border-color:#0081d0;border-style:solid;box-shadow:0 0 10px #eee;background-color:#128af1;color:#fff;transition:background-color 0.5s;opacity:1;}
.car-box.model .trim-list li input:checked + label .trim-tt {color:#fff;font-weight:600;}
.car-box.model .trim-list li input:checked + label .more-info {color:#fff;opacity:1;}

.car-box.model .trim-list li .more-info {position:absolute;top:9px;right:13px;font-size:20px;opacity:0.8;}
.car-box.model .trim-list li .more-info.on + .etc {display:block;position:absolute;top:55px;left:0;right:0;bottom:0;overflow:hidden;padding:10px;opacity:0.9;background-color:#000;color:#fff;}


.car-box.option li {display:block;}
.car-box.option li label {display:block;padding:15px 120px 15px 50px;position:relative;border-top:1px solid #f2f2f2;cursor:pointer;}
.car-box.option li i {color:#ccc;position:absolute;left:20px;top:50%;font-size:20px;margin-top:-11px;}
.car-box.option li .option-tt {font-weight:500;}
.car-box.option li .option-price {position:absolute;top:14px;right:20px;margin-top:3px;line-height:16px;font-size:14px;opacity:0.75;}
.car-box.option li .option-price .price {padding-right:3px;}
.car-box.option li input:checked + label i {color:#0081d0;transition:all 0.5s;}
.car-box.option li input:checked + label {color:#0081d0;transition:all 0.5s;}

.car-box.color ul {overflow:auto;padding:10px 20px;-webkit-overflow-scrolling:touch;font-size:0;}
.car-box.color li {display:inline-block;}
.car-box.color li input + label {display:block;padding:5px 10px 5px 0;text-align:left;color:#888;border-radius:5px;cursor:pointer;box-sizing:border-box;}
.car-box.color li input + label .color-tt {display:none;font-size:14px;position:absolute;top:15px;left:130px;color:#333;font-weight:700;color:#0081d0;}
.car-box.color li input + label .color-price {display:inline-block;font-size:12px;padding-left:10px;font-weight:500;}
.car-box.color li input + label .color-box {padding:5px 0 5px 0;display:inline-block;position:relative;}
.car-box.color li input + label .color-box span {position:relative;display:inline-block;width:30px;height:30px;box-shadow:0 0 5px #ddd;}
.car-box.color li input:checked + label .color-box span:before {content:"";position:absolute;top:-2px;left:-2px;display:block;color:#0081d0;border:3px solid #0081d0;width:33px;height:33px;box-sizing:border-box;border-radius:2px;}
.car-box.color li input:checked + label .color-box span:after {content:"\e92b";position:absolute;top:-7px;right:-7px;background-color:#0081d0;border-radius:50%;width:16px;height:16px;line-height:16px;color:#fff;font-family:"smart";font-size:12px;text-align:center;}
.car-box.color li input:checked + label .color-tt {display:block;}

.car-box.beprice li {display:inline-block;}
.car-box.beprice li label {display:inline-block;padding:20px 10px 20px 45px;position:relative;cursor:pointer;}
.car-box.beprice li i {color:#ccc;position:absolute;left:20px;top:50%;font-size:20px;margin-top:-12px;}
.car-box.beprice li .beprice-tt {font-weight:500;}
.car-box.beprice li input:checked + label i {color:#0081d0;transition:all 0.5s;}
.car-box.beprice li input:checked + label {color:#0081d0;transition:all 0.5s;}

.car-box.period li {display:inline-block;}
.car-box.period li label {display:inline-block;padding:20px 10px 20px 50px;position:relative;cursor:pointer;}
.car-box.period li i {color:#ccc;position:absolute;left:20px;top:50%;font-size:20px;margin-top:-12px;}
.car-box.period li .period-tt {font-weight:500;}
.car-box.period li input:checked + label i {color:#0081d0;transition:all 0.5s;}
.car-box.period li input:checked + label {color:#0081d0;transition:all 0.5s;}

.car-box.km ul:after {content:"";display:block;clear:both;}
.car-box.km li {float:left;width:50%;}
.car-box.km li:only-child {width:100%;}
.car-box.km li label {display:block;padding:20px 10px 20px 50px;position:relative;border-top:1px solid #f2f2f2;cursor:pointer;}
.car-box.km li i {color:#ccc;position:absolute;left:20px;top:50%;font-size:20px;margin-top:-12px;}
.car-box.km li .km-tt {font-weight:500;}
.car-box.km li input:checked + label i {color:#0081d0;transition:all 0.5s;}
.car-box.km li input:checked + label .km-tt {color:#0081d0;transition:all 0.5s;}

.car-box.btn-area {padding:15px 0;border:0 none;background-color:transparent;}
.car-box.btn-area .tip {font-size:13px;color:#0081d0;padding:5px 0 15px 0;}
.car-box.btn-area .btn {font-weight:500;letter-spacing:10px;display:block;background-color:#0081d0;color:#fff;font-size:1.2rem;font-weight:600;line-height:50px;border-radius:30px;text-align:center;}

.quotation-form {background-color:#F1F9FF;border:1px solid #ccc;padding-bottom:30px;margin-top:20px;}
.quotation-form h3 {font-size:18px;text-align:center;font-weight:600;padding:20px 0 10px 0;}
.quotation-form .form-list {padding:0 20px;}

.form-list {padding:20px 25px 0 25px;}
.form-list h3 {border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
.form-list h3 p {font-size:17px;font-weight:500;}
.form-list li h4,
.form-list li label {display:block;padding:12px 0 5px 0;font-size:15px;font-weight:500;}
.form-list li input {height:38px;line-height:38px;border:1px solid #ccc;width:100%;padding:0 10px;box-sizing:border-box;border-radius:3px;}
.form-list li textarea {width:100%;padding:10px;box-sizing:border-box;border-radius:3px;border:1px solid #ccc;overflow:auto;}
.form-list li input::placeholder {font-size:13px;}
.form-list li.search {position:relative;}
.form-list li.search:after {content:"";display:block;clear:both;}
.form-list li.search input {width:calc(100% - 110px);float:left;border-radius:3px;}
.form-list li.search input + .btn + input {width:100%;margin-top:5px;}
.form-list li.search .btn {width:105px;float:right;height:38px;line-height:38px;line-height:38px;font-size:14px;padding:0;border-radius:3px;}
.form-list li.search .timeer {position:absolute;top:45px;right:120px;color:#ce2b2b;font-size:12px;}
.form-list li.required > h4:before,
.form-list li.required > label:before {content:"*";font-size:15px;color:#ce2b2b;display:inline-block;padding-right:3px;}
.form-list.join + .btn-box {margin-top:20px;}
.form-list .radio-group {display:flex;}
.form-list .radio-group input + label {flex:1;display:inline-block;border:1px solid #ddd;line-height:38px;height:38px;text-align:center;padding:0;margin-left:-1px;color:#777;background-color:#eee;cursor:pointer;}
.form-list .radio-group input:first-of-type + label {margin-left:0;border-radius:3px 0 0 3px;}
.form-list .radio-group input:last-of-type + label {margin-right:-1px;border-radius:0 3px 3px 0;}
.form-list .radio-group input:checked + label {background-color:#0081d0;color:#fff;}
.form-list li.checkbox {padding-top:10px;}
.form-list li.checkbox input + label {display:block;font-size:15px;padding:5px 0 5px 0;}
.form-list li.checkbox input + label i {display:inline-block;vertical-align:middle;}
.form-list li.checkbox input + label strong {display:inline-block;vertical-align:middle;font-weight:500;}
.form-list li.checkbox input + label span {display:inline-block;vertical-align:middle;font-size:15px;color:#ce2b2b;}
.form-list li.checkbox input + label .no-ess {color:#555;}
.form-list li.checkbox input:checked + label {color:#0081d0;}
.form-list li.checkbox input:checked + label i:before {content:"\e92d";}
.form-list li.checkbox a {padding:3px 0 3px 20px;font-size:15px;text-decoration:underline;}

@media only screen and (max-width:750px) {


    .car-box.model .model-list dt {font-size:16px;}
    .car-box.model .model-list dt i {transform:translateY(-50%);}

    .model-option .model-align.right {font-size:15px;float:none;width:100%;}
    .model-option .model-align.left,
    .model-option .model-align.left.fixed {font-size:15px;float:none;width:100%;}
    .model-option .model-align.left {padding:0;}
    .model-option .model-align.left .car-box {width:100%;}
    .model-option .model-align.right .car-box .box-tt span {display:inline-block;}
    .model-option .car-box {width:100%;display:block;}
    .model-option .model-align.left .car-box.view {display:none;}
    .model-option .model-align.left.view-mobile .car-box.view {display:block;}

    .car-box.title {padding:10px;}
    .car-box.title .car-img {position:relative;top:auto;left:auto;height:170px;line-height:140px;}
    .car-box.title .car-img img {max-height:140px;}
    .car-box.title .car-info .lineup {font-size:15px;}
    .car-box.title .car-info .trim {font-size:15px;}
    .car-box.title .car-info .price-info {display:block;}
    .car-box.title .car-info .price-info .month-price {width:100%;flex:none;}
    .car-box.color li label .color-tt {top:17px;left:110px;}
    
    .car-box.model h3 {border-top:1px solid #aaa;}
    .car-box.btn-area {padding:30px 20px 20px 20px;border-top:0 none;}

    .car-box.model .trim-list li {width:100%;padding:0;}

    .car-box.color li {display:inline-block;width:20%;}
    .car-box.color li label {text-align:center;padding-left:10px;}
    .car-box.color li label .color-box {text-align:center;position:relative;top:auto;left:auto;}

    .car-box.title .car-info .quick-quotation {position:relative;display:block;top:auto;right:auto;text-align:center;border-radius:30px;margin-top:10px;}

}

@media screen and (max-width: 640px) {
	.gogo_app {width:100%;height: 100vh;height: -webkit-fill-available;height:fill-available;}
    .gogo_popup {width:100%;max-height:100vh;max-height:-webkit-fill-available;max-height:fill-available;}
    .gogo_app_wrap,
    .gogo_bar {width:100%;}
    .gogo_bar {height:14rem;}
    .gogo_bar .bar_item {height:12rem;}
    .gogo_main_pop .popup_wrap {top:50%;left:10%;right:10%;transform:translate(0,-50%);}
    .gogo_main_pop .pop_img img.pop_img_pc {display:none;}
    .gogo_main_pop .pop_img img.pop_img_mobile {display:block;}
    .gogo_main_pop .pop_img img {width:100%;max-width:100%;height:auto;}
    .gogo_main_pop .pop_btns {width:100%;}
}

@media only screen and (max-width:750px) {
	.gogo_main_pop .pop_btns .go_contract {height:3.2rem;font-size:1rem;line-height:3.2rem;}
	.gogo_main_pop .pop_btns .pop_btn {height:2rem;line-height:2rem;}
	.gogo_main_pop .pop_btns a {font-size:.8rem;}
	.gogo_main_pop .pop_btns .pop_btn:nth-child(2):after {top:.5rem;height:1rem;width:1px;}
}

@media only screen and (max-width:600px) {
    .model-align.fixed-item.on {position:relative;top:auto;left:auto;width:100%;height:auto;margin-left:0;transform:translateX(0);}
    .model-align.fixed-item.on + .model-align {margin-top:20px;}



    .fixed-head.on {display:block;top:0;}
}

.not-active {
  pointer-events:none;
  cursor:default;
  text-decoration:none;
  color:black;
}

/* modal elements added 2022/02/22 */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  /* padding: 20px; */
  border: 1px solid #888;
  width: 90%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* modal elements added 2022/02/22 */


#conPC {opacity:1;visibility:visible;position:relative;top:0;left:0;width:100%;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
#conPC .pc_fixedbar {position:fixed;left:0;right:0;z-index:100;width:1000px;height:auto;transition:all 1s;-webkit-transition:all 1s;margin:0 auto;}
#conPC .pc_fixedbar.top {top:0;}
#conPC .pc_fixedbar.bottom {bottom:0;}
#conPC .pc_fixedbar.left {left:18%}
#conPC .pc_fixedbar.right {right:0;}
#conPC .pc_fixedbar.top.hidden {top:-300px;}
#conPC .pc_fixedbar.bottom.hidden {bottom:-300px;}

#conPC .pc_fixedbar ul {list-style:none;padding:0;}
#conPC .pc_fixedbar li {float:left;}

#conMobile {opacity:0;visibility:hidden;position:fixed;top:0;left:100%;width:100%;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
#conMobile img {width:100%;}
#conMobile .mo_lodingwrap {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.5);}

#conMobile .mo_fixedbar {position:fixed;left:0;z-index:10;width:100%;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);overflow:hidden;background:url('../images/') center bottom / cover no-repeat;}
#conMobile .mo_fixedbar.top {top:0;}
#conMobile .mo_fixedbar.bottom {bottom:0;}
#conMobile .mo_fixedbar.hidden {}
#conMobile .mo_fixedbar .layerlink01 {display:block;width:0;height:100%;top:0;left:0%;}
#conMobile .mo_fixedbar .layerlink02 {display:block;width:0;height:100%;top:0;right:0%;}

#conMobile .mo_fixedbar ul {list-style:none;padding:0;}
#conMobile .mo_fixedbar ul li {width:50%;float:left;}

@media screen and (max-width: 1100px) {
	#conPC {opacity:0;visibility:hidden;position:fixed;top:0;left:-100%;width:100%;}
	#conMobile {opacity:1;visibility:visible;position:relative;top:0;left:0;width:100%;}
}