@charset "utf-8";
/* common */
body{background:#eae9e4}
#wrap{position:relative;}
#wrap section{min-width:1000px}
.inner{margin:0 auto;width:1000px;text-align:center;position:relative}
.m-br{display:none}

.main{position:relative;height:760px;overflow:hidden; background:url('../images/bg_keyvi.jpg') no-repeat center 0}
.main .key01,.main .key02,.main .key03{position:absolute;}
.main .key01{top:158px;left:475px; width:188px;height:356px; background:url('../images/key01.png') no-repeat 0 0;background-size:100%; animation:top1 3s ease-in-out infinite alternate}
.main .key02{top:230px;left:639px; width:189px;height:355px; background:url('../images/key02.png') no-repeat 0 0;background-size:100%; animation:top2 3s ease-in-out infinite alternate}
.main .key03{top:120px;left:841px; width:159px;height:366px; background:url('../images/key03.png') no-repeat 0 0;background-size:100%; animation:top3 2.5s ease-in-out infinite alternate}

@-webkit-keyframes top1{0%{top:100px;} 100%{top:200px;}}
@-webkit-keyframes top2{0%{top:270px;} 100%{top:150px;}}
@-webkit-keyframes top3{0%{top:170px;} 100%{top:120px;}}

.form{position:relative;z-index:1000; background-color:#72b79d;box-shadow:-10px -15px 20px rgba(0, 0, 0, .2);}
.form *{box-sizing:border-box;}
.form .inner{padding:25px 0 20px; width:920px; overflow:hidden;}
.form h2{margin-bottom:5px; font-size:25px;font-weight:700;color:#403f3f;text-align:left;}
.form .inner >div{position:relative; padding-right:220px;margin-left:-5px;}
.form .form-ele{margin:5px; position:relative;display:block;}
.form .form-ele input[type="tel"],
.form .form-ele input[type="text"],
.form .form-ele input[type="number"]{padding:0;width:100%;height:30px; font-size:16px;text-indent:20px; border:0;border-radius:8px;background-color:#fff}
.form .form-ele.textarea{width:calc(100% - 10px);}
.form .form-ele textarea{width:100%;height:30px;padding:7px 20px 0; font-size:16px; border:0;border-radius:8px;background-color:#fff}
.form .form-ele.agree{display:block; margin-top:12px; text-align:left;}
.form .form-ele.agree input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.form .form-ele.agree input[type="checkbox"] + label{font-size:16px;line-height:20px;color:#fff;text-indent:0; display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.form .form-ele.agree input[type="checkbox"] + label:before{content:'';display:inline-block; margin-right:5px;width:20px;height:20px;line-height:20px; text-align:center;vertical-align:middle; box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);background-color:#fff}
.form .form-ele.agree input[type="checkbox"]:checked + label:before{content:'\2714'; color:#36849e;text-shadow:1px 1px #fff; border-color:#fff;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1)}
.form .form-ele.agree .btn-detail{display:inline-block;margin-left:16px; font-size:16px;color:#fff; border-bottom:1px solid #fff;}
.form .inner .btn-apply{position:absolute;top:0;right:0;}
.form .inner .btn-apply button{width:205px;height:100px; font-size:25px;color:#403f3f;font-weight:800; border-radius:8px;background-color:#f0c849;display:block}
.sticky.active{position:fixed;bottom:0;left:0;right:0}
.sticky.active .inner{margin-top:0;} 

.mobile .form{position:fixed;bottom:0;left:0;right:0}
.mobile .form h2{margin-bottom:5px; font-size:30px;font-weight:700;color:#403f3f;text-align:left;}
.mobile .form .form-ele input[type="tel"],
.mobile .form .form-ele input[type="text"],
.mobile .form .form-ele input[type="number"]{padding:0;height:60px; font-size:20px;text-indent:20px; border:0;border-radius:8px;background-color:#fff}
.mobile .form .form-ele textarea{width:100%;height:60px;padding:20px 0 0; font-size:20px;text-indent:20px; border:0;border-radius:8px;background-color:#fff}
.mobile .form .inner .btn-apply button{width:205px;height:190px; font-size:32px;color:#403f3f;font-weight:800; border-radius:8px;background-color:#f0c849;display:block}
.mobile .form .form-ele.agree input[type="checkbox"] + label{font-size:20px;line-height:25px;color:#fff;text-indent:0; display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.mobile .form .form-ele.agree input[type="checkbox"] + label:before{content:'';display:inline-block; margin-right:5px;width:25px;height:25px;line-height:25px; text-align:center;vertical-align:middle; box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);background-color:#fff}
.mobile .form .form-ele.agree input[type="checkbox"]:checked + label:before{content:'\2714'; color:#36849e;text-shadow:1px 1px #fff; border-color:#fff;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1)}
.mobile .form .form-ele.agree .btn-detail{display:inline-block;margin-left:16px; font-size:20px;color:#fff; border-bottom:1px solid #fff;}

.link{position:relative}
.link .btns{display:block;position:absolute;}
.link .btn01{bottom:0;left:50px; width:900px;height:80px;}
.link .btn02{top:652px;left:737px; width:336px;height:80px;}
.insurance01{}
.insurance01 .swiper-container{width:900px;padding-bottom:60px}
.insurance01 .swiper-container .swiper-slide{border-radius:15px;overflow:hidden}
.insurance01 .swiper-container .swiper-pagination{bottom:20px;}
.insurance01 .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px; background-color:#c5c5c5;}
.insurance01 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#e78033;}
.insurance02{background-color:#cfe2db;}
.insurance04{background-color:#fff3c8; padding-bottom:270px;}

/* layer popup */
.wrap-layer-popup{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1500; 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; 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}

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