@charset "utf-8";

#inc04 .inc04_wrap{display:flex;align-items:center;position:relative;margin:80px auto 120px;width:80%}
#inc04 .inc04_wrap .info{display:flex;flex-direction:column;align-items:center;text-align:center;width:40%}
#inc04 .inc04_wrap .info .contact{display:flex;justify-content:center;align-items:center;gap:10px;width:118px;height:38px;border-radius:19px;color:#fff;background-color:var(--black)}
#inc04 .inc04_wrap .info .contact i{width:15px;transform:scaleX(-1)}
#inc04 .inc04_wrap .info .num{margin-top:20px;font-size:45px;font-weight:400;color:var(--black)}
#inc04 .inc04_wrap .info .des{margin-top:20px;font-size:16px;font-weight:400}
#inc04 .inc04_wrap .info .time{display:flex;align-items:center;gap:20px;padding-left:40px;margin-top:40px;width:400px;height:70px;border:1px solid #e1e1e1;font-size:18px;font-weight:600;font-family:var(--k-font)}
#inc04 .inc04_wrap .info .time span{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:5px;background-color:#f5f5f5}
#inc04 .inc04_wrap form{padding:60px;width:60%;border-radius:20px;background-color:#f5f5f5}
#inc04 .inc04_wrap form input[type="checkbox"]{cursor:pointer}
#inc04 .inc04_wrap form h2{margin-bottom:30px;font-size:30px;font-weight:700;color:var(--black)}
#inc04 .inc04_wrap form .form_wrap{display:flex;gap:15px}
#inc04 .inc04_wrap form .left_cont{width:calc(80% - 8px)}
#inc04 .inc04_wrap form .basic_info{display:flex;align-items:center;gap:15px}
#inc04 .inc04_wrap form .basic_info li{width:calc(100% / 2 - 8px);height:60px}
#inc04 .inc04_wrap form .basic_info li input{padding-left:25px;width:100%;height:100%;border:none;outline:none;border-radius:5px;color:rgb(0, 0, 0, 0.6)}
#inc04 .inc04_wrap form .select_box{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:0 25px;border-radius:5px;width:100%;background-color:#fff}
#inc04 .inc04_wrap form .select_box h3{font-size:15px;font-weight:400}
#inc04 .inc04_wrap form select{width:85%;height:60px;border:none;outline:none;color:rgb(0, 0, 0, 0.6);cursor:pointer}
#inc04 .inc04_wrap form .product{display:flex;align-items:center;padding-left:25px;margin-top:15px;border-radius:5px;background-color:#fff}
#inc04 .inc04_wrap form .product h3{margin-right:40px;font-size:15px;font-weight:400}
#inc04 .inc04_wrap form .product ul{display:flex;align-items:center;height:60px}
#inc04 .inc04_wrap form .product ul li{display:flex;align-items:center;gap:10px;font-family:var(--k-font);font-size:15px;font-weight:400}
#inc04 .inc04_wrap form .product ul li+li{margin-left:20px}
#inc04 .inc04_wrap form .person{display:flex;align-items:center;padding-left:25px;margin-top:15px;border-radius:5px;background-color:#fff}
#inc04 .inc04_wrap form .person h3{margin-right:25px;font-size:15px;font-weight:400}
#inc04 .inc04_wrap form .person ul{display:flex;align-items:center;height:60px}
#inc04 .inc04_wrap form .person ul li{display:flex;align-items:center;gap:10px;font-family:var(--k-font);font-size:15px;font-weight:400}
#inc04 .inc04_wrap form .person ul li+li{margin-left:20px}
#inc04 .inc04_wrap form .person input[type="checkbox"]{position:relative;appearance:none;width:13px;height:13px;border-radius:50%;border:1px solid rgb(118, 118, 118);background-color:#fff}
#inc04 .inc04_wrap form .person input[type="checkbox"]:checked{position:relative;background-color:#007bff;border-color:#007bff}
#inc04 .inc04_wrap form .person input[type="checkbox"]:checked::before{content:"";position:absolute;top:3px;left:3px;width:5px;height:5px;background-color:white;border-radius:50%}
#inc04 .inc04_wrap form textarea{padding:25px 0 0 25px;margin-top:15px;width:100%;height:150px;border:none;outline:none;border-radius:5px;background-color:#fff}
#inc04 .inc04_wrap form .prv_area{display:flex;justify-content:end;align-items:center;gap:5px}
#inc04 .inc04_wrap form .right_cont{position:relative;width:calc(20% - 8px)}
#inc04 .inc04_wrap form .right_cont input{width:100%;height:100%;border:none;border-radius:10px;outline:none;color:#fff;background-color:var(--black);transition:all .3s}
#inc04 .inc04_wrap form .right_cont svg{position:absolute;z-index:2;top:44%;left:50%;transform:translate(-50%, -50%);color:#fff}
/*#inc04 form label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0);overflow:hidden}*/
#inc04 .inc04_wrap .prv_area a{margin-top:3px;font-size:15px;font-weight:400;color:#888;cursor:pointer}
#inc04 .inc04_wrap .prv_area a b{font-weight:500;color:#333}


/* 반응형 [s] */
@media (hover:hover){
#inc04 .inc04_wrap form .right_cont:hover input{background-color:var(--primary)}
}
@media (max-width:1600px){
#inc04 .inc04_wrap{gap:30px}
#inc04 .inc04_wrap .info{width:30%}
#inc04 .inc04_wrap .info .time{width:100%}
#inc04 .inc04_wrap form{padding:45px;width:70%}
#inc04 .inc04_wrap form .left_cont{width:calc(82% - 8px)}
#inc04 .inc04_wrap form .product h3{margin-right:30px}
#inc04 .inc04_wrap form .person h3{margin-right:25px}
#inc04 .inc04_wrap form .right_cont{width:calc(18% - 8px)}
}
@media (max-width:1380px){
#inc04 .inc04_wrap{width:90%}
#inc04 .inc04_wrap .info .num{font-size:40px}
#inc04 .inc04_wrap .info .time{padding-left:0px;justify-content:center}
#inc04 .inc04_wrap form h2{font-size:28px}
#inc04 .inc04_wrap form .product h3{margin-right:20px}
#inc04 .inc04_wrap form .person h3{margin-right:15px}
#inc04 .inc04_wrap form .product ul li+li{margin-left:15px}
#inc04 .inc04_wrap form .person ul li+li{margin-left:15px}
}
@media (max-width:1140px){
#inc04 .inc04_wrap form .form_wrap{flex-direction:column;gap:30px}
#inc04 .inc04_wrap form .left_cont{width:100%}
#inc04 .inc04_wrap form .right_cont{width:100%}
#inc04 .inc04_wrap form .right_cont svg{display:none}
#inc04 .inc04_wrap form .right_cont input{height:80px;border-radius:5px}
}
@media (max-width:1024px){
#inc04 .inc04_wrap{margin:120px auto 90px;width:95%;flex-direction:column-reverse;gap:80px}
#inc04 .inc04_wrap form{padding:30px;width:100%;border-radius:10px}
#inc04 .inc04_wrap form h2{font-size:26px}
#inc04 .inc04_wrap form .basic_info li{height:55px}
#inc04 .inc04_wrap form select{height:55px}
#inc04 .inc04_wrap form .product ul{height:55px}
#inc04 .inc04_wrap form .person ul{height:55px}
#inc04 .inc04_wrap .info{width:100%}
#inc04 .inc04_wrap .info .time{padding:0 30px;width:max-content}
#inc04 .inc04_wrap .info .num{margin-top:15px;font-size:35px}
#inc04 .inc04_wrap .info .des{margin-top:15px}
#inc04 .inc04_wrap .info .time{margin-top:30px;font-size:16px;height:66px}
#inc04 .inc04_wrap .info .time i{width:38px;height:38px}
}
@media (max-width:768px){
#inc04 .inc04_wrap{margin:90px auto 80px;gap:60px}
#inc04 .inc04_wrap form{padding:30px 2.5%}
#inc04 .inc04_wrap form h2{font-size:23px}
#inc04 .inc04_wrap form .basic_info li{height:52px}
#inc04 .inc04_wrap form .basic_info li input{padding-left:15px}
#inc04 .inc04_wrap form .select_box{padding:0 15px}
#inc04 .inc04_wrap form select{height:52px}
#inc04 .inc04_wrap form .product{padding-left:15px}
#inc04 .inc04_wrap form .product ul{height:52px}
#inc04 .inc04_wrap form .product ul li{gap:5px}
#inc04 .inc04_wrap form .person{padding-left:15px}
#inc04 .inc04_wrap form .person ul{height:52px}
#inc04 .inc04_wrap form .person ul li{gap:5px}
#inc04 .inc04_wrap form textarea{padding:20px 0 0 15px;height:140px}
#inc04 .inc04_wrap form .right_cont input{height:70px}
#inc04 .inc04_wrap .info .contact i{font-size:13px}
#inc04 .inc04_wrap .info .num{font-size:33px}
#inc04 .inc04_wrap .info .des{margin-top:10px;font-size:15px}
#inc04 .inc04_wrap .info .time{gap:15px;margin-top:25px;font-size:15px;height:64px}
#inc04 .inc04_wrap .info .time i{width:36px;height:36px}
}
@media (max-width:480px){
#inc04 .inc04_wrap{margin:80px auto 60px;gap:40px}
#inc04 .inc04_wrap form h2{font-size:21px;text-align:center}
#inc04 .inc04_wrap form .basic_info{gap:12px}
#inc04 .inc04_wrap form .basic_info li{width:calc(100%/  2 - 6px);height:50px}
#inc04 .inc04_wrap form .basic_info li input{padding-left:12px}
#inc04 .inc04_wrap form .select_box{flex-direction:column;align-items:start;padding:15px 12px;margin-top:12px}
#inc04 .inc04_wrap form select{margin-top:10px;width:100%;height:40px}
#inc04 .inc04_wrap form .product{flex-direction:column;align-items:start;padding:15px 12px;margin-top:12px}
#inc04 .inc04_wrap form .product ul{margin-top:10px;width:100%;height:40px}
#inc04 .inc04_wrap form .product ul li{gap:5px;font-size:14px}
#inc04 .inc04_wrap form .person{flex-direction:column;align-items:start;padding:15px 12px;margin-top:12px}
#inc04 .inc04_wrap form .person ul{margin-top:10px;width:100%;height:40px}
#inc04 .inc04_wrap form .person ul li{font-size:14px}
#inc04 .inc04_wrap form .product h3{margin-right:15px}
#inc04 .inc04_wrap form .person h3{margin-right:10px}
#inc04 .inc04_wrap form textarea{padding:15px 0 0 12px;margin-top:12px;height:130px}
#inc04 .inc04_wrap form .right_cont input{height:60px}
#inc04 .inc04_wrap .info .num{margin-top:12px;font-size:30px}
#inc04 .inc04_wrap .info .des{margin-top:10px;font-size:14px}
#inc04 .inc04_wrap .info .time{gap:15px;margin-top:20px;font-size:14px;height:60px}
#inc04 .inc04_wrap .info .time i{width:32px;height:32px}
#inc04 .inc04_wrap .prv_area a{font-size:14px}
}
@media (max-width:380px){
#inc04 .inc04_wrap{margin:60px auto 40px;gap:40px}
#inc04 .inc04_wrap form .form_wrap{gap:20px}
#inc04 .inc04_wrap form h2{margin-bottom:25px;font-size:19px}
#inc04 .inc04_wrap form .product ul li{font-size:13px}
#inc04 .inc04_wrap form .product ul li+li{margin-left:10px}
#inc04 .inc04_wrap form .person ul li{font-size:13px}
#inc04 .inc04_wrap form .person ul li+li{margin-left:10px}
#inc04 .inc04_wrap form .right_cont input{height:50px}
#inc04 .inc04_wrap .prv_area a{font-size:13px}
#inc04 .inc04_wrap .info .contact{width:110px;height:36px;border-radius:18px}
#inc04 .inc04_wrap .info .num{font-size:26px}
#inc04 .inc04_wrap .info .des{font-size:13px}
#inc04 .inc04_wrap .info .time{height:55px;font-size:13px}
}
/* 반응형 [e] */