* {
    margin:0;
    padding:0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
/* 스와이퍼 전용 코드 */
.swiper {
    position:relative;
    width:100%;
    height:100%;
    max-width:700px;
    margin:0 auto;
}

.swiper-slide {
    position:relative;
    height:100%;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 크루즈 페이지 최상단 */
.Cruise_all {
    width:100%;
    height:100%;
}
.Cruise_img>div {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Cruise_img>div>img {
    display: block;
    margin:0 auto;
    width:700px;
}
.Cruise_inner {
    display: block;
    margin:0 auto; 
}
.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}
.cruise-btn {
    position:fixed;
    top:100px;
    left:1150px;
    width:150px;
    height:150px;
    cursor:pointer;
    z-index:10;
}
.mo_only {
    display: none !important;
}

.fixed_inner {
    width: 92%;
    max-width: 1680px; 
    position: fixed; 
    left: 50%; 
    transform: translateX(-50%); 
    display: flex; 
    justify-content: flex-end; 
    z-index: 99; 
    margin-top: 20px;
}
.fixed_btn {
    width: 90px; 
    height: 40px;  
    background: rgba(231,56,13,0.8);
    border-radius: 4px;
}
.fixed_btn a {
    color: #fff;
    font-size: 18px;
     display: flex; 
     justify-content:center;
     align-items:center;
     width: 100%; 
     height: 100%;
}

.formSwiper {
    /*display: none;*/ 
    width: 100%; 
    max-width: 1920px; 
    margin:0 auto; 
    overflow: hidden; 
    position:relative;
}
.formSwiper .swiper-wrapper .swiper-slide img {
    width: 100%;
}

.formSwiper.swiper-horizontal>.swiper-pagination-bullets  {
    bottom:10px;
    /*left: 50%; transform:translateX(-50%);*/ 
    top: auto;
}
.formSwiper .swiper-pagination .swiper-pagination-bullet {
    width:10px; 
    height:10px; 
    margin: 0 3px; 
    background: #333;
}
.apply_wrap {
    width: 100%; 
    max-width: 778px; 
    margin:30px auto; 
    padding-bottom: 115px;
}
.cosmetic .apply_wrap {
    background:#EBE6DB;
}
.womencare .apply_wrap {
    background:#e8bcc5;
}
.cruise .apply_wrap {
    background:#EBE6DB;
}

.form_wrap {
    /*width: 90%; max-width: 615px;*/ 
    width: fit-content; 
    min-height: 300px;
    margin:115px auto 0; 
    background: #fff; 
    /*padding: 43px 90px 40px;*/ 
    padding: 20px 40px; 
    box-sizing: border-box; 
    font-family: 'NanumBarunGothic',"Apple SD Gothic Neo","Noto Sans Regular","맑은 고딕","malgun gothic","돋움","dotum", sans-serif;
    display: flex; 
    justify-content: center; 
    align-items:center;  
    position: relative;
}
.form_group {
    display: flex; 
    align-items: center; 
    margin-bottom: 25px;
}
.form_group.agreement {
    display: block;
}
.form_group h3 {
    width: 80px; 
    font-size:18px; 
    font-weight: 500; 
    flex-shrink: 0;
}
.form_group input[type=text], .form_group input[type=tel] {
    font-size: 17px; 
    width:100%; 
    max-width: 360px; 
    height: 44px; 
    line-height: 44px; 
    background: #fff; 
    border:1px solid rgba(112, 112, 112, 0.3); 
    border-radius:10px; 
    padding: 2px 4px 2px 15px; 
    outline: 1px;
}
.form_group .radio_wrap {
    font-size: 18px;
}
.form_group .radio_wrap label {
    margin-right: 10px; 
    margin-left:0;
}
.form_group input[type="radio"] {
    width:14px; 
    height: 14px; 
    background: url("//ecimg.cafe24img.com/pg465b67143340076/oligolife/img/radio_nochecked.png") no-repeat 0 0; 
    background-size: 100% 100%; 
    margin-right: 9px;
}
.form_group input[type="radio"]:checked {
    background-image: url("//ecimg.cafe24img.com/pg465b67143340076/oligolife/img/radio_checked.png");
}

.agreement {
    font-size:12px; 
    color:rgba(0,0,0,0.5);
}
.agreement .check {
    margin-bottom: 5px; 
    display: flex; 
    justify-content: space-between; 
    font-size: 15px;
}
.agreement .check label {
    display: flex; 
    align-items: center; 
    line-height:1.2;
}
.agreement input[type="checkbox"] {
    width: 16px; 
    height: 16px; 
    background: #fff; 
    flex-shrink: 0;
}
.agreement input[type="checkbox"]:checked {
    background-size: 100%;
}
.agreement .agreement_btn {
    font-size:12px; 
    color:rgba(0,0,0,0.5); 
    float: right; 
    width: 50px; 
    height: 19px; 
    line-height: 21px; 
    text-align:center; 
    background:rgba(211,211,211,0.0);  
    border:1px solid rgba(112,112,112,0.3); 
    border-radius: 4px;  
    flex-shrink: 0; 
    margin-left: 5px;
}
.form_wrap .btn-submit {
    width:100%; 
    max-width: 438px; 
    height:55px; 
    display: flex; 
    justify-content:center; 
    align-items:center; 
    background: rgba(231,56,13,0.0); 
    color:#fff; 
    font-size: 20px; 
    font-weight: 500;
    border:none;
}

#goToForm {
    position: absolute; 
    top: -230px;
}
.womencare .btn-submit {
    background: #6d46a3; 
    font-size:20px; 
    font-weight: 500;
}
img {
    max-width:100%;
}

/* 모바일 버전 코드 */   
@media all and (max-width:780px) {
    /* 폼 인덱스 */
    .form_wrap { 
        z-index:5;
    }
    /* 버튼 위치 변경 */
    .cruise-btn {
        position:fixed;
        top:20px;
        left:220px;
        width:100px;
        height:100px;
        cursor:pointer;
        z-index:10;
    }
    .cruise-btn>img {
 	    width:100px;
        height:150px;
    }
    /* 모바일 와이퍼 크기조절 */
    .swiper { 
        position:relative;
        width:100%;
        overflow:hidden;
    }  
    .btn-submit {
        width:300px;
        height:50px;
    }  
    .Cruise_img>div>img {
        display: block;
        width:400px;
    }
    .swiper {
        max-width: 400px;
        margin:0 auto;
        width:100%;
    }   
    .mo_only {
        display: block !important;
    }
    .apply_wrap {
        padding-bottom: 30px;
    }
    .form_wrap {
        margin: 30px auto 0; 
        padding: 20px 15px; 
        width: 90%; 
        max-width: 430px;
    }
    .formSwiper .swiper-pagination .swiper-pagination-bullet {
        width: 7px; 
        height: 7px;
    }    
    .form_group {
        margin-bottom: 20px;
    }
    .form_group h3 {
        width: 48px; 
        font-size: 14px;
    }
    .form_group input[type=text], .form_group input[type=tel] {
        height: 38px; 
        line-height: 38px;
    }
    .form_group .radio_wrap {
        font-size: 14px;
    }
    .form_group .radio_wrap label {
        margin-left: 0; 
        line-height: 1.8; 
        margin-right: 10px; 
        font-size: 14px;
    }
    /*.form_group .radio_wrap label+label {margin-left: 10px;}*/
    .form_group input[type="radio"] {
        margin-right: 5px;
    }
    .agreement .check {
        font-size: 12px;
    }
    .form_wrap .btn-submit {
        width: 225px; 
        font-size:20px; 
        font-weight: 800; 
        margin: 26px auto 0; 
        height:50px;
    }
    #goToForm {
        position: absolute; top: -130px;
    }
}
@media all and (max-width:1024px) {
    .xans-layout-mobileaction > a {
        display: none !important;
    }
    .formSwiper {
        max-width: 640px;
    }
}