@charset "utf-8";


*{-webkit-text-size-adjust:none;}
body{background:#fff;font-size:14px;line-height:18px;color:#262626;-webkit-tap-highlight-color:rgba(0,0,0,0.3);letter-spacing:-1px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,button{margin:0;padding:0;font-family:Roboto,'Droid Sans','AppleSDGothicNeo',Helvetica,'Malgun Gothic','맑은 고딕',dotum,'돋움','sans-serif';font-weight:normal}/*'sdsGnr',*/
section,nav,article,aside,hgroup,header,footer,iframe{display:block}
form,fieldset,img{border:0 none}
table{width:100%;border-collapse:collapse;border:0;border-spacing:0}
th,td{border:0}
em{font-style:normal}
ul,ol,li{list-style:none outside}
input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0;vertical-align:middle;-webkit-appearance:none}
a{text-decoration:none;color:#666;tap-highlight-color:rgba(152,152,152,0.2);-webkit-tap-highlight-color:rgba(152,152,152,0.2)}
li,p,dt,dd,div,span,td,th{word-break:keep-all;word-wrap:normal}
th,td{word-break:break-all;word-wrap:break-word}
legend, .hidden{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}
caption{overflow:hidden;margin-left:-9999px;width:1px;height:1px;margin:-1px 0 0;font-size:1px;line-height:0}
.skip{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:1px;line-height:0}
input[type='text'], input[type='password'], input[type='tel'],
input[type='number'], input[type='search'], input[type='email'], input[type='date']{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;font-size:14px;width:100%;height:36px;line-height:36px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:5px 10px;color:#262626}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
input[type='text'][readonly]{color:#262626}
input.readonly[readonly]{background:#f2f2f2}
button, input[type='button'], input[type='submit'], input[type='reset']{cursor:pointer;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;border:0;vertical-align:middle}
textarea{width:100%;padding:10px;-webkit-border-radius:0;border-radius:0;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;resize:none;font-size:17px;color:#b3b3b3}
button{background:transparent}
img{width:100%;vertical-align:top}
input::-webkit-input-placeholder{color:#262626}
input::-moz-input-placeholder{color:#262626}
input:-ms-input-placeholder{color:#262626}
input:-moz-input-placeholder{color:#262626}

input[type="radio"],input[type="checkbox"]{display:inline-block;position:relative;top:0;left:0;border:0 none;background:transparent;vertical-align:middle;outline:0 none;-webkit-flex:0 0 auto;flex:0 0 auto;}
input[type="radio"]{width:24px;height:24px;background-image:url('../img/sp_radio.png');-webkit-background-size:24px 48px;background-size:24px 48px;}
input[type="radio"]:checked{background-position:0 -24px;}
label{display:inline-block;padding-left:30px;text-indent:-30px}
input+label{padding-left:0;text-indent:0;}
label input[type="radio"],label input[type="checkbox"]{margin-right:5px;}
.content.heritage label input[type="radio"],.content.heritage label input[type="checkbox"]{margin-left: 5px;}
input.rTxt{padding-right:25px}

.fLeft{float:left}
.fRight{float:right}
.aLeft{text-align:left !important}
.aRight{text-align:right !important}
.aCenter{text-align:center !important}
.l0 {margin-left:0 !important}
.l10 {margin-left:10px !important}
.h0{margin-top:0 !important}
.h5{margin-top:5px !important}
.h10{margin-top:10px !important}
.h13{margin-top:13px !important}
.h17{margin-top:17px !important}
.h23{margin-top:23px !important}
.h27{margin-top:27px !important}
.h33{margin-top:33px !important}
.h40{margin-top:40px !important}
.pt0{padding-top:0 !important}
.pb20{padding-bottom:20px !important}
.w100{width:100% !important}
.clear::after{content:'';display:block;clear:both}
.uline{text-decoration:underline;color:#3698d9}
.vTop {vertical-align:top}
.vMiddle {vertical-align:middle}

.heritage h1 {font-weight: bold; text-decoration: underline; text-underline-position: under;}

.btnWrap{margin-top:33px}
.btnWrap.fixed{position:fixed;width:calc(100% - 24px);bottom:10px;left:12px;display:flex;}
.btnWrap.fixed a{width:50%;margin:0 3px 0 0}
.btnWrap.fixed a + a{margin:0 0 0 4px}
.btnL{display:block;width:100%;height:45px;line-height:45px;text-align:center;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;font-size:15px}
.btnM{display:inline-block;height:45px;line-height:45px;padding:0 9px;text-align:center;color:#fff;font-size:13px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.btnChk{display:block;width:100%;height:45px;line-height:45px;text-align:center;color:#114273;border:1px solid #ccc;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;font-size:15px;background:#f7f7f7;position:relative}
.btnChk:before{content:'';display:inline-block;width:18px;height:12px;background:url(../img/icon_chk.png) no-repeat center left;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;background-position:0 0;position:absolute;left:13px;top:17px}
.btnChk.checked{background:#114273;color:#fff;border-color:#114273}
.btnChk.checked:before{background-position:0 -12px}
.btnBlue{background:#3698d9;color:#fff}
.btnGray{background:#b3b3b3;color:#fff}
.btnL {display: block;width: 100%;height: 45px;line-height: 45px;text-align: center;color: #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
.btnL.btnWhite3 {height: 43px;line-height: 43px;}
.btnWhite3 {min-width: 44px;background: #fff;color: #3698d9;border: 1px solid #3698d9;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;}





header.header{height:45px;line-height:45px;text-align:center}
header h1{font-size:17px}
.content{padding:10px 12px}
.content h2{margin:0 0 7px;font-size:15px;font-weight:bold}
.content .inputBox + h2{margin-top:15px}
.content .tableType + h2{margin-top:25px}
.content.type1{}
.infoTxt{color:#666;margin-top:5px}
.infoTxt span{color:#fd5758}
.infoTxt span.blue{color:#3698d9 !important}
.infoTxt.type2{font-size:13px;padding-left:12px;position:relative}
.infoTxt.type2:before{content:'※';display:inline-block;position:absolute;top:0;left:0}
.infoTxt.type2 + .info	Txt.type2{margin-top:10px}
.fColor2 {color: #f04b4c!important;}
.tableType{border-top:1px solid #262626;border-bottom:1px solid #ccc}
.tableType th{padding:10px;background:#f2f2f2;border-top:1px solid #e6e6e6;text-align:left;color:#666;font-size:13px}
.tableType thead th{text-align:center;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6}
.tableType thead th:first-child{border-left:0}
.tableType td{padding:10px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;color:#262626;text-align:right}
.tableType tr:first-child th,.tableType tr:first-child td{border-top:0}
.tableType th.line{border-right:1px solid #e6e6e6}

.tableType.type2{border-top:none;}
.tableType.type2 th{text-align:center;padding: 10px 5px;}
.tableType.type2 tbody>tr:first-of-type>th {border-top: 1px solid #ccc}
.tableType.type2 input {border-color: transparent;padding: 5px 5px;text-align: center;}
.tableType.type2 .td_input {padding: 0 0px;}

.tableType.type_input th {background: #fff;}
.tableType.type_input td {text-align: left;}
.tableType.type_input td:first-child {border-right: 1px solid #e6e6e6;border-left:1px solid transparent;}
.tableButton label {box-sizing: border-box;}
.tableButton label input {float: right;position: relative; top: -2px;}
.inputWrap .tableType.type_input label {margin-right: 0;}

.dlList{display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:baseline}
.dlList dt{width:40%;margin:5px 0;font-weight:bold}
.dlList dd{width:60%;margin:5px 0;position:relative}
.dlList .abTxt{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.dlList label{width:calc(50% - 32px)}
.dlListUl li + li{margin-top:7px}
.dlListUl .dlList dt, .dlListUl .dlList dd{margin:0}

.mainTxt{text-align:center;font-size:15px}
.birthInput{margin:30px 0 33px;text-align:center}
.birthInput input{width:60%;height:45px;line-height:45px;font-size:17px;text-align:center}
.birthInput input::-webkit-input-placeholder{color:#b3b3b3}
.birthInput input::-moz-input-placeholder{color:#b3b3b3}
.birthInput input:-ms-input-placeholder{color:#b3b3b3}
.birthInput input:-moz-input-placeholder{color:#b3b3b3}
.pwInput input::-webkit-input-placeholder{color:#b3b3b3}
.pwInput input::-moz-input-placeholder{color:#b3b3b3}
.pwInput input:-ms-input-placeholder{color:#b3b3b3}
.pwInput input:-moz-input-placeholder{color:#b3b3b3}

.completeMsg{text-align:center;background:url(../img/icon_complete.png) no-repeat center 38px;-webkit-background-size:48px 48px;-moz-background-size:48px 48px;-o-background-size:48px 48px;background-size:48px 48px;padding-top:110px;font-weight:bold}
.completeMsg .summ{font-size:13px;color:#666;margin-top:16px}

/*list box*/
.infomation_list {margin: 20px auto;padding: 20px 0;border-top: 1px solid #262626;border-bottom: 1px solid #262626;}
.dot_list:first-child {margin-top: 0; }
.dot_list {margin-top: 20px;line-height: 1.5;}
.dot_list>li:first-child {margin-top: 0;}
.dot_list>li { position: relative; margin-top: 10px; padding-left: 14px;}
.dot_list>li:before {content: "";position: absolute;display: block;top: .5em;left: 0;width: 4px;height: 4px;background-color: #666;border-radius:100%;}

 /*설문조사*/
.surveyList{border-bottom:1px dashed #ddd;margin-bottom:20px;padding-bottom:10px}
.surveyList dd{margin:10px 0}
.surveyList dd.inputWrap p {display: inline-block;padding-right: 15px;}
.surveyList dd + dt{margin-top:30px}
.inputWrap label{margin-right:10px;margin-top:5px}
.inputWrap textarea{font-size:14px;}
.inputWrap textarea.trace{color:#555;border-color:#3698d9;}
.inputWrap.type2{padding-top:10px;text-align:center;}
.btnWrap.col2{display:flex;}
.btnWrap.col2 button{flex:1;}
.surveyList span.option {font-size: 12px; color: #666;border:1px solid #666; padding:2px;margin-left:10px;}

/* 간편인증 */
.cont_easy_accredit{margin-top:20px;line-height:150%;}
.cont_easy_accredit ol{padding-left:30px;}
.cont_easy_accredit ol li{list-style:decimal;}
.cont_easy_accredit a{word-break:break-all;}
.easy_accredit_tel{margin-top:20px;text-align:center;}
.easy_accredit_tel .number{position:relative;padding-left:15px;}
.easy_accredit_tel .number:before{content:"☎";position:absolute;left:0;top:-2px;}

/*레이어팝업*/
.popup {position: fixed !important; width: 100%; min-height: 100%;height:100%; padding: 25px 4.69%; z-index: 200; background-color: rgba(0, 0, 0, 0.7);box-sizing:border-box;top: 0;overflow-y:webkit-overflow-scrolling:touch;}
.nPd{height:100%}
.popup_mask{position:fixed;width:100%;height:1000px;top:0;left:0;display:none;background:#000;opacity:0.7;}
.popup section {height:100%; display: block; position: relative; -webkit-box-flex: 0; box-flex: 0; -webkit-flex-grow: 0 !important; flex-grow: 0 !important; width: 100%; background-color: #fff; border-radius: 6px;overflow: hidden;}
.popup .close_box {text-align:right;padding:15px 15px 15px 0;}
.popup .popup_close {overflow: hidden; display: inline-block; width: 20px; height: 20px; top: 30px; right: 20px; background: url('../img/btn_close.png') 0 0 no-repeat; -webkit-background-size: 50px; background-size: contain; text-indent: -100px;border:none;}
.popup .cont {width:100%;height:90%;margin:0 auto;border-top: 0; border-radius: 5px;overflow-y:scroll;box-sizing:border-box;padding:0 5.175%;}
.popup .cont>* {font-size: 14px; line-height: 1.5em; }
.pop_title{font-size:18px !important;color:#555;font-weight:bold;}


/* 신용스쿨 > 퀴즈 > 진행 */
.sec_school_answer .cont_progress{position:relative;margin-top: 8px;}
.sec_school_answer .cont_progress .progress_wrap{position:absolute;left:0;top:83%;padding:0 19.33px;width:100%;height:20px;box-sizing:border-box;}
.sec_school_answer .cont_progress .progress_wrap .progress{width:100%;height:20px;background:#eaeaea;border-radius:10px;}
.sec_school_answer .cont_progress .progress_wrap .progress .percent{position:relative;left:0;top:0;padding-right:0px;transition:all .3s;height:20px;border-radius:10px;background:#6799ff;}
.sec_school_answer .cont_progress .progress_wrap .progress .percent p{position: absolute;top: 22px;right:15px;padding-top: 4px;text-align: center;display:inline-block}
.sec_school_answer .cont_progress .progress_wrap .progress .percent p:after{content:"";position:absolute;left:2px;top:0;display:block;width:16px;height:9px;background: url(../img/point_bg.gif) no-repeat 0px 0px;background-size: 100% auto;z-index: 10;}
.sec_school_answer .cont_progress .progress_wrap .progress .percent p > span{position:absolute;left:0;padding: 4px 10px;text-align: center;border-radius: 5px;font-size: 12px;color:#fff;background:#6799ff;display: inline-block;white-space:nowrap;z-index: 20;}
.sec_school_answer .cont_progress .progress_wrap .progress .percent p.type2{right:0;}
.sec_school_answer .cont_progress .progress_wrap .progress .percent p.type2:after{right:2px;left:auto;}
.sec_school_answer .cont_progress .progress_wrap .progress .percent p.type2 > span{right:0;left:auto;}
.sec_school_answer .cont_answer{
    padding:35px 0 31.66px;
}
.sec_school_answer .slideWrap{margin:20px 0 0;padding:0;}
.sec_school_answer .slideWrap .slide{width:100%;min-height:360px;overflow: hidden;}
.sec_school_answer .slideWrap .slide .navi{overflow:hidden;width:0;height:0;}

.quiz_list{/*min-height:360px;*/}
.quiz_list:after{content:"";overflow:hidden;height:0;display:block;clear:both;}
.quiz_list li{position:relative;width:calc(100%/8) !important;box-sizing:border-box;padding:0 20px;float: left;}
.quiz_list.type2 li{width:calc(100%/10) !important;}/* 2021-08-10 추가*/
.quiz_list li .quiz{padding:20px 0;background:#fff;border-radius:12px;position:relative;}
.quiz_list li .quiz .num{padding:0;font-family:sdsGnsb;font-style:italic;font-size:28px;color:#2c2c2c;}
.quiz_list li .quiz .answer{padding:12px 0 18px;line-height:130%;letter-spacing:-2px;font-size:16px;font-weight:bold;color:#262626;word-break: break-all;}

.quiz_list li .quiz div.scrollwrap{position:relative;overflow-y: scroll;overflow-x: hidden;;box-sizing: border-box;-ms-overflow-style: none;scrollbar-width: none;padding-right: 1%;}
.quiz_list li .quiz div.scrollwrap::-webkit-scrollbar{display: none;}
.quiz_list li .quiz div.choice{text-align:center;}
.quiz_list li .quiz div.choice > div{position:relative;margin-top:5px;}
/*.quiz_list li .quiz div.choice > div.btn:before,
.quiz_list li .quiz div.choice > div.btn:after{content:"";transition:opacity .4s;position:absolute;right:10px;top:10px;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}*/
.quiz_list li .quiz div.choice > div.btn:after{content:"";transition:opacity .4s;position:absolute;right:10px;top:8px;display:block;width:16px;height:16px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;z-index:10;}
.quiz_list li .quiz div.choice > div:after{opacity:0;}
.quiz_list li .quiz div.choice > div.on:after{background:url(../img/check_on.png) center center no-repeat;background-size:16px;    /*z-index: 100;*/}
.quiz_list li .quiz div.choice > div.on:after{opacity:1;}
.quiz_list li .quiz div.choice > div label{text-indent:0;-webkit-tap-highlight-color:transparent}
.quiz_list li .quiz div.choice > div input[type=checkbox],.quiz_list li .quiz div.choice > div input[type=radio]{position:absolute;left:0;top:0;opacity:0;z-index:10;}


.quiz_list li .quiz div.choice label{display:inline-block;position:relative;z-index:10;cursor:pointer;border:1px solid #ccc;border-radius:10px;color:#636363;/*padding:3.75% 0;*/padding:10px 6px;width:100%;margin-top: 15px;font-size: 15px;box-sizing: border-box;}
.quiz_list li .quiz div.choice > div.on label{border-color:#6799ff;}
.quiz_list li .quiz div.choice textarea{border:1px solid #ccc;border-radius:10px;color:#636363;margin-top:15px;text-align:left;-webkit-appearance:none;}
.quiz_list li .quiz div.choice textarea::placeholder{text-align: center;font-size:14px;}

.quiz_list li .button{padding-bottom:2px;margin-top: 30px;width: 100%;left: 0;bottom: 2%;box-sizing: border-box;}
.quiz_list li .button:after{content:"";overflow:hidden;height:0;display:block;clear:both;}
.quiz_list li .button button{position:static;width:auto;height:auto;font-size: 15px;font-weight: bold;}
.quiz_list li .button button::before{display:none;}
.quiz_list li .button button.goto_next, .quiz_list li .button button.goto_done{width: 48%;background: #6799ff;color: #fff;padding: 3.86% 0;border-radius: 10px;float: right;border: 1px solid #6799ff;}
.quiz_list li .button button.goto_prev, .quiz_list li .button button.goto_close{width: 48%;background: #ffffff;border: 1px solid #6799ff;color: #6799ff;padding: 3.86% 0;border-radius: 10px;}



/* 신용스쿨 > 퀴즈 > 결과 */
.sec_school_result .cont_result{position: relative;background-image: url(../img/result.png);background-position: center top;background-size: 100%;background-repeat: no-repeat;width: 100%;height: 100%;border-radius: 6px;}
.sec_school_result .cont_result .btn_result{position:absolute;top: 87%;text-align:center;width:100%;padding: 0 5%;box-sizing: border-box;}
.sec_school_result .cont_result .btn_result button{background: #6799ff;color: #fff;padding: 3.75% 0;border-radius: 10px;width:100%;}

.sec_school_result.type1{position:absolute;left:0;z-index:100;top:100%;width:100%;opacity:0;transition:all 1s;box-sizing: border-box;background:url(img/result.png) no-repeat center bottom;background-size:100%;}
.sec_school_result.type1.on{top:0;opacity:1;}
.popup.complete .sec_school_answer{display:none;}

/*유의사항 텍스트 수정*/
.textView{background:#494949;color:#d4d4d4;padding:0 20px 0px;font-size:14px}
.textView dl + dl{margin-top:24px}
.textView dt{font-size:15px;font-weight:bold;position:relative;color:#fff}
.textView dt:before{content:'※';display:inline-block;width:13px;margin-right:5px}
.textView dt.none:before{content:none}
.textView dd{font-size:16px}
.textView dd>strong{display:inline-block;margin-bottom:10px}
.textView .acc{font-size:15px;font-weight:bold;color:#fff;text-decoration:none;display:block;padding:15px 0 13px;position:relative}
.textView .acc:before{content:'';width:10px;height:2px;background:#fff;display:inline-block;position:absolute;transform:translateY(-50%) rotate(45deg);top:40%;right:0;margin-top:4px}
.textView .acc:after{content:'';width:10px;height:2px;background:#fff;display:inline-block;position:absolute;transform:translateY(-50%) rotate(-45deg);top:40%;right:-6px;margin-top:4px}
.textView .acc.on:before{transform:translateY(-50%) rotate(-45deg);}
.textView .acc.on:after{transform:translateY(-50%) rotate(45deg);}
.accBody{padding:0 10px 10px 0;}
.listType{padding:0;color:#d4d4d4}
.listType>li{position:relative;padding:0 0 0 7px;margin-top:7px;word-break:keep-all;font-size:14px;line-height:20px}
.listType>li:first-child{margin:0}
.listType>li::before,.dotList::before{content:'';display:block;position:absolute;left:0;top:7px;width:4px;height:4px;background:#d4d4d4;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;border-radius:50px}
.listType2{margin:5px 0 0 0;color:#ccc}
.listType2>li{position:relative;padding:0 0 0 10px;font-size: 14px;}
.listType2>li::before{content:'';display:block;position:absolute;left:0;top:9px;width:5px;height:1px;background:#fff}
.dotList{position:relative;padding:0 0 0 10px;word-break:break-word;color:#d4d4d4}
.caution{margin:10px 0 0 15px;color:#d4d4d4;font-size:13px;line-height:20px;font-weight:bold}
.caution > li{padding-left:13px;margin-top:4px}
.caution > li:before, p.caution:before{content:'※';display:inline-block;width:13px;margin-left:-13px}
.caution .listDepth > li{margin-top:0}
.textView .listType a{color:#d4d4d4;text-decoration:none;}
.bTxt{color:#fff;font-size:14px;margin-top:10px}

/*맨 위로 버튼*/
.scrTop{position:fixed;bottom:30px;right:12px;display:none;width:40px;height:40px;background:rgba(255,255,255,0.8);border-radius:50%;box-shadow:1px 1px 2px 0px rgba(0,0,0,0.4);font-size:12px;text-align:center;line-height:46px;z-index:10}
.scrTop span{display:block;width:2px;height:20px;background:#666;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);text-indent:-9999px;padding:0}
.scrTop span:before{content:'';width:2px;height:12px;background:#666;position:absolute;left:4px;top:-2px;transform:rotate(-45deg)}
.scrTop span:after{content:'';width:2px;height:12px;background:#666;position:absolute;top:-2px;right:4px;transform:rotate(45deg)}

/*공유버튼*/
.btn_share{position:absolute;top: 7%;right: 2%;width:9.445%;height:21.25%;text-indent:-9999px;font-size:0;line-height:0;background:url(../img/share.png) no-repeat center center;background-size: contain}

/*tab*/
.tabsWrap{width:100%;overflow-x:scroll;overflow-y: hidden;border-bottom: 1px solid #eee;}
ul.tabs{display:flex;align-items:center;}
ul.tabs li{padding:15px 12px 16px;cursor:pointer;color:#666;}
ul.tabs li span{font-size: 16px;}
ul.tabs li.on span{border-bottom: 2px solid #262626;font-weight: bold;color:#262626;padding:14px 0;}
.tab_content{display: none;background:#f8f8f8;padding: 15px 12px 50px;}
.tab_content.on{display: inherit;}
.tab_content .cntBox{padding:18px 14px;background:#fff;border-radius:10px;box-shadow: 0px 5px 3px 0px #f1f1f1;margin-top:15px;display: inline-block;box-sizing: border-box;width:100%;}
.tab_content .cntBox:first-child{margin-top:0;}
.tab_content .cntBox div.boxtag{background:#e7f2ff;display:inline-block;color:#3e81d7;font-size:12px;padding:4px 9px 3px;border-radius:25px;}
.tab_content .cntBox h3{font-size:17px;color:#262626;font-weight:bold;margin-top:11px;line-height: 22px;}
.tab_content .cntBox p{color:#666;margin-top:6px}

/* 설문 박스 레이아웃 */
.wrap.type1{padding:10px;}
.wrap_inner_box{border:1px solid #3698d9;}


/* 설문 박스 레이아웃 */
.wrap.type1{padding:10px;}
.wrap_inner_box{border:1px solid #3698d9;}

/* 폰트사이즈 */
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}

/* 2021-08-20 고객 만족도 조사 */
#surveyLogin3 header.header{height:auto;padding:27.778vw 0 8.333vw;text-align:center;}
#surveyLogin3 header.header h1 span{display:block;font-size:5.278vw;line-height:6.944vw;letter-spacing:-.211vw;color:#488be2;}
#surveyLogin3 header.header h1 strong{display:block;margin-top:1.389vw;font-size:7.778vw;line-height:9.722vw;letter-spacing:-.311vw;color:#111;}
#surveyLogin3 .content{padding:0;text-align:center;}
#surveyLogin3 .content p.notice{font-size:4.167vw;line-height:5.833vw;letter-spacing:-.167vw;color:#999;}
#surveyLogin3 .content .birthInput{margin:0;margin-top:2.778vw;}
#surveyLogin3 .content .birthInput input{width:66.667vw;height:12.778vw;line-height:12.778vw;font-size:3.889vw;text-align:left;padding:0 2.778vw;}
#surveyLogin3 .content .birthInput input::-webkit-input-placeholder{color:#cccccc}
#surveyLogin3 .content .birthInput input::-moz-input-placeholder{color:#cccccc}
#surveyLogin3 .content .birthInput input:-ms-input-placeholder{color:#cccccc}
#surveyLogin3 .content .birthInput input:-moz-input-placeholder{color:#cccccc}
#surveyLogin3 .content .birthInput input:focus{border-color:#488be2;}
#surveyLogin3 .content .btnWrap{margin-top:5.556vw;}
#surveyLogin3 .content .btnWrap button{width:66.667vw;height:13.333vw;font-size:4.722vw;color:#fff;letter-spacing:-.189vw;border-radius:1.389vw;background:#488be2;}
#surveyLogin3 .content .logo{position:fixed;left:0;bottom:16.667vw;width:100%;text-align:center;}
#surveyLogin3 .content .logo img{width:31.444vw;}

@media(orientation: landscape){
    html,body{overflow:visible !important;}
    #surveyLogin3 .content .logo{position:static;padding:42.778vw 0 16.667vw;}
}

#surveyList3 .content{padding:30px 18px 10px;}
#surveyList3 .content.type2{padding-bottom:60px;}
#surveyList3 .surveyList{margin-bottom:5.556vw;padding:7.222vw 5.556vw 0;border:1px solid #f2f2f2;border-radius:4.444vw;}
#surveyList3 .surveyList dt{font-weight:bold;font-size:5vw;line-height:6.667vw;letter-spacing:-.206vw;color:#111;text-align:center;}
#surveyList3 .surveyList.type1{border:0;padding:0;margin:0;}
#surveyList3 .surveyList.type1 dd.inputWrap{padding:3.056vw 0 1.111vw;}
#surveyList3 .surveyList.type1 dd.inputWrap textarea{height:25vw;padding:4vw 4.5vw;box-sizing:border-box;font-size:4.167vw;line-height:5.556vw;border-radius:4.444vw;border:1px solid #f2f2f2;color:#cccccc;letter-spacing:-.144vw;-webkit-appearance:none;}
#surveyList3 .surveyList.type1 dd.inputWrap textarea.trace{color:#666;}
#surveyList3 .surveyList.type1 dd.inputWrap textarea:focus{border-color:#488be2;}
#surveyList3 .inputWrap{margin:0;padding:1.111vw 0 7.222vw;}
#surveyList3 .inputWrap:after{content:"";display:block;clear:both;height:0;overflow:hidden;}
#surveyList3 .inputWrap label{float:right;display:inline-block;box-sizing:border-box;width:37.778vw;margin:2.778vw 0 0 0;padding:3.078vw 4.167vw 2.478vw;border-radius:2.778vw;border:1px solid #e6e6e6;text-indent:0;font-size:4.167vw;color:#111;line-height:5.556vw;}
.ios #surveyList3 .inputWrap label{padding:2.778vw 4.167vw 2.778vw;}
#surveyList3 .inputWrap label:nth-child(odd){float:left;}
#surveyList3 .inputWrap label.on{border-color:#488be2;}
#surveyList3 .inputWrap label input[type="radio"]{width:5.556vw;height:5.556vw;margin-top:-1vw;margin-right:2.222vw;background:url(../img/ico_radio_off.png) no-repeat left top;background-size:100% 100%;}
#surveyList3 .inputWrap label input[type="radio"]:checked{background-image:url(../img/ico_radio_on.png);}
#surveyList3 .inputWrap.type2{padding-top:6.389vw;padding-bottom:0;}
#surveyList3 .inputWrap.type2 label{width:auto;float:none;padding:0;margin:0;border:0;}
#surveyList3 .inputWrap.type2 label:first-child{margin-right:11.111vw;}
#surveyList3 .line{height:10px;background:#f6f6f6;}
#surveyList3 .infoTxt.type2{margin-top:3.056vw;padding-left:3.7vw;line-height:5vw;font-size:3.611vw;}
#surveyList3 .btnWrap{display:block;margin-top:11.667vw;}
#surveyList3 .btnWrap:after{content:"";display:block;clear:both;height:0;overflow:hidden;}
#surveyList3 .btnWrap button{float:left;width:43.333vw;height:12.778vw;font-size:4.722vw;border-radius:1.389vw;}
#surveyList3 .btnWrap button:last-child{float:right;}

#surveyList4 .content{padding:30px 18px 10px;}
#surveyList4 .content.type2{padding-bottom:60px;}
#surveyList4 .surveyList{margin-bottom:5.556vw;padding:7.222vw 3.556vw 0;border:1px solid #f2f2f2;border-radius:4.444vw;}
#surveyList4 .surveyList dt{font-weight:bold;font-size:5vw;line-height:6.667vw;letter-spacing:-.206vw;color:#111;text-align:center;}
#surveyList4 .surveyList.type1{border:0;padding:0;margin:0;}
#surveyList4 .surveyList.type1 dd.inputWrap{padding:3.056vw 0 1.111vw;}
#surveyList4 .surveyList.type1 dd.inputWrap textarea{height:25vw;padding:4vw 4.5vw;box-sizing:border-box;font-size:4.167vw;line-height:5.556vw;border-radius:4.444vw;border:1px solid #f2f2f2;color:#cccccc;letter-spacing:-.144vw;-webkit-appearance:none;}
#surveyList4 .surveyList.type1 dd.inputWrap textarea.trace{color:#666;}
#surveyList4 .surveyList.type1 dd.inputWrap textarea:focus{border-color:#488be2;}
#surveyList4 .inputWrap{margin:0;padding:1.111vw 0 7.222vw;}
#surveyList4 .inputWrap:after{content:"";display:block;clear:both;height:0;overflow:hidden;}
#surveyList4 .inputWrap label {float:right;display:inline-block;box-sizing:border-box;width:37.778vw;margin:2.778vw 0 0 0;padding:3.078vw 4.167vw 2.478vw;border-radius:2.778vw;border:1px solid #e6e6e6;text-indent:0;font-size:4.167vw;color:#111;line-height:5.556vw;}
.ios #surveyList4 .inputWrap label{padding:2.778vw 4.167vw 2.778vw;}
#surveyList4 .inputWrap label:nth-child(odd){float:left;}
#surveyList4 .inputWrap label.on{border-color:#488be2;}
#surveyList4 .inputWrap label input[type="radio"]{width:5.556vw;height:5.556vw;margin-top:-1vw;margin-right:2.222vw;background:url(../img/ico_radio_off.png) no-repeat left top;background-size:100% 100%;}
#surveyList4 .inputWrap label input[type="radio"]:checked{background-image:url(../img/ico_radio_on.png);}
#surveyList4 .inputWrap.type2{padding-top:6.389vw;padding-bottom:0;}
#surveyList4 .inputWrap.type2 label{width:auto;float:none;padding:0;margin:0;border:0;}
#surveyList4 .inputWrap.type2 label:first-child{margin-right:11.111vw;}
#surveyList4 .line{height:10px;background:#f6f6f6;}
#surveyList4 .infoTxt.type2{margin-top:3.056vw;padding-left:3.7vw;line-height:5vw;font-size:3.611vw;}
#surveyList4 .btnWrap{display:block;margin-top:11.667vw;}
#surveyList4 .btnWrap:after{content:"";display:block;clear:both;height:0;overflow:hidden;}
#surveyList4 .btnWrap button{float:left;width:calc(44vw - 9px);height:12.778vw;font-size:4.722vw;border-radius:1.389vw;}
#surveyList4 .btnWrap button:last-child{float:right;}
.indent {padding-left: 27px}
.opacity0 {opacity: 0;}




.layer_popup{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;}
.layer_popup.on{display:table;}
.layer_popup .core{position:relative;z-index:10;display:table-cell;vertical-align:middle;text-align:center;}
.layer_popup .core .inner{overflow:hidden;width:90vw;margin:0 auto;border-radius:3.889vw;background:#fff;}
.layer_popup .core .inner .cont{padding:11.111vw 5vw;font-size:4.722vw;line-height:6.667vw;color:#111;}
/* [s] 250624 수정 */
.layer_popup .core .inner .btnarea{display: flex;}
.layer_popup .core .inner .btnarea button{display:block; flex: 1; width:100%;height:13.333vw;font-size:4.722vw;line-height:5.833vw;color:#fff;background:#488be2;}
.layer_popup .core .inner .btnarea button.btnGray{background-color: #999ea4;}
.layer_popup .dim{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);}
/* [e] 250624 수정 */