@charset "utf-8";

#quick_left{position:absolute;top:820px;left:0;z-index:2001;width:240px}
#quick_left, #quick_left *{box-sizing:border-box}
#quick_left div a{display:block}

#quick_right{position:absolute;top:820px;right:0;z-index:1001;width:240px}
#quick_right, #quick_right *{box-sizing:border-box}
#quick_right .img_bnr a{display:block}

#quick_bottom{position:fixed;bottom:0;z-index:2003}
#quick_bottom .wrap{width: 100%; position: fixed;bottom: 0;left: 50%;}
#quick_bottom .wrap > div{display: flex;align-items: center;justify-content: center;left:50%;transform: translateX(-50%);}
#quick_bottom .btn{width: 104px;height: 104px;line-height: 104px;text-align: center;color: #fff;background-color:#222;box-sizing: border-box;}
#quick_bottom .box{position: absolute;top: 0;left: 0;width: 100%;height: 400px; background-color: #fff;}
#quick_left.sub, #quick_right.sub.sub{top:358px}
#quick_left.fixed , #quick_right.fixed.fixed{position:fixed;top:100px}
#quick_left.fixed_sub, #quick_right.fixed_sub.fixed_sub{position:fixed;top:400px}
/* #quick_bottom .menu{ box-shadow: 0 0 40px rgba(0,0,0,0.30);} */

#quick_bottom .bg{display:none;position:absolute;top:0;left:0;width:100%;height:100vh;background-color:rgba(0, 0, 0, 0.8)}
#quick_bottom .bg img{z-index:2008;position:absolute;top:0%;right:20%;cursor:pointer}
#quick_bottom .up{display:block;bottom:400px;transition:0.5s}
#quick_bottom .down{bottom:0px;transition:0.5s}
#quick_bottom .down02{display:none}
#quick_bottom .btn1{background-color:#cf0a2c}
#quick_bottom .btn5{background-color:#fff;color:#222}
#quick_bottom  .btn2:hover{background-color:#f9e000;transition:0.3s}
#quick_bottom  .btn3:hover{background-color:#296bc6;transition:0.3s}
#quick_bottom  .btn4:hover{background-color:#06bd34;transition:0.3s}


/* 카카오톡 상담 */
#quick_bottom .box1{display:flex;align-items:center;justify-content:center;gap:30px;font-family:"notokr-medium"}
#quick_bottom .box1 > div{padding:20px 30px;font-size:18px;color:#222;background-color:#f3f3f3}
#quick_bottom .box1 > div > p{padding:30px 0 10px 0}
#quick_bottom .box1 > div > img{padding-bottom:30px}
#quick_bottom .box1 .top ul{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:10px}
#quick_bottom .box1 li{width:240px;height:40px}
#quick_bottom .box1 li input{width:90%;height:100%;padding:0 12px;font-size:15px;outline:none}
#quick_bottom .box1 a{display:block;text-align:center;line-height:40px;background-color:#ffe600}
#quick_bottom .box1 .bottom{display:flex;align-items:center;justify-content:space-between;padding-top:30px;border-top:1px solid #222;font-size:16px}

/* 견적문의 */
#quick_bottom .box .left{display:flex;align-items:center;justify-content:center;margin-right:20px}
#quick_bottom .box .right{display:flex;align-items:center;justify-content:center}
#quick_bottom .box .bottom p{padding:5px 10px;margin-right:10px;border-radius:20px;font-size: 15px;background-color:#444;color:#fff}
#quick_bottom .box2{display:flex;align-items:center;justify-content:center;gap:30px;font-family:"notokr-medium"}
#quick_bottom .box2 >div{width:810px;padding:20px 30px;font-size:18px;color:#222;background-color:#f3f3f3}
#quick_bottom .box2 .cont{float:left;width:50%;margin:5px 0}
#quick_bottom .box2 .cont label{display:inline-block;width:120px;vertical-align:middle}
#quick_bottom .box2 textarea{width:76%!important;height:70px;padding:7px 12px;outline:none}
#quick_bottom .box2 input{width:240px;padding:5px;outline:none;box-sizing:border-box;font-family:"notokr-regular";}
#quick_bottom .box2 .form_wrap{margin:0 auto}
#quick_bottom .box2 > div > p{width:640px;padding:20px 0;margin-left:128px;text-align:center;cursor:pointer;color:#fff;background-color:#296bc6;font-family:"notokr-bold"}
#quick_bottom .box2 select{width:240px;padding:5px}
#quick_bottom .box2 .last{width:100%!important;display:flex;align-items:center;justify-content:flex-start}
#quick_bottom .box2 .last label{margin-right:5px}
#quick_bottom .box2 .check{font-size:13px;color:#777;padding-left:110px}
#quick_bottom .box2 .check input{width:50px}
#quick_bottom .box2 .check a{display:block;position:relative;top:-20px;left:-45px;text-align:right}


/* 방문상담 */
#quick_bottom .box3{display:flex;align-items:center;justify-content:center;font-family:"notokr-medium"}
#quick_bottom .box3 .all_wrap{display:flex;align-items:center;justify-content:center;width:810px;height:316px;padding:20px 30px;margin-left:20px;font-size:18px;color:#222;background-color:#f3f3f3;}
#quick_bottom .box3 .left >div{width:560px}
#quick_bottom .box3 .cont{float:left;display:flex;align-items:flex-start;justify-content:space-between;width:50%;margin:5px 0}
#quick_bottom .box3 .input_w{width:100%}
#quick_bottom .box3 .input_w textarea{width:413px;height:80px;outline:none}
#quick_bottom .box3 .check-box{display:block;margin-left:145px;width:inherit;font-size:13px;color:#777}
#quick_bottom .box3 .check-box input{width:20px}
#quick_bottom .box3 .form-btn-policy{margin-left:auto;font-size:13px;color:#777}
#quick_bottom .box3 .form-btn-location{position:relative;top:-21px;width:100%;padding:10px 0;text-align:center;color:#fff;background-color:#2DB400;font-family:"notokr-bold";}
#quick_bottom .box3 input{width:139px;padding:10px 0;outline:none}
#quick_bottom .box3 .form-btn-policy{position:relative;top:-28px;width:100%}
#quick_bottom .box3 .form-btn-policy a{margin-left:auto}
#quick_bottom .box3 .right{width:289px;height:295px;border:1px solid #555}
#quick_bottom .box3 .input_w input{width:420px}
#quick_bottom .box3 .last{width:100%}
#quick_bottom .box3 .left{display:flex;align-items:center;justify-content:center;position:relative;top:10px;margin-right:20px}




.q_inquire{width:240px;padding:26px 30px 32px;font-size:14px;letter-spacing:-.3px;background-color:#296bc6;font-family:notokr-regular}
.q_inquire h3{margin-bottom:10px;font-size:18px;color:#fff;text-align:center;font-family:notokr-medium}
.q_inquire ul li{position:relative}
.q_inquire ul li:before{display:block;content:"";position:absolute;left:10px;top:15px;width:3px;height:3px;border-radius::3px;background-color:#fff}
.q_inquire input[type=text]{width:100%;height:35px;margin-bottom:5px;padding:0 10px 0 20px;border-color:#6a98d7;color:#fff;background-color:transparent}
.q_inquire input[type=text]::-webkit-input-placeholder{color:#9ebfec}
.q_inquire input[type=text]::-moz-placeholder{color:#9ebfec}
.q_inquire input[type=text]:-ms-input-placeholder{color:#9ebfec}
.q_inquire input[type=text]:-moz-placeholder{color:#9ebfec}
.q_inquire p{text-align:right;font-size:13px;}
.q_inquire p a{float:left;padding-top:2px;margin-right:5px;color:#9ebfec}
.q_inquire p label {vertical-align:middle;color:#9ebfec}
.q_inquire p input {vertical-align:middle}
.q_inquire p a:hover{text-decoration:underline}
.q_inquire input[type=submit]{width:100%;height:35px;margin-top:8px;border:none;font-size:14px;color:#296bc6;background-color:#fff;cursor:pointer;font-family:notokr-bold}
.custom_inq_wrap{position:relative}
.custom_inq_wrap .btn{position:absolute;top:70px;right:15px;z-index:10;width:50px;height:50px;border-radius:50px;line-height:50px;color:#fff;text-align:center;background-color:#5e6522;-webkit-box-shadow:11px 11px 19px -2px rgba(94,101,34,0.58);
-moz-box-shadow:11px 11px 19px -2px rgba(94,101,34,0.58);box-shadow:11px 11px 19px -2px rgba(94,101,34,0.58);cursor:pointer;font-family:notokr-medium}
.custom_inq_wrap .btn:before{content:"Click"}
.custom_inq_wrap .btn.active:before{content:"닫기"}
.custom_inq{display:none;padding:22px 30px 25px;background-color:#8d9823}
.custom_inq input[type=text]{border-color:#b3bb68}
.custom_inq input[type=text]::-webkit-input-placeholder{color:#d3d998}
.custom_inq input[type=text]::-moz-placeholder{color:#d3d998}
.custom_inq input[type=text]:-ms-input-placeholder{color:#d3d998}
.custom_inq input[type=text]:-moz-placeholder{color:#d3d998}
.custom_inq p a{color:#d3d998}
.custom_inq p label {color:#d3d998}
.custom_inq input[type=submit]{color:#5d6704}
#quick_left.pay_view > ul > li {position:relative;width:60px;height:58px;line-height:57px;text-align:center;cursor:pointer}
#quick_left.pay_view > ul > li .hov {display:none;position:absolute;left:61px;top:0}
#quick_left.pay_view > ul > li:first-child {background-color:#fee918}
#quick_left.pay_view > ul > li:last-child {font-weight:bold;color:#fff;background-color:#32373c}
#quick_left.pay_view > ul > li:hover .hov {display:block}
#quick_right.pay_view {width:auto}
#quick_right.pay_view > ul > li {position:relative;width:60px;height:58px;}
#quick_right.pay_view > ul > li .btn_txt {font-weight:bold;line-height:57px;text-align:center;color:#fff; cursor:pointer}
#quick_right.pay_view > ul > li:first-child {background-color:#296bc6}
#quick_right.pay_view > ul > li:nth-child(2) {background-color:#352e1e}
#quick_right.pay_view > ul > li:last-child {background-color:#8d9823}
#quick_right.pay_view > ul > li .hov {display:none;position:absolute;right:61px;top:0}
#quick_right.pay_view > ul > li:hover .hov {display:block}
#quick_right.pay_view .custom_inq{display:block}