@charset "UTF-8";

/* sub_설문조사폼 */
/* #satisfy_form	{border: 1px solid #d6d6d6; background-color: #fbfbfb; margin: 10px 10px 10px 10px;}
body.Mobile #satisfy_form {margin-bottom: 0;}
#satisfy_form .satisfy_info		{border-bottom: 1px solid #d6d6d6; padding: 20px 30px; background-color: #FFF; overflow: hidden;}
#satisfy_form .satisfy_info dl.info_01	{float: left;}
#satisfy_form .satisfy_info dl.info_02	{float: right;}
#satisfy_form .satisfy_info dl	{overflow: hidden;}
#satisfy_form .satisfy_info dl dt	{float: left; color: #474747;}
#satisfy_form .satisfy_info dl dd	{float: left; color: #626262; margin-left: 5px;}
#satisfy_form .satisfy_info dl dt:before	{content: ""; display: inline-block; vertical-align: top; height: 22px; background: url(../images/satisfy_icon.png) left top no-repeat; margin-right: 5px;}
#satisfy_form .satisfy_info dl.info_01 dt:before	{background-position: left top; width: 19px;}
#satisfy_form .satisfy_info dl.info_02 dt:before	{background-position: -23px top; width: 21px;}
#satisfy_form form	{padding: 20px 30px; position: relative;}
#satisfy_form form p	{display: block; color: #3f3f3f; font-size: 14px; margin-bottom: 10px;}
#satisfy_form form p:before	{content: ""; display: inline-block; vertical-align: top; width: 22px; height: 22px; background: url(../images/satisfy_icon.png) right top no-repeat; margin-right: 5px;}
#satisfy_form form ul 	{overflow: hidden; margin: 0 100px 0 28px;}
#satisfy_form form ul li	{float: left; padding: 5px 50px 5px 0;}
#satisfy_form form ul li label	{margin-left: 5px; color: #747474;}
#satisfy_form form ul li.active label	{ color: #000; font-weight: 500; }
#satisfy_form form input.checkbtn	{position: absolute; bottom: 20px; right: 30px; background-color: #51697c; color: #FFF; font-size: 13px; letter-spacing: 3px; height: 30px; width: 65px;} */

.wrap-rating{border: 0;}
.wrap-rating .form{display: block; padding: 0; background: #fff; border: 1px solid #dbe5e8; padding: 30px 40px 35px 35px; height: 160px; border-radius: 0;}
.wrap-rating .title{width: auto; padding: 0; font-family: psb; font-size: 20px; color: #222222;}
.wrap-rating .cm-radio span{font-size: 16px; color: #222222;}
.wrap-rating .box-form{margin-top: 5px;}
.wrap-rating .box-radio.radio-width label{margin-right: 40px;}

.cm-radio.style1 input:checked + span::after {left: 4px; top: 10px; width: 10px; height: 10px;}

/*참여하기 버튼*/
.wrap-rating .box-input input[type="text"]{font-family: pr; font-size: 14px; color: #8d8d8d; border: 1px solid #dddddd;}
.wrap-rating .box-input{width: auto;}
.wrap-rating .box-input button{border-radius: 0; font-family: pr; background: #3176d0;}

@media screen and (max-width: 1500px) {
	.wrap-rating .form {height: 160px;}
	.wrap-rating .box-form {flex-direction: unset; align-items: center;}
}

@media screen and (max-width: 1200px) {
    .wrap-rating .form{height: auto;}
    .wrap-rating .box-form{flex-direction: column; align-items: flex-end;}
    .wrap-rating .box-radio.radio-width{left: 0;}
    .wrap-rating .box-input{width: 100%; margin-top: 25px;}
    .wrap-rating .box-input input[type="text"]{width: 100%;}
    
}

@media screen and (max-width: 1000px) {
    .wrap-rating .title{font-size: 18px;}
    .wrap-rating .cm-radio span{font-size: 16px;}
    .wrap-rating .box-radio.radio-width{flex-wrap: wrap;}
}

@media screen and (max-width: 800px) {
    .wrap-rating .title{margin-bottom: 0;}
}

@media screen and (max-width: 700px) {
    .wrap-rating .form{padding: 30px;}
    .wrap-rating .box-input input[type="text"]{font-size: 14px;}
    .wrap-rating .box-input button{font-size: 15px; height: 45px;}
    .wrap-rating .box-input input[type="text"]{height: 45px;}
    .wrap-rating .box-radio.radio-width label{margin-top: 5px; margin-right: 10px;}
}