@charset "utf-8";

#wrap{ position: relative; width: 100%; max-width: 100%;  margin: 0 auto;overflow: hidden;}
.inner{width: 1600px; margin: 0 auto; max-width:100%;}



/* 이미지설젇 */
.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 input{display: none;}
.ck_box label{position: relative; display: block;padding-left: 22px;font-size: 13px;font-weight: 600;}
.ck_box label:after{content:'';position: absolute;left: 0;top: 50%;transition:.2s;transform: translateY(-50%);width: 16px;height: 16px;border-radius: 4px;border: 1px solid rgba(0,0,0,.2);}
.ck_box input:checked + label:after{background: var(--ma_c01);border: 1px solid var(--ma_c01);}
.ck_box label:before{content:'';position: absolute;z-index: 10;left: 4px;top: 50%;transform: translateY(-50%);width: 10px;height: 7px;background: url(../images/main/terms_ico01.svg);}



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

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

}


@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%;}


}