@charset "utf-8";
/* 제작사 : D.LOFT - http://www.dloft.net/ */
/* CSS Document */
#header {position:fixed; left:0; right:0; top:0; z-index:999; height:60px; transition:0.3s; -webkit-transition:0.3s;}
#header.on {background-color:#fff; box-shadow:0 10px 20px rgba(38, 38, 41, 0.07);}

#header .h_logo {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:200px; height:35px; margin-left:-100px; margin-top:-15px;}
#header .h_logo a {display:inline-block; vertical-align:middle; float:left; width:100%; height:100%; background-image:url("../images/common/logo2.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:0.3s; -webkit-transition:0.3s;}


/* 네비 */
#nav {position:fixed; z-index:800; left:0; bottom:0; width:100%; min-width:320px; height:70px; background-color:#fff;}
#nav div {display:inline-block; vertical-align:middle;}
#nav > ul {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:0 5px;}
#nav > ul > li {display:inline-block; vertical-align:middle; position:relative; float:left; width:20%;}
#nav > ul > li .n_btn {display:inline-block; vertical-align:middle; position:relative; width:100%; height:70px; margin:0; padding:0; border:none; background:none; outline:none;}
#nav > ul > li .n_btn:before {content:""; position:absolute; left:50%; top:10px; z-index:1; width:30px; height:30px; margin-left:-15px; background-color:#fff; border-radius:50%; background-image:url("../images/common/icon_nav.png"); background-repeat:no-repeat; background-size:100% auto; transition:0.2s; -webkit-transition:0.2s;}
#nav > ul > li .n_home:before {background-position:left 0px;}
#nav > ul > li .n_login:before {background-position:left -30px;}
#nav > ul > li .n_chekin:before {background-position:left -60px;}
#nav > ul > li .n_board:before {background-position:left -90px;}
#nav > ul > li .n_callcenter:before {background-position:left -120px;}
#nav > ul > li span {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; bottom:10px; height:20px; font-size:12px; font-weight:700; color:#514a4a; line-height:20px; letter-spacing:-0.5px;}

/* 공통 */
#contents {display:inline-block; vertical-align:middle; width:100%; padding-top:60px;}
#contents .c_txt {display:inline-block; position:relative; width:100%;}
#contents .c_txt span {display:inline-block; font-family:'NanumSquare',san-serif; font-size:15px; font-weight:400; color:#514a4a; line-height:25px; letter-spacing:0.5px;}

/* 메인 */
#contents.c_main {position:fixed; left:0; right:0; top:0; bottom:70px; margin-top:0;}
#contents.c_main:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-image:url("../images/common/bg_main.png"); background-repeat:no-repeat; background-position:top; background-size:cover;}
#contents.c_main:after {content:""; position:absolute; left:0; right:0; bottom:0; height:100%; background-image:url("../images/common/pic_deco_main.png"); background-repeat:no-repeat; background-position:center bottom; background-size:contain; pointer-events:none;}

#contents.c_main .cm_title {display:inline-block; position:relative; width:100%; max-width:250px; margin-top:40px;}
#contents.c_main .cm_title > img {width:100%;}

#contents.c_main .cm_button {position:absolute; left:50%; top:43%; width:300px; margin-top:24px; margin-left:-150px;}
#contents.c_main .cm_button > i {display:inline-block; position:absolute; right:60px; top:15px; width:48px; height:60px; background-image:url("../images/common/icon_touch.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; pointer-events:none;}
#contents.c_main .cm_comment {position:absolute; left:0; right:0; bottom:20px;}
#contents.c_main .cm_comment > img {width:100%; max-width:140px;}
#contents.c_main .cm_button .btn-survey {background: linear-gradient(90deg, rgba(209,171,167,1) 0%, rgba(207,157,151,1) 100%); margin-top:24px; font-size:16px; height:40px; line-height: 40px; width: calc(100% - 40px);}
#contents.c_main .cm_button .btn-survey ~ .btn-survey {margin-top:10px;}


/* 서브 */
#contents.c_sub {padding-bottom:100px;}
#contents.c_sub:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; width:100%; background-image:url("../images/common/bg_step.png"); background-repeat:no-repeat; background-position:top; background-size:100% auto;}
#contents.c_sub .cs_deco {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents.c_sub .cs_deco > img {width:100%;}
#contents.c_sub .cs_title {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents.c_sub .cs_title > img {width:100%;}

#contents.c_sub.step .wrap {padding:0; padding:0 16px;}
#contents.c_sub.step .c_wrap {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100% !important; min-width:310px; padding-left:min(8.333vw, 30px); padding-right:min(8.333vw, 30px); margin:0 auto;}
#contents.c_sub.step .cs_deco {max-width:300px;}
#contents.c_sub.step .cs_title > img {max-width:360px;}
#contents.c_sub .cs_test {display:inline-block; vertical-align:middle; width:100%; margin-top:30px;}
#contents.c_sub .cs_test .cst_list > li > strong {display:inline-block; vertical-align:middle; margin-bottom:10px; text-align:left;}
#contents.c_sub .cs_test.cs_step01 .cst_list {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub .cs_test.cs_step01 .cst_list > li  {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub .cs_test.cs_step01 .cst_list > li.off {opacity:0.3; pointer-events:none;}
#contents.c_sub .cs_test.cs_step01 .cst_list .checkbox {float:left; width:100%;}
#contents.c_sub .cs_test.cs_step01 .cst_list .cstl_box {display:none; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; height:220px; margin-top:10px; margin-bottom:60px; padding:35px 0; padding-right:130px; border-radius:15px; background-color:#fff;}
#contents.c_sub .cs_test.cs_step01 .cst_list > li.t5 .cstl_box {margin-bottom:30px;}
#contents.c_sub .cs_test.cs_step01 .cst_list input:checked ~ .cstl_box {display:inline-block;}
#contents.c_sub .cs_test.cs_step01 .cst_list .cstl_comment {display:inline-block; vertical-align:middle; position:absolute; width:100%; left:0; bottom:-30px; font-family:'NanumSquare',san-serif; font-size:13px; font-weight:400; color:#c5bab9; line-height:25px; letter-spacing:-0.5px; text-align:left;}
#contents.c_sub .cs_test.cs_step01 .cst_list .cstl_pic {display:inline-block; position:relative; width:100%; top:50%; max-width:150px; height:auto; background-image:url("../images/common/pic_emotion01_angry.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:translate(0,-50%); aspect-ratio: 1 / 1;}
#contents.c_sub .cs_test.cs_step01 .cst_list > li.t2 .cstl_pic {background-image:url("../images/common/pic_emotion01_sad.png");}
#contents.c_sub .cs_test.cs_step01 .cst_list > li.t3 .cstl_pic {background-image:url("../images/common/pic_emotion01_unfair.png");}
#contents.c_sub .cs_test.cs_step01 .cst_list > li.t4 .cstl_pic {background-image:url("../images/common/pic_emotion01_happy.png");}
#contents.c_sub .cs_test.cs_step01 .cst_list > li.t5 .cstl_pic {background-image:url("../images/common/pic_emotion01_comfortable.png");}
#contents.c_sub .cs_test.cs_step01 .cst_list .thermometer {position:absolute; right:100px; top:50%; margin-top:-90px;}
#contents.c_sub .cs_test.cs_step01 .cst_list .cstl_degree {display:inline-block; vertical-align:middle; position:absolute; right:0; top:35px; box-sizing:border-box; width:85px;}
#contents.c_sub .cs_test.cs_step01 .cst_list .cstl_degree > li  {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub .cs_test.cs_step01 .cst_list > li .cstl_reset {display:none; float:right; width:150px;}
#contents.c_sub .cs_test.cs_step01 .cst_list > li.on .cstl_reset.off {display:inline-block;}

#contents.c_sub .cs_test.cs_step02 .cst_list .cstl_box {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; margin-top:10px; margin-bottom:30px; padding:25px 30px; border-radius:15px; background-color:#fff; font-size:0; line-height:0;}
#contents.c_sub .cs_test.cs_step02 .cst_list .cstl_pic {display:inline-block; position:relative; width:100%; max-width:240px; height:auto; background-image:url("../images/common/pic_emotion02_01.jpg"); background-repeat:no-repeat; background-position:center 0; background-size:100% auto; aspect-ratio: 12 / 7;}
#contents.c_sub .cs_test.cs_step02 .cst_list > li.t2 .cstl_pic {background-image:url("../images/common/pic_emotion02_02.jpg");}
#contents.c_sub .cs_test.cs_step02 .cst_list > li.t3 .cstl_pic {background-image:url("../images/common/pic_emotion02_03.jpg");}
#contents.c_sub .cs_test.cs_step02 .cst_list > li.t4 .cstl_pic {background-image:url("../images/common/pic_emotion02_04.jpg");}
#contents.c_sub .cs_test.cs_step02 .cst_list > li.t5 .cstl_pic {background-image:url("../images/common/pic_emotion02_05.jpg");}
#contents.c_sub .cs_test.cs_step02 .cst_list .cstl_degree {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:100%; margin-top:40px;}
#contents.c_sub .cs_test.cs_step02 .cst_list .cstl_degree > li  {display:inline-block; vertical-align:middle; float:left; width:50%; margin-bottom:10px;}
#contents.c_sub .cs_test.cs_step02 .cst_list .cstl_degree > li:nth-child(2n - 1) {margin-bottom:0;}
#contents.c_sub .cs_test.cs_step02 .cst_list .cstl_degree > li .checkbox {float:left;}
#contents.c_sub .cs_test.cs_step02 .cst_list .thermometer {float:left; margin-top:5px;}

#contents.c_sub .cs_test.cs_step03 .cst_list .cstl_degree {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:100%;}
#contents.c_sub .cs_test.cs_step03 .cst_list .cstl_degree > li {display:inline-block; vertical-align:middle; position:relative; float:left; width:10%;}
#contents.c_sub .cs_test.cs_step03 .cst_list .cstl_degree > li:first-child .checkbox:before,
#contents.c_sub .cs_test.cs_step03 .cst_list .cstl_degree > li:last-child .checkbox:before {content:""; position:absolute; left:50%; bottom:-9px; width:1px; height:8px; margin-left:-0.5px; background-color:#c4c1bf;}
#contents.c_sub .cs_test.cs_step03 .cst_list .cstl_explan {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%; margin-top:5px; height:30px;}
#contents.c_sub .cs_test.cs_step03 .cst_list .cstl_explan span {display:inline-block; vertical-align:middle; position:relative; float:left; font-family:'NanumSquare',san-serif; font-size:13px; font-weight:400; color:#514a4a; line-height:30px; letter-spacing:-0.5px;}
#contents.c_sub .cs_test.cs_step03 .cst_list .cstl_explan span.t2 {float:right;}

#contents.c_sub .cs_test.cs_step04 .cst_list > li {margin-bottom:30px;}
#contents.c_sub .cs_test.cs_step04 .cst_list > li:last-child {margin-bottom:0;}

#contents.c_sub.consolation .wrap {padding:0;}
#contents.c_sub.consolation .cs_title > img {max-width:260px;}
#contents.c_sub.consolation .cs_deco {max-width:360px;}
#contents.c_sub.consolation .cs_deco .csd_message {position:absolute; overflow:hidden; left:50%; top:59%; width:180px; max-height:180px; margin-left:-90px; transform:rotate(-6deg) translateY(-50%); word-break:keep-all;}
#contents.c_sub.consolation .btn_wrap {box-sizing:border-box; padding-left:min(8.333vw, 30px); padding-right:min(8.333vw, 30px);}

#contents.c_sub.report .cs_title > img {max-width:300px;}
#contents.c_sub.report .cs_deco {max-width:300px;}
#contents.c_sub.report .cs_result {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub.report .cs_result .csr_item {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub.report .cs_result .csr_item ul > li {display:inline-block; vertical-align:middle; width:100%; text-align:left;}
#contents.c_sub.report .cs_result .csr_item p > .marker {margin-left:15px; margin-top:2px;}
#contents.c_sub.report .cs_result .csr_item .csr_box {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; margin-top:10px; padding:15px 20px; border-radius:15px; background-color:#fff;}
#contents.c_sub.report .cs_result .csr_item.emotion .csr_box {height:220px; padding:35px 0; padding-right:110px;}
#contents.c_sub.report .cs_result .csr_item.emotion .csr_pic {display:inline-block; position:relative; top:50%; width:100%; max-width:150px; height:auto; background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:translate(0,-50%); aspect-ratio: 1 / 1;}
#contents.c_sub.report .cs_result .csr_item.emotion .csr_pic.angry {background-image:url("../images/common/pic_emotion01_angry.png");}
#contents.c_sub.report .cs_result .csr_item.emotion .csr_pic.sad {background-image:url("../images/common/pic_emotion01_sad.png");}
#contents.c_sub.report .cs_result .csr_item.emotion .csr_pic.unfair {background-image:url("../images/common/pic_emotion01_unfair.png");}
#contents.c_sub.report .cs_result .csr_item.emotion .csr_pic.happy {background-image:url("../images/common/pic_emotion01_happy.png");}
#contents.c_sub.report .cs_result .csr_item.emotion .csr_pic.comfortable {background-image:url("../images/common/pic_emotion01_comfortable.png");}
#contents.c_sub.report .cs_result .csr_item.emotion .thermometer {position:absolute; right:80px; top:50%; margin-top:-90px;}
#contents.c_sub.report .cs_result .csr_item.emotion .csr_degree {display:inline-block; vertical-align:middle; position:absolute; right:0; top:35px; box-sizing:border-box; width:55px;}
#contents.c_sub.report .cs_result .csr_item.emotion .csr_degree > li {display:inline-block; vertical-align:middle; width:100%; font-family:'NanumSquare',san-serif; font-size:min(4.1667vw, 15px); font-weight:400; color:#514a4a; line-height:30px; letter-spacing:-1px; text-align:left; transition:0.2s; -webkit-transition:0.2s;}
#contents.c_sub.report .cs_result .csr_item.emotion .csr_degree > li.on {font-weight:700; color:#b38883;}
#contents.c_sub.report .cs_result .csr_item.state .csr_box {height:220px;}
#contents.c_sub.report .cs_result .csr_item.state .csr_pic {display:inline-block; position:absolute; left:50%; top:50%; width:160px; height:160px; margin-left:-80px; margin-top:-80px; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#contents.c_sub.report .cs_result .csr_item.state .csr_pic.serious {background-image:url("../images/common/pic_emotion03_serious.png");}
#contents.c_sub.report .cs_result .csr_item.state .csr_pic.bad {background-image:url("../images/common/pic_emotion03_bad.png");}
#contents.c_sub.report .cs_result .csr_item.state .csr_pic.stable {background-image:url("../images/common/pic_emotion03_stable.png");}
#contents.c_sub.report .cs_result .csr_item.hard .csr_degree {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:100%; pointer-events:none;}
#contents.c_sub.report .cs_result .csr_item.hard .csr_degree > li {display:inline-block; vertical-align:middle; position:relative; float:left; width:10%;}
#contents.c_sub.report .cs_result .csr_item.hard .csr_degree > li:first-child .checkbox:before,
#contents.c_sub.report .cs_result .csr_item.hard .csr_degree > li:last-child .checkbox:before {content:""; position:absolute; left:50%; bottom:-9px; width:1px; height:8px; margin-left:-0.5px; background-color:#c4c1bf;}
#contents.c_sub.report .cs_result .csr_item.hard .csr_explan {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%; margin-top:5px; height:30px;}
#contents.c_sub.report .cs_result .csr_item.hard .csr_explan span {display:inline-block; vertical-align:middle; position:relative; float:left; font-family:'NanumSquare',san-serif; font-size:13px; font-weight:400; color:#514a4a; line-height:30px; letter-spacing:-0.5px;}
#contents.c_sub.report .cs_result .csr_item.hard .csr_explan span.t2 {float:right;}
#contents.c_sub.report .cs_result .csr_item.history {position:relative; padding-top:30px;}
#contents.c_sub.report .cs_result .csr_item.history:before {content:""; position:absolute; left:-10px; right:-10px; top:0; height:1px; background-color:#d5d2d0;}
#contents.c_sub.report .cs_result .csr_item.history .csr_calendar {display:inline-block; vertical-align:middle; position:relative; width:100%; height:50px; border-radius:25px; background-color:#fff;}
#contents.c_sub.report .cs_result .csr_item.history .csr_calendar .calendar {display:inline-block; vertical-align:middle; position:absolute; top:0; bottom:0; line-height:50px;}
#contents.c_sub.report .cs_result .csr_item.history .csr_calendar .calendar.t1 {right:50%; margin-right:10px;}
#contents.c_sub.report .cs_result .csr_item.history .csr_calendar .calendar.t2 {left:50%; margin-left:10px;}
#contents.c_sub.report .cs_result .csr_item.history .csr_calendar .calendar input {box-sizing:border-box; width:100%; min-width:100px; padding-left:20px; border:none; background-color:transparent; font-family:'NanumSquare', sans-serif; font-size:14px; font-weight:900; color:#aeaeba; line-height:20px; letter-spacing:-0.5px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#contents.c_sub.report .cs_result .csr_item.history .csr_calendar .calendar input:focus {outline:none;}
#contents.c_sub.report .cs_result .csr_item.history .csr_calendar .calendar i {position:absolute; left:0; top:50%; width:20px; height:20px; margin-top:-10px; background-image:url("../images/common/icon_calendar.png"); background-repeat:no-repeat; background-position:center 0; background-size:100% auto;}
#contents.c_sub.report .cs_result .csr_item.history .csr_calendar > span {display:inline-block; position:absolute; left:50%; top:15px; margin-left:-8px; font-family:'NanumSquare', sans-serif; font-size:14px; font-weight:900; color:#aeaeba; line-height:20px; letter-spacing:-0,5px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_graph .csr_box {overflow:hidden; min-height:220px; padding:0;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_graph .csr_box span {position:absolute; left:0; right:0; top:50%; height:30px; margin-top:-15px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics .csr_box {padding:30px 10px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics ul {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics ul > li {display:inline-block; vertical-align:middle; float:left; width:50%; margin-top:30px; text-align:center; font-size:0; line-height:0;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics ul > li:nth-child(1) {margin-top:0;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics ul > li:nth-child(2) {margin-top:0;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics ul > li .csrhs_pic {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics ul > li .csrhs_pic img {width:100%; max-width:100px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics.feeling ul > li .csrhs_pic img {max-width:90px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics ul > li .csrhs_info {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; max-width:110px; height:40px; padding:0 10px; border-radius:20px; background-color:#fff; text-align:center; box-shadow:0 0 20px rgba(174, 128, 123, 0.2);}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics ul > li .csrhs_info > span {display:inline-block; vertical-align:middle; float:right; font-family:'NanumSquare',san-serif; font-size:14px; font-weight:400; color:#514a4a; line-height:40px; letter-spacing:-0.5px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics ul > li .csrhs_info > .txt_emotion {float:left; font-size:14px; font-weight:700; color:#c5bab9;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics.hard ul > li {width:20%; margin-top:0;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics.hard ul > li:nth-child(n + 6) {margin-top:20px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics.hard ul > li .csrhs_info {max-width:40px; height:80px; border-radius:25px; padding:0 5px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_statistics.hard ul > li .csrhs_info > span {float:none; white-space:nowrap}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area.incident .csr_box {overflow:auto; min-height:80px; max-height:290px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul > li {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:100%; margin-bottom:30px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area.incident .csr_box > ul > li {margin-bottom:10px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul > li:last-child {margin-bottom:0 !important;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul > li > ul > li {display:inline-block; vertical-align:middle; position:relative; float:left; box-sizing:border-box; width:100%; padding:0 10px; line-height:25px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul > li > ul > li .gauge {display:inline-block; position:absolute; overflow:hidden; left:80px; right:80px; top:50%; height:14px; margin-top:-7px; border-radius:7px;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul > li > ul > li .gauge .g_fill {position:absolute; left:0; top:0; bottom:0; border-radius:7px; background-color:#9ca8e0;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul > li > ul > li .gauge .g_fill.t1 {background-color:#9ca8e0;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul > li > ul > li .gauge .g_fill.t2 {background-color:#a8dee0;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul > li > ul > li .gauge .g_fill.t3 {background-color:#a7c676;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul > li > ul > li .gauge .g_fill.t4 {background-color:#fbc78d;}
#contents.c_sub.report .cs_result .csr_item.history .csrh_area .csr_box > ul > li > ul > li .gauge .g_fill.t5 {background-color:#f07038;}
#contents.c_sub.report .cs_result #feeling_chart {display:inline-block; width:100%; text-align:center;}

#contents.c_sub.member:before {display:none;}
#contents.c_sub.member .cs_title {margin-left:-5px;}
#contents.c_sub.member .c_txt {max-width:300px; text-align:left;}
#contents.c_sub.member .c_txt span {letter-spacing:-0.8px; word-break:keep-all;}
#contents.c_sub.member .c_txt .marker {margin-left:-10px;}
#contents.c_sub.member .cs_question {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-bottom:10px; text-align:left;}
#contents.c_sub.member .cs_answer {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub.member .cs_answer li {display:inline-block; vertical-align:middle; float:left; width:100%; text-align:left;}
#contents.c_sub.member .cs_answer.t3 li {width:33.333%;}
#contents.c_sub.member .cs_answer li > .checkbox {width:100%; box-sizing:border-box; padding-left:min(7.77vw, 28px);}
#contents.c_sub.member .cs_answer li > .checkbox label i {position:absolute; left:0; top:5px; margin-top:0;}
#contents.c_sub.member .cs_answer li > .checkbox label span {width:100%; white-space:nowrap;}
#contents.c_sub.member .cs_answer.cs_etc .f_field {display:none;}
#contents.c_sub.member .cs_answer.cs_etc .f_field.on {display:inline-block; margin-top:10px;}
#contents.c_sub.member .cs_answer input {padding-left:20px;}

#contents.c_sub.login .wrap {padding:0;}
#contents.c_sub.login .c_wrap {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100% !important; min-width:310px; padding-left:min(8.333vw, 30px); padding-right:min(8.333vw, 30px); margin:0 auto;}
#contents.c_sub.login .cs_title  > img {max-width:360px;}
#contents.c_sub.login .cs_autologin {display:inline-block; vertical-align:middle; float:left;}
#contents.c_sub.login .cs_find {display:inline-block; vertical-align:middle; float:right;}
#contents.c_sub.login .cs_find > a {line-height:30px;}

#contents.c_sub.join .cs_title > img {float:left; max-width:100px;}
#contents.c_sub.join .cs_textarea {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents.c_sub.join .cs_textarea > strong {position:absolute; left:20px; right:20px; top:0; height:50px; background-color:#fff; font-family:'NanumSquare',san-serif; font-size:16px; font-weight:400; color:#514a4a; line-height:50px; letter-spacing:-0.5px; text-align:left}
#contents.c_sub.join .cs_textarea > strong:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#b38883;}
#contents.c_sub.join .cs_textarea > strong:after {content:""; position:absolute; left:0; right:0; bottom:-15px; height:15px; background-color:#fff;}
#contents.c_sub.join .cs_textarea > textarea {display:inline-block; width:100%; height:210px; padding:65px 20px 20px 30px; margin-bottom:10px; color:rgba(81, 74, 74, 0.5); word-break:keep-all;}
#contents.c_sub.join .checkbox label span {color:#514a4a !important;}
#contents.c_sub.join .checkbox input:checked + label span {font-weight:700; color:#b38883 !important;}

#contents.c_sub.find {position:fixed; left:0; right:0; top:60px; bottom:70px; margin-top:0; padding-top:0; padding-bottom:0;}
#contents.c_sub.find .cs_area {display:inline-block; vertical-align:middle; position:absolute; left:min(8.333vw, 30px); right:min(8.333vw, 30px); top:50%; margin-top:-135px;}
#contents.c_sub.find .cs_kind {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub.find .cs_kind ul {display:inline-block; vertical-align:middle; float:left;}
#contents.c_sub.find .cs_kind ul > li {display:inline-block; vertical-align:middle; float:left; min-width:100px;}
#contents.c_sub.find .cs_kind ul > li span {font-size:13px;}
#contents.c_sub.find .cs_find {display:none; width:100%;}
#contents.c_sub.find .cs_area.id .cs_find.cs_id {display:inline-block;}
#contents.c_sub.find .cs_area.pw .cs_find.cs_pw {display:inline-block;}

#contents.c_sub.mypage .cs_title > img {float:left; max-width:110px;}
#contents.c_sub.mypage .cs_info {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-bottom:30px; padding:15px 20px; border-radius:15px; background-color:#fff;}
#contents.c_sub.mypage .cs_info ul {display:inline-block; vertical-align:middle; float:left; width:100%;}
#contents.c_sub.mypage .cs_info ul > li {display:inline-block; vertical-align:middle; float:left; width:100%;}

#contents.c_sub.modify .cs_title > img {float:left; max-width:100px;}

#contents.c_sub.callcenter .cs_title > img {max-width:500px;}
#contents.c_sub.callcenter .cs_helpcall {display:inline-block; vertical-align:middle; width:100%; margin-top:25px;}
#contents.c_sub.callcenter .cs_helpcall ul {display:inline-block; vertical-align:middle; width:calc(100% + 10px); margin-left:-10px;}
#contents.c_sub.callcenter .cs_helpcall ul > li {display:inline-block; vertical-align:middle; position:relative; float:left; box-sizing:border-box; width:50%; padding:5px;}
#contents.c_sub.callcenter .cs_helpcall ul > li:before {content:""; position:absolute; left:50%; top:20px; z-index:1; width:80px; height:60px; margin-left:-40px; background-image:url("../images/common/symbol.png"); background-repeat:no-repeat; background-position:center 0; background-size:100% auto; pointer-events:none;}
#contents.c_sub.callcenter .cs_helpcall ul > li:nth-child(1):before {background-image: url('/images/common/1388_logo_white.png'); height: 30px; top: 40px;}
#contents.c_sub.callcenter .cs_helpcall ul > li:nth-child(2):before {background-image: url('/images/common/1388_logo.png'); height: 30px; top: 40px;}
#contents.c_sub.callcenter .cs_helpcall ul > li:nth-child(3):before {background-position:center -120px;}
#contents.c_sub.callcenter .cs_helpcall ul > li:nth-child(4):before {background-position:center -180px;}
#contents.c_sub.callcenter .cs_helpcall ul > li:nth-child(5):before {background-position:center -300px;}
#contents.c_sub.callcenter .cs_helpcall ul > li:nth-child(6):before {background-position:center -300px;}
#contents.c_sub.callcenter .cs_helpcall ul > li a {display:inline-block; position:relative; width:100%; height:145px; background-color:#fff; border-radius:15px;}
#contents.c_sub.callcenter .cs_helpcall ul > li:first-child a {background-color:#b28580;}
#contents.c_sub.callcenter .cs_helpcall ul > li a p {display:inline-block; position:absolute; left:0; right:0; bottom:15px;}
#contents.c_sub.callcenter .cs_helpcall ul > li a p span {display:inline-block; position:relative; width:100%; font-family:'NanumSquare',san-serif; font-size:min(4.1667vw, 15px); font-weight:700; color:#514a4a; line-height:25px; letter-spacing:-0.5px; text-align:center;}
#contents.c_sub.callcenter .cs_helpcall ul > li:first-child a p span {color:#fff;}

/* 게시판 */
#contents.c_sub.view:before {display:none;} 
#contents.c_sub.view .wrap {padding-left:20px; padding-right:20px;}
#contents.c_sub.view .cs_answer {display:inline-block; vertical-align:middle; position:relative; width:calc(100% - 10px); margin-top:30px; border-radius:5px; background-color:#fff;}
#contents.c_sub.view .cs_answer.nodata {display:none;}
#contents.c_sub.view .cs_answer .csa_user {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:10px 20px; font-family:'NanumSquare',san-serif; font-size:16px; font-weight:700; color:#514a4a; line-height:30px; letter-spacing:-0.5px; text-align:left;}
#contents.c_sub.view .cs_answer .csa_user:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#c5bab9;}
#contents.c_sub.view .cs_answer .csa_user mark {color:#ae807b;}
#contents.c_sub.view .cs_answer .csa_list {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub.view .cs_answer .csa_list > ul > li {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:10px 20px;}
#contents.c_sub.view .cs_answer .csa_list > ul > li:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#ededed;}
#contents.c_sub.view .cs_answer .csa_list > ul > li:last-child:before {display:none;}
#contents.c_sub.view .cs_answer .csa_list > ul > li .btn_wrap {margin-top:5px; margin-bottom:10px;}
#contents.c_sub.view .cs_answer .csa_list > ul > li .btn_wrap li {margin-bottom:0; margin-left:10px;}
#contents.c_sub.view .cs_answer .csa_list .csal_info {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub.view .cs_answer .csa_list .csal_info > span {display:inline-block; vertical-align:middle; float:left; font-family:'NanumSquare',san-serif; font-size:12px; font-weight:700; color:#ae807b; line-height:30px; letter-spacing:-0.5px;}
#contents.c_sub.view .cs_answer .csa_list .csal_info .csali_date {float:right; font-weight:400; color:#c5bab9;}
#contents.c_sub.view .cs_answer .csa_list .csal_content {display:inline-block; vertical-align:middle; width:100%; font-family:'NanumSquare',san-serif; font-size:14px; font-weight:400; color:#514a4a; line-height:30px; text-align:left; word-break:keep-all;}
#contents.c_sub.view .form {text-align:center;}
#contents.c_sub.view .cs_answer .f_wrap {box-sizing:border-box; padding:0 20px;}
#contents.c_sub.view .cs_answer .f_field {margin:0;}
#contents.c_sub.view .cs_answer .csa_content {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:20px;}
#contents.c_sub.view .cs_answer .csa_content textarea {background-color:#f6f5f4;}

#contents.c_sub .btn_wrap.view {width:calc(100% - 10px);}
#contents.c_sub .btn_wrap.view li {float:left; width:33.333%; max-width:110px; margin-bottom:0;}
#contents.c_sub .btn_wrap.view li .btn {width:calc(100% - 10px); margin:0 5px;}
#contents.c_sub.write .f_field {margin:0;}
#contents.c_sub .cs_nav {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; margin-top:20px;}
#contents.c_sub .cs_nav:before {content:""; position:absolute; left:25px; right:25px; top:0; z-index:1; height:1px; background-color:#ae807b;}
#contents.c_sub .cs_nav:after {content:""; position:absolute; left:25px; right:25px; bottom:0; z-index:1; height:1px; background-color:#ae807b;}
#contents.c_sub .cs_nav li {display:inline-block; vertical-align:middle; float:left; width:50%;}
#contents.c_sub .cs_nav li > a {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; height:50px; border:#ae807b solid 1px; border-radius:25px; background-color:#fff; font-family:'NanumSquare',san-serif; font-size:17px; font-weight:400; color:#ae807b; line-height:50px;}
#contents.c_sub .cs_nav li:first-child > a {border-radius:25px 0 0 25px; border-right:#fff solid 1px;;}
#contents.c_sub .cs_nav li:last-child > a {border-radius:0 25px 25px 0; border-left:#fff solid 1px;}
#contents.c_sub .cs_nav li.on > a {border-radius:25px; border-color:#ae807b; background-color:#ae807b; color:#fff;}
#contents.c_sub .cs_nav li > a:before {content:""; position:absolute; left:-1px; right:-1px; top:0; bottom:0; z-index:-1; background-color:#fff;}
#contents.c_sub .cs_nav li:first-child > a:before {left:25px;}
#contents.c_sub .cs_nav li:last-child > a:before {right:25px;}
#contents.c_sub .cs_board {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub .cs_board .csb_list {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents.c_sub .cs_board .csb_list:before {content:""; position:absolute; left:0; right:0; top:0; height:1px; z-index:1; background-color:#514a4a;}
#contents.c_sub .cs_board li {display:inline-block; vertical-align:middle; position:relative; float:left; box-sizing:border-box; width:100%; padding:20px 0; text-align:left;}
#contents.c_sub .cs_board li:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; z-index:1; background-color:#e7e2e1;}
#contents.c_sub .cs_board .csb_top {display:inline-block; vertical-align:middle; position:relative; width:100%; font-size:0;}
#contents.c_sub .cs_board .csb_top .csbt_no {display:inline-block; vertical-align:middle; position:relative; float:left; font-family:'NanumSquare',san-serif; font-size:14px; font-weight:400; color:#c5bab9; line-height:30px; letter-spacing:-0.5px;}
#contents.c_sub .cs_board .csb_top .csbt_icon {display:inline-block; vertical-align:middle; position:relative; float:right; padding:10px 0; font-size:0;}
#contents.c_sub .cs_board .csb_top .csbt_icon i {display:inline-block; vertical-align:middle; position:relative; float:left; width:20px; height:20px; margin-left:10px; background-image:url("../images/common/icon_notice.png"); background-repeat:no-repeat; background-position:center 0; background-size:100% auto; pointer-events:none;}
#contents.c_sub .cs_board .csb_top .csbt_icon i:first-child {margin-left:0;}
#contents.c_sub .cs_board .csb_top .csbt_icon i.csbt_down {background-position:center -20px;}
#contents.c_sub .cs_board .csb_top .csbt_icon i.csbt_lock {background-position:center -40px;}
#contents.c_sub .cs_board .csb_subject {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub .cs_board .csb_subject > a {display:-webkit-box; overflow:hidden; max-height:60px; font-family:'NanumSquare',san-serif; font-size:16px; font-weight:700; color:#514a4a; line-height:30px; letter-spacing:-0.5px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
#contents.c_sub .cs_board .csb_subject > a:active {text-decoration:underline;}
#contents.c_sub .cs_board .csb_bottom {display:inline-block; vertical-align:middle; position:relative; width:100%; font-size:0;}
#contents.c_sub .cs_board .csb_bottom span {display:inline-block; vertical-align:middle; float:left; font-family:'NanumSquare',san-serif; font-size:12px; font-weight:400; color:#ae807b; line-height:30px; letter-spacing:-0.5px;}
#contents.c_sub .cs_board .csb_bottom .csbb_date {float:right; color:#c5bab9;}
#contents.c_sub .cs_board .csb_empty {font-family:'NanumSquare',san-serif; font-size:16px; font-weight:700; color:#514a4a; line-height:30px; letter-spacing:-0.5px; text-align:center;}

#contents.c_sub .cs_board .csb_view {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents.c_sub .cs_board .csb_view:before {content:""; position:absolute; left:0; right:0; top:0; height:1px; z-index:1; background-color:#514a4a;}
#contents.c_sub .cs_board .csb_view:after {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#c5bab9;}
#contents.c_sub .cs_board .csb_view .csbv_top {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents.c_sub .cs_board .csb_view .csbv_top:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; z-index:1; background-color:#c5bab9;}
#contents.c_sub .cs_board .csb_view .csbv_top > div {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:10px;}
#contents.c_sub .cs_board .csb_view .csbv_top .csbvt_title {background-color:#efe1df;}
#contents.c_sub .cs_board .csb_view .csbv_top .csbvt_title:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; z-index:1; background-color:#c5bab9;}
#contents.c_sub .cs_board .csb_view .csbv_top .csbvt_title h2 {display:inline-block; vertical-align:middle; position:relative; width:100%; font-family:'NanumSquare',san-serif; font-size:16px; font-weight:700; color:#514a4a; line-height:30px; letter-spacing:-0.5px; text-align:left;}
#contents.c_sub .cs_board .csb_view .csbv_top .csbvt_info:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; z-index:1; background-color:#e7e2e1;}
#contents.c_sub .cs_board .csb_view .csbv_top .csbvt_info > span {display:inline-block; vertical-align:middle; float:left; font-family:'NanumSquare',san-serif; font-size:12px; font-weight:400; color:#ae807b; line-height:20px; letter-spacing:-0.5px;}
#contents.c_sub .cs_board .csb_view .csbv_top .csbvt_info .csbvti_date {float:right; color:#c5bab9;}
#contents.c_sub .cs_board .csb_view .csbv_top .csbvt_file a {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box;width:100%; padding-left:15px; font-family:'NanumSquare',san-serif; font-size:12px; font-weight:400; color:#c5bab9; line-height:20px; letter-spacing:-0.5px; text-align:left;}
#contents.c_sub .cs_board .csb_view .csbv_top .csbvt_file a i {position:absolute; left:-6px; top:0; width:20px; height:20px; background-image:url("../images/common/icon_download.png"); background-repeat:no-repeat; background-position:center 0; background-size:100% auto; pointer-events:none;}
#contents.c_sub .cs_board .csb_view .csbv_content {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:20px 10px; font-family:'NanumSquare',san-serif; font-size:16px; font-weight:400; color:#514a4a; line-height:30px; letter-spacing:-0.5px; text-align:left; word-break:keep-all;}

#contents.c_sub.notice .cs_title > img {max-width:300px;}
#contents.c_sub.notice .cs_deco {max-width:210px;}

#contents.c_sub.counsel .cs_title > img {max-width:300px;}
#contents.c_sub.counsel .cs_deco {max-width:300px;}

#contents.c_sub.write .filebox input[type="file"] {position: absolute; left:100px; top:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
#contents.c_sub.write .filebox label {display:inline-block; vertical-align:middle; position:absolute; z-index:0; box-sizing:border-box; left:0; right:0; top:0; bottom:0; height:50px; padding-left:20px; border:none; border-radius:25px; background-color:transparent; font-size:13px; text-indent:0; font-weight:400; color:#c5bab9; line-height:50px; letter-spacing:-0.5px; cursor:pointer;  transition:0.3s; -webkit-transition:0.3s;}
#contents.c_sub.write .filebox .cs_filename {display:-webkit-box; overflow:hidden; vertical-align:middle; float:left; box-sizing:border-box; width:100%; height:50px; padding-left:100px; background-color:transparent; border:none; outline:none; font-size:15px; font-weight:400; color:#514a4a; line-height:50px; letter-spacing:-0.8px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;}
#contents.c_sub.write .filebox .cs_filename::placeholder {color:#c5bab9;}

#contents.c_sub.confirm .cs_title > img {float:left;max-width:150px;}

/* 쪽지 */
.mes_wrap {box-sizing: border-box; padding:60px 24px 100px; min-width:320px; max-width:600px; margin: 0 auto; letter-spacing: -0.05em; font-family: 'NanumSquare','Noto Sans KR',san-serif;}
.mes_wrap::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; width: 100%; background-image: url(../images/common/bg_step.png); background-repeat: no-repeat; background-position: top; background-size: 100% auto;}
.mes_wrap_tit img {width:250px; margin-top:32px; margin-bottom:24px;}
.mes_wrap_btns {display:flex; flex-flow:row nowrap; justify-content: center; margin-bottom:44px;}
.mes_wrap_btn {color:#ae807b; background: #fff; border:1px solid #b28580; flex:1; padding:16px 8px; font-size:16px; font-weight:500; border-radius:24px;}
.mes_wrap_btn:nth-child(1) {border-top-right-radius: 0; border-bottom-right-radius: 0; padding-left:12px;}
.mes_wrap_btn:nth-child(2) {border-left:0; border-right:0; border-radius: 0;}
.mes_wrap_btn:nth-child(3) {border-top-left-radius: 0; border-bottom-left-radius: 0; padding-right:12px;}
.mes_wrap_btn-active {color:#fff; background:#b28580;}
.mes_t_name {display:flex; position: relative; padding-left:12px;}
.mes_t_name::before {background: #b1847f; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 14px; border-radius: 2px;}
.mes_t_name label {line-height:50px; white-space: nowrap; font-size:16px; font-weight:700; color:#ae807b;}
.mes_t_name input {padding-left:16px;}
.mes_empty {color:#514a4a; font-size:16px; font-weight:500; padding-top:100px; line-height:1.5;}
.ml_num {color:#514a4a; font-size:14px; text-align: left; font-weight:500;}
.ml_num strong {color:#ae807b; }
.ml_list {border-top:1px solid #999591; margin-top:12px; padding-bottom: 24px;}
.ml_message {display:flex;  padding:12px 8px; gap:12px; border-bottom:1px solid #c5bab9;}
.ml_profile {background:#efe1df; box-sizing:border-box; border-radius: 50%; width:48px; height:48px; padding:6px;}
.ml_profile img {width:100%; height:100%; object-fit: cover;}
.ml_con {flex:1; text-align: left; padding:8px 0; font-size:16px; font-weight:500;}
.ml_name {margin-bottom:12px; color:#b1847f; }
.ml_name strong {margin-right:4px; font-weight:700;}
.ml_txt {line-height: 1.5; font-size:14px;}




.cs_title h1 {
    color: #ae807b;
    font-size: 30px;
    margin-bottom: 40px;
    font-weight: bold;
}

.question_sub {
    color: #514a4a;
    font-family: 'NanumSquare','Noto Sans KR',san-serif;
    width: 80%;
    min-width: 320px;
    margin:0 auto;
    font-size: 16px;
    font-weight:500;
    line-height: 1.5;
    word-break: keep-all;
}
.question_sub b {
    font-size:16px;
    font-weight:700;
    margin-top:32px;
}


/* ql_form */
.ql_form {
    margin-top:60px;
    letter-spacing: -0.05em;
    padding:0 16px;
}
.ql_list {
    display:flex;
    flex-flow:column nowrap;
    justify-content: center;
    margin-bottom:60px;
    counter-reset: question;
}
.ql_list p {
    box-sizing: border-box;
    margin-bottom:24px;
    line-height:1.2;
    font-size:20px;
    letter-spacing: -0.05em;
    color:#ae807b;
    font-weight:700;
    font-family: 'NanumSquare','Noto Sans KR',san-serif;
    word-break:keep-all;
    padding-left:16px;
    text-indent:-20px;
}
.ql_question {
    width:320px;
    margin: 0 auto;
    display:flex;
    justify-content: space-between;
    gap:4px;
}
.ql_question label {
    display:flex;
    width:52px;
    flex-flow:column nowrap;
    justify-content: flex-start;
    align-items: center;
    gap:8px;
    position: relative;
}
.ql_radio {
    width:30px;
    height:30px;
    position:absolute;
    top:0;
    opacity:0;
}
.ql_checkmark {
    background:#f6f5f4;
    border:1px solid #e5d9d8;
    width:30px;
    height:30px;
    border-radius: 50%;
    cursor: pointer;
    position:relative;
}
.ql_checkmark::after {
    content:'';
    width:10px;
    height:10px;
    background:#e5d9d8;
    border-radius: 50%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.ql_radio:checked ~ .ql_checkmark {
    background-image: linear-gradient(to right, #85cbcc 0%, #f9e2ae 100%);
}
.ql_radio:checked ~ .ql_checkmark::after {
    background:#fff;
}
.ql_txt {
    color:#514a4a;
    width:38px;
    font-weight:500;
    font-size:14px;
    word-break: keep-all;
    line-height: 1.2;
}

.ql_form02 .ql_radio {
    width:24px;
    height:24px;
}
.ql_form02 .ql_checkmark {
    width:24px;
    height:24px;
}
.ql_form02 .ql_question label {
    width:40px;
}
.ql_form02 .ql_txt {
    font-size:12px;
}


/* index 플로팅 아이콘 - 쪽지 보내기 */
.float-icon-wrap {
    position:absolute;
    bottom:60px;
    right:16px;
    z-index:1;
    display:flex;
    flex-flow:column nowrap;
    gap:12px;
}
.float-icon {
    width:50px;
    height:50px;
    background:#fff;
    border-radius: 50%;
    box-shadow:0 0 20px #B28580dd;
    display:flex;
    justify-content: center;
    align-items: center;
}
.float-icon img {
    width:36px;
    height:36px;
}
.mes_new_num {
    color:#fff;
    background:#b1847f;
    position: absolute;
    top:-2px;
    right:-4px;
    padding:4px 6px;
    border-radius: 10px;
    font-weight:500;
}

@media screen and (max-width:500px) {
    .question_sub {text-align: left;}
    .ql_list p {width:320px; margin:0 auto 24px; text-align:left; line-height: 1.5;}

}

.privacyPolicy,.termsOfUse{
    margin: 0 auto;
    padding: 70px 30px 100px;
    text-align: left;
    font-weight: 400;
}
.privacyPolicy li{
    margin-bottom: 50px;
}
.termsOfUse h2,.privacyPolicy .pri{
    font-size: 24px;
    font-weight: 700;
    margin: 30px 0;
}
.privacyPolicy h2:not(.pri),.termsOfUse h3{
    line-height: 20px;
    font-size: 18px;
    margin: 20px 0;
    font-weight: 700;
}
.privacyPolicy p,.termsOfUse p,.termsOfUse ol li{
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}
.termsOfUse ol li,.termsOfUse ol li ul li{
    padding-left: 10px;
}
.termsOfUse ol li ul{
    margin-top: 10px;
}
.privacyPolicy dl{
    margin: 10px 0;
}
.privacyPolicy dt{
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.privacyPolicy dd{
    line-height: 14px;
    margin-bottom: 10px;
}
.privacyPolicy a{
    text-decoration: underline;
    color: #ae807b;
    margin-left: 10px;
}
.termsOfUse .btn{
    margin-top: 30px;
}
.cs_termsPrivacy{
    margin-top: 10px;
    width: 100%;
}
.cs_termsPrivacy a:first-child{
    margin-right: 10px;
}
.cs_termsPrivacy a{
    text-align: left;
    text-decoration: underline;
    line-height: 24px;
    color: #514a4a;
    font-weight: 400;
    font-size: 16px;
}
.cs_textarea{
    background-color: #fff;
    border-radius: 15px;
    
}
.pri{
    padding: 65px 20px 20px 20px;
    box-sizing: border-box;
    max-height: 210px;
    overflow-y: scroll;
    line-height: 14px;
}
.pri strong{
    font-weight: 700;
}
.pri ul:first-child{
    margin-bottom: 10px;
}
.maB10{
    margin-bottom: 10px;
}
.ma15{
    margin-top: 15px;
}
.pri_bar{
    height: 20px;
    width: 100%;
    background-color: #fff;
    display: block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.logo_container{
    position: absolute;
    height: 30px;
    width: 100%;
    z-index: 1;
    bottom: 10px;
}
.logo_container a{
    position: absolute;
    width: 80px;
}
.logo_container a:first-child{
    left: 10px;
}
.logo_container a:last-child{
    right: 10px;
}
.logo_container a img{
    max-width: 80px;
}
.cs_answer_1{
    width: auto !important;
    margin-right: 10px;
}
.flex_box{
    display: flex;
    align-items: center;
    gap: 15px;
}
.flex_box input{
    outline: none;
    border: 1px solid #D9D9D9;
    padding: 5px 10px !important;
}
.auto{
    width: auto !important;
}
.disF{
    display: flex;
    gap: 15px;
}
.disF .t_name{
    color: black !important;
}