@charset "UTF-8";

/* sub_설문조사폼 */
#satisfy_form{padding: 2.3rem 1.5rem 0;}
#satisfy_form .satisfy-text{font-size: 1.7rem; color: #333333; font-family: pl; padding-left: .5rem; margin-bottom: 1.2rem;}
#satisfy_form ul{display: flex; flex-wrap: wrap;}
#satisfy_form li{margin-right: 5rem;}
#satisfy_form li:last-child{margin-right: 0;}
#satisfy_form li label{font-size: 1.7rem; color: #333333; font-family: pm; line-height:2.4rem; display: inline-block;}
#satisfy_form .radio-icon{display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 50%; border: .1rem solid #58616a; position: relative; top: .6rem; margin-right: .7rem;}
#satisfy_form input[type=radio]:checked ~ label .radio-icon{border: .1rem solid #256ef4;}
#satisfy_form input[type=radio]:checked ~ label .radio-icon::after{content:""; display: block; position: absolute; left: 50%; top: 50%; width: 1.2rem; height: 1.2rem; transform: translate(-50%, -50%); border-radius: 50%; background-color: #256ef4;}
#satisfy_form .satisfy-textbox{display: flex; flex-wrap: wrap; margin-top: 3.2rem; justify-content: space-between;}
#satisfy_form #opinion{width: calc(100% - 11.8rem); border: .1rem solid #58616a; border-radius: .5rem; height: 5.5rem; font-size: 1.6rem; color: #333333; padding: 0 2rem;;}
#satisfy_form #checkbtn{width: 11rem; border-radius: .5rem; background-color: #003675; font-size: 1.7rem; color: #ffffff; font-family: psb; display: flex; justify-content: center; align-items: center; text-align: center;}

@media screen and (max-width: 768px) {
    #satisfy_form ul{flex-direction: column; gap: 1rem;}
    #satisfy_form .satisfy-textbox{margin-top: 2rem;}
}