@charset "utf-8";

#wrap{position:relative;height:100%;}
.inner{position:relative;width:1100px;margin:0 auto;}
.inner:after{content:'';display:block;clear:both;}
.bg01{background-color:#fdee87;}
.bg02{background: linear-gradient(to bottom, rgb(76,215,169) 35%,rgb(145,226,234) 60%);}
.cont01{height:948px; background:url('../images/cont01.png') center bottom no-repeat;}
.cont04{height:1230px; background:url('../images/cont04.png') center bottom no-repeat;}
.cont08{padding-bottom:188px;}

.nav{position:fixed;bottom:0;left:0;right:0;z-index:1; padding:20px 0; background-color:#fdee87; transition:all .3s}
.nav.in-view{background-color:#4cd7a9;}
.formWrap{width:710px;padding-right:190px;}
.formWrap .formInner{display:flex;flex-wrap:wrap;gap:8px;}
.formWrap .form-ele.text{flex:1 1 48%;}
.formWrap .form-ele.textarea{width:100%;}
.formWrap .form-ele input[type="text"],
.formWrap .form-ele input[type="number"],
.formWrap .form-ele input[type="tel"]{padding:0; width:100%;height:50px; font-size:16px;color:#666;text-indent:10px; border:1px solid #ddd;border-radius:10px;background-color:#fff;}
.formWrap .form-ele textarea{width:100%;height:40px;padding:10px 0 0; font-size:16px;color:#666;text-indent:10px; border:1px solid #ddd;border-radius:10px;background-color:#fff;}
.formWrap .form-ele.checkboxInp{position:relative;width:100%;}
.formWrap .form-ele.checkboxInp input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.formWrap .form-ele.checkboxInp input[type="checkbox"] + label{font-size:14px;font-weight:500;line-height:20px;color:#666; text-indent:0; display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.formWrap .form-ele.checkboxInp input[type="checkbox"] + label:before{content:'';display:inline-block; margin-right:8px;width:20px;height:20px;line-height:20px; text-align:center;vertical-align:middle;background-color:#fff;border-radius:5px;}
.formWrap .form-ele.checkboxInp input[type="checkbox"]:checked + label:before{content:'\2714'; font-size:16px;color:#fe601a;text-shadow:1px 1px #fe601a; background:#fff;}
.formWrap .form-ele.checkboxInp .popon{font-size:14px;color:#666;font-weight:700;line-height:20px;text-decoration:underline;cursor:pointer; position:absolute;top:0;right:0}
.formWrap .apply{position:absolute;top:0;right:0; width:180px;height:112px; border-radius:10px;background-color:#fe601a; font-size:26px;color:#fff;font-weight:800;}
input::placeholder,
textarea::placeholder {
    color: #aaa;
}

/* layer popup */
.wrap-layer-popup{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:300; overflow:auto}
.wrap-layer-popup .dimmed{width:100%;height:100%; background:#000;opacity:.5;filter:alpha(opacity=50); position:absolute;top:0;left:0}
.wrap-layer-popup .loop{height:0;width:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px)}
.pop-layer{padding:50px 0 50px 50px;width:1000px;height:auto; border-radius:30px; background-color:#fff; display:block;position:absolute;top:50%;left:50%;z-index:10}
.pop-layer .head h1{font-size:38px;line-height:1;font-weight:800}
.pop-layer .btn-close{width:40px;height:40px; text-indent:-9999px; background:url('../images/btn_close.png') no-repeat center;background-size:100%; position:absolute;top:50px;right:50px}
.pop-layer .contents{margin-top:40px;padding-right:50px;height:600px;overflow-y:scroll;  font-size:18px;word-break:keep-all}
.pop-layer .contents div{margin-top:15px}
.pop-layer .contents li{margin-top:25px}
.pop-layer .contents li strong{margin-bottom:10px; font-size:20px;font-weight:700; display:block}
.pop-layer .contents li em{margin-top:15px;font-weight:700; display:block}
.pop-layer .contents p{margin-left:15px;padding:10px 0 0 10px;text-indent:-10px}
.pop-layer .contents .ex a{margin-left:20px}

@media (max-width:751px){

    #wrap img{width:100%;}
    .inner{width:100%;}
    
    .cont01{height:86.1818vw; background-size:auto 100%;}
    .cont04{height:111.818vw; background-size:auto 100%;}
    .cont08{padding-bottom:40vw;}
    
    .nav{position:fixed;bottom:0;left:2.5vw;right:2.5vw; width:auto;padding:0; border-radius:3vw 3vw 0 0;}
    .nav.in-view{left:2.5vw;}

    .formWrap{padding:3vw 3vw; }
    .formWrap.inner{width:calc(100% - 6vw); display: flex; gap:1vw;}
    .formInner{}
    .formWrap .form-ele input[type="text"],
    .formWrap .form-ele input[type="number"],
    .formWrap .form-ele input[type="tel"]{padding:0; height:8vw; font-size:2.5vw;text-indent:1vw; border-radius:1vw;}
    .formWrap .form-ele textarea{height:12vw;padding:1vw 0 0; font-size:2.5vw;text-indent:1vw; border-radius:1vw;}
    .formWrap .form-ele.checkboxInp{margin-top:1.5vw;}
    .formWrap .form-ele.checkboxInp input[type="checkbox"] + label{font-size:3vw;line-height:3vw;}
    .formWrap .form-ele.checkboxInp input[type="checkbox"] + label:before{margin-right:1vw;width:3vw;height:3vw;line-height:3vw; border-radius:.5vw;}
    .formWrap .form-ele.checkboxInp input[type="checkbox"]:checked + label:before{content:'\2714'; font-size:2.5vw;}
    .formWrap .form-ele.checkboxInp .popon{font-size:3vw;line-height:3vw;}
    .formWrap .apply{position:relative; width:100%;height:auto; padding:2vw 0; font-size:4vw;}


    /* layer popup */
    .pop-layer{padding:5.33vw 0 5.33vw 5.33vw;width:90%;height:90%;box-sizing:border-box;border-radius:5vw;}
    .pop-layer .head h1{font-size:5.06vw}
    .pop-layer .btn-close{width:5.33vw;height:5.33vw; top:5.33vw;right:5.33vw}
    .pop-layer .contents{margin-top:3.06vw;padding-right:5.33vw;height:calc(100% - 8.39vw); font-size:2.4vw}
    .pop-layer .contents div{margin-top:2vw}
    .pop-layer .contents li{margin-top:3.33vw}
    .pop-layer .contents li strong{margin-bottom:1.33vw; font-size:2.66vw}
    .pop-layer .contents li em{margin-top:2vw}
    .pop-layer .contents p{margin-left:2vw;padding:1.33vw 0 0 1.33vw;text-indent:-1.33vw}
    .pop-layer .contents .ex a{margin-left:2.66vw}
}