body {font-family: 'MinSans-Regular';}
input {font-family: 'MinSans-Regular';}
input:focus {outline: none;}
*,*:before,*:after {box-sizing: border-box;margin:0;padding:0;}
@font-face {
  font-family: 'MinSans-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

#scroll{position:absolute; bottom:100px; left:50%; transform: translate(0%, -50%); animation:ani 1s infinite alternate;}

.inner {width:1200px; margin:0 auto; text-align: center; padding:100px 0px 140px}
.mobile {display: none; float:left;}

.con01 {width:100%; height:1000px; background:url(../img/con01_bg.jpg) top center no-repeat; position: relative; text-align: center;}
.con01 .pc img {max-width: 100%; padding:140px 0px 0px 20px}
.con02 {width:100%; height:782px; background:url(../img/con02_bg.jpg) top center no-repeat; text-align: center;}
.con03 .pc .inner {padding:120px 0px 0px 0px}
.con04 {width:100%; background:#f2f2fa; text-align: center; overflow: hidden;}
.con05 {width:100%; background:url(../img/con05_bg.jpg) top center no-repeat; background-size:cover}
.con05 .inner {text-align:justify; padding:140px 0px; overflow: hidden;}
.con05 .left {float:left; width:450px}
.con05 .right {float:right}
.form {margin-top:30px}
.form p {color:#eee; font-size: 20px; margin-top:20px; margin-bottom:15px}
.form lable {color:#eee; font-size: 20px; margin-top:20px}
.form .txt {width: 450px; height: 55px; border: 2px solid #666666; background: transparent; border-radius: 5px;
font-size:20px; padding:0px 20px; color:#fff; margin-top:20px}
.form .submit {color:#fff; background-color: #465efe; width:100%; height:70px; border-radius: 5px; font-size:20px; font-family: 'MinSans-Regular'; margin-top:30px; cursor: pointer;border: none;}

.checkbox {display: flex;}
.check {position: relative; color:#eee; width:50%}
.check input[type="radio"] {position: absolute; width: 1px; height: 1px; margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0;}
.check input[type="radio"] + label {display: inline-block; position: relative; padding-left: 35px; cursor: pointer; font-size:20px}
.check input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 0px; width: 25px; height: 25px; background:transparent; border: 3px solid #666; border-radius: 100%;}
.check input[type="radio"]:checked + label:before {background: transparent; border-color: #465efe;}
.check input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 7px; left: 7px; width: 11px;
height: 11px; background: #465efe; border-radius: 100%;}

.swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {background-size: cover; background-position: center;}
.mySwiper2 {height:488px;}
.mySwiper {height: 20%; box-sizing: border-box; padding: 10px 0;}
.mySwiper .swiper-slide {border-radius: 300px; border:1px solid #222430; color:#222430; padding:10px 0px; cursor: pointer;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;background:#222430; color:#fff;border-radius: 300px;padding:10px 0px}
.swiper-slide img {display: block;object-fit: cover;}
.w1000 {width:950px; margin-top:60px}

@media screen and (max-width: 1199px) {
  .con01 .img {min-width:1200px; overflow:hidden}
  .con01 {background: none;height: auto;}
  img {max-width:100%;vertical-align:top;}
  .mobile {display: block; width: 100%;}
  .pc {display: none;}
  #transcroller-body {min-width:100%}
  #scroll {display: none;}
  .swiper-slide {font-size:16px !important}
  .swiper {margin-top:10%}
  .con04 .btn {padding: 0 20% 15% 20%;}
  .con05 .inner {padding:18% 10%; width: auto;}
  .con05 .left {width:100%}
  .form {margin-top:20px; display: inline-block; width:100%}
  .form .txt {width:100%; height:50px; font-size:16px; margin-top:10px}
  .form p {color:#eee; font-size: 16px; margin-top:15px; margin-bottom:10px}
  .form .submit {font-size: 16px; height:60px; margin-top:20px}
  .check input[type="radio"] + label {padding-left: 35px; font-size:16px}
  .check input[type="radio"] + label:before {width: 22px; height: 22px;border: 2px solid #666; }
  .check input[type="radio"]:checked + label:after {top: 6px; left: 6px; width: 10px; height: 10px;}  
  
}

@media screen and (max-width: 375px) {
  .swiper {margin-top:1em}
}

@keyframes ani{
  0%{transform:translate(0,0);}
  100%{transform:translate(0,30px);}
}