@charset "utf-8";

* {margin:0; padding:0; box-sizing:border-box;}
body {font-family: 'NanumSquare', sans-serif;}
ul,li,ol {list-style:none;}
a {text-decoration:none;}
.clear::after {content:''; display:block; clear:both;}
.q_num_mobile {display: none; }

.ret_list span {font-size:17px; font-weight:400; padding:7px 9px; color:#5c5c5c; margin:5px; border-radius:17px; display:inline-block;}
.ret_list span.org {background-color:#f3ddd3;}
.ret_list span.yel {background-color:#fffac7;}
.ret_list span.blu {background-color:#d0e7f7;}
.ret_list span.vio {background-color:#f2dcff;}
.ret_list span.grn {background-color:#c0ecc5;}
.seasonTab { display:none; }

/* sub QnA img */
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_1_01 {background-image:url('../img/sub/1-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_1_02 {background-image:url('../img/sub/1-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_1_03 {background-image:url('../img/sub/1-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_1_04 {background-image:url('../img/sub/1-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_2_01 {background-image:url('../img/sub/2-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_2_02 {background-image:url('../img/sub/2-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_2_03 {background-image:url('../img/sub/2-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_2_04 {background-image:url('../img/sub/2-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_3_01 {background-image:url('../img/sub/3-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_3_02 {background-image:url('../img/sub/3-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_3_03 {background-image:url('../img/sub/3-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_3_04 {background-image:url('../img/sub/3-4.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_3_05 {background-image:url('../img/sub/3-5.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_4_01 {background-image:url('../img/sub/4-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_4_02 {background-image:url('../img/sub/4-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_4_03 {background-image:url('../img/sub/4-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_4_04 {background-image:url('../img/sub/4-4.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_4_05 {background-image:url('../img/sub/4-5.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_5_01 {background-image:url('../img/sub/5-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_5_02 {background-image:url('../img/sub/5-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_5_03 {background-image:url('../img/sub/5-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_5_04 {background-image:url('../img/sub/5-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_6_01 {background-image:url('../img/sub/6-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_6_02 {background-image:url('../img/sub/6-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_6_03 {background-image:url('../img/sub/6-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_6_04 {background-image:url('../img/sub/6-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_7_01 {background-image:url('../img/sub/7-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_7_02 {background-image:url('../img/sub/7-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_7_03 {background-image:url('../img/sub/7-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_7_04 {background-image:url('../img/sub/7-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_8_01 {background-image:url('../img/sub/8-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_8_02 {background-image:url('../img/sub/8-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_8_03 {background-image:url('../img/sub/8-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_8_04 {background-image:url('../img/sub/8-4.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_8_05 {background-image:url('../img/sub/8-5.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_9_01 {background-image:url('../img/sub/9-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_9_02 {background-image:url('../img/sub/9-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_9_03 {background-image:url('../img/sub/9-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_9_04 {background-image:url('../img/sub/9-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_10_01 {background-image:url('../img/sub/10-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_10_02 {background-image:url('../img/sub/10-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_10_03 {background-image:url('../img/sub/10-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_10_04 {background-image:url('../img/sub/10-4.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_10_05 {background-image:url('../img/sub/10-5.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_11_01 {background-image:url('../img/sub/11-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_11_02 {background-image:url('../img/sub/11-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_11_03 {background-image:url('../img/sub/11-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_11_04 {background-image:url('../img/sub/11-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_12_01 {background-image:url('../img/sub/12-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_12_02 {background-image:url('../img/sub/12-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_12_03 {background-image:url('../img/sub/12-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_12_04 {background-image:url('../img/sub/12-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_13_01 {background-image:url('../img/sub/13-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_13_02 {background-image:url('../img/sub/13-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_13_03 {background-image:url('../img/sub/13-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_13_04 {background-image:url('../img/sub/13-4.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_13_05 {background-image:url('../img/sub/13-5.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_14_01 {background-image:url('../img/sub/14-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_14_02 {background-image:url('../img/sub/14-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_14_03 {background-image:url('../img/sub/14-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_14_04 {background-image:url('../img/sub/14-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_15_01 {background-image:url('../img/sub/15-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_15_02 {background-image:url('../img/sub/15-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_15_03 {background-image:url('../img/sub/15-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_15_04 {background-image:url('../img/sub/15-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_16_01 {background-image:url('../img/sub/16-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_16_02 {background-image:url('../img/sub/16-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_16_03 {background-image:url('../img/sub/16-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_16_04 {background-image:url('../img/sub/16-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_17_01 {background-image:url('../img/sub/17-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_17_02 {background-image:url('../img/sub/17-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_17_03 {background-image:url('../img/sub/17-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_17_04 {background-image:url('../img/sub/17-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_18_01 {background-image:url('../img/sub/18-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_18_02 {background-image:url('../img/sub/18-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_18_03 {background-image:url('../img/sub/18-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_18_04 {background-image:url('../img/sub/18-4.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_19_01 {background-image:url('../img/sub/19-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_19_02 {background-image:url('../img/sub/19-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_19_03 {background-image:url('../img/sub/19-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_19_04 {background-image:url('../img/sub/19-4.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_19_05 {background-image:url('../img/sub/19-5.png'); }

.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_20_01 {background-image:url('../img/sub/20-1.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_20_02 {background-image:url('../img/sub/20-2.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_20_03 {background-image:url('../img/sub/20-3.png'); }
.sub_qna_wrap .qna_bot .qna_list .qna_img.qna_20_04 {background-image:url('../img/sub/20-4.png'); }


/* sub QnA img sel */
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_1_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_1_01 {background-image:url(../img/sub/1-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_1_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_1_02 {background-image:url(../img/sub/1-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_1_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_1_03 {background-image:url(../img/sub/1-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_1_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_1_04 {background-image:url(../img/sub/1-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_2_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_2_01 {background-image:url(../img/sub/2-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_2_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_2_02 {background-image:url(../img/sub/2-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_2_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_2_03 {background-image:url(../img/sub/2-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_2_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_2_04 {background-image:url(../img/sub/2-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_3_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_3_01 {background-image:url(../img/sub/3-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_3_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_3_02 {background-image:url(../img/sub/3-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_3_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_3_03 {background-image:url(../img/sub/3-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_3_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_3_04 {background-image:url(../img/sub/3-4on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_3_05,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_3_05 {background-image:url(../img/sub/3-5on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_4_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_4_01 {background-image:url(../img/sub/4-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_4_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_4_02 {background-image:url(../img/sub/4-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_4_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_4_03 {background-image:url(../img/sub/4-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_4_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_4_04 {background-image:url(../img/sub/4-4on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_4_05,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_4_05 {background-image:url(../img/sub/4-5on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_5_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_5_01 {background-image:url(../img/sub/5-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_5_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_5_02 {background-image:url(../img/sub/5-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_5_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_5_03 {background-image:url(../img/sub/5-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_5_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_5_04 {background-image:url(../img/sub/5-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_6_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_6_01 {background-image:url(../img/sub/6-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_6_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_6_02 {background-image:url(../img/sub/6-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_6_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_6_03 {background-image:url(../img/sub/6-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_6_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_6_04 {background-image:url(../img/sub/6-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_7_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_7_01 {background-image:url(../img/sub/7-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_7_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_7_02 {background-image:url(../img/sub/7-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_7_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_7_03 {background-image:url(../img/sub/7-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_7_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_7_04 {background-image:url(../img/sub/7-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_8_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_8_01 {background-image:url(../img/sub/8-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_8_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_8_02 {background-image:url(../img/sub/8-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_8_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_8_03 {background-image:url(../img/sub/8-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_8_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_8_04 {background-image:url(../img/sub/8-4on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_8_05,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_8_05 {background-image:url(../img/sub/8-5on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_9_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_9_01 {background-image:url(../img/sub/9-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_9_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_9_02 {background-image:url(../img/sub/9-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_9_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_9_03 {background-image:url(../img/sub/9-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_9_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_9_04 {background-image:url(../img/sub/9-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_10_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_10_01 {background-image:url(../img/sub/10-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_10_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_10_02 {background-image:url(../img/sub/10-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_10_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_10_03 {background-image:url(../img/sub/10-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_10_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_10_04 {background-image:url(../img/sub/10-4on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_10_05,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_10_05 {background-image:url(../img/sub/10-5on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_11_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_11_01 {background-image:url(../img/sub/11-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_11_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_11_02 {background-image:url(../img/sub/11-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_11_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_11_03 {background-image:url(../img/sub/11-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_11_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_11_04 {background-image:url(../img/sub/11-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_12_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_12_01 {background-image:url(../img/sub/12-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_12_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_12_02 {background-image:url(../img/sub/12-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_12_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_12_03 {background-image:url(../img/sub/12-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_12_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_12_04 {background-image:url(../img/sub/12-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_13_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_13_01 {background-image:url(../img/sub/13-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_13_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_13_02 {background-image:url(../img/sub/13-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_13_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_13_03 {background-image:url(../img/sub/13-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_13_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_13_04 {background-image:url(../img/sub/13-4on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_13_05,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_13_05 {background-image:url(../img/sub/13-5on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_14_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_14_01 {background-image:url(../img/sub/14-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_14_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_14_02 {background-image:url(../img/sub/14-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_14_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_14_03 {background-image:url(../img/sub/14-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_14_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_14_04 {background-image:url(../img/sub/14-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_15_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_15_01 {background-image:url(../img/sub/15-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_15_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_15_02 {background-image:url(../img/sub/15-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_15_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_15_03 {background-image:url(../img/sub/15-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_15_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_15_04 {background-image:url(../img/sub/15-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_16_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_16_01 {background-image:url(../img/sub/16-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_16_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_16_02 {background-image:url(../img/sub/16-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_16_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_16_03 {background-image:url(../img/sub/16-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_16_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_16_04 {background-image:url(../img/sub/16-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_17_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_17_01 {background-image:url(../img/sub/17-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_17_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_17_02 {background-image:url(../img/sub/17-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_17_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_17_03 {background-image:url(../img/sub/17-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_17_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_17_04 {background-image:url(../img/sub/17-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_18_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_18_01 {background-image:url(../img/sub/18-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_18_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_18_02 {background-image:url(../img/sub/18-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_18_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_18_03 {background-image:url(../img/sub/18-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_18_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_18_04 {background-image:url(../img/sub/18-4on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_19_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_19_01 {background-image:url(../img/sub/19-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_19_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_19_02 {background-image:url(../img/sub/19-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_19_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_19_03 {background-image:url(../img/sub/19-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_19_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_19_04 {background-image:url(../img/sub/19-4on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_19_05,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_19_05 {background-image:url(../img/sub/19-5on.png); }

.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_20_01,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_20_01 {background-image:url(../img/sub/20-1on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_20_02,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_20_02 {background-image:url(../img/sub/20-2on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_20_03,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_20_03 {background-image:url(../img/sub/20-3on.png); }
.sub_qna_wrap .qna_bot .qna_list:hover .qna_img.qna_20_04,
.sub_qna_wrap .qna_bot .qna_list.sel .qna_img.qna_20_04 {background-image:url(../img/sub/20-4on.png); }

.btns {margin:0 auto; text-align:center;}
.btns a { display:inline-block; border:3px solid #d8d8d8; width:148px; line-height:53px; border-radius:8px; box-shadow:none; border:none; margin:0 5px;}
.btns .prv_btn { background-color:#BFDEE3; color:#000; font-size:18px; font-weight:400;border:3px solid #BFDEE3;}
.btns .prv_btn:hover {background-color:#fff; transition:all 0.3s; }
.btns .nxt_btn {background-color:#3799A9; color:#fff; font-size:18px; font-weight:700;border:3px solid #3799A9;}
.btns .nxt_btn:hover {background-color:#33a7bd; transition:all 0.3s;border:3px solid #33a7bd;}

.sub_qna_wrap .qna_bot .qna_list:hover .qna_check {background-image:url('../img/sub/check_hover.png'); transition:all 0.3s;}

.scroll_tb {display:none; font-size:12px; color:#777; font-weight:800; text-align:center; border-bottom:1px solid #ddd; padding:3px 0;}

@media (min-width:1500px) {
    /* 검사지 css */
    #sub_container {margin:100px 0 150px;}
    #sub_container .center {width:1200px; margin:0 auto; text-align:center;}

    .sub_qna_wrap {text-align:center;}
    .sub_T {font-size:40px; color:#33a7bd; font-weight:700; margin-bottom:40px; text-align:center;}
    .page_num {font-size:18px; text-align:right;}
    .page_num span {color:#33a7bd;}
    .sub_qna_wrap .qna_top {border-top:1px solid #000; border-bottom:1px solid #d5d5d5; padding:30px;}
    .sub_qna_wrap .qna_top p {float:left;}
    .sub_qna_wrap .qna_top .q_num {width:51px; line-height:51px; border-radius:50%; text-align:center; color:#fff; font-size:22px; font-weight:700; background-color:#525252; margin-right:15px;}
    .sub_qna_wrap .qna_top .q_ti {font-size:24px; color:#000; padding-top:15px;}
    .sub_qna_wrap .qna_bot {padding:105px 0;}
    .sub_qna_wrap .qna_bot .qna_list {float:left; position:relative; margin:15px 0;}

    .sub_qna_wrap .qna_bot .qna_list.list_3ea {width:33.333333%;}
    .sub_qna_wrap .qna_bot .qna_list.list_4ea {width:25%;}
    .sub_qna_wrap .qna_bot .qna_list.list_5ea {width:20%;}

    .sub_qna_wrap .qna_bot .qna_list .qna_check {width:68px; height:68px; background-image:url('../img/sub/check.png'); position:absolute; left:20px;}
    .sub_qna_wrap .qna_bot .qna_list .qna_img {width:215px; height:215px; margin:0 auto; border:2px solid #efefef; border-radius:50%; background-color:#f8feff; background-repeat:no-repeat; background-position:center center;}
    .sub_qna_wrap .qna_bot .qna_list .qna_ti {font-size:18px; color:#000; font-weight:400; margin-top:20px;}
    .sub_qna_wrap .qna_bot .qna_list .qna_ti span {font-size:14.5px; font-weight:400; color:#7c7c7c;}

    /* .sub_qna_wrap .qna_bot .qna_list:hover .qna_check {background-image:url('../img/sub/check_hover.png'); transition:all 0.3s;} */
    .sub_qna_wrap .qna_bot .qna_list.sel .qna_check {background-image:url('../img/sub/check_on.png'); transition:all 0.3s;}
    .sub_qna_wrap .qna_bot .qna_list:hover .qna_img,
    .sub_qna_wrap .qna_bot .qna_list.sel .qna_img {border:2px solid #33a7bd; border-radius:50%; background-color:#fff; transition:all 0.3s;}
    .sub_qna_wrap .qna_bot .qna_list:hover .qna_ti,
    .sub_qna_wrap .qna_bot .qna_list.sel .qna_ti {font-size:18px; color:#33a7bd; font-weight:700; transition:all 0.3s;}


    .sub_qna_wrap .qna_bot .list_position {position:relative; left:10%;}
    .sub_qna_wrap .qna_bot .qna_list.list_7ea {width:21%; margin:25px 2%; min-height:124px; border:1px solid #efefef; background-color:#f8feff; border-radius:14px; padding:35px 0 25px;}
    .sub_qna_wrap .qna_bot .qna_list.list_7ea .qna_check {left:50%; transform:translateX(-50%); top:-35px;}

    .sub_qna_wrap .qna_bot .qna_list.list_10ea {width:16%; margin:25px 2%; min-height:124px; border:1px solid #efefef; background-color:#f8feff; border-radius:14px; padding:35px 0 25px;}
    .sub_qna_wrap .qna_bot .qna_list.list_10ea .qna_check {left:50%; transform:translateX(-50%); top:-35px;}

    /* .btns {margin:0 auto; text-align:center;}
    .btns a { display:inline-block; border:3px solid #d8d8d8; width:148px; line-height:53px; border-radius:8px; box-shadow:none; border:none; margin:0 5px;}
    .btns .prv_btn { background-color:#d8d8d8; color:#000; font-size:18px; font-weight:400;border:3px solid #d8d8d8;}
    .btns .prv_btn:hover {background-color:#fff; transition:all 0.3s; }
    .btns .nxt_btn {background-color:#525252; color:#fff; font-size:18px; font-weight:700;border:3px solid #525252;}
    .btns .nxt_btn:hover {background-color:#33a7bd; transition:all 0.3s;border:3px solid #33a7bd;} */

        /* 결과지 css - result css*/
    #result_container {padding:100px 0 150px; background-color:#f8feff;}
    #result_container .center {width:1200px; margin:0 auto;}

    .rem_ti {font-size:20px; font-weight:700; color:#33a7bd;}
    .rem_T {font-size:30px; font-weight:700; color:#000; margin:25px 0 35px;}

    .sub_result {}
    .result_cont1 {width:100%; background-color:#fff; border-radius:20px; box-shadow:0 0 10px 0 #d0d0d0; padding:50px 0 80px;}
    .result_cont1 .rc1_top {padding:0 35px 35px; margin:0 40px; border-bottom:1px solid #d0d0d0;}
    .result_cont1 .rc1_top div {float:left;}
    .result_cont1 .rc1_top .ret_le {width:60%; padding-top:35px;}
    .result_cont1 .rc1_top .ret_le .ret_ti {font-size:19px; font-weight:700; color:#5c5c5c; text-align: left;}
    .result_cont1 .rc1_top .ret_le .ret_T {font-size:30px; font-weight:700; color:#5c5c5c; margin:20px 0 40px 0;  text-align: left;}
    .result_cont1 .rc1_top .ret_le .ret_T span {color:#33a7bd;}
    .result_cont1 .rc1_top .ret_le .ret_list span {font-size:17px; font-weight:400; padding:7px 9px; color:#5c5c5c; margin:0 5px; border-radius:17px;}
    .result_cont1 .rc1_top .ret_le .ret_list span.org {background-color:#f3ddd3;}
    .result_cont1 .rc1_top .ret_le .ret_list span.yel {background-color:#fffac7;}
    .result_cont1 .rc1_top .ret_le .ret_list span.blu {background-color:#d0e7f7;}
    .result_cont1 .rc1_top .ret_le .ret_list span.vio {background-color:#f2dcff;}
    .result_cont1 .rc1_top .ret_le .ret_list span.grn {background-color:#c0ecc5;}
    .result_cont1 .rc1_top .ret_ri {width:40%; height:233px; background-image:url(../img/result/result_img.png); background-repeat:no-repeat; background-position:center center;}

    .result_cont1 .rc1_mid {text-align:center; margin-top:73px}
    .result_cont1 .rc1_mid .rem_box {width:656px; height:417px; margin:0 auto; background-color:#f7f7f7; border-radius:15px; background-repeat:no-repeat; background-position:center center;}
    .result_cont1 .rc1_mid .rem_box.result_data { background-image:url(../img/result/result_data.png);}

    .result_cont1 .rc1_bot {margin-top:70px; padding:0 25px;}
    .result_cont1 .rc1_bot .rb_season {float:left; width:25%; padding:0 10px; position:relative;}
    .result_cont1 .rc1_bot .rb_season::after {content:''; display:inline-block; width:1px; height:720px; background-color:#e3e3e3; position:absolute; top:0; right:0;}
    .result_cont1 .rc1_bot .rb_season:last-child::after {display:none;}

    .result_cont1 .rc1_bot .rb_season .retb_s_T {font-size:20px; font-weight:700; color:#fff; text-align:center; padding:15px 0; border-radius:10px;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.autumn {background-color:#cc9d90;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.winter {background-color:#7eaad2;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.spring {background-color:#a7d078;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.summer {background-color:#65bccd;}

    .result_cont1 .rc1_bot .rb_season .season_img {width:125px; height:125px; margin:0 auto; background-repeat:no-repeat; background-position:center center;}
    .result_cont1 .rc1_bot .rb_season .season_img.autumn {background-image:url(../img/result/tip_fall.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.winter {background-image:url(../img/result/tip_winter.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.spring {background-image:url(../img/result/tip_spring.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.summer {background-image:url(../img/result/tip_summer.png);}

    .result_cont1 .rc1_bot .rb_season .season_caution {margin-top:25px; min-height:150px;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti {font-size:18px; font-weight:800; text-align:center; margin-bottom:10px;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.autumn {color:#cc9d90;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.winter {color:#7eaad2;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.spring {color:#a7d078;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.summer {color:#65bccd;}
    .result_cont1 .rc1_bot .rb_season .season_caution .retb_ti {font-size:17px; font-weight:400; color:#000; line-height:1.82; text-align:center; padding:0 5px}

    .result_cont1 .rc1_bot .season_tip {margin-top:65px;}
    .result_cont1 .rc1_bot .season_tip .ss_tip {font-size:17px; font-weight:800; display:inline-block; color:#676767; border-bottom:1px solid #676767; margin-bottom:11px;}
    .result_cont1 .rc1_bot .season_tip .ss_tip_ti {font-size:16.5px; font-weight:400; color:#000; text-align:left; line-height:1.82;}

    .result_cont2 {background-color:#fff; box-shadow:0 0 10px 0 #d0d0d0; border-radius:20px; padding:50px 0 80px; text-align:center; margin-top:90px;}
    .result_cont2 .recom_product {padding:0 25px;}
    .result_cont2 .recom_product .rp_list {float:left; width:25%; padding:0 10px; position:relative;}
    .result_cont2 .recom_product .rp_list .rp_T {font-size:20px; font-weight:700; color:#fff; text-align:center; padding:15px 0; border-radius:10px; background-color:#33a7bd;}
    .result_cont2 .recom_product .rp_list {position:relative;}
    .result_cont2 .recom_product .rp_list::after {content:''; display:inline-block; width:1px; height:800px; background-color:#e3e3e3; position:absolute; top:0; right:0;}
    .result_cont2 .recom_product .rp_list:last-child::after {display:none;}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img {height:280px; background-repeat:no-repeat; background-position:center center;}
    .result_cont2 .recom_product .rp_list .rp_box .rp_ti {font-size:17px; font-weight:400; color:#000; margin:20px 0;}
    .result_cont2 .recom_product .rp_list .rp_box .go_link {font-size:15px; background-color:#f5f5f5; border:1px solid #979797; border-radius:15px; padding:5px 25px; cursor:pointer;}
    .result_cont2 .recom_product .rp_list .rp_box .go_link:hover {background-color:#979797; color:#fff; transition:all 0.3s;}

    .result_cont2 .recom_product .rp_list .rp_box .rp_img.autumn_01 {background-image:url(../img/result/product_toner.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.autumn_02 {background-image:url(../img/result/product_cream.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.winter_01 {background-image:url(../img/result/product_mask.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.winter_02 {background-image:url(../img/result/product_cream.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.spring_01 {background-image:url(../img/result/product_cleanser.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.summer_01 {background-image:url(../img/result/product_toner.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.summer_02 {background-image:url(../img/result/product_sunblock.png);}


    .btns .retest_btn {display:inline-block; width:148px; line-height:53px; background-color:#525252; box-shadow:0 0 10px 0 #d0d0d0; border-radius:8px; color:#fff; font-size:18px; margin:0 5px; margin-top:85px; border:3px solid #525252;}
    .btns .retest_btn:hover {background-color:#fff; color:#33a7bd; border:3px solid #33a7bd; transition:all 0.3s;}
    .btns .sns_btn {display:inline-block; width:148px; line-height:53px;box-shadow:0 0 10px 0 #d0d0d0; border-radius:8px;  background-color:#d8d8d8; color:#000; font-size:18px; margin:0 5px; margin-top:85px; border:3px solid #d8d8d8;}
    .btns .sns_btn:hover {background-color:#fff; transition:all 0.3s;}
}



@media (max-width:1499px) and (min-width:1201px) {
        /* 검사지 css */
    #sub_container {margin:100px 0 150px;}
    #sub_container .center {width:96%; margin:0 auto; text-align:center;}

    .sub_qna_wrap {text-align:center;}
    .sub_T {font-size:40px; color:#33a7bd; font-weight:700; margin-bottom:40px; text-align:center;}
    .page_num {font-size:18px; text-align:right;}
    .page_num span {color:#33a7bd;}
    .sub_qna_wrap .qna_top {border-top:1px solid #000; border-bottom:1px solid #d5d5d5; padding:30px;}
    .sub_qna_wrap .qna_top p {float:left;}
    .sub_qna_wrap .qna_top .q_num {width:51px; line-height:51px; border-radius:50%; text-align:center; color:#fff; font-size:22px; font-weight:700; background-color:#525252; margin-right:15px;}
    .sub_qna_wrap .qna_top .q_ti {font-size:24px; color:#000; padding-top:15px;}
    .sub_qna_wrap .qna_bot {padding:105px 0;}
    .sub_qna_wrap .qna_bot .qna_list {float:left; position:relative;}

    .sub_qna_wrap .qna_bot .qna_list.list_3ea {width:33.333333%;}
    .sub_qna_wrap .qna_bot .qna_list.list_4ea {width:25%;}
    .sub_qna_wrap .qna_bot .qna_list.list_5ea {width:20%;}

    .sub_qna_wrap .qna_bot .qna_list .qna_check {width:68px; height:68px; background-image:url(../img/sub/check.png); position:absolute; left:20px}
    .sub_qna_wrap .qna_bot .qna_list .qna_img {width:215px; height:215px; margin:0 auto; border:2px solid #efefef; border-radius:50%; background-color:#f8feff; background-repeat:no-repeat; background-position:center center;}
    .sub_qna_wrap .qna_bot .qna_list .qna_ti {font-size:18px; color:#000; font-weight:400; margin-top:20px;}
    .sub_qna_wrap .qna_bot .qna_list .qna_ti span {font-size:14.5px; font-weight:400; color:#7c7c7c;}

    .sub_qna_wrap .qna_bot .qna_list.sel .qna_check {background-image:url(../img/sub/check_on.png);}
    .sub_qna_wrap .qna_bot .qna_list.sel .qna_img {border:2px solid #33a7bd; border-radius:50%; background-color:#fff;}
    .sub_qna_wrap .qna_bot .qna_list.sel .qna_ti {font-size:18px; color:#33a7bd; font-weight:700;}

    .sub_qna_wrap .qna_bot .list_position {position:relative; left:10%;}
    .sub_qna_wrap .qna_bot .qna_list.list_7ea {width:21%; margin:25px 2%; min-height:124px; border:1px solid #efefef; background-color:#f8feff; border-radius:14px; padding:35px 0 25px;}
    .sub_qna_wrap .qna_bot .qna_list.list_7ea .qna_check {left:50%; transform:translateX(-50%); top:-35px;}

    .sub_qna_wrap .qna_bot .qna_list.list_10ea {width:16%; margin:25px 2%; min-height:124px; border:1px solid #efefef; background-color:#f8feff; border-radius:14px; padding:35px 0 25px;}
    .sub_qna_wrap .qna_bot .qna_list.list_10ea .qna_check {left:50%; transform:translateX(-50%); top:-35px;}


    /* .btns {margin:0 auto; text-align:center;}
    .btns a {display:inline-block; width:148px; line-height:53px; border-radius:8px; box-shadow:none; border:none; margin:0 5px;}
    .btns .prv_btn {background-color:#d8d8d8; color:#000; font-size:18px; font-weight:400; border:3px solid #d8d8d8;}
    .btns .prv_btn:hover {background-color:#fff; transition:all 0.3s;}
    .btns .nxt_btn {background-color:#525252; color:#fff; font-size:18px; font-weight:700;}
    .btns .nxt_btn:hover {background-color:#33a7bd; transition:all 0.3s;} */

        /* 결과지 css - result css*/
    #result_container {padding:100px 0 150px; background-color:#f8feff;}
    #result_container .center {width:96%; margin:0 auto;}

    .rem_ti {font-size:20px; font-weight:700; color:#33a7bd;}
    .rem_T {font-size:30px; font-weight:700; color:#000; margin:25px 0 35px;}

    .sub_result {}
    .result_cont1 {width:100%; background-color:#fff; border-radius:20px; box-shadow:0 0 10px 0 #d0d0d0; padding:50px 0 80px;}
    .result_cont1 .rc1_top {padding:0 35px 35px; margin:0 40px; border-bottom:1px solid #d0d0d0;}
    .result_cont1 .rc1_top div {float:left;}
    .result_cont1 .rc1_top .ret_le {width:60%; padding-top:35px;}
    .result_cont1 .rc1_top .ret_le .ret_ti {font-size:19px; font-weight:700; color:#5c5c5c;}
    .result_cont1 .rc1_top .ret_le .ret_T {font-size:30px; font-weight:700; color:#5c5c5c; margin:30px 0;}
    .result_cont1 .rc1_top .ret_le .ret_T span {color:#33a7bd;}
    .result_cont1 .rc1_top .ret_le .ret_list span {font-size:17px; font-weight:400; padding:7px 9px; color:#5c5c5c; margin:0 5px; border-radius:17px;}
    .result_cont1 .rc1_top .ret_le .ret_list span.org {background-color:#f3ddd3;}
    .result_cont1 .rc1_top .ret_le .ret_list span.yel {background-color:#fffac7;}
    .result_cont1 .rc1_top .ret_le .ret_list span.blu {background-color:#d0e7f7;}
    .result_cont1 .rc1_top .ret_le .ret_list span.vio {background-color:#f2dcff;}
    .result_cont1 .rc1_top .ret_le .ret_list span.grn {background-color:#c0ecc5;}
    .result_cont1 .rc1_top .ret_ri {width:40%; height:233px; background-image:url(../img/result/result_img.png); background-repeat:no-repeat; background-position:center center;}

    .result_cont1 .rc1_mid {text-align:center; margin-top:73px}
    .result_cont1 .rc1_mid .rem_box {width:656px; height:417px; margin:0 auto; background-color:#f7f7f7; border-radius:15px; background-repeat:no-repeat; background-position:center center;}
    .result_cont1 .rc1_mid .rem_box.result_data { background-image:url(../img/result/result_data.png);}

    .result_cont1 .rc1_bot {margin-top:70px; padding:0 25px;}
    .result_cont1 .rc1_bot .rb_season {float:left; width:25%; padding:0 10px; position:relative;}
    .result_cont1 .rc1_bot .rb_season::after {content:''; display:inline-block; width:1px; height:720px; background-color:#e3e3e3; position:absolute; top:0; right:0;}
    .result_cont1 .rc1_bot .rb_season:last-child::after {display:none;}

    .result_cont1 .rc1_bot .rb_season .retb_s_T {font-size:20px; font-weight:700; color:#fff; text-align:center; padding:15px 0; border-radius:10px;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.autumn {background-color:#cc9d90;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.winter {background-color:#7eaad2;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.spring {background-color:#a7d078;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.summer {background-color:#65bccd;}

    .result_cont1 .rc1_bot .rb_season .season_img {width:125px; height:125px; margin:0 auto; background-repeat:no-repeat; background-position:center center;}
    .result_cont1 .rc1_bot .rb_season .season_img.autumn {background-image:url(../img/result/tip_fall.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.winter {background-image:url(../img/result/tip_winter.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.spring {background-image:url(../img/result/tip_spring.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.summer {background-image:url(../img/result/tip_summer.png);}

    .result_cont1 .rc1_bot .rb_season .season_caution {margin-top:25px; min-height:150px;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti {font-size:18px; font-weight:800; text-align:center; margin-bottom:10px;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.autumn {color:#cc9d90;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.winter {color:#7eaad2;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.spring {color:#a7d078;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.summer {color:#65bccd;}
    .result_cont1 .rc1_bot .rb_season .season_caution .retb_ti {font-size:17px; font-weight:400; color:#000; line-height:1.82; text-align:center; padding:0 5px}

    .result_cont1 .rc1_bot .season_tip {margin-top:65px;}
    .result_cont1 .rc1_bot .season_tip .ss_tip {font-size:17px; font-weight:800; display:inline-block; color:#676767; border-bottom:1px solid #676767; margin-bottom:11px;}
    .result_cont1 .rc1_bot .season_tip .ss_tip_ti {font-size:16.5px; font-weight:400; color:#000; text-align:left; line-height:1.82;}

    .result_cont2 {background-color:#fff; box-shadow:0 0 10px 0 #d0d0d0; border-radius:20px; padding:50px 0 80px; text-align:center; margin-top:90px;}
    .result_cont2 .recom_product {padding:0 25px;}
    .result_cont2 .recom_product .rp_list {float:left; width:25%; padding:0 10px; position:relative;}
    .result_cont2 .recom_product .rp_list .rp_T {font-size:20px; font-weight:700; color:#fff; text-align:center; padding:15px 0; border-radius:10px; background-color:#33a7bd;}
    .result_cont2 .recom_product .rp_list {position:relative;}
    .result_cont2 .recom_product .rp_list::after {content:''; display:inline-block; width:1px; height:800px; background-color:#e3e3e3; position:absolute; top:0; right:0;}
    .result_cont2 .recom_product .rp_list:last-child::after {display:none;}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img {height:280px; background-repeat:no-repeat; background-position:center center;}
    .result_cont2 .recom_product .rp_list .rp_box .rp_ti {font-size:17px; font-weight:400; color:#000; margin:20px 0;}
    .result_cont2 .recom_product .rp_list .rp_box .go_link {font-size:15px; background-color:#f5f5f5; border:1px solid #979797; border-radius:15px; padding:5px 25px; cursor:pointer;}
    .result_cont2 .recom_product .rp_list .rp_box .go_link:hover {background-color:#979797; color:#fff; transition:all 0.3s;}

    .result_cont2 .recom_product .rp_list .rp_box .rp_img.autumn_01 {background-image:url(../img/result/product_toner.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.autumn_02 {background-image:url(../img/result/product_cream.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.winter_01 {background-image:url(../img/result/product_mask.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.winter_02 {background-image:url(../img/result/product_cream.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.spring_01 {background-image:url(../img/result/product_cleanser.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.summer_01 {background-image:url(../img/result/product_toner.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.summer_02 {background-image:url(../img/result/product_sunblock.png);}

    .btns .retest_btn {display:inline-block; width:148px; line-height:53px; background-color:#525252; box-shadow:0 0 10px 0 #d0d0d0; border-radius:8px; color:#fff; font-size:18px; margin:0 5px; margin-top:85px; border:3px solid #525252;}
    .btns .retest_btn:hover {background-color:#fff; color:#33a7bd; border:3px solid #33a7bd; transition:all 0.3s;}
    .btns .sns_btn {display:inline-block; width:148px; line-height:53px;box-shadow:0 0 10px 0 #d0d0d0; border-radius:8px;  background-color:#d8d8d8; color:#000; font-size:18px; margin:0 5px; margin-top:85px; border:3px solid #d8d8d8;}
    .btns .sns_btn:hover {background-color:#fff; transition:all 0.3s;}
}

@media (max-width:1200px) and (min-width:748px) {
        /* 검사지 css */
    #sub_container {margin:100px 0 150px;}
    #sub_container .center {width:96%; margin:0 auto; text-align:center;}

    .sub_qna_wrap {text-align:center; position:relative;}
    .sub_T {font-size:40px; color:#33a7bd; font-weight:700; margin-bottom:40px; text-align:center;}
    .page_num {font-size:18px; text-align:right; position:absolute; right:0; bottom:0;}
    .page_num span {color:#33a7bd;}
    .sub_qna_wrap .qna_top {border-top:1px solid #000; border-bottom:1px solid #d5d5d5; padding:30px;}
    .sub_qna_wrap .qna_top p {float:left;}
    .sub_qna_wrap .qna_top .q_num {width:51px; line-height:51px; border-radius:50%; text-align:center; color:#fff; font-size:22px; font-weight:700; background-color:#525252; margin-right:15px;}
    .sub_qna_wrap .qna_top .q_ti {font-size:24px; color:#000; padding-top:15px;}
    .sub_qna_wrap .qna_bot {padding:40px 0;}
    .sub_qna_wrap .qna_bot .qna_list {float:none; position:relative; border:1px solid #eaeaea; background-color:#f8feff; padding:40px 0 40px 150px; margin:20px 0; text-align:left;}
    .sub_qna_wrap .qna_bot .qna_list .qna_check {width:68px; height:68px; background-image:url(../img/sub/check.png); position:absolute; left:35px; top:50%; transform:translateY(-50%);}
    .sub_qna_wrap .qna_bot .qna_list .qna_img {display:none; width:215px; height:215px; margin:0 auto; border:2px solid #efefef; border-radius:50%; background-color:#f8feff; background-repeat:no-repeat; background-position:center center;}
    .sub_qna_wrap .qna_bot .qna_list .qna_ti {font-size:18px; color:#000; font-weight:400; margin-top:0;}
    .sub_qna_wrap .qna_bot .qna_list .qna_ti span {font-size:14.5px; font-weight:400; color:#7c7c7c;}
    .sub_qna_wrap .qna_bot .qna_list .qna_ti .ent {display:none;}

    .sub_qna_wrap .qna_bot .qna_list.sel .qna_check {background-image:url(../img/sub/check_on.png);}
    .sub_qna_wrap .qna_bot .qna_list.sel .qna_img {border:2px solid #33a7bd; border-radius:50%; background-color:#fff;}
    .sub_qna_wrap .qna_bot .qna_list.sel .qna_ti {font-size:18px; color:#33a7bd; font-weight:700;}


    /* .btns {margin:0 auto; text-align:center;}
    .btns a {display:inline-block; width:148px; line-height:53px; border-radius:8px; box-shadow:none; border:none; margin:0 5px;}
    .btns .prv_btn {background-color:#d8d8d8; color:#000; font-size:18px; font-weight:400; border:3px solid #d8d8d8;}
    .btns .prv_btn:hover {background-color:#fff; transition:all 0.3s;}
    .btns .nxt_btn {background-color:#525252; color:#fff; font-size:18px; font-weight:700;}
    .btns .nxt_btn:hover {background-color:#33a7bd; transition:all 0.3s;} */

        /* 결과지 css - result css*/
    #result_container {padding:100px 0 150px; background-color:#f8feff;}
    #result_container .center {width:96%; margin:0 auto;}

    .rem_ti {font-size:20px; font-weight:700; color:#33a7bd;}
    .rem_T {font-size:30px; font-weight:700; color:#000; margin:25px 0 35px;}

    .sub_result {}
    .result_cont1 {width:100%; background-color:#fff; border-radius:20px; box-shadow:0 0 10px 0 #d0d0d0; padding:50px 0 80px;}
    .result_cont1 .rc1_top {padding:0 35px 35px; margin:0 40px; border-bottom:1px solid #d0d0d0;}
    .result_cont1 .rc1_top div {float:none;}
    .result_cont1 .rc1_top .ret_le {width:100%; padding-top:35px; text-align:center; margin-bottom:45px;}
    .result_cont1 .rc1_top .ret_le .ret_ti {font-size:19px; font-weight:700; color:#5c5c5c;}
    .result_cont1 .rc1_top .ret_le .ret_T {font-size:30px; font-weight:700; color:#5c5c5c; margin:30px 0;}
    .result_cont1 .rc1_top .ret_le .ret_T span {color:#33a7bd;}
    .result_cont1 .rc1_top .ret_le .ret_list span {font-size:17px; font-weight:400; padding:7px 9px; color:#5c5c5c; margin:0 5px; border-radius:17px;}
    .result_cont1 .rc1_top .ret_le .ret_list span.org {background-color:#f3ddd3;}
    .result_cont1 .rc1_top .ret_le .ret_list span.yel {background-color:#fffac7;}
    .result_cont1 .rc1_top .ret_le .ret_list span.blu {background-color:#d0e7f7;}
    .result_cont1 .rc1_top .ret_le .ret_list span.vio {background-color:#f2dcff;}
    .result_cont1 .rc1_top .ret_le .ret_list span.grn {background-color:#c0ecc5;}
    .result_cont1 .rc1_top .ret_ri {width:100%; height:233px; background-image:url(../img/result/result_img.png); background-repeat:no-repeat; background-position:center center;}

    .result_cont1 .rc1_mid {text-align:center; margin-top:73px}
    .result_cont1 .rc1_mid .rem_box {width:656px; height:417px; margin:0 auto; background-color:#f7f7f7; border-radius:15px; background-repeat:no-repeat; background-position:center center;}
    .result_cont1 .rc1_mid .rem_box.result_data { background-image:url(../img/result/result_data.png);}


    .result_cont1 .rc1_bot_scroll {overflow-x:scroll; border:1px solid #979797; margin:35px;}
    .scroll_tb {display:block;}


    .result_cont1 .rc1_bot {width:1200px; margin-top:70px; padding:25px;}
    .result_cont1 .rc1_bot .rb_season {float:left; width:25%; padding:0 10px; position:relative;}
    .result_cont1 .rc1_bot .rb_season::after {content:''; display:inline-block; width:1px; height:720px; background-color:#e3e3e3; position:absolute; top:0; right:0;}
    .result_cont1 .rc1_bot .rb_season:last-child::after {display:none;}

    .result_cont1 .rc1_bot .rb_season .retb_s_T {font-size:20px; font-weight:700; color:#fff; text-align:center; padding:15px 0; border-radius:10px;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.autumn {background-color:#cc9d90;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.winter {background-color:#7eaad2;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.spring {background-color:#a7d078;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.summer {background-color:#65bccd;}

    .result_cont1 .rc1_bot .rb_season .season_img {width:125px; height:125px; margin:0 auto; background-repeat:no-repeat; background-position:center center;}
    .result_cont1 .rc1_bot .rb_season .season_img.autumn {background-image:url(../img/result/tip_fall.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.winter {background-image:url(../img/result/tip_winter.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.spring {background-image:url(../img/result/tip_spring.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.summer {background-image:url(../img/result/tip_summer.png);}

    .result_cont1 .rc1_bot .rb_season .season_caution {margin-top:25px; min-height:150px;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti {font-size:18px; font-weight:800; text-align:center; margin-bottom:10px;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.autumn {color:#cc9d90;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.winter {color:#7eaad2;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.spring {color:#a7d078;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.summer {color:#65bccd;}
    .result_cont1 .rc1_bot .rb_season .season_caution .retb_ti {font-size:17px; font-weight:400; color:#000; line-height:1.82; text-align:center; padding:0 5px}

    .result_cont1 .rc1_bot .season_tip {margin-top:65px;}
    .result_cont1 .rc1_bot .season_tip .ss_tip {font-size:17px; font-weight:800; display:inline-block; color:#676767; border-bottom:1px solid #676767; margin-bottom:11px;}
    .result_cont1 .rc1_bot .season_tip .ss_tip_ti {font-size:16.5px; font-weight:400; color:#000; text-align:left; line-height:1.82;}

    .result_cont2 {background-color:#fff; box-shadow:0 0 10px 0 #d0d0d0; border-radius:20px; padding:50px 0 80px; text-align:center; margin-top:90px;}
    .result_cont2 .recom_product_scroll {overflow-x:scroll; border:1px solid #979797; margin:35px;}


    .result_cont2 .recom_product {width:1200px; padding:25px;}
    .result_cont2 .recom_product .rp_list {float:left; width:25%; padding:0 10px; position:relative;}
    .result_cont2 .recom_product .rp_list .rp_T {font-size:20px; font-weight:700; color:#fff; text-align:center; padding:15px 0; border-radius:10px; background-color:#33a7bd;}
    .result_cont2 .recom_product .rp_list {position:relative;}
    .result_cont2 .recom_product .rp_list::after {content:''; display:inline-block; width:1px; height:800px; background-color:#e3e3e3; position:absolute; top:0; right:0;}
    .result_cont2 .recom_product .rp_list:last-child::after {display:none;}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img {height:280px; background-repeat:no-repeat; background-position:center center;}
    .result_cont2 .recom_product .rp_list .rp_box .rp_ti {font-size:17px; font-weight:400; color:#000; margin:20px 0;}
    .result_cont2 .recom_product .rp_list .rp_box .go_link {font-size:15px; background-color:#f5f5f5; border:1px solid #979797; border-radius:15px; padding:5px 25px; cursor:pointer;}
    .result_cont2 .recom_product .rp_list .rp_box .go_link:hover {background-color:#979797; color:#fff; transition:all 0.3s;}

    .result_cont2 .recom_product .rp_list .rp_box .rp_img.autumn_01 {background-image:url(../img/result/product_toner.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.autumn_02 {background-image:url(../img/result/product_cream.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.winter_01 {background-image:url(../img/result/product_mask.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.winter_02 {background-image:url(../img/result/product_cream.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.spring_01 {background-image:url(../img/result/product_cleanser.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.summer_01 {background-image:url(../img/result/product_toner.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.summer_02 {background-image:url(../img/result/product_sunblock.png);}

    .btns .retest_btn {display:inline-block; width:148px; line-height:53px; background-color:#525252; box-shadow:0 0 10px 0 #d0d0d0; border-radius:8px; color:#fff; font-size:18px; margin:0 5px; margin-top:85px; border:3px solid #525252;}
    .btns .retest_btn:hover {background-color:#fff; color:#33a7bd; border:3px solid #33a7bd; transition:all 0.3s;}
    .btns .sns_btn {display:inline-block; width:148px; line-height:53px;box-shadow:0 0 10px 0 #d0d0d0; border-radius:8px;  background-color:#d8d8d8; color:#000; font-size:18px; margin:0 5px; margin-top:85px; border:3px solid #d8d8d8;}
    .btns .sns_btn:hover {background-color:#fff; transition:all 0.3s;}
}

@media (max-width:747px) {
        /* 검사지 css */
    #sub_container {margin:30px 0 30px;}
    #sub_container .center {width:96%; margin:0 auto; text-align:center;}

    .btns a { line-height: 44px; }

    .sub_qna_wrap {text-align:center; position:relative;}
    .sub_T {font-size:30px; color:#33a7bd; font-weight:700; margin-bottom:40px; text-align:center;}
    .page_num {font-size:18px; text-align:right; position:absolute; right:0; bottom:0px;}
    .page_num span {color:#33a7bd;}
    .sub_qna_wrap .qna_top {border-top:1px solid #000; border-bottom:1px solid #d5d5d5; padding:15px;}
    .sub_qna_wrap .qna_top p {float:left;}
    .sub_qna_wrap .qna_top .q_num {display:none;}
    .sub_qna_wrap .qna_top .q_num_mobile {display:block; padding:5px 10px;border-radius:5px; text-align:center; color:#fff; font-size:18px; font-weight:600; background-color:#525252; margin-right:15px;}

    .sub_qna_wrap .qna_top .q_ti {font-size:20px; color:#000; padding-top:15px;}
    .sub_qna_wrap .qna_bot {padding:20px 0;}
    .sub_qna_wrap .qna_bot .qna_list {float:none; position:relative; border:1px solid #eaeaea; background-color:#f8feff; padding:30px 0 30px 95px; margin:10px 0; text-align:left;}
    .sub_qna_wrap .qna_bot .qna_list .qna_check {width:69px; height:68px; background-image:url(../img/sub/check.png); position:absolute; left:15px; top:50%; transform:translateY(-50%);}
    .sub_qna_wrap .qna_bot .qna_list .qna_img {display:none; width:215px; height:215px; margin:0 auto; border:2px solid #efefef; border-radius:50%; background-color:#f8feff; background-repeat:no-repeat; background-position:center center;}
    .sub_qna_wrap .qna_bot .qna_list .qna_ti {font-size:18px; color:#000; font-weight:400; margin-top:0;}
    .sub_qna_wrap .qna_bot .qna_list .qna_ti span {font-size:14.5px; font-weight:400; color:#7c7c7c;}
    .sub_qna_wrap .qna_bot .qna_list .qna_ti .ent {display:none;}

    .sub_qna_wrap .qna_bot .qna_list.sel .qna_check {background-image:url(../img/sub/check_on.png);}
    .sub_qna_wrap .qna_bot .qna_list.sel .qna_img {border:2px solid #33a7bd; border-radius:50%; background-color:#fff;}
    .sub_qna_wrap .qna_bot .qna_list.sel .qna_ti {font-size:18px; color:#33a7bd; font-weight:700;}

    /* .btns {margin:0 auto; text-align:center;} */
    /* .btns a { display:inline-block; width:148px; line-height:53px; border-radius:8px; box-shadow:none; border:none; margin:5px;} */
    /* .btns .prv_btn { background-color:#d8d8d8; color:#000; font-size:18px; font-weight:400; border:3px solid #d8d8d8;} */
    /* .btns .prv_btn:hover {background-color:#fff; transition:all 0.3s;} */
    /* .btns .nxt_btn {background-color:#525252; color:#fff; font-size:18px; font-weight:700;} */
    /* .btns .nxt_btn:hover {background-color:#33a7bd; transition:all 0.3s;} */

    /* 결과지 css - result css*/
    #result_container {padding:100px 0 150px; background-color:#f8feff;}
    #result_container .center {width:96%; margin:0 auto;}

    .rem_ti {font-size:20px; font-weight:700; color:#33a7bd;}
    .rem_T {font-size:22px; font-weight:700; color:#000; margin:25px 0 35px;}

    .sub_result {}
    .result_cont1 {width:100%; background-color:#fff; border-radius:20px; box-shadow:0 0 10px 0 #d0d0d0; padding:50px 0 80px;}
    .result_cont1 .rc1_top {padding:0 0 35px; margin:0 15px; border-bottom:1px solid #d0d0d0;}
    .result_cont1 .rc1_top div {float:none;}
    .result_cont1 .rc1_top .ret_le {width:100%; padding-top:35px; text-align:center; margin-bottom:45px;}
    .result_cont1 .rc1_top .ret_le .ret_ti {font-size:19px; font-weight:700; color:#5c5c5c;}
    .result_cont1 .rc1_top .ret_le .ret_T {font-size:30px; font-weight:700; color:#5c5c5c; margin:30px 0;}
    .result_cont1 .rc1_top .ret_le .ret_T span {color:#33a7bd;}
    .result_cont1 .rc1_top .ret_le .ret_list span {display:inline-block; font-size:17px; font-weight:400; padding:5px; color:#5c5c5c; margin:10px 3px; border-radius:17px;}
    .result_cont1 .rc1_top .ret_le .ret_list span.org {background-color:#f3ddd3;}
    .result_cont1 .rc1_top .ret_le .ret_list span.yel {background-color:#fffac7;}
    .result_cont1 .rc1_top .ret_le .ret_list span.blu {background-color:#d0e7f7;}
    .result_cont1 .rc1_top .ret_le .ret_list span.vio {background-color:#f2dcff;}
    .result_cont1 .rc1_top .ret_le .ret_list span.grn {background-color:#c0ecc5;}
    .result_cont1 .rc1_top .ret_ri {width:100%; height:233px; background-image:url(../img/result/result_img.png); background-repeat:no-repeat; background-position:center center;}

    .result_cont1 .rc1_mid {text-align:center; margin-top:73px}
    .result_cont1 .rc1_mid .rem_box {width:96%; height:380px; margin:0 auto; background-color:#f7f7f7; border-radius:15px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
    .result_cont1 .rc1_mid .rem_box.result_data { background-image:url(../img/result/result_data.png); }


    /* .result_cont1 .rc1_bot_scroll {overflow-x:scroll; border:1px solid #979797; margin:35px;} */

    .scroll_tb {display:block;}

    .result_cont1 .rc1_bot {width:100%; margin-top:70px; padding:25px;}
    /* .result_cont1 .rc1_bot .rb_season {float:left; width:25%; padding:0 10px; position:relative;} */
    .result_cont1 .rc1_bot .rb_season::after { content:''; display:inline-block; background-color:#e3e3e3; position:absolute; top:0; right:0;}
    .result_cont1 .rc1_bot .rb_season:last-child::after {display:none;}

    .result_cont1 .rc1_bot .rb_season .retb_s_T {font-size:20px; font-weight:700; color:#fff; text-align:center; padding:15px 0; border-radius:10px;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.autumn {background-color:#cc9d90;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.winter {background-color:#7eaad2;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.spring {background-color:#a7d078;}
    .result_cont1 .rc1_bot .rb_season .retb_s_T.summer {background-color:#65bccd;}

    .result_cont1 .rc1_bot .rb_season .season_img {width:125px; height:125px; margin:0 auto; background-repeat:no-repeat; background-position:center center;}
    .result_cont1 .rc1_bot .rb_season .season_img.autumn {background-image:url(../img/result/tip_fall.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.winter {background-image:url(../img/result/tip_winter.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.spring {background-image:url(../img/result/tip_spring.png);}
    .result_cont1 .rc1_bot .rb_season .season_img.summer {background-image:url(../img/result/tip_summer.png);}

    .result_cont1 .rc1_bot .rb_season .season_caution {margin-top:25px; min-height:150px;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti {font-size:18px; font-weight:800; text-align:center; margin-bottom:10px;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.autumn {color:#cc9d90;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.winter {color:#7eaad2;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.spring {color:#a7d078;}
    .result_cont1 .rc1_bot .rb_season .season_caution .caution_ti.summer {color:#65bccd;}
    .result_cont1 .rc1_bot .rb_season .season_caution .retb_ti {font-size:17px; font-weight:400; color:#000; line-height:1.82; text-align:center; padding:0 5px}

    .result_cont1 .rc1_bot .season_tip {margin-top:65px;}
    .result_cont1 .rc1_bot .season_tip .ss_tip {font-size:17px; font-weight:800; display:inline-block; color:#676767; border-bottom:1px solid #676767; margin-bottom:11px;}
    .result_cont1 .rc1_bot .season_tip .ss_tip_ti {font-size:16.5px; font-weight:400; color:#000; text-align:left; line-height:1.82;}

    .result_cont2 {background-color:#fff; box-shadow:0 0 10px 0 #d0d0d0; border-radius:20px; padding:50px 0 80px; text-align:center; margin-top:90px;}
    .result_cont2 .recom_product_scroll { border:0px; padding:0 10px;}

    .result_cont2 .recom_product {width:100%; padding:0px;}
    .result_cont2 .recom_product .rp_list { width:100%; min-height:500px; padding:0; position:relative;}
    .result_cont2 .recom_product .rp_list .rp_T {font-size:20px; font-weight:700; color:#fff; text-align:center; padding:15px 0; border-radius:10px; background-color:#33a7bd;}
    .result_cont2 .recom_product .rp_list {position:relative;}
    .result_cont2 .recom_product .rp_list::after {content:''; display:inline-block; background-color:#e3e3e3; position:absolute; top:0; right:0;}
    .result_cont2 .recom_product .rp_list:last-child::after {display:none;}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img {height:280px; background-repeat:no-repeat; background-position:center center;}
    .result_cont2 .recom_product .rp_list .rp_box .rp_ti {font-size:17px; font-weight:400; color:#000; margin:20px 0;}
    .result_cont2 .recom_product .rp_list .rp_box .go_link {font-size:15px; background-color:#f5f5f5; border:1px solid #979797; border-radius:15px; padding:5px 25px; cursor:pointer;}
    .result_cont2 .recom_product .rp_list .rp_box .go_link:hover {background-color:#979797; color:#fff; transition:all 0.3s;}

    .result_cont2 .recom_product .rp_list .rp_box .rp_img.autumn_01 {background-image:url(../img/result/product_toner.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.autumn_02 {background-image:url(../img/result/product_cream.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.winter_01 {background-image:url(../img/result/product_mask.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.winter_02 {background-image:url(../img/result/product_cream.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.spring_01 {background-image:url(../img/result/product_cleanser.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.summer_01 {background-image:url(../img/result/product_toner.png);}
    .result_cont2 .recom_product .rp_list .rp_box .rp_img.summer_02 {background-image:url(../img/result/product_sunblock.png);}

    .btns .retest_btn {display:inline-block; width:148px; line-height:53px; background-color:#525252; box-shadow:0 0 10px 0 #d0d0d0; border-radius:8px; color:#fff; font-size:18px; margin:0 5px; margin-top:85px; border:3px solid #525252;}
    .btns .retest_btn:hover {background-color:#fff; color:#33a7bd; border:3px solid #33a7bd; transition:all 0.3s;}
    .btns .sns_btn {display:inline-block; width:148px; line-height:53px;box-shadow:0 0 10px 0 #d0d0d0; border-radius:8px;  background-color:#d8d8d8; color:#000; font-size:18px; margin:0 5px; margin-top:85px; border:3px solid #d8d8d8;}
    .btns .sns_btn:hover {background-color:#fff; transition:all 0.3s;}

    .ret_list span { width: 30%; }



    .scroll_tb { display: none; }
    .no-product { height:200px; line-height:200px; text-align: center; font-size: 16px; color:#555; font-weight:bold; }
    .seasonTab { display:flex;flex-wrap: nowrap;justify-content: space-between; height:40px; text-align:center; }
    .seasonTab div { flex:1; height:40px; line-height:40px; color:#555; font-weight:bold; text-align:center;background:#efefef;font-size:16px; cursor:pointer; }
    .seasonTab > .active { background:#33A7BD; color:#fff; }
    .rb_season { display:none; }
    .rb_season .retb_s_T { display:none;}
    .rc1_bot > .active { display:block; }
    .result_cont1 .rc1_bot .rb_season {width:100%; padding:0 10px; position:relative;}

    .recom_product .rp_list { display:none; }
    .recom_product .rp_T { display:none; }
    .recom_product > .active { display:flex;flex-wrap: wrap; }
    .recom_product > .active > .rp_box { flex:1 1 33.3333%; }
}