@charset "utf-8";

html {padding:0; margin:0; overflow-x:auto; overflow-y:scroll;font-size:62.5%;}
body {padding:0; margin:0}
img {border:0; vertical-align:middle;}
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
summary, address {margin:0px; padding:0; list-style:none; font-style:normal}
table{border-spacing:0; border-collapse:collapse;}

fieldset {border:none;}
em {font-style:normal;}

input{padding:0;}
a {text-decoration:none}

/*---------------------------------------------------*\
	Font
\*---------------------------------------------------*/
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansKR-Regular'), local('NotoSansKR-Regular'),
    url(../font/NotoSansKR-Regular.woff2) format('woff2'),
    url(../font/NotoSansKR-Regular.woff) format('woff'),
    url(../font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('NotoSansKR-Medium'), local('NotoSansKR-Medium'),
    url(../font/NotoSansKR-Medium.woff2) format('woff2'),
    url(../font/NotoSansKR-Medium.woff) format('woff'),
    url(../font/NotoSansKR-Medium.otf) format('opentype');
}


body {font-family:'Noto Sans KR', dotum, '돋움', sans-serif;color:#555;letter-spacing:-1px; background:#f7f7f8;}
h2, h3{font-size: 24px; color:#111; font-weight: 400;}
h3{margin: 5rem 0 4.6rem 0}
textarea{font-family:'Noto Sans KR', dotum, '돋움', sans-serif;}
.header h1{margin-top:40px;}

[type="radio"]:checked,
[type="radio"]:not(:checked),
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:not(:checked) + label:after, [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}
[type="radio"]:checked + label:after, [type="checkbox"]:checked + label:after {
    opacity: 1;
}
label
{
    position: relative;
    padding-left: 34px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #222;
    font-size: 16px;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: url(../images/survey2026/surveyInputStyle.png) no-repeat;background-size: 100px 24px;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/survey2026/surveyInputStyle.png) no-repeat;background-size: 100px 24px;
    background-position: -25px 0;
    position: absolute;
    top: 0px;
    left: 0px;
}

[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: url(../images/survey2026/surveyInputStyle.png) no-repeat;background-size: 100px 24px;
    background-position: -50px 0;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/survey2026/surveyInputStyle.png) no-repeat;background-size: 100px 24px;
    background-position: -75px 0;
    position: absolute;
    top: 0px;
    left: 0px;
}

/* 2024 만족도 조사 */
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before{ content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: url(../images/survey2026/surveyInputStyle.png) no-repeat;background-size: 100px 24px;}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/survey2026/surveyInputStyle.png) no-repeat;background-size: 100px 24px;
    background-position: -25px 0;
    position: absolute;
    top: 0px;
    left: 0px;
}


[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: url(../images/survey2026/surveyInputStyle.png) no-repeat;background-size: 100px 24px;
    background-position: -50px 0;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/survey2026/surveyInputStyle.png) no-repeat;background-size: 100px 24px;
    background-position: -75px 0;
    position: absolute;
    top: 0px;
    left: 0px;
}
/* ------------------------------------------------------------------------------------------ */

.sq_radio{margin-top: 24px;}
.sq_radio label{padding-left: 0;}
.sq_radio label span{width: 132px; line-height: 46px; text-align: center; position:absolute; z-index: 10;}

.sq_radio [type="radio"]:checked + label:before,
.sq_radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width:130px; height: 44px;
    background: #f7f7f8; border:1px solid #dde1e4;
}
.sq_radio [type="radio"]:checked + label:after,
.sq_radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width:130px; height: 44px;
    background:#fff; border:1px solid #222;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.sq_radio li:first-child [type="radio"]:checked + label:before,
.sq_radio li:first-child [type="radio"]:not(:checked) + label:before,
.sq_radio li:first-child [type="radio"]:checked + label:after,
.sq_radio li:first-child [type="radio"]:not(:checked) + label:after {
    content: '';
    border-radius: 5px 0 0 5px;
}

.sq_radio li:last-child [type="radio"]:checked + label:before,
.sq_radio li:last-child [type="radio"]:not(:checked) + label:before,
.sq_radio li:last-child [type="radio"]:checked + label:after,
.sq_radio li:last-child [type="radio"]:not(:checked) + label:after{
    content: '';
    border-radius: 0 5px 5px 0;
}


.wrap{width: 750px; margin: 0 auto;}
.header img{width: 100%;}
.info_begin{padding: 32px; border-radius: 15px; background:#eaf3fa; box-shadow: 0px 3px 7px rgba(0,0,0,0.1); margin: 0 0 22px;}
.info_begin:after{content:''; display:block; clear: both;}
.info_begin p{font-size: 15px; color:#555; word-break: keep-all;}
.info_begin span{display:block; float:right; margin-top:18px; font-size:14px; color:#222; text-align: right;}
.cont{overflow: hidden;}
.question_bx + .question_bx{margin-top:16px;}
.question_bx{padding:38px 48px; background:#fff; border-radius: 15px;box-shadow: 0px 3px 7px rgba(0,0,0,0.1);}
.question_bx strong{font-size: 18px; color: #000; font-weight: 500; display:block; word-break: keep-all;text-indent: -22px; padding-left:22px;}
.question_bx strong.one{text-indent: -17px; padding-left:17px;}
.question_bx strong.one_dash01{text-indent: -30px; padding-left:30px;}
.question_bx strong.one_dash02{text-indent: -39px; padding-left:38px;}
.question_bx .exp{display:block; padding:14px 20px; margin-top:20px; background:#f6f7f7; border-radius: 10px; font-size:14px; font-weight: 400; color:#222;}
.question_bx .vertical_wrap{padding:22px 0 0;}
.question_bx .vertical_wrap li{position: relative;}
.question_bx .vertical_wrap li + li{margin-top:16px;}
.question_bx .vertical_wrap.sq_radio li + li{margin:0;}
.question_bx .sq_radio{font-size:0;}
.question_bx .sq_radio li{display:inline-block;width:130px; height: 44px;}
.question_bx .queItem + .queItem{margin-top:45px;}
.question_bx .explain{border-top:1px solid #eee; margin-top:25px; padding-top:25px;}
.question_bx .explain dl + dl{margin-top:15px;}
.question_bx .explain dl{font-size:14px; color:#222;}
.question_bx .explain dl dt{font-weight: 500;}
.question_bx .explain dl dd{font-weight: 400; padding-left:10px;}
.question_bx .explain dl dt:before{content:'*'; display:inline-block; margin-right: 4px;}
.question_bx .row_ul{margin-top: 24px;}
.question_bx .row_ul li{display:inline-block;}
.question_bx .row_ul li + li{margin-left:30px; margin-top:0;}
.question_bx .row_ul li:nth-child(5n){margin-left:0;}
.question_bx .ans_etc{width:564px; height: 33px; margin:-6px 0 0 24px; vertical-align: middle; font-size:16px; padding: 0 2px; border:none; border-bottom:1px solid #ebeef0;}
.question_bx .queItem > textarea{width:100%; height: 44px; border:none; border-bottom:1px solid #ebeef0; padding: 6px 2px; margin-top:20px; box-sizing: border-box; font-size:20px;}

.question_bx .call{display:block; padding:22px 0 30px;}
.question_bx .call input[type="text"]{font-size:20px; color:#222; border:none; border-bottom:1px solid #ebeef0; width:160px; height: 45px; padding:12px 2px; box-sizing: border-box;}
.question_bx .call span{font-size:20px; color:#888; margin:0 16px; vertical-align: top; line-height: 38px;}
.question_bx.agree_bx .agree{font-size:16px; color:#000; margin-bottom:13px;}
.question_bx.agree_bx p{font-size:14px; color:#666; line-height: 1.5;}
.question_bx.agree_bx p em{color:#f5295e}
.thanks{text-align: center; line-height: 44px; margin-top:40px; font-size:16px; color:#222; background:#ededed;}
.btn_bx{margin: 48px 0 40px;}
.btn_bx > a{display:block; height: 64px; line-height: 64px; font-size:22px; font-weight: 500; color:#fff; text-align: center; border-radius: 10px;}

/* 2024 만족도 조사 */
/*.btn_bx .btn_fin{background: #675adf;}*/

.footer{width: 750px; margin:0 auto 85px;}
.footer p{display:inline-block; font-size: 12px; color:#000; vertical-align: middle;letter-spacing: -0.02em}
.footer p span{font-weight: 600;}
.footer img{margin-left:22px;}

/* 2025 만족도 조사 */
.btn_bx .btn_fin{background: #3095f3;}

/* 2026 만족도 조사 */
.btn_bx .btn_fin{background: #fb5b1c;}