@charset "utf-8";
.no-scroll {overflow: hidden;}
#wrap{ position: relative; width: 100%; max-width: 100%;  margin: 0 auto;overflow: hidden;}
.inner{width: 85%; margin: 0 auto; max-width:1620px;}




/* 이미지설젇 */
.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_c02);z-index: 1;opacity: 0;transition: .2s;}
.radi_box .box input:checked + label:before{opacity: 1;}


@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_c02);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: 375px; margin:0 auto;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

}