@charset "utf-8";

#wrap{ position: relative; width: 100%; max-width: 100%;  margin: 0 auto;letter-spacing: -.5px;overflow: hidden;word-break: keep-all; }
.inner{width: 80%; margin: 0 auto;max-width: 1800px;}

@media screen and (max-width:1350px) {
.inner{width: 100%;padding: 0 3%;}
}



/* 이미지설젇 */
.img_cover_Wrap{width: 100px;}
.img_cover{position:relative; width:100%;}
.img_cover img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover;}

.img_ratio_Wrap{width: 100px;}
.img_ratio{position:relative; width:100%;}
.img_ratio img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}


/* 체크박스 스타일 */
.ck_box{display: flex;align-items: flex-end;gap:10px;}
.ck_box input{display: none;}
.ck_box label{position: relative; font-size: 20px;font-weight: 700;width: fit-content;display: block;padding-left: 35px;}
.ck_box label span{position: absolute;right: -8px;top: -3px;width: 4px;height: 4px;border-radius: 50%;background: #f54b46;}
.ck_box label:after{content:'';position: absolute;left: 0;top: 50%;transition:.2s;transform: translateY(-50%);width: 24px;height: 24px;border-radius: 4px;border: 1px solid #002260;background: #fff;}
.ck_box label:before{content:'✓';position: absolute;z-index: 10;left: 4px;top: 50%;transform: translateY(-50%);font-size: 22px;font-weight: 700;color: #002260;opacity: 0;transition: .2s;}
.ck_box input:checked + label:before{opacity: 1;}


/* 라디오박스 스타일 */
.radi_box{display: flex;gap:20px;}
.radi_box .box input{display: none;}
.radi_box .box label{position: relative;padding-left: 25px;font-size: 16px;font-weight: 500;}
.radi_box .box label:after{content: ''; position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 18px;height: 18px;border-radius: 50%;background: #fff;}
.radi_box .box label:before{content: ''; position: absolute;left: 3px;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;border-radius: 50%;background: var(--ma_c01);z-index: 1;opacity: 0;transition: .2s;}
.radi_box .box input:checked + label:before{opacity: 1;}

/* 버튼스타일 */
.sub_con .btn_box01{display: flex;gap:10px;}
.sub_con .btn_st01{display: flex;align-items: center;justify-content: center;gap:10px; width: 220px;margin-top: 25px; text-align: center;line-height: 60px;font-size: 20px;font-weight: 800;color: #fff;background: linear-gradient(to right, #ff6c00, #ff4800);}
.sub_con .btn_st01.black{background: #000;}

@media screen and (max-width:767px) {
.sub_con .btn_st01{display: flex;align-items: center;justify-content: center;gap:10px;width:180px;margin-top: 20px; text-align: center;line-height: 50px;font-size: 17px;font-weight: 800;color: #fff;background: linear-gradient(to right, #ff6c00, #ff4800);}
}

@media screen and (max-width:1024px) {

#wrap {position:relative; width:100%; max-width:1024px; min-width: 375px; margin:0 auto;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%; }


/* 체크박스 스타일 */
.ck_box{display: flex;align-items: flex-end;gap:15px;}
.ck_box input{display: none;}
.ck_box label{position: relative; font-size: 15px;font-weight: 700;width: fit-content;display: block;padding-left: 25px;}
.ck_box label span{position: absolute;right: -8px;top: -3px;width: 3px;height: 3px;border-radius: 50%;background: #f54b46;}
.ck_box label:after{content:'';position: absolute;left: 0;top: 50%;transition:.2s;transform: translateY(-50%);width: 18px;height: 18px;border-radius: 3px;border: 1px solid #002260;background: #fff;}
.ck_box label:before{content:'✓';position: absolute;z-index: 10;left: 3px;top: 50%;transform: translateY(-50%);font-size: 17px;font-weight: 700;color: #002260;opacity: 0;transition: .2s;}
.ck_box input:checked + label:before{opacity: 1;}



/* 라디오박스 스타일 */
.radi_box{display: flex;gap:10px;}
.radi_box .box input{display: none;}
.radi_box .box label{position: relative;padding-left: 22px;font-size: 14px;font-weight: 500;}
.radi_box .box label:after{content: ''; position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 16px;height: 16px;border-radius: 50%;background: #fff;}
.radi_box .box label:before{content: ''; position: absolute;left: 3px;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background: var(--ma_c01);z-index: 1;opacity: 0;transition: .2s;}
.radi_box .box input:checked + label:before{opacity: 1;}

}


@media screen and (max-width:767px) {

#wrap {position:relative; width:100%; max-width:767px; min-width: 320px; margin:0 auto;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

}