/* survey write */	


#survey.write {padding:0 0 100px 0;}
#survey.write h2.tit {font-size:30px;font-family:"IropkeBatangM";font-weight:bold;text-align:center;color:#6ca53a;padding:30px 0 45px 0;}


#survey .srvy_frm .usr_frm {padding:0 40px;box-sizing:border-box;margin:0 0 50px 0;}
#survey .srvy_frm .usr_frm ul {font-size:0;}
#survey .srvy_frm .usr_frm ul li {width:50%;display:inline-block;vertical-align:middle;margin:0 0 10px 0;}
#survey .srvy_frm .usr_frm ul li .usr_frm_cmn {display:inline-block;vertical-align:middle;box-sizing:border-box;}
#survey .srvy_frm .usr_frm ul li .usr_frm_l {font-weight:bold;width:100%;max-width:110px;font-weight:bold;font-size:17px;}
/*#survey .srvy_frm .usr_frm ul li .usr_frm_l:before {content:"";width:8px;height:10px;background:url(/decoboard/inc/survey/img/srvy_frm_bull.png) center center no-repeat;display:inline-block;vertical-align:middle;margin:0 10px 0 0;}*/
#survey .srvy_frm .usr_frm ul li .usr_frm_r {overflow:hidden;width:calc(100% - 110px)}

#survey .srvy_frm .usr_frm ul li .usr_frm_r .inp_wrap {border:1px solid #aaa;border-radius:5px;overflow:hidden;max-width:180px;}
#survey .srvy_frm .usr_frm ul li .usr_frm_r .inp_wrap input {display:none;}


#survey .srvy_frm .usr_frm ul li .usr_frm_r input {border:none;background:none;}
#survey .srvy_frm .usr_frm ul li .usr_frm_cmn select {border:0;font-size:15px;padding:15px 0;}


#survey .srvy_frm .usr_frm ul li .usr_frm_cmn {position:relative;}
#survey .srvy_frm .usr_frm ul li .usr_frm_cmn input[type="radio"] {position:absolute;left:0;top:0;}
#survey .srvy_frm .usr_frm ul li .usr_frm_cmn label {cursor:pointer;box-sizing:border-box;padding:15px ;width:50%;display:inline-block;font-size:15px;text-align:center;}
#survey .srvy_frm .usr_frm ul li .usr_frm_cmn label:before {content:"";width:16px;height:12px;background:url(/decoboard/inc/survey/img/inp_chk.png) center center no-repeat;display:none;vertical-align:middle;margin:0 10px 0 0;}

#survey .srvy_frm .usr_frm ul li .usr_frm_cmn label:nth-of-type(1){border-right:1px solid #ccc;}


#survey .srvy_frm .usr_frm ul li .usr_frm_cmn input[type="radio"]:checked + label {background:#6ca53a;color:#fff;font-weight:bold;}
#survey .srvy_frm .usr_frm ul li .usr_frm_cmn input[type="radio"]:checked + label:before {display:inline-block;}


#survey .srvy_frm .usr_frm ul li.age .usr_frm_r {font-size:17px;} 
#survey .srvy_frm .usr_frm ul li.age .usr_frm_r input {width:100%;max-width:90px;border-radius:5px;border:1px solid #aaa;height:50px;box-sizing:border-box;text-indent:10px;}



#survey .srvy_frm .usr_frm ul li.persnal .usr_frm_r .inp_wrap {max-width:245px;}
#survey .srvy_frm .usr_frm ul li.persnal .usr_frm_r .inp_wrap label:nth-of-type(1) {max-width:90px;border-right:1px solid #ccc;box-sizing:border-box;}
#survey .srvy_frm .usr_frm ul li.persnal .usr_frm_r .inp_wrap label:nth-of-type(2) {width:calc(100% - 90px)}


#survey .srvy_frm .usr_frm ul li .usr_frm_r .slct_wrap {border:1px solid #aaa;border-radius:5px;overflow:hidden;box-sizing:border-box;width:100%;}
#survey .srvy_frm .usr_frm ul li .usr_frm_r .slct_wrap select {display:inline-block;width:50%;text-indent:10px;}
#survey .srvy_frm .usr_frm ul li .usr_frm_r .slct_wrap select.cate1 {border-right:1px solid #aaa;box-sizing:border-box;width:100%;max-width:130px;}
#survey .srvy_frm .usr_frm ul li .usr_frm_r .slct_wrap select.cate2 {width:calc(100% - 130px)}

#survey .srvy_frm .usr_frm ul li .usr_frm_r .slct_wrap select.cate_cmn {display:inline-block;}	
#survey .srvy_frm .usr_frm ul li .usr_frm_r .slct_wrap select.cate2 {display:none;}
#survey .srvy_frm .usr_frm ul li .usr_frm_r .slct_wrap select.cate_def {display:inline-block;}




@media all and (max-width:1200px){

#survey .srvy_frm .usr_frm {padding:0 20px;}

}

@media all and (max-width:768px){

#survey .srvy_frm .usr_frm {padding:0 20px;}
#survey .srvy_frm .usr_frm ul li {width:100%;display:block;margin:0 0 20px 0;}

#survey .srvy_frm .usr_frm ul li .usr_frm_l {display:block;margin:0 0 15px 0;}
#survey .srvy_frm .usr_frm ul li .usr_frm_r {width:100%;}
#survey .srvy_frm .usr_frm ul li .usr_frm_r .inp_wrap {max-width:100%!important;}
#survey .srvy_frm .usr_frm ul li .usr_frm_r .inp_wrap label {width:50%!important;max-width:100%!important;}

#survey .srvy_frm .usr_frm ul li.age .usr_frm_r input {max-width:180px;}

}	


@media all and (max-width:640px){

#survey .srvy_frm .usr_frm {padding:0 15px;}	
#survey .srvy_frm .usr_frm ul li .usr_frm_cmn label {padding:15px 5px;}
#survey .srvy_frm .usr_frm ul li .usr_frm_cmn label:before {margin:0 5px 0 0;}

}




#survey .srvy_frm .srvy_exp {background: linear-gradient(to right, #f2f5fc, #c2e3f0);padding:50px 35px;box-sizing:border-box;position:relative;}
#survey .srvy_frm .srvy_exp:before {content:"";width:8px;height:100%;background:#4a4f6b;position:absolute;left:0;top:0;}
#survey .srvy_frm .srvy_exp:after {content:"";width:103px;height:148px;/*background:url(/decoboard/inc/survey/img/srvy_logo_char.png) center center no-repeat;*/position:absolute;right:66px;top:-15px;z-index:0;}
#survey .srvy_frm .srvy_exp.except:after {display:none;}


#survey .srvy_frm .srvy_exp p {font-size:17px;color:#4a4f6b;line-height:28px;position:relative;z-index:1;padding:0 0 0 45px;word-break:keep-all;}
#survey .srvy_frm .srvy_exp p:before {content:"";position:absolute;left:0;top:5px;width:24px;height:22px;/*background:url(/decoboard/inc/survey/img/srvy_exp_bull.png) center center no-repeat;*/}
#survey .srvy_frm .srvy_exp p b {font-weight:bold;}	

@media all and (max-width:1200px){

/*#survey .srvy_frm .srvy_exp:before {display:block;position:static;transform:none;visibility:hidden;}*/

}


@media all and (max-width:768px){

#survey .srvy_frm .srvy_exp p br {display:none;}

}

#survey .srvy_frm p.remark {font-size:16px;color:#666;padding:0 0 0 40px;max-width:660px;margin:25px auto 50px;position:relative;line-height:26px;word-break:keep-all;}
#survey .srvy_frm p.remark:before {content:"";position:absolute;left:0;top:4px;width:20px;height:20px;background:url(/decoboard/inc/survey/img/remark_icon.png) center center no-repeat;}


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

#survey .srvy_frm .srvy_exp:after {display:none;}

}


@media all and (max-width:768px){

#survey .srvy_frm p.remark br {display:none;}

}


#survey .srvy_frm .srvy_list {border-top:1px solid #ccc;margin:0 0 50px 0;}
#survey .srvy_frm .srvy_list p {font-size:16px;font-weight:bold;padding:24px 0 0 0;position:relative;line-height: 26px;}
#survey .srvy_frm .srvy_list p:before{content:"※";vertical-align:middle;padding:0 8px 0 0;}
#survey .srvy_frm .srvy_list ul.srvy_item {border-bottom:1px solid #ccc;padding:20px 0;font-size:0;transition: all .2s ease;box-sizing: border-box;}







#survey .srvy_frm .srvy_list .srvy_item:hover {box-shadow:0 10px 21px rgba(0,0,0,0.15)}




#survey .srvy_frm .srvy_list .srvy_item:hover > li > .chk_list ul li:after {background:#ccc;}
#survey .srvy_frm .srvy_list .srvy_item:hover > li > .chk_list ul li label .cstm_inp:before {border:2px solid #ccc;}
#survey .srvy_frm .srvy_list .srvy_item:hover > li > .chk_list ul li label span {color:#ccc;}

#survey .srvy_frm .srvy_list ul.srvy_item > li {display:inline-block;vertical-align:middle;font-size: 16px;}

#survey .srvy_frm .srvy_list ul.srvy_item > li.num {width:80px;text-align:center;}
#survey .srvy_frm .srvy_list ul.srvy_item > li.q {line-height:28px;word-break:keep-all;width: 600px;}
#survey .srvy_frm .srvy_list ul.srvy_item > li.a {width: calc(100% - 680px);}
#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul {text-align:center;font-size:0;}
#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li {display:inline-block;vertical-align:top;width:25%;font-size:15px;position:relative;}

#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li:first-child:nth-last-child(5),
#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li:first-child:nth-last-child(5) ~ li {width:20%;}


#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li:after {content:"";width:100%;height:2px;background:#4a4f6b;position:absolute;right:-50%;top:14px;z-index:-1;}
#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li:last-child:after {display:none;}


#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li span {display:block;color:#4a4f6b;line-height:22px;font-size:14px;word-break: keep-all;}
#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li input {position:absolute;left:0;top:0;display:none;}
#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li label {cursor:pointer;/*position:relative;*/}
#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li label .cstm_inp {width:30px;height:30px;margin:0 auto;display:block;position:relative;}
#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li label .cstm_inp:before {content:"";width:12px;height:12px;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);border:2px solid #4a4f6b;box-sizing:border-box;border-radius:50%;background:#fff;}


#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li label:after {content:""; width:30px;height:30px;background:url(../img/srvy_list_chk.png) center center #4a4f6b;border:none;position:absolute;left:50%;top:0;transform:translateX(-50%);border-radius:50%;display:none;box-sizing:border-box;}

#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li input[type="radio"]:checked + label span.a_txt {color:#4a4f6b;font-weight:bold;}
#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li input[type="radio"]:checked + label:after {display:block;}

#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li label span.a_txt {margin:20px auto 0;}


/*type_btn*/
#survey .srvy_frm .srvy_list ul.type_btn > li.a{width:100%;box-sizing:border-box;padding: 24px 0 0 34px;}
#survey .srvy_frm .srvy_list ul.type_btn > li.a input[type="radio"]{display:none;}

#survey .srvy_frm .srvy_list ul.type_btn > li ul li {padding: 0 0 18px 0;position: relative;}
#survey .srvy_frm .srvy_list ul.type_btn > li ul li:before{content:"";height: 100%;width: 2px;position:absolute;bottom: -18px;left: 6px;background:#4a4f6b;}
#survey .srvy_frm .srvy_list ul.type_btn > li ul li:last-child:before{display:none;}
#survey .srvy_frm .srvy_list ul.type_btn > li ul li span{display:inline-block;vertical-align:middle;}
#survey .srvy_frm .srvy_list ul.type_btn > li ul li .cstm_inp{width: 10px;height: 10px;background:#fff;border:2px solid #4a4f6b;display: inline-block;border-radius: 50%;position: relative;margin: 0 16px 0 0;}
#survey .srvy_frm .srvy_list ul.type_btn > li ul li input[type="radio"]:checked + label .cstm_inp:before{content:"";width:30px;height:30px;background:url(../img/srvy_list_chk.png) center center #4a4f6b;box-sizing:border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;}
#survey .srvy_frm .srvy_list ul.type_btn > li ul li .a_txt{width: calc(100% - 34px);font-size: 16px;line-height: 24px;word-break: keep-all;}
#survey .srvy_frm .srvy_list ul.type_btn > li ul li input[type="radio"]:checked + label .a_txt{font-weight:bold;}

@media all and (max-width:1200px){

#survey .srvy_frm .srvy_list ul.srvy_item.type_bar > li.num {width:50px;box-sizing:border-box;padding:0 20px;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_bar > li.q {width: calc(100% - 50px);box-sizing:border-box;padding:0 20px;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_bar > li.a {display:block;width:100%;padding:20px 0;}
#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li label span.a_txt {font-size:14px;}

}

@media all and (max-width:768px){

#survey .srvy_frm .srvy_list ul.srvy_item > li > .chk_list ul li label span.a_txt .a_txt_s {font-size:13px;letter-spacing:-1px;}
#survey .srvy_frm .srvy_list p {padding:2%;}
}

@media all and (max-width:500px){
	#survey .srvy_frm .srvy_list ul.type_btn > li.a{padding:10px 14px 0 14px;}
	#survey .srvy_frm .srvy_list ul.srvy_item > li.q{width:100%;padding:10px;}
}

#survey .srvy_frm .sbmt_wrap {width:100%;max-width:230px;margin:0 auto 100px;position:relative;background: linear-gradient(to right, #00b3ed, #5977c0);border-radius:10px;overflow:hidden;box-shadow: 5px 5px 10px rgba(0,0,0,0.18);}
#survey .srvy_frm .sbmt_wrap:after {content:"";position:absolute;right:50px;top:50%;background-image:url(/decoboard/inc/survey/img/apply_sbmt_arrw.png);width:17px;height:17px;transform:translateY(-50%);z-index:1;transition: all .2s ease}
#survey .srvy_frm input[type="submit"] {border:0;color:#fff;font-weight:bold;font-size:18px;padding:20px 0;width:100%;margin:0 auto;display:block;cursor:pointer;line-height:24px;position:relative;z-index:2;background:none;text-indent:-15px;}
#survey .srvy_frm .sbmt_wrap:hover:after{right: 45px;}


#survey .srvy_frm .sbmt_wrap .next_btn {display:block!important;color:#fff;}


#survey .srvy_frm .source {color:#333;padding:30px 40px 0;box-sizing:border-box;border-top:2px solid #4a4f6b;position:relative;font-size:0;}
#survey .srvy_frm .source:before {content:"";width:10px;height:17px;background:url(/decoboard/inc/survey/img/source_ribbon.png) center center repeat;position:absolute;left:17px;top:-1px;}

#survey .srvy_frm .source span {display:inline-block;vertical-align:top;}
#survey .srvy_frm .source p.src_tit {display:inline-block;font-size:16px;font-weight:bold;width:100%;max-width:110px;}
#survey .srvy_frm .source ul.src_list {font-size:15px;line-height:24px;width:calc(100% - 110px);word-break:keep-all;display:inline-block;vertical-align:top;}


@media all and (max-width:768px){

#survey .srvy_frm .source {padding:30px 20px;}
#survey .srvy_frm .source p.src_tit {display:block;margin:0 0 15px 0;}
#survey .srvy_frm .source ul.src_list  {width:100%;}

}


/* type_choice2 */

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li.q {width:calc(100% - 320px);}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li.a {width:200px;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list {overflow:hidden;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul {border-radius:6px;border:2px solid #ccc;overflow:hidden;width:100%;max-width:170px;float:right;box-sizing:border-box;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul li {width:50%;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul li:first-child {border-radius:0 4px 4px 0;overflow:hidden;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul li:first-child ~ li {border-radius:4px;overflow:hidden;}


#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul li:last-child {border-radius:4px 0 0 4px;overflow:hidden;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2.except ul {max-width:300px;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2.except > li.q {width:calc(100% - 560px)}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2.except > li.a {width:480px;padding:0 40px 0 0;box-sizing:border-box;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2.except > li > .chk_list ul {max-width:100%;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2.except > li > .chk_list ul li {width:25%;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul li:after {display:none;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul li span {padding:10px 0;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul li label span.a_txt {margin:0 auto;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul li input[type="radio"]:checked + label span.a_txt {background:#4a4f6b;font-weight:bold;color:#fff;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul li input[type="radio"]:checked + label:after {display:none;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul li input[type="radio"]:checked + label span.a_txt:before { content: "";width:16px;height:12px;background: url(../img/inp_chk.png) center center ;display:inline-block;margin:0 5px 0 0;}

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

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2.except > li.q {width:calc(100% - 80px);}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2.except > li.a {display:block;width:100%;padding:0 20px;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2.except > li > .chk_list ul {margin:20px auto 0;}

}


@media all and (max-width:768px){


#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li.q {width:calc(100% - 80px)}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li.a {width:100%;box-sizing:border-box;padding:0 20px;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2 > li > .chk_list ul {max-width:100%;margin:20px auto 0;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice2.except > li > .chk_list ul li {width:50%;}


}


/* type_choice4 */

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li.q {width:calc(100% - 480px);padding:0 20px 0 0;box-sizing:border-box;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li.a {max-width:400px;}


#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list .chk_list_inner {display:block;width:100%;font-size:0;padding:0 40px 0 0;box-sizing:border-box;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list .chk_list_inner:nth-child(1) {margin:0 0 10px 0;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list span.chk_tit {font-weight:bold;color:#4a4f6b;width:45px;display:inline-block;vertical-align:middle;font-size:15px;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul {border:1px solid #ccc;border-radius:10px;overflow:hidden;display:inline-block;vertical-align:middle;width:calc(100% - 45px);box-sizing:border-box;background:#f4f4f4;}


#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li {overflow:hidden;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li:hover span {color: #4a4f6b;background-color: rgba(74,79,107,0.1);}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li:first-child {border-radius:0 4px 4px 0;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li:first-child ~ li {border-radius:4px;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li:last-child {border-radius:4px  0 0 4px;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4.on > li > .chk_list ul,
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4:hover > li > .chk_list ul {background:#fff;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4.on> li > .chk_list ul li span
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4:hover > li > .chk_list ul li span {color:#333;}


#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li:after {display:none;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li span {padding:10px 0;color:#c7c7c7;transition: all .1s ease}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li label span.a_txt {margin:0 auto;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li input[type="radio"]:checked + label span.a_txt {background:#4a4f6b;font-weight:bold;color:#fff;}


#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li input[type="radio"]:checked + label:after {display:none;}

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list ul li input[type="radio"]:checked + label span.a_txt:before { content: "";width:16px;height:12px;background: url(../img/inp_chk.png) center center ;display:inline-block;margin:0 5px 0 0;}



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

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li.q {width:calc(100% - 80px)}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li.a {display:block;width:100%;padding:0 30px;max-width:100%;box-sizing:border-box;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list {margin:20px 0 0 0;}
#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li > .chk_list .chk_list_inner {padding:0;}	

}


@media all and (max-width:768px){

#survey .srvy_frm .srvy_list ul.srvy_item.type_choice4 > li.a  {padding:0 10px;}

}




/* s0202_조기정신증(mKPQ-16)*/

#survey .srvy_frm .srvy_list ul.srvy_item.ndetail > li.q {width:calc(100% - 380px)!important;}
#survey .srvy_frm .srvy_list ul.srvy_item.ndetail > li.a {width:300px!important;padding:0 20px;box-sizing:border-box;}
#survey .srvy_frm .srvy_list ul.srvy_item.ndetail ul {float:none!important;display:block;max-width:100%!important;font-size:0;}
#survey .srvy_frm .srvy_list ul.srvy_item.ndetail ul.yes_or_no {margin:0 0 10px 0;}
#survey .srvy_frm .srvy_list ul.srvy_item.ndetail ul.no_detail {display:none;}
#survey .srvy_frm .srvy_list ul.srvy_item.ndetail ul.no_detail li {width:25%!important;}


#survey .srvy_frm .srvy_list ul.srvy_item.ndetail > li > .chk_list ul li input[type="radio"]:checked + label span.a_txt {background:#4a4f6b;font-weight:bold;color:#fff;}


#survey .srvy_frm .srvy_list ul.srvy_item.ndetail > li input.usr_inp {width:100%;height:30px;box-sizing:border-box;}





@media all and (max-width:768px){
#survey .srvy_frm .srvy_list {width: 100%;}
#survey .srvy_frm .srvy_list ul.srvy_item {/* display:block; *//* width:100%; */}
#survey .srvy_frm .srvy_list ul.srvy_item > li.num {text-align: left;box-sizing: border-box;width: auto;}
#survey .srvy_frm .srvy_list ul.srvy_item.ndetail > li.q {width: 95%!important;padding: 8px 0 0 18px;}
}


@media all and (max-width:500px){
	#survey .srvy_frm .srvy_list ul.srvy_item > li.num{display:none;}
}

/*자가검진폼*/
ul.topCate {font-size:0;box-sizing:border-box;border:1px solid #ccc;}
ul.topCate li{display:inline-block;width: 33.27%;border-right:1px solid #ccc;font-size:18px;text-align: center;font-weight: bold;}
ul.topCate li input[type="radio"] {display:none;}
ul.topCate li input[type="radio"] + label{display: block; background: #f2f2f2;padding: 14px 0;cursor: pointer;}
ul.topCate li input[type="radio"]:checked + label{background:#8fc31f;color:#fff;font-weight:bold;}
ul.topCate li:last-child{border-right:none;}

.usr_info{box-sizing:border-box;border-top:2px solid #333;margin:24px 0 0 0;}

.usr_info ul{font-size:0;box-sizing:border-box;border-bottom:1px solid #ccc;}
.usr_info ul li{display:inline-block;font-size:17px;width:70%;padding: 0 24px;vertical-align: middle;}
.usr_info ul li:first-child{width:10%;position: relative;font-weight: bold;padding: 30px 24px;background: #f9f9f9;line-height: 26px;font-size: 16px;}
.usr_info ul li:first-child:before {content:"";width: 1px;height: 100%;background:#ccc;position:absolute;right:0;top:0;}

.usr_info input[type="radio"]{display:none;}
.usr_info input[type="radio"] + label {font-size:17px;line-height:26px;}
.usr_info input[type="radio"] + label span {display:inline-block;box-sizing:border-box;border-radius:50%;width:22px;height:22px;background:#ccc;vertical-align:middle;margin:0 5px 0 10px;}
.usr_info input[type="radio"]:checked + label span {background:#2c53b0;position:relative;}
.usr_info input[type="radio"]:checked + label span:before {content:"";width:8px;height:8px;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} 

.usr_info input[type="text"]{width:360px;box-sizing:border-box;border:1px solid #ccc;height:50px;}

.usr_info select{box-sizing:border-box;border:1px solid #ccc;background:#f2f2f2;padding:10px;font-size:17px;}

.usr_info p{text-align:right;padding: 20px 0 32px;}

.usr_info input[type="checkbox"]{display:none;}
.usr_info input[type="checkbox"] + label{font-size:17px;line-height:28px;}
.usr_info input[type="checkbox"] + label span{display:inline-block;width:22px;height:22px;vertical-align:middle;margin:0 5px;border-radius:5px;background:#f2f2f2;}
.usr_info input[type="checkbox"]:checked + label span{background: #2c53b0;position:relative;}
.usr_info input[type="checkbox"]:checked + label span:before{background:url(/decoboard/skin/selfExamination/public/img/usr_info_chk.png)0 0 no-repeat;content:"";width:12px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.chk_form {}
.chk_form .chk_list {box-sizing:border-box;padding:24px;text-align:center;margin:32px 0;background: #ebf5fa;}

.chk_form .chk_list .tit {font-size:24px;font-weight:bold;padding:10px 0;line-height:32px}
.chk_form .chk_list .exp{font-size:16px;line-height:26px;color: #2c53b0;font-weight:bold;margin:0 0 24px 0;}

.chk_form .chk_list .se_list {font-size:0;margin: 0 auto;text-align: left;}
.chk_form .chk_list .se_list li{display:inline-block;width: 32%;margin: 0 1% 1% 0;border:4px solid #efefef;border-radius: 10px;box-sizing:border-box;text-align: left;position: relative;background: #fff;}
.chk_form .chk_list .se_list li:nth-child(3n){margin:0;}

.chk_form .chk_list .se_list li:first-child:nth-last-child(2),
.chk_form .chk_list .se_list li:first-child:nth-last-child(2) ~ li {width:48%;}

.chk_form .chk_list .se_list li:first-child:nth-last-child(3),
.chk_form .chk_list .se_list li:first-child:nth-last-child(3) ~ li {width: 32%;}

.chk_form .chk_list .se_list li:first-child:nth-last-child(4),
.chk_form .chk_list .se_list li:first-child:nth-last-child(4) ~ li {width:24%;}

.chk_form .chk_list .se_list li a{position:relative;font-size:17px;line-height:28px;padding: 24px 48px;display:block;}
.chk_form .chk_list .se_list li a:before {content:"";width:24px;height:24px;position:absolute;top: 50%;left: 20px;background:url(/decoboard/skin/selfExamination/public/img/sechk_icon.png)0 0 no-repeat;transform: translate(0,-50%);}
.chk_form .chk_list .se_list li.on a:before{background:url(/decoboard/skin/selfExamination/public/img/sechk_icon_on.png)0 0 no-repeat;}

.chk_form .chk_list .se_list li.on {border:4px solid #2c53b0;}
.chk_form .chk_list .se_list li.on a{color:#2c53b0;font-weight:bold;}

.chk_form .chk_list .se_list li .sp_icon{display:block;background:url(/decoboard/skin/selfExamination/public/img/selist_spicon.png)0 0 no-repeat;width:80px;height:80px;margin:0 auto;}
.chk_form .chk_list .se_list li:nth-child(2) .sp_icon{background-position: -80px 0;} 
.chk_form .chk_list .se_list li:nth-child(3) .sp_icon{background-position: -160px 0;}

input[type="submit"] {padding: 20px 14px;font-size: 24px;letter-spacing: -1px;color: #fff;cursor: pointer;border: 0;background: #2c53b0;display: block;width: 300px;text-align: center;font-weight: bold;margin: 0 auto;border-radius: 10px;}

@media all and (max-width:768px){

.usr_info {border:none;margin: 0;}
.usr_info ul{padding: 0 0 24px 0;border-bottom: 2px dashed #ccc;}
	
.chk_form .chk_list .se_list li{width:100%!important;}
.usr_info ul li{display:block;width: 100%;}
.usr_info ul li:first-child {/* padding: 64px 15px; */width: 100%;background: #fff;padding: 24px;}
/* .usr_info ul li {padding:14px;} */
	
.usr_info input[type="text"]{width:calc(100% - 20%);margin:0 2% 0 0;}
.usr_info select {display:block;margin:2%;}
.usr_info input[type="radio"] + label {}
}

/*센터인식도조사*/
h2.form_tit{font-size:24px;text-align:center;line-height:32px;font-weight:bold;color:#2c53b0;}

.form_wrap{
margin: 24px 0 48px;
}
.form_wrap .chk_list{font-size:0;text-align: left;border: none;}
.form_wrap .chk_list > li{box-sizing:border-box;border-bottom:1px solid #ccc;padding: 32px 0 32px 56px;font-size:17px;line-height:28px;opacity: 0.6;}
.form_wrap .chk_list > li:last-child{border-bottom:0;}
.form_wrap .chk_list > li:hover {box-shadow: 0 10px 18px rgb(0 0 0 / 20%);opacity: 1.0;}

.form_wrap .chk_list > li > span{font-weight:bold;display:block;position:relative;font-size: 20px;margin:0 0 15px 0;}
.form_wrap .chk_list > li > span:before{content:"";background:url(/decoboard/skin/selfExamination/public/img/center_bullet.png)0 0 no-repeat;width:25px;height:20px;position:absolute;top:-10px;left:-30px;}

.form_wrap .chk_list > li input[type="radio"]{display:none;}

.form_wrap .chk_list > li input[type="radio"] + label {font-size:17px;line-height:28px;display:inline-block;margin: 12px 20px 12px 10px;vertical-align: middle;width: 40%;}
.form_wrap .chk_list > li input[type="radio"] + label[for="q3_a_6"]{width:auto;}
.form_wrap input[type="text"]{width:360px;box-sizing:border-box;border:1px solid #ccc;height:50px;}
.form_wrap .chk_list > li input[type="radio"] + label span {display:inline-block;box-sizing:border-box;border:1px solid #ccc;background:#fff;border-radius:5px;width: 20px;height:20px;vertical-align:middle;position:relative;margin: 0 10px 0 0;}

.form_wrap .chk_list > li input[type="radio"] + label span:before{content:"";background:#ccc;width:8px;height:8px;top:50%;left:50%;transform:translate(-50%,-50%);position: absolute;}
.form_wrap .chk_list > li input[type="radio"]:checked + label span:before {background: #2c53b0;}


.form_wrap .chk_list > li input[type="checkbox"]{display:none;}

.form_wrap .chk_list > li input[type="checkbox"] + label {font-size:17px;line-height:28px;display:inline-block;margin: 12px 20px 12px 10px;vertical-align: middle;width: 40%;}
.form_wrap .chk_list > li input[type="checkbox"] + label[for="q3_a_6"]{width:auto;}
.form_wrap input[type="text"]{width:360px;box-sizing:border-box;border:1px solid #ccc;height:50px;}
.form_wrap .chk_list > li input[type="checkbox"] + label span {display:inline-block;box-sizing:border-box;border:1px solid #ccc;background:#fff;border-radius: 5px;width: 20px;height:20px;vertical-align:middle;position:relative;margin: 0 10px 0 0;}

.form_wrap .chk_list > li input[type="checkbox"] + label span:before{content:"";background:#ccc;width:8px;height:8px;top:50%;left:50%;transform:translate(-50%,-50%);position: absolute;}
.form_wrap .chk_list > li input[type="checkbox"]:checked + label span:before {background: #2c53b0;}






.form_wrap .chk_list > li .ans_wrap {font-size:0;padding:25px 0;}
.form_wrap .chk_list > li .ans_cmn {display:inline-block;vertical-align:top;width:33.3%;font-size:0;padding: 0 20px 20px;box-sizing:border-box;}
.form_wrap .chk_list > li .ans_cmn p.ans_tit {font-size:18px;font-weight:bold;position: relative;text-align: center;color: #2c53b0;box-sizing: border-box;border: 2px solid #2c53b0;padding: 12px;max-width: 250px;margin: 0px auto 18px;border-radius: 8px;}
.form_wrap .chk_list > li .ans_cmn p.ans_tit:before {content:""}
.form_wrap .chk_list > li .ans_cmn ul li {font-size:14px;}
.form_wrap .chk_list > li .ans_cmn ul li label {width:100%;}

.form_wrap .chk_list > li .ans_02 {border-left: 2px dashed #ccc;border-right: 2px dashed #ccc;}
@media all and (max-width:1024px){
.form_wrap .chk_list > li .ans_cmn {display:block;width:100%;}
}
@media all and (max-width:768px){
.form_wrap .chk_list > li{opacity:1;word-break:keep-all;padding: 6% 8%;}
.form_wrap .chk_list > li input[type="radio"] + label{width:100%;display:block;}
.form_wrap .chk_list > li .ans_cmn{padding:20px 0;}
.form_wrap .chk_list > li .ans_02 {border:none;border-top:2px dashed #ccc;border-bottom:2px dashed #ccc;}
}



/* CDI */
#survey .srvy_frm .srvy_list ul.srvy_item.except label {display:block;}
#survey .srvy_frm .srvy_list ul.srvy_item.except > li.q {width:calc(100% - 80px)}





#survey .srvy_frm .srvy_list ul.srvy_item.P4 > li.q {width:calc(100% - 380px)!important;}
#survey .srvy_frm .srvy_list ul.srvy_item.P4 > li.a {width:300px!important;padding:0 20px;box-sizing:border-box;}




#survey .srvy_frm .srvy_list ul.srvy_item.P4__choice > li > .chk_list ul {text-align:left;}
#survey .srvy_frm .srvy_list ul.srvy_item.P4__choice > li > .chk_list ul li {display:block;margin:0 0 5px 0;width:100%;}
#survey .srvy_frm .srvy_list ul.srvy_item.P4__choice > li > .chk_list ul li:after {display:none!important;}
#survey .srvy_frm .srvy_list ul.srvy_item.P4__choice > li > .chk_list ul li input[type='radio'] {display:inline-block;position:static;}










/*step 0 대상선택*/
#myStatus {background:#fafafa;border:1px solid #ddd;width:100%;z-index:5000;margin:24px 0;}
#myStatus.jbFixed{position:fixed;top:0;left:0;width:100%;margin:0;}
#myStatus.jbFixed ul {max-width:1400px;margin:0 auto;border-left:1px solid #ccc;border-right:1px solid #ccc;}

#myStatus ul li {text-align:center;display: inline-block;width: 33%;font-size:18px;padding: 24px 14px;font-weight:bold;box-sizing:border-box;/* border-right: 1px solid #ccc; *//* border-bottom:1px solid #ccc; */position: relative;}
#myStatus ul li:before {content:"";width:1px;background:#ccc;height:100%;position:absolute;top: 0;right: 0;}
#myStatus ul li:nth-child(3n) {margin-right:0;border-right: 0;}


#myStatus ul li a {display:block;/* padding:10px; */*color: #2c53b0;}
#myStatus ul li.chk {background: #2c53b0;}
#myStatus ul li.chk a {color:#fff;}







/*step 3*/


#survey .se_cmn {display:none;}
#survey .se_01 {display:block;}


#survey .se_cmn h2.srvy_tit {font-size: 32px;text-align:center;font-weight:bold;padding:0 0 32px 0;}

.srvy_frm .next_btn {font-size:16px;font-weight:bold;box-sizing:border-box;border:1px solid #ccc;padding: 18px 32px;display: block;max-width: 250px;position: relative;}
.srvy_frm .next_btn:before {content:"→";position:absolute;right:20px;top:50%;transform:translate(0,-50%);}




/* step4  결과*/
#myResult{}

#myResult ul.se_list {font-size:0;margin:0 0 60px 0;}
#myResult ul.se_list li {text-align:center;display: inline-block;width: 33%;font-size:18px;padding:16px 10px;font-weight:bold;box-sizing:border-box;border: 1px solid #ccc;margin:-1px 0 0 -1px}

#myResult ul.se_list li a {display:block;*padding:10px;*color: #2c53b0;}
#myResult ul.se_list li.on {background: #2c53b0;}
#myResult ul.se_list li.on a {color:#fff;}


#myResult > a.home_btn {box-sizing:border-box;background:#25dd;color:#fff;font-weight:bold;display:block;margin:0 auto;text-align:center;max-width:250px;padding:24px 12px;border-radius:5px;font-size:20px;box-shadow: 0 0 10px 0 rgba(4,32,105,0.5)}


/*
#myResult .rs_cmn {margin:0 0 20px 0;padding:20px;box-sizing:border-box;background:#fafafa;}
#myResult .rs_tit {font-size:18px;font-weight:bold;margin:0 0 20px 0;}
#myResult .guide {padding:10px;box-sizing:border-box;line-height:24px;font-size: 16px;}*/

#myResult .rs_btn_wrap {text-align:right;display:block;}
#myResult .rs_detail{display:inline-block;padding: 18px 48px 18px 14px;box-sizing:border-box;border:1px solid #ccc;position: relative;margin: 12px 0 0 0;background: #fff;font-size: 16px;font-weight: bold;/* width: 300px; */text-align: center;}
#myResult .rs_detail:hover {color:#25dd;border:1px solid #25dd;}
#myResult .rs_detail:before {content:"→";font-size: 18px;font-weight:bold;right: 14px;position:absolute;top: 50%;transform: translate(0,-50%);}

#myResult .link {font-size:0;width: 100%;display: block;width:100%;max-width:1200px;margin:0 auto 20px;
}
#myResult .link li {display:inline-block;vertical-align:top;font-size:17px;width: 23.5%;box-sizing:border-box;border:1px solid #ccc;margin:0 2% 2% 0;text-align: center;/* box-shadow: 0 0 8px 0 rgba(0,0,0,0.1); */}	
#myResult .link li:last-child{margin:0 0 2% 0;}
#myResult .link li a {display: inline-block;text-align:center;padding:24px;position:relative;font-weight: bold;}
#myResult .link li a:before {content:"";background:url(/decoboard/skin/selfExamination/public/img/rs_link_spicon.png)0 0 no-repeat;width:24px;height:24px;top: 20px;left: -4px;position: absolute;}

#myResult .link li:nth-child(2) a:before{background-position:-24px 0;}
#myResult .link li:nth-child(3) a:before{background-position:-48px 0;}
#myResult .link li:nth-child(4) a:before{background-position:-72px 0;}

@media all and (max-width:768px){
#myResult .link li{width:48%;margin:0 2% 2% 0;}
#myResult .link li a {display:block;text-align: left;padding: 24px 50px;}
	#myResult .link li a:before {left: 20px;}
}


/* 자가검진 팝업 */
#printArea {}
#printArea table {border-spacing:0;border-collapse:collapse;font-size:14px;text-align:center;width:100%;background:#fafafa;word-break:keep-all;}
#printArea table th {background:#d7d7d7;} 
#printArea table th, 
#printArea table td {border:1px solid #ddd;padding:10px;}
.close_btn {display:block;margin:24px auto;font-size:16px;line-height:26px;max-width:150px;box-sizing:border-box;border:2px solid #333;padding: 12px 24px;text-align: center;color: #333;font-weight: bold;text-decoration: none;}





#chartGraph {width:100%;max-width:1200px;margin:0 auto 40px;}
.chartGraph_cmn {display:none;}
.chartGraph_01 {display:block;} 


#chartGraph .ch_inner{}
#chartGraph .graph{position: relative;}
#chartGraph .graph .score{font-size:20px;font-weight:bold;text-align:center;margin:24px 0 48px 0;}
#chartGraph .graph .score span{color:#ffa200;}
#chartGraph .graph ul.chg{font-size:0;background: rgb(200,211,64);
background: linear-gradient(90deg, rgba(200,211,64,1) 0%, rgba(129,198,146,1) 50%, rgba(61,190,230,1) 100%);width:100%;box-sizing:border-box;border-radius:40px;margin:0 0 10px 0;}
#chartGraph .graph ul.chg li{display:inline-block;width:33.33%;font-size:20px;text-align:center;color:#fff;padding:18px 0;font-weight:bold;}

#chartGraph .graph ul.chg li:first-child:nth-last-child(2),
#chartGraph .graph ul.chg li:first-child:nth-last-child(2) ~ li {width:50%;}

#chartGraph .graph ul.chg li:first-child:nth-last-child(3),
#chartGraph .graph ul.chg li:first-child:nth-last-child(3) ~ li {width:33.3%;}

#chartGraph .graph ul.chg li:first-child:nth-last-child(4),
#chartGraph .graph ul.chg li:first-child:nth-last-child(4) ~ li {width:25%;}

#chartGraph .graph ul.chg li:first-child:nth-last-child(5),
#chartGraph .graph ul.chg li:first-child:nth-last-child(5) ~ li {width:20%;}

#chartGraph .graph ul.chg li:first-child:nth-last-child(6),
#chartGraph .graph ul.chg li:first-child:nth-last-child(6) ~ li {width:16.6%;}



#chartGraph .graph ul.chg li {position:relative;min-height:30px;}
#chartGraph .graph ul.chg li span {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;font-size:14px;word-break:keep-all;}


#chartGraph .graph ul.se_point {font-size:0;padding:0 10px;}
#chartGraph .graph ul.se_point li {width:50%;display:inline-block;vertical-align:top;text-align:left;font-size:18px;font-weight:bold;color:#777;}
#chartGraph .graph ul.se_point li:last-child{text-align:right;}


@media all and (max-width:768px){
	
#chartGraph .graph ul.chg li {font-size:14px;}
	
}



#chartGraph .info{padding:48px 0 0 0;}
#chartGraph .info .img_wrap{text-align:center;}
#chartGraph .info .img_wrap img{display:block;margin:0 auto;}
#chartGraph .info .con_wrap{background:#f2f2f2;text-align:center;padding:32px 24px;box-sizing:border-box;border-radius:10px;}
#chartGraph .info .con_wrap p {font-size:16px;line-height:26px;}
#chartGraph .info .con_wrap p.tbl_exp {text-align:left;margin:0 0 15px 0;}
#chartGraph .info .con_wrap .result {background:#fff;padding:14px;border-radius:14px;font-size:20px;line-height:28px;font-weight:bold;max-width:768px;margin:0 auto 30px;}
#chartGraph .info .con_wrap .result span{color: #e4913f;}



#chartGraph .info .con_wrap .se_msg {margin:0 0 30px 0;font-size:18px;letter-spacing:-1px;line-height:28px;font-weight:bold;word-break:keep-all;padding:0 20px;}

#chartGraph .info .con_wrap .se_info {margin:0 0 30px 0;font-size:16px;letter-spacing:-1px;line-height:28px;font-weight:bold;word-break:keep-all;padding:0 20px;text-align:left;}


/*@media all and (max-width:768px){
	#chartGraph{width:100%;overflow-x:scroll;}
	#chartGraph .ch_inner{width:1200px;}
}*/


.tbl_wrap {background:#fff;padding:20px;margin:0 0 20px 0;}
.tbl_wrap p.se_exp {margin:0 0 20px 0;}
.tbl_wrap p.tbl_tit {margin:0 0 10px 0;position:relative;padding:0 0 0 15px;text-align:left;}
.tbl_wrap p.tbl_tit:before {content:"";width:4px;height:4px;background:#333;position:absolute;left:0;top:10px;}
.tbl_wrap table.se_tbl {font-size:14px;text-align:center;}
.tbl_wrap table.se_tbl th {background:#ededef;}
.tbl_wrap table.se_tbl th,
.tbl_wrap table.se_tbl td {border:1px solid #d5d5d5;padding:10px;word-break:keep-all}
.tbl_wrap table.se_tbl td b {color:#ffa200;font-weight:bold;font-size:18px;}



/*.except.KOSS-SF {text-align:center;font-size:20px;font-weight:bold;}*/

p.except_rs_msg > b {color:#e4913f;font-weight:bold;font-size:20px}


p.KOSS-SF_txt {margin:0 0 10px 0;}

.step0_frm ul.cate {font-size:0;}
.step0_frm ul.cate li{display:inline-block;box-sizing:border-box;border-radius:20px;background: #fff;width:32%;font-size:20px;text-align:center;vertical-align:top;margin:0 2% 0 0;box-shadow: 0 0 0 3px #95cbe5;border: 5px solid #bce9ff;}


.step0_frm ul.cate li:nth-child(2){border: 5px solid #cac3f4;box-shadow: 0 0 0 3px #aa9fec;}
.step0_frm ul.cate li:last-child{margin-right:0;border: 5px solid #fcd1db;box-shadow: 0 0 0 3px #f8bcca;}

.step0_frm ul.cate li .cate_spicon{display:block;margin:24px auto;background: url(/decoboard/skin/selfExamination/public/img/f_cate_spicon_v2.png)0 0 no-repeat;width: 200px;height: 230px;}
.step0_frm ul.cate li .txt {background:#40abe1;box-sizing:border-box;border-radius:30px;display:block;max-width:200px;margin:0 auto;padding:14px;color:#fff;box-shadow: 0 3px 0px 3px #188dc8;}
.step0_frm ul.cate li .txt:after {content:">";float:right;padding:0 18px 0 0;}

.step0_frm ul.cate li:nth-child(2) .cate_spicon{background-position:-200px 0;}
.step0_frm ul.cate li:nth-child(2) .txt{background:#7f72d8;box-shadow:0 3px 0 3px #5c4dbd;}
.step0_frm ul.cate li:nth-child(3) .cate_spicon{background-position:-400px 0;}
.step0_frm ul.cate li:nth-child(3) .txt{background:#fd7d9d;box-shadow:0 3px 0 3px #e64e74;}

.step0_frm ul.cate li input[type='radio'] {display:none;}
.step0_frm ul.cate li label {display:block;box-sizing:border-box;cursor:pointer;padding: 12px 12px 40px 12px;font-size: 20px;font-weight: bold;}

@media all and (max-width:768px){
	.step0_frm ul.cate li {width:100%;margin:2% 0;border-radius: 0;}
}