@charset "utf-8";

#inc04{position:relative;padding:180px 80px 190px;margin:0 auto;height: 118vh;background:url(./img/bg.jpg) no-repeat center / cover}
#inc04 .cont_area{display:flex;gap:30px}

/* 지도 영역 */
#inc04 .cont_area .lft{width:100%}
#inc04 .cont_area .lft .map_area{position:relative;width:100%;height:460px;background-color:#000}
#inc04 .cont_area .lft .map_area a{display:flex;align-items:center;justify-content:space-between;position:absolute;left:0;bottom:0;width:320px;height:70px;padding:0 45px;color:#fff;background-color:var(--primary);transition:all .3s}
#inc04 .cont_area .lft .map_area a span{font-size:18px}
#inc04 .cont_area .lft .map_area iframe{width:100%;height:100%;opacity:.7;transition:all .3s}
#inc04 .cont_area .lft .notice{display:flex;align-items:center;justify-content:space-between;width:100%;height:95px;margin-top:45px;padding:0 45px;border:1px solid #e1e1e1;background: #fff;}
#inc04 .cont_area .lft .notice p{width:94px;height:35px;line-height:35px;font-size:16px;color:#fff;text-align:center;border-radius:30px;background-color:var(--primary);font-family:var(--e-font)}
#inc04 .cont_area .lft .notice a{display:flex;align-items:center;gap:15px;font-size:16px;font-weight:500}
#inc04 .cont_area .lft .notice a span{font-size:18px}
#inc04 .cont_area .lft .notice .sh_lt{margin:0;width:70%;height:50px}
#inc04 .cont_area .lft .notice .sh_lt li{display:flex;align-items:center;line-height: 29px;justify-content:space-between}
#inc04 .cont_area .lft .notice .sh_lt li .datetime{color:#888;font-size:15px;font-family:var(--k-font)}
#inc04 .title_icon{display:none}

/* 상담 폼 */
#inc04 .cont_area .rgt{display:flex;flex-flow:column;justify-content:flex-end;width:100%;padding-left:60px}
#inc04 .cont_area .rgt h2{margin-bottom:68px;font-weight:normal;font-size:45px;line-height:1;color: #fff;font-family:var(--e-font)}
#inc04 .cont_area .rgt .inq_area{width:100%}
#inc04 .cont_area .rgt .inq_area form{display:flex;flex-flow:column;width:85%;height:100%}
#inc04 .cont_area .rgt .inq_area ul{display:flex;flex-wrap:wrap}
#inc04 .cont_area .rgt .inq_area ul li{position:relative;width:calc(50% - 10px)}
#inc04 .cont_area .rgt .inq_area ul li p{margin-bottom:8px;font-size:16px;font-weight:600;font-family:'Pretendard';color:#fff}
#inc04 .cont_area .rgt .inq_area ul li:nth-child(2){margin-left:20px}
#inc04 .cont_area .rgt .inq_area ul li:last-child{width:100%;margin-top:24px}
#inc04 .cont_area .rgt .inq_area ul li label {position:absolute;left:30px;top:67px;transform:translateY(-50%);font-size:15px;color:#888}
#inc04 .cont_area .rgt .inq_area ul li input{width:100%;height:65px;padding-left:20px;font-size:15px;color:#666;border:none;border:1px solid #e1e1e1;transition:all .3s;font-family:'Pretendard'}
#inc04 .cont_area .rgt .inq_area ul li input:focus {outline:none !important;border:1px solid #181b20 !important;box-shadow:none}
#inc04 .cont_area .rgt .inq_area ul li textarea:focus {outline:none !important;border:1px solid #181b20 !important;box-shadow:none}
#inc04 .cont_area .rgt .inq_area ul li textarea{width:100%;height:130px;padding:20px 25px;outline:none !important;border:1px solid #e1e1e1;font-size: 15px;}
#inc04 .cont_area .rgt .inq_area .prv_area{display:flex;justify-content:flex-end;align-items:center;padding:14px 0 30px;font-size:14px;color:#888}
#inc04 .cont_area .rgt .inq_area .prv_area a{color: #fff;}
#inc04 .cont_area .rgt .inq_area .prv_area label {cursor:pointer;margin-left:4px;color: #fff;}
#inc04 .cont_area .rgt .inq_area .prv_area .ck_box {width:12px;height:12px;margin-left:11px;background:#e1e1e1;cursor:pointer;appearance:none}
#inc04 .cont_area .rgt .inq_area .prv_area .ck_box:checked {border-color:var(--primary);background:var(--primary)}
#inc04 .cont_area .rgt .inq_area .prv_area .ck_box:after {display:none;content:url(./img/check.png);text-align:center;line-height:12px}
#inc04 .cont_area .rgt .inq_area .prv_area .ck_box:checked:after {display:block}
#inc04 .cont_area .rgt .inq_area .send_btn{height:95px;border:none;font-size:15px;font-weight:600;background:var(--primary);color:#fff;transition:all .3s}
#inc04 .cont_area .rgt .control {padding:70px 0}
#inc04 .cont_area .rgt .control button {margin-right:16px;width:55px;height:55px;border:1px solid #e1e1e1;background:#fff}
#inc04 .cont_area .rgt .control button:last-child {margin-right:0}

/* 반응형 [s] */
@media (hover:hover){
#inc04 .cont_area .lft .map_area a:hover{padding:0 65px;background-color:var(--primary2)}
#inc04 .cont_area .lft .map_area iframe:hover{opacity:1}
#inc04 .cont_area .rgt .inq_area .send_btn:hover{background:#111}
}
@media (max-width:1580px){
#inc04 .cont_area .lft .notice{padding:0 25px}
#inc04 .cont_area .lft .notice .sh_lt{width:65%}
}
@media (max-width:1380px){
#inc04{padding:180px 5%}
#inc04 .cont_area .lft .notice{ padding:0 15px}
#inc04 .cont_area .lft .notice p{width:85px;height:30px;line-height:30px;font-size:15px}
#inc04 .cont_area .lft .notice .sh_lt{width:auto}
#inc04 .cont_area .lft .notice .sh_lt li .datetime{display:none}
#inc04 .cont_area .lft .notice a{gap:10px}
#inc04 .cont_area .lft .map_area a{padding:0 30px;width:270px;height:65px}
#inc04 .cont_area .rgt{padding-left:10px}
#inc04 .cont_area .rgt h2{font-size:36px}
}
@media (max-width:1024px){
#inc04{padding:120px 2.5% 80px}
#inc04 .cont_area{flex-direction:column;gap: 30px;}
#inc04 .cont_area .lft .map_area{height:320px}
#inc04 .cont_area .lft .notice{height:75px}
#inc04 .cont_area .lft .notice .sh_lt{width:75%}
#inc04 .cont_area .lft .notice .sh_lt li .datetime{display:block}
#inc04 .cont_area .rgt{padding-left:0px}
#inc04 .cont_area .rgt h2{margin-bottom: 30px;font-size:28px}
#inc04 .cont_area .rgt .inq_area form{width:100%}
#inc04 .cont_area .rgt .inq_area .send_btn{height:75px}
#inc04 .cont_area .rgt .inq_area ul{flex-wrap: nowrap;gap:14px}
#inc04 .cont_area .rgt .inq_area ul li{width:50%}
#inc04 .cont_area .rgt .inq_area ul li:nth-child(2){margin-left:0px}
#inc04 .cont_area .rgt .inq_area ul li textarea{height:60px}
#inc04 .cont_area .rgt .inq_area ul li input{height:60px}
#inc04 .cont_area .rgt .inq_area ul li:last-child{margin-top:0}
#inc04 .cont_area .rgt .inq_area .prv_area{padding:14px 0 20px}
}
@media (max-width:768px){
#inc04{padding:80px 2.5% 60px}
#inc04 .cont_area{gap:40px}
#inc04 .cont_area .lft .map_area a{padding:0 30px !important;width:250px;height:60px}
#inc04 .cont_area .lft .notice{margin-top:35px;height:75px}
#inc04 .cont_area .lft .notice .sh_lt{width:70%}
#inc04 .cont_area .lft .notice p{width:80px;height:28px;line-height:28px;font-size:14px}
#inc04 .cont_area .rgt h2{margin-bottom:20px;font-size:25px}
#inc04 .cont_area .rgt .inq_area ul li input{font-size: 11px;}
#inc04 .cont_area .rgt .inq_area ul li textarea{font-size: 11px;}
}
@media (max-width:600px){
#inc04 .cont_area{gap:26px}
#inc04 .cont_area .lft .map_area{height:290px}
#inc04 .cont_area .rgt .inq_area ul{flex-wrap:wrap}
#inc04 .cont_area .rgt .inq_area ul li{width:calc(50% - 10px)}
}
@media (max-width:580px){
#inc04 .cont_area .lft .notice .sh_lt{width:auto}
#inc04 .cont_area .lft .notice .sh_lt li .datetime{display:none}
}
@media (max-width:480px){
#inc04{padding:60px 2.5% 40px}
#inc04 .cont_area{gap:20px}
#inc04 .cont_area .lft .map_area{height:280px}
#inc04 .cont_area .lft .map_area a{padding:0 20px !important;width:180px;height:55px}
#inc04 .cont_area .lft .notice{margin-top:20px;padding:0 10px;height:60px}
#inc04 .cont_area .lft .notice p{width:65px;height:26px;line-height:26px;font-size:13px}
#inc04 .cont_area .lft .notice a{font-size: 13px;gap:5px}
#inc04 .cont_area .rgt h2{margin-bottom:20px;font-size:18px}
#inc04 .cont_area .rgt .inq_area ul li p{font-size:14px}
#inc04 .cont_area .rgt .inq_area ul li:nth-child(2){margin-left:0}
#inc04 .cont_area .rgt .inq_area ul li:last-child{margin-top:15px}
#inc04 .cont_area .rgt .inq_area ul li input{height:48px;padding-left:15px;}
#inc04 .cont_area .rgt .inq_area ul li textarea{padding:20px 15px;height:70px;}
#inc04 .cont_area .rgt .inq_area .prv_area{padding:10px 0 20px}
#inc04 .cont_area .rgt .inq_area .send_btn{height:50px;z-index:9999}
}
@media (max-width:380px){
#inc04{padding:50 2.5% 30px}
#inc04 .cont_area .lft .map_area a{padding:0 17px !important;width:165px;height:50px}
#inc04 .cont_area .lft .notice{height:54px}
#inc04 .cont_area .lft .notice p{width:58px;height:25px;line-height:25px;font-size:12px}
#inc04 .cont_area .lft .notice a{gap:2px;font-size: 12px;}
#inc04 .cont_area .rgt h2{margin-bottom:25px;font-size:19px}
#inc04 .cont_area .rgt .inq_area ul li p{font-size:13px}
#inc04 .cont_area .rgt .inq_area ul li input{height:50px;padding-left:12px;}
#inc04 .cont_area .rgt .inq_area ul li textarea{padding:15px 12px;height:110px}
#inc04 .cont_area .rgt .inq_area .prv_area{padding:8px 0 16px;font-size:13px}
#inc04 .cont_area .rgt .inq_area .send_btn{height:55px;font-size:14px}
}
/* 반응형 [e] */