@charset"utf-8";

::selection {color:#fff; background:#ffe048;}
::-moz-selection {color:#fff; background:#ffe048;}

footer {padding:30px 0 0px 0px; text-align:center; font-size:13px; color:rgba(255,255,255,0.3); font-weight:300; letter-spacing:0; background-color:#030e1b;}

/* 상단 */
.fullpage {padding-bottom:100px; background:#20282f url(/images/bg_fullpage.gif) center 0 no-repeat; text-align:center; overflow:hidden;}
header {width:100%; max-width:1200px; margin:0 auto; padding-top:14px; text-align:right; font-size:0;}
header a {display:inline-block; margin-left:10px; padding:10px 15px; font-size:15px; letter-spacing:0; border-radius:30px;}
header a.talk {color:#391908; padding-left:15px; background-color:#fbe300;}
header a.talk i {display:inline-block; width:23px; height:21px; margin-right:5px; background:url(/images/ico_kakaoTalk.png) 0 0 no-repeat; background-size:23px; vertical-align:middle;}
header a.call {color:#fff; background-color:#4144d1;}
header a.call strong {color:#fff000;}

.car-list {max-width:1200px; margin:0 auto;}
.car-list ul {margin:0 -12px;}
.car-list ul:after {clear:both; display:block; content:'';}
.car-list li {float:left; width:33.33%; max-width:384px; margin:0 12px 30px;}
.car-list li .car-item {position:relative; display:inline-block; padding:30px 36px; background-color:#fff; border-radius:30px;}
.car-list li .car-image img {width:100%;}
.car-list li .car-info {border-top:1px #000 solid;}
.car-list li .car-info:after {clear:both; display:block; content:'';}
.car-list li .car-info .car-name {float:left; margin-top:25px; font-size:22px;}
.car-list li .car-info .car-price {float:right; margin-top:14px; font-size:20px;}
.car-list li .car-info .car-price strong {color:#3d99f8; font-size:40px; letter-spacing:0;}
.car-list li .btn-area {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); border-radius:30px; opacity:0;}
.car-list li .btn-area span {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:inline-block; width:188px; height:54px; padding:12px 0 0; letter-spacing:-1px; font-size:25px; color:#fff060; text-align:center; background-color:#0d79e8; border-radius:30px;}
.car-list li:hover .btn-area {opacity:1;}


/* 장점 */
.good-point {padding:127px 0 90px; background:#20282f url(/images/img_daddy.png) 85% bottom no-repeat;}
.good-point .inner {width:100%; max-width:1200px; margin:0 auto;}


/* 견적문의폼 */
.estimate {padding:90px 0 100px; background:#030e1b url(/images/bg_estimate.jpg) center 0 no-repeat;}
.estimate .inner {width:100%; max-width:1200px; margin:0 auto;}
.estimate .inner:after {clear:both; display:block; content:'';}
.estimate h2 {margin-bottom:26px; font-size:40px; font-weight:700; color:#fff; letter-spacing:-2px;}
.estimate h2 strong {color:#ffd145;}
.estimate-form {float:left; width:922px;}
.estimate-form .nametel {float:left; width:260px; margin-right:10px;}
.estimate-form input[name="customerName"] {ime-mode:active}
.estimate-form textarea {float:left; width:calc(100% - 270px); height:110px; padding:10px; font-size:16px; border:0; border-radius:3px;}
.estimate-form textarea + .checkbox {clear:both; margin:20px 0; color:#fff; font-weight:300;}
.estimate-form .btn {clear:both; display:block; width:100%; height:62px; line-height:65px; text-align:center; font-size:18px; color:#fff !important; letter-spacing:0; background-color:#4144d1; border-radius:5px;}
.estimate-side {float:right; width:226px;}
.estimate-side .directCall {display:block; height:47px; margin-bottom:13px; padding:6px 0 0 22px; color:#fff; font-size:22px; font-weight:500; letter-spacing:-1px; border-radius:50px; background-color:#4144d1;}
.estimate-side .directCall:before {display:inline-block; width:30px; height:28px; margin-right:16px; vertical-align:middle; background:url(/images/ico_directCall.png) 0 0 no-repeat; content:'';}
.estimate-side .kakaoTalk {display:block; height:47px; margin-bottom:13px; padding:6px 0 0 16px; color:#381e1e; font-size:22px; font-weight:500; letter-spacing:-1px; border-radius:50px; background-color:#ffe600;}
.estimate-side .kakaoTalk:before {display:inline-block; width:30px; height:28px; margin-right:12px; vertical-align:middle; background:url(/images/ico_kakaoTalk.png) 0 0 no-repeat; content:'';}
.estimate-side .sns {margin-top:60px; text-align:center; font-size:0;}
.estimate-side .sns a {display:inline-block; width:61px; height:61px; margin-right:15px; border-radius:10px;}
.estimate-side .sns a:last-child {margin-right:0;}
.estimate-side .sns a.insta {background:url(../images/sns_insta.png) 0 0 no-repeat;}
.estimate-side .sns a.band {background:url(../images/sns_band.png) 0 0 no-repeat;}
.estimate-side .sns a.blog {background:url(../images/sns_blog.png) 0 0 no-repeat;}

/* 퀵메뉴 */
.puick {position:fixed; bottom:0; left:0; width:100%; padding:25px 0; font-size:30px; text-align:center; color:#fff; background-color:#4043d0;}
a.btn-online {display:inline-block; width:390px; padding:15px 30px 12px 39px; color:#d13434; font-size:30px; background-color:#ffd145; border-radius:50px; letter-spacing:-2px; box-shadow: 3px 5px rgba(0,0,0,0.2);}
a.btn-online i {font-size:35px; vertical-align:-5px; transition: all .5s;}
.puick ul {display:inline-block; margin-left:54px;}
.puick ul li {display:inline-block;}
.puick ul li:after {display:inline-block; width:1px; height:23px; margin:0 15px 0 20px; background-color:rgba(255,255,255,0.3); vertical-align:middle; content:'';}
.puick ul li:last-child:after {display:none;}
.puick ul li:first-child {color:#fff060;}





@media (max-width: 768px){
	
	/* 상단 */
.fullpage {padding-bottom:100px; background:#20282f url(/images/bg_fullpage.gif) center 0 no-repeat; text-align:center;}
	header {padding-top:0; text-align:center;}
	header a {display:inline-block; margin-left:0; padding:10px 15px; font-size:13px; border-radius:0;}
	header a.talk {width:40%;}
	header a.call {width:60%;}
	.fullpage h1 img {width:100%;}

	.car-list {width:94%;}
	.car-list ul {margin:0 -1%;}
	.car-list li {float:left; width:48%; margin:0 1% 20px;}
	.car-list li .car-item {position:relative; display:block; padding:15px 18px; border-radius:20px;}

	.car-list li .car-info .car-name {margin-top:20px; font-size:18px;}
	.car-list li .car-info .car-price {margin-top:10px; font-size:13px;}
	.car-list li .car-info .car-price strong {font-size:30px;}
	.car-list li .btn-area {border-radius:20px;}
	.car-list li .btn-area span {width:120px; height:50px; padding:12px 0 0; font-size:20px;}


	/* 장점 */
	.good-point {padding:80px 0 80px; background:#20282f;}
	.good-point .inner {width:94%;}
	.good-point .inner img {width:100%;}


	/* 견적문의폼 */
.estimate {padding:90px 0 100px; background:#030e1b url(/images/bg_estimate.jpg) center 0 no-repeat;}
.estimate .inner {width:100%; max-width:1200px; margin:0 auto;}
.estimate .inner:after {clear:both; display:block; content:'';}
.estimate h2 {margin-bottom:26px; font-size:40px; font-weight:700; color:#fff; letter-spacing:-2px;}
.estimate h2 strong {color:#ffd145;}
.estimate-form {float:left; width:922px;}
.estimate-form .nametel {float:left; width:260px; margin-right:10px;}
.estimate-form input[name="customerName"] {ime-mode:active}
.estimate-form textarea {float:left; width:calc(100% - 270px); height:110px; padding:10px; font-size:16px; border:0; border-radius:3px;}
.estimate-form textarea + .checkbox {clear:both; margin:20px 0; color:#fff; font-weight:300;}
.estimate-form .btn {clear:both; display:block; width:100%; height:62px; line-height:65px; text-align:center; font-size:18px; color:#fff !important; letter-spacing:0; background-color:#4144d1; border-radius:5px;}
.estimate-side {float:right; width:226px;}
.estimate-side .directCall {display:block; height:47px; margin-bottom:13px; padding:6px 0 0 22px; color:#fff; font-size:22px; font-weight:500; letter-spacing:-1px; border-radius:50px; background-color:#4144d1;}
.estimate-side .directCall:before {display:inline-block; width:30px; height:28px; margin-right:16px; vertical-align:middle; background:url(/images/ico_directCall.png) 0 0 no-repeat; content:'';}
.estimate-side .kakaoTalk {display:block; height:47px; margin-bottom:13px; padding:6px 0 0 16px; color:#381e1e; font-size:22px; font-weight:500; letter-spacing:-1px; border-radius:50px; background-color:#ffe600;}
.estimate-side .kakaoTalk:before {display:inline-block; width:30px; height:28px; margin-right:12px; vertical-align:middle; background:url(/images/ico_kakaoTalk.png) 0 0 no-repeat; content:'';}
.estimate-side .sns {margin-top:60px; text-align:center; font-size:0;}
.estimate-side .sns a {display:inline-block; width:61px; height:61px; margin-right:15px; border-radius:10px;}
.estimate-side .sns a:last-child {margin-right:0;}
.estimate-side .sns a.insta {background:url(../images/sns_insta.png) 0 0 no-repeat;}
.estimate-side .sns a.band {background:url(../images/sns_band.png) 0 0 no-repeat;}
.estimate-side .sns a.blog {background:url(../images/sns_blog.png) 0 0 no-repeat;}

/* 퀵메뉴 */
.puick {position:fixed; bottom:0; left:0; width:100%; padding:25px 0; font-size:30px; text-align:center; color:#fff; background-color:#4043d0;}
a.btn-online {display:inline-block; width:390px; padding:15px 30px 12px 39px; color:#d13434; font-size:30px; background-color:#ffd145; border-radius:50px; letter-spacing:-2px; box-shadow: 3px 5px rgba(0,0,0,0.2);}
a.btn-online i {font-size:35px; vertical-align:-5px; transition: all .5s;}
.puick ul {display:inline-block; margin-left:54px;}
.puick ul li {display:inline-block;}
.puick ul li:after {display:inline-block; width:1px; height:23px; margin:0 15px 0 20px; background-color:rgba(255,255,255,0.3); vertical-align:middle; content:'';}
.puick ul li:last-child:after {display:none;}
.puick ul li:first-child {color:#fff060;}



}