@CHARSET "UTF-8";

.fit_me_pro_wrap{display:flex;flex-direction:column;justify-content:center;}

.fit_me_pro_wrap .btn_area{display:flex;justify-content:space-between;padding:50px 0;}
.fit_me_pro_wrap .btn_area.center{justify-content:center;gap:10px;}
.fit_me_pro_wrap .btn_area .btn{padding:20px 30px;border-radius:10px;border:1px solid #e5e5e5;background:#fff;font-size:1.9rem;font-weight:700;cursor:pointer;color:#000;}
.fit_me_pro_wrap .btn_area .btn span{position:relative;display:block;}
.fit_me_pro_wrap .btn_area .btn span::after{content:'';position:absolute;top:50%;width:10px;height:16px;background-repeat:no-repeat;background-size:cover;transform:translateY(-50%);}
.fit_me_pro_wrap .btn_area .btn.prev span{padding-left:50px;text-align:right;}
.fit_me_pro_wrap .btn_area .btn.prev span::after{left:0;background-image:url(/nanum/site/fit_me_program/img/btn_arr.png);transform:translateY(-50%) rotate(180deg);}
.fit_me_pro_wrap .btn_area .btn.next span{padding-right:50px;}
.fit_me_pro_wrap .btn_area .btn.next span::after{right:0;background-image:url(/nanum/site/fit_me_program/img/btn_arr.png);}
.fit_me_pro_wrap .btn_area .btn.next.active{background:#1065d9;color:#fff;border-color:#1065d9;}
.fit_me_pro_wrap .btn_area .btn.next.active span::after{background-image:url(/nanum/site/fit_me_program/img/btn_arr_active.png);}

.fit_me_pro_wrap .q_num{font-size:1.7rem;font-weight:500;text-align:center;letter-spacing:0;}
.fit_me_pro_wrap .q_num strong{font-weight:700;color:#1065d9;}
.fit_me_pro_wrap .q_txt{padding:50px 0 80px;font-size:2.8rem;line-height:1.3;font-weight:500;text-align:center;}

/* 인트로 */
.fit_me_pro_wrap.step0 .txt{position:relative;margin-bottom:50px;padding-top:160px;font-size:2.4rem;text-align:center;}
.fit_me_pro_wrap.step0 .txt::after{content:'';position:absolute;top:0;left:50%;width:120px;height:120px;background:url(/nanum/site/fit_me_program/img/icon_fit_step0.png) no-repeat;background-size:cover;transform:translateX(-50%);}
.fit_me_pro_wrap.step0 .con_btn.blue{padding:20px 30px;border-radius:10px;font-size:1.9rem;}

/* 성별선택 */
.fit_me_pro_wrap.step1 .gender_chk{display:flex;justify-content:center;gap:40px;}
.fit_me_pro_wrap.step1 .gender_chk li{width:190px;height:190px;}
.fit_me_pro_wrap.step1 .gender_chk input{display:none;}
.fit_me_pro_wrap.step1 .gender_chk label{position:relative;display:flex;width:100%;height:100%;padding:30px;border-radius:20px;border:2px solid #e5e5e5;background:#fff;box-sizing:border-box;font-size:2.2rem;font-weight:600;cursor:pointer;}
.fit_me_pro_wrap.step1 .gender_chk input:checked + label{border-color:#1065d9;color:#1065d9;box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.fit_me_pro_wrap.step1 .gender_chk input + label::before,
.fit_me_pro_wrap.step1 .gender_chk input + label::after{content:'';position:absolute;right:30px;}
.fit_me_pro_wrap.step1 .gender_chk input + label::before{top:30px;width:24px;height:18px;background-image:url(/nanum/site/fit_me_program/img/icon_chk.png);background-repeat:no-repeat;background-size:cover;}
.fit_me_pro_wrap.step1 .gender_chk input + label::after{bottom:30px;width:50px;height:50px;background-repeat:no-repeat;background-size:cover;}
.fit_me_pro_wrap.step1 .gender_chk input:checked + label::before{background-image:url(/nanum/site/fit_me_program/img/icon_chk_on.png);}
.fit_me_pro_wrap.step1 .gender_chk input.chk_m + label::after{background-image:url(/nanum/site/fit_me_program/img/icon_male.png);}
.fit_me_pro_wrap.step1 .gender_chk input.chk_m:checked + label::after{background-image:url(/nanum/site/fit_me_program/img/icon_male_on.png);}
.fit_me_pro_wrap.step1 .gender_chk input.chk_f + label::after{background-image:url(/nanum/site/fit_me_program/img/icon_female.png);}
.fit_me_pro_wrap.step1 .gender_chk input.chk_f:checked + label::after{background-image:url(/nanum/site/fit_me_program/img/icon_female_on.png);}

/* 객관식문제 */
.fit_me_pro_wrap.step_multiple .item_chk{display:flex;flex-direction:column;gap:20px;width:420px;margin:0 auto;}
.fit_me_pro_wrap.step_multiple .item_chk li{height:70px;}
.fit_me_pro_wrap.step_multiple .item_chk input{display:none;}
.fit_me_pro_wrap.step_multiple .item_chk label{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:20px 30px;border-radius:20px;border:1px solid #e5e5e5;background:#fff;box-sizing:border-box;font-size:1.9rem;font-weight:600;cursor:pointer;}
.fit_me_pro_wrap.step_multiple .item_chk input:checked + label{border-color:#1065d9;border-width:2px;color:#1065d9;box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.fit_me_pro_wrap.step_multiple .item_chk input + label::before,
.fit_me_pro_wrap.step_multiple .item_chk input + label::after{content:'';position:absolute;}
.fit_me_pro_wrap.step_multiple .item_chk input + label::before{top:50%;right:30px;width:30px;height:30px;border-radius:100%;border:1px solid #e5e5e5;box-sizing:border-box;transform:translateY(-50%);}
.fit_me_pro_wrap.step_multiple .item_chk input:checked + label::before{border-color:#1065d9;}
.fit_me_pro_wrap.step_multiple .item_chk input:checked + label::after{top:50%;right:37px;width:16px;height:16px;border-radius:100%;background:#1065d9;transform:translateY(-50%);}

/* 프로그램결과 */
.fit_me_pro_wrap.result .result_txt{padding:50px;border:1px solid #e5e5e5;border-radius:20px;background:#fff;text-align:center;}
.fit_me_pro_wrap.result .result_txt .btxt{font-size:3rem;font-weight:500;}
.fit_me_pro_wrap.result .result_txt .btxt strong{color:#1065d9;}
.fit_me_pro_wrap.result .result_txt .stxt{margin-top:20px;font-size:1.9rem;line-height:1.5;}

/********************태블릿********************/
@media all and (max-width:1024px){

.fit_me_pro_wrap{min-height:calc(100vh - 240px);}
.fit_me_pro_wrap .btn_area{padding:5vh 0;}
.fit_me_pro_wrap .btn_area .btn{padding:2vh 4vw;}
.fit_me_pro_wrap .q_txt{padding:2vh 0 5vh;}
	
/* 인트로 */
.fit_me_pro_wrap.step0 .txt{margin-bottom:0;padding:120px 5vw 0 5vw;}
.fit_me_pro_wrap.step0 .txt::after{width:100px;height:100px;}
.fit_me_pro_wrap.step0 .con_btn.blue{padding:2vh 4vw;}

/* 성별선택 */
.fit_me_pro_wrap.step1 .gender_chk{gap:20px;}
.fit_me_pro_wrap.step1 .gender_chk li{flex:1;}
.fit_me_pro_wrap.step1 .gender_chk input + label::before{width:16px;height:12px;}
.fit_me_pro_wrap.step1 .gender_chk input + label::after{width:40px;height:40px;}

/* 객관식문제 */
.fit_me_pro_wrap.step_multiple .item_chk{width:100%;}

/* 프로그램결과 */
.fit_me_pro_wrap.result .result_txt{padding:5vh 5vw;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
.fit_me_pro_wrap{min-height:calc(100vh - 200px);}

}

/********************모바일2********************/
@media all and (max-width:480px){
	
.fit_me_pro_wrap.step1 .gender_chk,
.fit_me_pro_wrap.step_multiple .item_chk{gap:10px;}

.fit_me_pro_wrap.result .btn_area{flex-direction:column;gap:10px;}
.fit_me_pro_wrap.result .btn_area .btn{flex:1;}
	
}

/********************웹********************/
@media all and (min-width:1025px) {
}