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

/* 버튼스타일 */
.btn_box01 .btn_st01{position: relative; display: flex;align-items: center; width: 202px;height: 54px;padding: 0 25px;font-size: 16px;font-weight: 700;color: #fff; background: rgba(255,255,255,.4);transition: .3s;}
.btn_box01 .btn_st01:after{content:'';position: absolute;right: 25px;top: 50%;transform: translateY(-50%);width: 20px;height: 16px;background: url(../images/main/main_ico02.png);background-size: cover; transition: .3s;}
.btn_box01 .btn_st01:hover{background: #fff;color: #000;}
.btn_box01 .btn_st01:hover:after{background: url(../images/main/main_ico01.png);background-size: cover;}

.btn_box02{display: flex;gap:10px;justify-content: center;margin-top: 50px;}
.btn_box02 button{width: 200px;height: 56px;background: var(--ma_c01);color: #fff;font-weight: 500;font-size: 18px;border-radius: 10px;}
.btn_box02 button.bk{background: #000;}



/* 타이틀 스타일 */
.tit_st01{margin-bottom: 45px;}
.tit_st01 p{font-size: 18px;font-weight: 700;color: var(--ma_c01);margin-bottom: 20px;}
.tit_st01 h2{font-size: 30px;}

.tit_st02 .txt01{color: #5a5a5a;font-size: 20px;}
.tit_st02 .txt02{font-size: 30px;font-weight: 700;line-height: 1.3;margin: 7px 0 20px;}
.tit_st02 .txt02 span{color: var(--ma_c01);}
.tit_st02 .txt03{font-size: 16px;line-height: 1.3;}


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


/* 버튼스타일 */
.btn_box01 .btn_st01{position: relative; display: flex;align-items: center; width: 180px;height: 50px;padding: 0 20px;font-size: 14px;font-weight: 700;color: #fff; background: rgba(255,255,255,.4);transition: .3s;}
.btn_box01 .btn_st01:after{content:'';position: absolute;right: 25px;top: 50%;transform: translateY(-50%);width: 18px;height: 14px;background: url(../images/main/main_ico02.png);background-size: cover; transition: .3s;}
.btn_box01 .btn_st01:hover{background: #fff;color: #000;}
.btn_box01 .btn_st01:hover:after{background: url(../images/main/main_ico01.png);background-size: cover;}


/* 타이틀 스타일 */
.tit_st02 .txt01{color: #5a5a5a;font-size: 18px;}
.tit_st02 .txt02{font-size: 28px;font-weight: 700;line-height: 1.3;margin: 7px 0 20px;}
.tit_st02 .txt02 span{color: var(--ma_c01);}
.tit_st02 .txt03{font-size: 15px;}

}


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


/* 버튼스타일 */
.btn_box01 .btn_st01{position: relative; display: flex;align-items: center; width: 150px;height: 45px;padding: 0 15px;font-size: 13px;font-weight: 700;color: #fff; background: rgba(255,255,255,.4);transition: .3s;}
.btn_box01 .btn_st01:after{content:'';position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 16px;height: 12px;background: url(../images/main/main_ico02.png);background-size: cover; transition: .3s;}
.btn_box01 .btn_st01:hover{background: #fff;color: #000;}
.btn_box01 .btn_st01:hover:after{background: url(../images/main/main_ico01.png);background-size: cover;}


.btn_box02{display: flex;gap:10px;justify-content: center;margin-top: 30px;}
.btn_box02 button{width: 130px;height: 45px;background: var(--ma_c01);color: #fff;font-weight: 500;font-size: 15px;border-radius: 8px;}
.btn_box02 button.bk{background: #000;}


/* 타이틀 스타일 */
.tit_st01{margin-bottom: 30px;}
.tit_st01 p{font-size: 15px;font-weight: 700;color: var(--ma_c01);margin-bottom: 13px;}
.tit_st01 h2{font-size: 22px;}

.tit_st02 .txt01{color: #5a5a5a;font-size: 15px;}
.tit_st02 .txt02{font-size: 22px;font-weight: 700;line-height: 1.3;margin: 5px 0 15px;}
.tit_st02 .txt02 span{color: var(--ma_c01);}
.tit_st02 .txt03{font-size: 14px;}

}