@charset "utf-8";
.wpIn{width: 1387px;margin: 0 auto;}
hr{margin: 50px 0;}
/* Custom : 로딩*/
.loadingWrap{position: fixed;width: 100%;height: 100%;z-index: 999999;background: rgba(0,0,0,0.6);top:0;left:0;}
.loadingWrap .loading {display: inline-block;width: 50px;height: 50px;border: 6px solid rgba(255,255,255,.3);box-sizing: border-box; border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; -moz-animation: spin 1s ease-in-out infinite; -ms-animation: spin 1s ease-in-out infinite;position: absolute;left: 50%;margin-left: -25px;top: 50%;margin-top: -25px;}
/* 폼 */
.form{width:100%;height: 34px;display:inline-block;border: 1px solid #dcdcdc;background: #fff; box-sizing: border-box;vertical-align: middle;border-radius: 5px;padding: 0 10px;}
select.form{-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 0 28px 0 14px;background: #fff url(../img/common/icon_select.png) no-repeat center right 12px;}
select.form::-ms-expand { display: none; }
textarea.form{height: 120px}
.formUnit .form{width: 120px;text-align: left;}
.form.num{text-align: right;}
.form.text{width: 400px;}
.unit{color: #687183;font-weight: 500;}
/* 체크박스 */
.chks {position: relative;display:inline-block;vertical-align:middle;}
.chks li{float: left;margin: 0 18px 0 0;}
/* .chks li:last-child{margin:0;} */
.chks input[type="checkbox"]{position:absolute;width:1px;height:1px;padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0);border:0;}
.chks input[type="checkbox"] + label{display:inline-block;position: relative;padding: 0 0 0 22px;cursor: pointer;vertical-align: top;height: 25px;}
.chks input[type="checkbox"] + label:before{content:'';display:block;position: absolute;width: 14px;height: 14px;left: 0;top: 4px;background: #fafafa;border: 1px solid #cacece;border-radius:2px;}
.chks input[type="checkbox"]:checked + label{color: #2a4cf4;font-weight: 500;}
.chks input[type="checkbox"]:checked + label:before{content:'';background: #2a4cf4 url(../img/common/icon_chk.png) no-repeat center;border-color: #2a4cf4;}
.chks label{vertical-align: middle}
.chks input[type="checkbox"]:focus + label:before {outline:2px solid #000}
.surveyA .chks input[type="checkbox"] + label{height: auto;}
/* 전화번호 */
.form-tel {display: inline-block;width: 100%;vertical-align: middle;}
.form-tel .form{width: calc((100% - 26.3px) / 4);display: inline-block;}
.form-tel .telDiv{width: 6px;display: inline-block;text-align: center;line-height: 35px;vertical-align: middle;}
/* 기간 */
.form-term{position: relative;display: inline-block;width: 100%;vertical-align: middle;}
.form-term .btn-txt{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);color: #475d76;}
.form-term .btn-txt:hover{color: #34465b}
.form-term .form{padding: 0 30px 0 10px;}
.form-termWrap-2 .form-term{width: calc(50% - 2px);}
/* 범위 */
.form-range .form{width: calc(50% - 8px);display: inline-block;}
.form-range .rangeDiv{width: 6px;display: inline-block;text-align: center;line-height: 35px;vertical-align: middle;}
/* 라디오 */
.radio {position: relative;display:inline-block;vertical-align:middle;}
.radio li{float: left;margin: 0 18px 0 0;}
.radio li:last-child{margin:0;}
.radio.radioV li{float: none;text-align: left;}
.radio input[type="radio"] {position:absolute;width:1px;height:1px;padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0);border:0;}
.radio input[type="radio"] + label {display:inline-block;position: relative;padding: 0 0 0 22px;cursor: pointer;vertical-align: top;}
.radio input[type="radio"] + label:before {content:'';display:block;position: absolute;width: 15px;height: 15px;left: 0;top: 4px;text-align: center;background:#fafafa;border: 1px solid #cacece;border-radius: 100%;}
.radio input[type="radio"]:checked + label:before {border-color: #adb8c0;}
.radio input[type="radio"]:checked + label:after {content:'';position: absolute;top: 8px;left: 4px;width: 9px;height: 9px;background: #2a4cf4;border-radius:100%;}
.radio input[type="radio"]:focus + label:before {outline:2px solid #000}
/*구분폼*/
.form-divWrap-2 .form{width: 150px;margin-right: 5px;}
.form-divWrap-3 .form{width: 150px;}
/*폼메시지*/
.form-msg {font-size: 13px;font-weight:500;line-height: 1;margin: 5px 0;color: #617080;}
.form-msg.form-errorMsg{color: #e62626}
.form-msg.form-successMsg{color: #5cc829}
.required{display: inline-block;position: relative;text-indent: -9999px}
.required:after{content: '*';color: #e62626;display: inline-block;position: absolute;top: -3px;left: 3px;text-indent: 0;}

/* 버튼 */
.contents .btn {color: #595959;display:inline-block;height: 34px;border:1px solid #ccc;text-align:center;vertical-align:middle;line-height: 32px;box-sizing:border-box;background:#fff;padding: 0 13px;margin: 0 1px;border-radius:5px;position: relative;transform: perspective(1px);min-width: 74px;transition:box-shadow 0.3s;}
.contents .btn:hover,
.contents .btn:active,
.contents .btn:focus {box-shadow:2px 2px 4px 0px rgba(0,0,0,0.2);}
.contents .btn.btn-primary {background-color: #486ccd;border-color: #486ccd;color:#fff;}
.contents .btn.btn-secondary {border-color: #486ccd;color: #486ccd;} */
.contents .btn.btn-safe {color:#486ccd;}
.contents .btn.btn-danger {color:#ff3125;}
.contents .btn.btn-info {background-color:#f0f0f0;border-color:#f0f0f0;color: #486ccd;}
.contents .btn.btn-delete {background-color: #fa5a50;border-color: #fa5a50;color:#fff;}
.contents .btn.btn-edit {background-color: #486ccd; border-color: #486ccd;color: #fff;height: 30px;line-height: 29px; min-width: 65px;margin: 0 10px;}
.contents .btn > i {font-size:1.2rem;margin:0 3px 0 0;vertical-align:1px;}
.contents .btn-txt {border: none;background: none;vertical-align: middle;font-weight: 500;}
.contents .btn-txt > i {vertical-align: 1px;}
.contents .btn.btn-excel{padding-left: 36px;text-align: left;color: #fff;background-color: #1aa962;border-color: #1aa962;}
.contents .btn.btn-excel:before{content: '';width: 17px;height: 17px;display: block;position: absolute;background: url(../img/common/excel.png) center;top: 50%;margin-top: -8.5px;left: 13px;}
.contents .btn-copy{width: 30px;height: 30px;background: url(../img/common/ico_copy.png) center; background-size: contain; opacity: 0.8;}
.boardList-tbl .btn{height: 27px;line-height: 27px;padding: 0 8px;min-width: 52px;}


/* 게시판 하단 버튼 */
.btnWrap {text-align:center;width: 100%;height: auto;margin: 30px 0;}
.btnWrap:after {content: '';display: block;clear: both;}
.btnWrap .btn {min-width:110px;}
.pgRight{float: right;margin-top: -35px;}

/* 본문텍스트 */
/* 250921 .txt{margin: 10px 0 0;line-height: 22px;position: relative;width: 100%;word-break: keep-all}*/
.txt b{font-weight: 600}
.txt-danger{color:#e62626;font-weight: 500;padding:0 0 0 18px}
.txt-warning{color:#195aaa;font-weight: 500;padding:0 0 0 18px}
.txt-check{color:#19aa24;font-weight: 500;padding:0 0 0 18px}

/* 테이블 상단 */
.boardhead{width: 100%;margin: 0 0 13px 0;}
.boardhead::after{content: '';display: block;clear: both;}
.boardhead .pageNum{float: left;margin-top: 10px;}
.boardhead .form.singleForm{width: auto;min-width: 130px;margin:0 2px;border-radius: 30px;padding:0 24px 0 18px;}
.boardhead .head_btnWrap{text-align: right;}
.boardSearch{width: 350px;height: 35px;display: inline-block;vertical-align:middle;border: 1px solid #dcdcdc;border-radius: 30px;overflow: hidden;background: #fff;}
.boardSearch .form{width: auto;display: block;float: left;border: none;}
.boardSearch select.form{width: 112px;padding: 0 24px 0 22px;}
.boardSearch input[type="text"].form{width: calc(100% - 165px);}
.boardSearch .btn-bsearch{border: none;width: 52px;height: 35px;float: right;background: #fff;}

/* 테이블-list */
.boardList-tbl{width: 100%;table-layout: fixed;position: relative;text-align: center;border-top:2px solid #4d4d4d;border-bottom: 1px solid #ccc;}
.boardList-tbl thead th {padding: 10px 0;font-weight: 500;background: #f7f7f7;}
.boardList-tbl .lock{background: #fbfbfb;}
.boardList-tbl .lock td,.boardList-tbl .lock td a{color: #6e6e6e;}
.boardList-tbl td{font-size: 13px;padding: 8px 0;position: relative;border-top: 1px solid #ccc;}
.boardList-tbl td.td-title {text-align: left;}
.boardList-tbl td.td-title a{position: relative;display: inline-block;vertical-align: middle;padding:0 22px 0 0;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 90%;font-weight: 500;}
.boardList-tbl td.td-title a:hover{text-decoration: underline;}
.boardList-tbl td.td-title .new{position: absolute;font-size: 0;line-height: 0;width: 16px;height: 16px;right:0;top: 4px;background: #e62626 url(../img/common/icon_new.png) no-repeat 5px 4px;border-radius: 100%;}
.boardList-tbl td.td-title .lock{font-size: 0;line-height: 0;width: 14px;height: 18px;background: url(../img/common/icon_lock.png)  no-repeat 0px 2px;display: inline-block;vertical-align: 16px;margin: 0 2px 0 0;}
.boardList-tbl td.td-btn{font-size: 13px;color: #595959;}
.boardList-tbl td.td-btn i{font-size: 12px;margin-right: 3px;}

/* 테이블-view */
.boardView-tbl{width: 100%;table-layout: fixed;position: relative;text-align: center;border-bottom: 1px solid #ccc;}
.boardView-tbl th,
.boardView-tbl td {padding: 8px 0;position: relative;border-top: 1px solid #ccc;}
.boardView-tbl td {text-align: left;padding: 8px 20px; height: 42px;}
.boardView-tbl th {font-weight: 500;background: #f7f7f7;background-clip: padding-box !important;}
.boardView-tbl thead th {font-size: 1.6rem;font-weight: 600;background: #f7f7f7;border-top: 2px solid #4d4d4d;background-clip: padding-box;}
.boardView-tbl thead th .lock{font-size: 0;line-height: 0;width: 14px;height: 18px;background: url(../img/common/icon_lock.png)  no-repeat 0px 2px;display: inline-block;vertical-align: 15px;margin: 0 2px 0 0;background-size: 80%;}
.boardView-tbl .file-list li{display: inline-block;margin: 0 25px 0 0;position: relative;}
.boardView-tbl .file-list li:before{content: '/';border-radius: 100%;position: absolute;right: -15px;top: 2px;color: #ccc;font-weight: 200;font-size: 1.2rem;}
.boardView-tbl .file-list li:last-child:before{display: none;}
.boardView-tbl .file-list li a{display: block;position: relative;padding: 0 0 0 18px;}
.boardView-tbl .file-list li a:before{content: '';position: absolute;width: 12px;height: 16px;background: url(../img/common/icon_file.png) no-repeat center;left: 0;top: 4px;}
.boardView-tbl .file-list li a:hover{text-decoration: underline}
.file-list .capacity{color: #9b9b9b;font-size: 1.2rem;}
.boardView-tbl .boardView_cont{padding: 30px;height: 200px;vertical-align: top}
.boardView-tbl .graphBox{width: 100%;height: 300px;}
.boardView-tbl .surveyQTd{background: #d5eaff;font-weight: 600;color: #004081;}
.boardView-tbl .surveyQTd_num{background: #c4e1fd;}
.boardView-tbl .form.formWp{min-width: 150px;width: auto;}
.boardView-tbl td.noEdit{background: #f9f9f9;}

/* 테이블-write */
/*파일업로드*/
.fileUpload{width: 100%;border: 1px dashed #c5d0d9;box-sizing: border-box;height: auto;border-radius: 5px;background: #fafcff url(../img/common/upload.png) no-repeat center 13px;padding: 65px 0 10px 0;text-align: center;line-height: 23px;}
.fileUpload strong{color: #0078f7;font-weight: 600;letter-spacing: 0px;font-size: 13px;}
.fileUpload p{color: #758fa9;font-size: 12px;}
.fileUpload-list li{width: 100%;margin: 5px 0 0;border: 1px solid #dcdcdc;padding: 0px 35px 0 15px;box-sizing: border-box;border-radius: 5px;transition-duration: 0.4s;line-height: 33px;position: relative;}
.fileUpload-list li:hover{background: #f9f9f9;} 
.fileUpload-list li a{display: block;position: relative;padding: 0 0 0 20px;color: #464646;}
.fileUpload-list li a:before{content: '';position: absolute;width: 12px;height: 16px;background: url(../img/common/icon_file.png) no-repeat center;left: 0;top: 9px;}
.fileDelete{right: -20px;color: #ff3125;border: none;background: none;position: absolute;right: 10px;top: 2px;font-size: 17px;}
.fileUpload-list .capacity{font-size: 12px;opacity: 0.7;margin-left: 3px;}

/* 조사 */
.surveyBox{margin: 10px 0;text-align: center;border: 1px solid #dde4eb;border-radius: 8px;overflow: hidden;padding: 0 0 15px 0;}
.surveyQ{width: 100%;height: auto;background: #d5eaff;padding: 9px 22px;font-weight: 600;text-align: center;box-sizing: border-box;margin: 0 0 15px 0;font-size: 15px;color: #004081;line-height: 24px;}
.surveyA .radio{width:100%;}
.surveyA .radio li{margin: 0 20px;font-size: 15px;}
.surveyA .radio.radioV li{margin: 2px 0;}
.surveyBox .surveyQ .surveyNum{background: #004081;color: #fff;display: inline-block;padding: 0px 10px;border-radius: 30px;font-size: 12px;line-height: 23px;vertical-align: top;margin: 0 2px 0 0;}
.surveyBox .surveyQ_ex{font-size: 13px;font-weight: 500;color: #595959;line-height: 18px;margin: 5px 0; padding: 0 5px;}

.surveyA .chks li{margin: 0 20px;font-size: 15px;}

.surveyBox.off{background:#f7f7f7; color:#c3c3c3; display:none;}
.surveyBox.off .surveyQ{background:#f7f7f7; color:#c3c3c3;}

.surveyBox.on .surveyQ{background:#f7f7f7;}


/* 페이지네이션 */
.pagination{text-align: center;margin: 30px 0 0;}
.pagination li{display: inline-block;width: 35px;height: 35px;vertical-align: middle;line-height: 35px;}
.pagination li a{display:block;width: 100%;height: 100%;border-radius: 5px;}
.pagination li.pageCtr a{border: 1px solid #e6e6e6;box-sizing: border-box;margin: 0 1px 0 0;background: url(../img/common/btn_pagination.png) no-repeat;}
.pagination li.page1st a{background-position: left center;}
.pagination li.pagePrev a{background-position: -33px center;}
.pagination li.pageNext a{background-position: -66px center;}
.pagination li.pageLast a{background-position: right center;}
.pagination li a:hover{color: #0276f9;text-decoration: underline;}
.pagination li.pageCtr a:hover{background-color: #f5f7fb;}
.pagination li.pageOn a{background: #0276f9;color: #fff !important;font-weight: 500;text-decoration: none;}

/*카테고리*/
/*1 진행상황*/
.cate1{font-size: 13px;font-weight: 500;color: #ddd;}
.cate1:before{content: '';width: 10px;height: 10px;border-radius: 100%;background: #ddd;display: inline-block;margin-right: 3px;}
.cate1.cate1-expect{color: #fe8f00;}
.cate1.cate1-expect:before{background: #fe8f00;}
.cate1.cate1-ing{color: #029d06;}
.cate1.cate1-ing:before{background: #029d06;}
.cate1.cate1-fin{color: #687183;}
.cate1.cate1-fin:before{background: #687183;}
/*2 공지구분*/
.cate2{font-size: 13px;font-weight: 500;display: inline-block;width: 72px;text-align: center;}
.cate2.cate2-1{color:#0b7896;background: #e9f6f9;}/*현황조사*/
.cate2.cate2-2{color:#007c48;background: #e8f9f2;}/*만족도조사*/
.cate2.cate2-3{color: #324562;background: #edeef1;}/*일반*/
.cate2.cate2-4{color:#db0021;background: #fdeff1;}/*공지*/
/*3 상태구분*/
.cate3{font-weight: 500;}
.cate3:before{font-family: 'Font Awesome 6 Free';font-weight: 900;display: inline-block;margin: 0 3px 0 0;font-size: 12px;}
.cate3.cate3-1{color: #324562;}/*일반*/
.cate3.cate3-2{color: #db0021;}/*대상*/
.cate3.cate3-2:before{content:"\f005"}
.cate3.cate3-3{color: #707070;}/*비대상*/
.cate3.cate3-3:before{content:"\f05e"}
.cate3.cate3-4{color: #707070;}/*종료*/
.cate3.cate3-4:before{content: "\f00c";}
/*4 답변상태구분*/
.cate4{font-weight: 500;}
.cate4:before{font-family: 'Font Awesome 6 Free';font-weight: 900;display: inline-block;margin: 0 3px 0 0;font-size: 12px;}
.cate4.cate4-1{color: #db0021;}/*미접수*/
.cate4.cate4-2{color: #324562;}/*접수*/
.cate4.cate4-3{color: #007c48;}/*답변*/
.cate4.cate4-3:before{content: "\f00c";}

/*타이포*/
.txt-red {color:#e62626 !important;}
.txt-green {color:#008000 !important;}
.txt-blue {color:#2a4cf4 !important;}
.txtBox{color: #5f7ec1; width: 100%;height: auto;overflow: hidden;padding: 12px 18px;border: 1px solid #d3dfd3;box-sizing: border-box;margin: 30px 0;background: #f2f3f7;}
.ulSt{margin: 10px 0;}
.ulSt li{padding: 0 0 0 15px;position: relative;margin: 0 0 5px 0;text-align: left;line-height: 21px;}
.ulSt li:before{content: '';display: block;position: absolute;}
.ulSt li:last-child{margin-bottom: 0;}
.ulSt.ul01 > li:before{width: 10px;height: 10px;border-radius: 100%;border: 3px solid #1d398d;box-sizing: border-box;top: 7px;left: 0px;}
.ulSt.ul02 > li:before{width: 6px;height: 6px;background: #b1b1b1;border-radius: 100%;box-sizing: border-box;top: 8px;left: 2px;}
.txtBox .ulSt{margin: 0;}
.txtBox h4 {text-align: center; margin: 0 auto; color: #5f7ec1;}
.txtBox-grey {color: #797979; width: 100%;height: auto;overflow: hidden;padding: 12px 18px;border: 1px solid #d3dfd3;box-sizing: border-box;margin: 30px 0;background: #f1f1f1;}
.txtBox-grey span {font-weight: 700;}

/* FAQ */
.faq{width: 100%;height: auto;}
.faq > li{border: 1px solid #dcdcdc;margin: 0 0 8px;border-radius: 5px;width: 100% !important;box-sizing: border-box;}
.faq > li > a{display: block;padding: 12px 80px 12px 60px;position: relative;line-height: 24px;border-radius: 5px 5px 0 0;}
.faq > li > a .qnaNum{position: absolute;left: 25px;top: 13px;color: #0052cc;font-weight: 600;font-size: 15px;}
.faq > li > a:after{content: "\f107";font-family: 'Font Awesome 6 Free';font-weight: 900;float: right;font-size: 12px;position: absolute;right: 33px;top: 12px;transition: transform 0.4s;}
.faq li .faqA {padding: 20px 60px 20px 60px;position: relative;display: none;border-top: 1px solid #dcdcdc;line-height: 1.6;}
.faq li.on > a {background:#f5f7f8;color: #0052cc;overflow: hidden;font-weight: 500;}
.faq li.on > a:after{transform: rotate(180deg);}
.faq li.on > .faqA {display: block !important;}

/* LOGIN */
.loginWrap{width: 480px;border: 4px solid #f1f1f1;box-sizing: border-box;text-align: center;margin: 100px auto 0;padding: 40px 65px 40px;}
.loginWrap .loginTle{font-size: 26px;font-weight: 600;margin: 0 0 50px;font-family: 'GmarketSans';}
.loginWrap .loginForm{position: relative;width: 100%;margin: 0 auto;height: auto;overflow: hidden;}
.loginWrap .loginInput{width: 100%;}
.loginWrap .loginInput .form{height:45px;margin-bottom:8px}
.loginWrap .loginBtn{width: 100%;height: 50px;border-radius: 5px;font-size: 16px;font-weight: 500;text-align: center;color: #fff;background: #041259;border: none;}
.loginWrap .loginBtn.joinBtn{color: #041259;background: #fff;border: 1px solid #041259;margin-top: 8px;}
.loginWrap .chks{display: block;text-align: right;margin: 0 0 15px 0;}
.loginWrap .loginLink{margin: 15px 0;}
.loginWrap .loginLink li{display: inline-block;margin: 0 15px;position: relative;}
.loginWrap .loginLink li a:hover{text-decoration: underline;}
.loginWrap .loginLink li:first-child:after{content: '';width: 1px;height: 12px;background: #cbcbcb;display: block;position: absolute;right: -17px;top: 6px;}

/* JOIN */
.joinWrap{width: 800px;}
.joinWrap .joinTypeWrap{width: 100%;height: auto;display: flex;gap: 15px;margin-bottom: 30px;}
.joinWrap .joinType{width: 100%;padding: 110px 10px 40px;display: block;box-sizing: border-box;border-radius: 5px;margin-bottom: 13px;font-family: 'GmarketSans';font-size: 17px;background: #f5f8fd;position: relative;line-height: 22px;color: #041259;}
.joinWrap .joinType:hover{outline: 3px solid #041259;}
.joinWrap .joinType:before{content:'';width:45px;height:45px;background:url(../img/common/join.png);display: block;position: absolute;left: 50%;margin-left: -22px;top: 44px;}
.joinWrap .joinType.joinType1:before{background-position: left center;}
.joinWrap .joinType.joinType2:before{background-position: -45px center;}
.joinWrap .joinType.joinType3:before{background-position: -90px center;}
.joinWrap .joinType span{font-size: 14px;display: block;font-family: 'SCoreDream';color: #000;}
.joinWrap .agreeWrap .agreeBox{width: 100%;margin-bottom: 15px;}
.joinWrap .agreeWrap .agreeBox .agreeTop{border: 1px solid #e5e5e5;border-radius: 4px;box-sizing: border-box;padding: 10px 35px 10px 18px;position: relative;height: auto;overflow: hidden;}
.joinWrap .agreeWrap .agreeBox .agreeTop strong{font-family: 'GmarketSans';font-size: 17px;float: left;}
.joinWrap .agreeWrap .agreeBox .agreeTop .radio{float: right;margin-top: 3px;}
.joinWrap .agreeWrap .agreeBox .agreeCont{background: #f5f7f8;max-height: 180px;overflow-y: auto;border: 1px solid #e5e5e5;box-sizing: border-box;padding: 15px 20px;margin-top: -1px;border-radius: 0 0 4px 4px;text-align: left;}
.joinWrap .btnWrap .btn{width: 100%;background: #041259;color: #fff;height: 50px;line-height: 50px;font-size: 16px;font-weight: 500;}
.joinWrap .joinStep{text-align: center;margin: 0 0 40px 0;}
.joinWrap .joinStep li{display: inline-block;position: relative;text-align: center;margin: 0 15px;font-size: 13px;font-weight: 500;color: #666;}
.joinWrap .joinStep li span{width: 40px;height: 40px;background: #666;display: block;border-radius: 100%;margin: 0 auto 5px;position: relative;}
.joinWrap .joinStep li.on span{background: #041259;}
.joinWrap .joinStep li.on span:before{content: '';width: 100%;height: 100%;background: #041259;position: absolute;left: 50%;top: 50%;margin: -50%;border-radius: 100%;animation: wave 2s infinite;}
@keyframes wave{
    0%{opacity:1;transform:scale(0.7);}
    100%{opacity:0;transform:scale(1.4);}
}
.joinWrap .joinStep li:after{font-family: 'Font Awesome 6 Free';font-weight: 900;display: inline-block;position: absolute;width: 40px;height: 40px;top: 0;left: 50%;margin-left: -20px;line-height: 40px;color: #fff;}
.joinWrap .joinStep li:before{content: '';width: 100%;height: 1px;background: #ddd;display: block;position: absolute;right: -100%;margin-right: 10px;top: 20px;}
.joinWrap .joinStep li:last-child:before{display: none;}
.joinWrap .joinStep li:nth-child(1):after{content: "\f0ae";}
.joinWrap .joinStep li:nth-child(2):after{content: "\f505";}
.joinWrap .joinStep li:nth-child(3):after{content: "\f044";}
.joinWrap .joinStep li:nth-child(4):after{content: "\f00c";}
.joinWrap .phoneCert{width: 100%;height: auto;overflow: hidden;}
.joinWrap .phoneCert strong{font-family: 'GmarketSans';font-size: 20px;margin: 30px 0 50px;display: block;}
.joinWrap .phoneCert strong:before{content: '';width: 71px;height: 70px;background: url(../img/common/phoneCert.png) no-repeat center;display: block;margin: 0 auto 30px;}
.joinWrap .joinFin{line-height: 20px;}
.joinWrap .joinFin:before{content: '';width: 131px;height: 100px;background: url(../img/common/joinFin.png) no-repeat center;display: block;margin: 0 auto 30px;}
.joinWrap .joinFin strong{font-family: 'GmarketSans';font-size: 20px;display: block;margin-bottom: 10px;}
.joinLink{width: 100%;height: auto;overflow: hidden;display: flex;gap:15px;margin: 50px 0 0;}
.joinLink > a{display:block;box-sizing:border-box;width:100%;border: 1px solid #dae0ec;border-radius: 5px;font-family: 'GmarketSans';font-size: 17px;font-weight: 600;padding: 20px 0 15px;}
.joinLink > a:before{content: '';width: 64px;height: 64px;border-radius: 100%;background: #f7f7f7 url(../img/infograph.png) no-repeat;display: block;margin: 0 auto 10px;}
.joinLink > a.joinLink1:before{background-position: left center;}
.joinLink > a.joinLink2:before{background-position: right center;}

/*조사 등록*/
h4.tle{font-weight: 700;position: relative;padding-left: 28px;font-size: 18px;font-family: 'GmarketSans';color: #010f55;}
h4.tle:before{content: '';position: absolute;left: 0;top: 7px;width: 13px;height: 13px;background-color: rgba(0, 85, 255, 0.5);box-sizing: border-box;z-index: 2;border-radius: 100%;}
h4.tle:after{content: '';position: absolute;left: 7px;top: 7px;width: 13px;height: 13px;background-color: rgba(0, 145, 255, 0.5);box-sizing: border-box;z-index: 0;border-radius: 100%;}

.qUpload{}
.qUpTblChange{margin-top: 30px;padding-top: 20px;border-top: 1px dashed #ccc;}
.qUpTblChange .boardhead{margin-bottom: 5px;}
.qUpTblChange .boardhead .form-msg{margin-top: 10px;}
.ui-sortable-handle.selected{background: #f6faff;}
.qUp_list{margin-top: 50px;}
.qUp_listBtn{width: 100%;font-size: 17px;font-weight: 700;color: #0078f7;border: 1px solid #ddd;background: #ebf5ff;height: 60px;}
.qUp_listCont{padding: 20px 30px 0;border: 1px solid #ddd;border-top: none;display: none;}
.qUpTbl{table-layout: auto;background: #fff;}
.qUpTbl .surveyTr td{border-top: 1px dashed #ccc; padding: 0 0 8px;}

/* 모달팝업 */
.modalBg{display:none;position:fixed;width:100%;height:100%; top:0;left:0;background: rgba(0,0,0,0.6); z-index: 900;}
.modalTle{font-weight: 500;line-height: 45px;color: #9b9b9b;padding: 0 25px;}
.modalClose{display:block;position:absolute;width: 45px;height: 45px;text-align:center;line-height: 45px;text-decoration:none;color:#000;font-size:20px;right: 5px;top: 0px;background: none;border: none;}
/* 레이어팝업 */
.surveyQlist li{position: relative;margin-bottom: 5px;text-align: left;}
.surveyQlist li:last-child{margin-bottom: 0;}
.surveyQlist .form{width: calc(100% - 60px);}
.modalL{display:none;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);width:calc(100% - 40px);max-width: 1000px;min-height: 175px;background:#fff;z-index: 999;border-radius: 5px;max-height: 90%;overflow-y: auto;}
.modalL .modalLcont{width: 100%;padding: 15px 25px 35px 25px;box-sizing: border-box;}
.modalL .modalLcont .contTbl th, 
.modalL .modalLcont .contTbl td{font-size: 13px;padding: 3px;}
.modalL .tblTop .pageNum{margin-top: 10px;}
.modalL .form,.modalL .boardSearch .btn{height: 30px;line-height: 30px;font-size: 13px;}
.modalL .modalLcont .boardWrite .form,
.modalL .modalLcont .boardWrite .btn{height: 35px;line-height: 35px;font-size: 14px;}

h3.subTle {display:flex; align-items:center; justify-content:center; height:147px; padding:13px 0 0 0; font-size:48px; color:#000; text-align:center; box-sizing:border-box;}
@media (max-width: 1400px){
    .wpIn{width: 100%;padding: 0 30px;box-sizing: border-box;}
   
}
@media (max-width: 1024px){ /*tablet*/
   
    .subTle {font-size: 26px;}
    #container.sub{min-height: 400px;}

    .boardList-tbl{border-bottom: none;text-align: left;}
    .boardList-tbl thead,
    .boardList-tbl colgroup {display: none;}
    .boardList-tbl tr {display:block;width: 100%;border-bottom: 1px solid #ccc;padding: 7px 0 7px 55px;position: relative;box-sizing: border-box;}
    .boardList-tbl td{border-top:none;padding: 4px 0 2px 0}
    .boardList-tbl td.td-check{position: absolute;left: 21px;top: 50%;margin-top: -40px;text-align: center;}
    .boardList-tbl td.td-num{width: 55px;position: absolute;left: 0;top: 50%;margin-top: -14.5px;text-align: center;}
    .boardList-tbl td.td-title {display: block} 
    .boardList-tbl td.td-div{font-size: 1.2rem;background: #f1f1f1;margin: 0 2px 0 0;display: inline-block;padding: 0 12px;line-height: 19px;font-weight: 500;color: #595959;}
    .boardList-tbl td.td-cate{margin: 0 2px 0 0;display: inline-block;line-height: 19px;padding: 0;}
    .boardList-tbl td.td-cate .cate2{font-size: 12px;width: auto;line-height: 19px;padding: 0 12px;}
    .boardList-tbl td.td-term{color: #2060ba;padding: 0 17px 0 0;font-size: 1.3rem;font-weight: 500;display: inline-block;}
    .boardList-tbl td.td-info{padding: 0 17px 0 0;font-size: 1.3rem;color: #666;}
    .boardList-tbl td.td-info:after{content: '';width: 2px;height: 2px;border-radius: 100%;background: #666;position: absolute;right: 7.5px;top: 10px;} 
    .boardList-tbl td.td-info.last:after{display: none;}
    .boardList-tbl td.td-view {display: none;}
    .boardList-tbl td.td-date {padding: 0 0 0 16px;font-size: 1.2rem;color: #666;}
    .boardList-tbl td.td-date:before {content: '';width: 12px;height: 12px;background: url(../img/common/icon_pen.png) no-repeat center;display: block;position: absolute;left: 0;top: 4px;}
    .boardList-tbl td.td-none{display: none;}
    .boardList-tbl td.td-btn{width: 55px;position: absolute; right: 0;top: 50%;transform: translateY(-50%);text-align: center;font-size: 12px;}
    .boardList-tbl td.td-btn i{display: block;}
    .boardList-tbl td.td-percent{position: absolute; right: 10px;top: 50%;transform: translateY(-50%);text-align: center;font-size: 16px;}

    .boardView-tbl colgroup {display: none;}
    .boardView-tbl th,
    .boardView-tbl td {display: block;box-sizing: border-box;width: 100%;float: left;}
    .boardView-tbl > tbody th {width: 120px}
    .boardView-tbl td {width: calc(100% - 120px);min-height: 43px; height:100%;}
    .boardWrite .file-list {width: 100%;}
    .boardView-tbl > tbody tr{position:relative;}
    .boardView-tbl > tbody tr:before{content: '';width: 120px;height: calc(100% - 1px);position: absolute;left: 0;top: 0;background: #f7f7f7;}
    .boardView-tbl .boardView_cont{height: auto;padding: 8px 20px;}
    
    .surveyQ{font-size: 13px;}
    .surveyBox .surveyQ .surveyNum{line-height: 21px;vertical-align: 0;}

    .loginWrap{border: none;margin: 50px auto;width: 350px;padding: 0;}
    .joinWrap{width: 100%;}

    .qUpTbl td{display: inline-block;margin-right: 10px;padding: 0;font-size: 13px;}
    .qUpTbl td:before{font-weight: 500;font-size: 12px;color: #666;}
    .qUpTbl td.td-qUp1:before{content: '대상 :';}
    .qUpTbl td.td-qUp2:before{content: '기준 :';}
    .qUpTbl td.td-qUp4:before{content: '단위 :';}
    .qUpTbl td.td-qUp5{display: block;}
    .qUpTbl td.td-qUp5:before{content: '키워드 :';}
    .qUpTbl td.td-qUp6:before{content: '작성자 :';}
    .qUpTbl td.td-qUp7:before{content: '등록일 :';}
    .qUpTbl td.td-qUp8:before{content: '사용 :';}
    .qUpTbl td.td-qUp9:before{content: '구분 :';}
    .qUpTbl td.td-qUp10:before{content: '유형 :';}
    .qUpTbl td.td-qUp3{display: block;font-weight: 600;color: #004081;}
    .qUpTbl .surveyTr td{border-top: none;width: 100%;}
    .qUpTbl .surveyTr {border-top: 1px dashed #ccc;margin-top: -1px;background: #fff;padding: 0;}

    .boardList-tbl.qUpTbl td.td-check{margin-top: -23px;}
    .boardList-tbl.qUpTbl td.td-num{margin-top: 0;}

}


@media (max-width: 680px){ /*mobile*/

    .subNavi{display: none;}
    .subTle {font-size: 23px;margin-top: 28px;}
    .contents{margin-top: 20px;}

    .boardhead > .fr{width: 100%;}
    .boardhead .pageNum{display: none;}
    .boardhead .form.singleForm{width: 100%;margin-bottom: 8px;}
    .boardSearch{width: 100%;}
    
    .file-list .capacity{display: none;}

    .surveyA .radio li{float: none;text-align: left;}
    .surveyA .chks li{float: none;text-align: left;}
    .surveyBox .surveyQ{position: relative;line-height: 18px;}
    /* .surveyBox .surveyQ .surveyNum{font-size: 11px;line-height: 18px;display: block;width: 55px;margin: 0 auto 5px auto;} */

    .form-divWrap-3 .form,.form-divWrap-3 .btn,.form-divWrap-2 .form{width: 100%;margin: 3px 0;}

    .pgRight{margin-top: 30px;float: none;text-align: right;}

    .btnWrap.btn-4 .fr, .btnWrap.btn-4 .fl{float: none !important;display: block;}
    .btnWrap.btn-4 .fl{margin-bottom: 7px;}
    .btnWrap.btn-4 .btn{width: calc(50% - 4px);}

    .faq > li > a {padding: 12px 55px 12px 50px;}
    .faq > li > a .qnaNum{font-size: 13px;left: 18px;}
    .faq > li > a:after{right: 18px;}
    .faq li.on > .faqA{padding: 20px;}

    .loginWrap .loginTle{font-size: 23px;}
    .loginWrap .loginBtn{font-size: 15px;}
    .joinWrap .joinTypeWrap{display: block;}
    .joinWrap .joinType{padding: 80px 10px 20px;font-size: 15px;}
    .joinWrap .joinType:before{top: 20px;}
    .joinWrap .form-msg{text-align: left;}
    .joinWrap .agreeWrap .agreeBox .agreeTop strong{font-size: 15px;}

    .qUp_listCont {padding: 20px 15px 0;}

}

@media (max-width: 480px){ 
    #header .mbM_open{right: 8px;}
    .wpIn{padding: 0 18px;}

    .pgRight .btn{width: 100%;}

    .boardList-tbl tr{padding: 7px 0 7px 48px;}
    .boardList-tbl td.td-num{width: 45px;}
    .boardList-tbl td.td-term, .boardList-tbl td.td-date{display: block;}
    .boardList-tbl td.td-term:after{display: none;}
    .boardList-tbl td.td-percent{font-size: 14px;}
    .boardList-tbl td.td-check{left: 16px;}

    .boardView-tbl tr.mb-wide th{width: 100%;}
    .boardView-tbl tr.mb-wide:before{display: none;}
    .boardView-tbl tr.mb-wide td{width: 100%;text-align: center;border-top: 1px dashed #ccc;}
    .boardView-tbl .boardView_cont{text-align: left !important;padding: 5px;}
    .boardView-tbl > tbody th, .boardView-tbl > tbody td{padding: 5px;}
    .boardView-tbl .file-tr th{width: 100%;}
    .boardView-tbl .file-tr td{text-align: left;width: 100%;border-top: 1px dashed #ccc;}
    .boardView-tbl .file-tr:before{display: none;}
    .boardView-tbl .file-list li{display: block;}
    .boardView-tbl .file-list li:before{display: none;}
    .boardView-tbl .surveyQTd_num{border-top: 2px solid #004081;}

    .boardhead .head_btnWrap .btn{margin-bottom: 5px;}

    .btnWrap.txtL, .btnWrap.txtR{text-align: center !important}
    .btnWrap .fr, .btnWrap .fl{float: none !important;display: inline;}
    .btnWrap.btn-3 .btn{width: calc((100% - 9px) / 3);min-width: 70px;margin: 0;}

    .pagination li{width: 28px;height: 28px;line-height: 28px;}
    .pagination li.pageCtr a{background-size: 112px;}
    .pagination li.page1st a{background-position: left center;}
    .pagination li.pagePrev a{background-position: -28px center;}
    .pagination li.pageNext a{background-position: -56px center;}
    .pagination li.pageLast a{background-position: right center;}

    .loginWrap{width: 100%;}
    .joinWrap .agreeWrap .agreeBox .agreeTop{padding: 10px;}
    .joinWrap .agreeWrap .agreeBox .agreeTop strong{display: block;text-align: center;float: none;line-height: 20px;font-size: 14px;}
    .joinWrap .joinStep li{margin: 0 8px;}
    .joinWrap .joinStep li:after{width: 34px;height: 34px;line-height: 34px;margin-left: -17px;font-size: 11px;}
    .joinWrap .joinStep li:before{top: 17px;}
    .joinWrap .joinStep li span{width: 34px;height: 34px;}
    .joinWrap .joinFin strong{font-size:16px ;}
    .joinLink{display: block;}
    .joinLink > a{margin-bottom: 10px;font-size: 15px;padding: 15px 0 10px;}
    .joinWrap .joinFin br{display: none;}
}
@media (max-width: 380px){
    .wpIn {padding: 0 12px;}

    .btnWrap.btn-4 .fl{margin: 0;}
    .btnWrap.btn-4 .btn{width: 100%;margin-bottom: 5px;}
 }



 /* -------- 20231127 추가 -------- */
 #header .mbM_open{z-index: 100;}
 /* 필터폼 */
.filterBox{width: 100%;height: auto;border: 1px solid #e2e6ed;padding: 12px 30px;box-sizing: border-box;position: relative;border-radius: 5px;    margin-bottom: 50px;}
.filterBox:after{content: '';display: block;clear: both;}
.filterBox .filterForm {width: calc(100% - 180px);float: left;box-sizing: border-box;}
.filterBox .filterForm .row {width: 100%;float: left;position: relative;line-height: 35px;margin: 2px 0;}
.filterBox .filterForm .row-1  {width: 8.333333%; }
.filterBox .filterForm .row-2  {width: 16.666667%;}
.filterBox .filterForm .row-3  {width: 25%;}
.filterBox .filterForm .row-4  {width: 33.333333%;}
.filterBox .filterForm .row-5  {width: 41.666667%;}
.filterBox .filterForm .row-6  {width: 50%;}
.filterBox .filterForm .row-7  {width: 58.333333%;}
.filterBox .filterForm .row-8  {width: 66.666667%;}
.filterBox .filterForm .row-9  {width: 75%;}
.filterBox .filterForm .row-10 {width: 83.333333%;}
.filterBox .filterForm .row-11 {width: 91.666667%;}
.filterBox .filterForm .row-12 {width: 100%;}
.filterBox .filterForm dt {width: 80px;float: left;font-weight: 500;line-height: 35px;}
.filterBox .filterForm dd {width: calc(100% - 80px);float: left;padding: 0 20px;box-sizing: border-box;}
.filterBox .filterBtn {float: right;width: 120px;}
.filterBox .filterBtn .btn{width: 120px;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);height: calc(100% - 24px);}
.filterBox .filterBtn .btn.btn-search{background: #010f55;border-color:#010f55;color: #fff;}
/* 디자인 멀티select */
.select_li{width: 100%;height: 34px;line-height: 34px; display: inline-block;border: 1px solid #dcdcdc;background: #fff url(../img/common/icon_select.png) no-repeat center right 8px;box-sizing: border-box;border-radius: 5px;position: relative;}
.select_li a{display: block;padding: 0 24px 0 10px;}
.select_li ul{width:calc(100% + 2px);border:1px solid #dcdcdc;border-radius:0 0 3px 3px;position:absolute;top:33px;left:-1px;background:#fff;border-top:none;z-index: 3; display: none;overflow-y: auto;}
.select_li ul li{line-height:30px;}
.select_li ul li a{display:block;color:#8b8b8b;font-weight:200;border-top:1px dashed #ddd;font-size:1.3rem;}
.select_li ul li a:hover{background:#f5f5f5;}
.select_li .chks{height: 123px;padding: 5px 0 0;box-sizing: border-box;}
.select_li .chks li{float: none;margin: 0;padding: 0 0 0 15px;font-size: 1.3rem;}
.select_li .chks input[type="checkbox"] + label{width: 100%;box-sizing: border-box;padding: 3px 0 0 22px;line-height: 19px;}
.select_multi{display: block;margin: 3px 0 5px 5px;height: auto;overflow: hidden;}
.select_multi li{font-size: 1.2rem;line-height: 1;display: block;float: left;margin: 2px 17px 2px 0;border-radius: 30px;color: #5b7db7;font-weight: 500;}
.select_multi li a i{margin-left:3px;color: #515970;transition-duration: 0.4s;}
.select_multi li a:hover i{transform: rotate(90deg);color: #ff3125;}

.qUpload{width: 100%;height: auto;overflow: hidden;display: flex;gap: 30px;}
.qUp_cont,.qUp_list{width: 50%;margin-top: 0 !important;}
.qUpTblChange{margin-top: 30px;padding-top: 20px;border-top: 1px dashed #ccc;}
.qUpTblChange .boardhead{margin-bottom: 5px;}
.qUpTblChange .boardhead .form-msg{margin-top: 10px;}
.ui-sortable-handle.selected{background: #f6faff;}
.qUp_listBtn{width: 100%;font-size: 17px;font-weight: 700;color: #010f55;border: 1px solid #ddd;background: #f7f7f7;height: 45px;line-height:45px;text-align: center;box-sizing: border-box;}
.qUp_listCont{padding: 20px 30px 0;border: 1px solid #ddd;border-top: none;min-height: calc(100% - 45px);box-sizing: border-box;display: block !important;}
.qUpTbl{width: 100%;border-top: 2px solid #4d4d4d;}
.qUpTbl li{font-size: 13px;display: block;width: 100%;height: auto;overflow: hidden;padding: 7px 0 7px 55px;position: relative;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.qUpTbl li .qUptbl_left{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50px;text-align: center;}
.qUpTbl li .qUptbl_left .chks{display: block;padding-left: 7px;}
.qUpTbl li .qUptbl_cont .qUptbl_tle{display: block;font-weight: 600;color: #004081;font-size: 15px;margin-bottom: 5px;}
.qUptbl_info{line-height: 16px;}
.qUptbl_info li{padding: 0;display: inline-block;width: auto;border: none; min-width: 32%;}
/* .qUptbl_info li:after{content: '';width: 1px;height: 10px;background: #a0a0a0;display: inline-block;margin: 0 10px;vertical-align: middle;} */
.qUptbl_info li:before{content: '';width: 1px;height: 10px;background: #a0a0a0;display: inline-block;margin: 0 10px 0 0;vertical-align: middle;}
.qUptbl_info li span{font-weight: 500;font-size: 12px;color: #666;}
.qUpTbl .surveyA .radio li{border: none;display: inline-block;width: auto;padding: 0;margin: 0 10px;font-size: 13px;}
.qUpTbl .surveyQ{margin: 0 0 10px 0;}
.qUpTbl .surveyBox{padding: 0 0 10px 0;}

/*연도별통계*/
.yearTbl{width: 100%;border-top: 2px solid #4d4d4d;}
.yearTbl li{display: block;width: 100%;height: auto;overflow: hidden;padding: 10px 0 10px 55px;position: relative;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.yearTbl li .chks{position: absolute;left: 18px;top: 50%;transform: translateY(-50%);}
.yearTbl li .yearTbl-tle{display: inline-block;font-weight: 600;color: #004081;font-size: 15px;margin: 0 0 0 5px;}
.yearTbl li .yearTbl-info{display: inline-block;background: #ddd;font-size: 13px;font-weight: 500;padding: 2px 10px;border-radius: 5px;margin: 0 2px 0 0;}
.yearTbl li .yearTbl-info.yearTbl-num{background: #004081;color: #fff;}
.yearTbl li .yearTbl-year{margin-top: 11px;line-height: 20px;font-size: 15px;}
.yearTbl li .yearTbl-year li{padding: 0;display: inline-block;width: auto;border: none;}
.yearTbl li .yearTbl-year li:after{content:'';display:inline-block;width:1px;height:10px;background: #b9b9b9;margin: 0 10px;}
.yearTbl li .yearTbl-year li:last-child:after{display: none;}
.year_graphBox{width: 100%;height: 400px;margin-top: 30px;}
.yearDatatbl{width: 100%;table-layout: fixed;position: relative;text-align: center;border-top:2px solid #4d4d4d;border-bottom: 1px solid #ccc;border-right: 2px solid #fff;}
.yearDatatbl thead th {padding: 5px 0;font-weight: 500;background: #f7f7f7;}
.yearDatatbl th,.yearDatatbl td{padding: 5px 0;position: relative;border-top: 1px solid #ccc;height:20px;border-right: 1px solid #ccc;}


@media (max-width: 1024px){
    .qUpload{display: block;}
    .qUp_cont, .qUp_list{width: 100%;}
    .qUp_list{margin-top: 50px !important;}
    .yearTbl li .yearTbl-tle{display: block;margin: 5px 0 0 0;}
    .yearTbl li .yearTbl-year {margin-top: 5px;}
    .yearTbl li .yearTbl-info{padding: 0 10px;}
    .filterBox {padding: 12px 0 0;}
    .filterBox .filterForm{width: 100% !important;}
    .filterBox .filterForm .row{width: 100% !important;padding: 0 10px 0 18px;box-sizing: border-box;}
    .filterBox .filterBtn{width: 100% !important;text-align: center;border-top: 1px dashed #ddd;padding: 7px 0;margin: 12px 0 0px;}
    .filterBox .filterBtn .btn{right: 0;position: relative;transform: none;}
}

@media (max-width: 680px){
    .qUptbl_info li{font-size: 13px;}
    .qUpTbl li .qUptbl_cont .qUptbl_tle{font-size: 14px;}
    .qUp_listBtn{font-size: 15px;}
    .yearTbl li .yearTbl-tle{font-size: 14px;}
    .yearTbl li .yearTbl-year li{font-size: 13px;}
}


/* 메인 모달 팝업 2023.12.10 */
.modalP{display:none;position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);width: 97%;min-height: 175px;background:#fff;z-index: 999;border-radius: 5px;box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); border: 1px solid #a7a7a7;}
.modalP .modalPcont{line-height: 20px;padding: 60px 20px 5px;text-align: center;}
.modalP.modal-register .modalPcont{background: url(../img/pop1.png) no-repeat center 10px;}
.modalP.modal-warning .modalPcont{background: url(../img/pop2.png) no-repeat center 10px;}
.modalP.modal-delete .modalPcont{background: url(../img/pop3.png) no-repeat center 10px;}
.modalP .modalPcont strong{font-size: 18px;font-weight: 600;display: block;}
.modalP .modalPcont p{margin-top: 10px;font-size: 15px;}
.modalP .btnWrap{margin: 25px 0 35px;}

/* 20250921 .notice{width: 100%;height: auto;border-top: 2px solid #4d4d4d;text-align: left;}*/
.notice li{border-bottom: 1px solid #ccc;}
.notice li > a{display: block;padding: 20px 185px 20px 20px;position: relative;font-weight: 500;font-size: 14px;}
.notice li .noriceCate{display: inline-block;padding: 0px 10px;line-height: 21px;border-radius: 5px;margin: 0 5px 0 0;font-size: 13px;border: 1px solid #ddd;}
.notice li .noriceCate.noriceCate1{color: #0084de;border-color:#0084de;}
.notice li .noriceCate.noriceCate2{color: #04c9b7;border-color:#04c9b7;}
.notice li .noriceCate.noriceCate3{color: #513aa6;border-color: #513aa6;}
.notice li .noriceCate.noriceCate4{color: #c90444;border-color: #c90444;}
.notice li > a .noticeMore{width: 18px;height: 18px;display: block;position: absolute;right: 25px;top: 50%;margin-top: -9px;}
.notice li > a .noticeMore:before{content:'';width:100%;height:2px;display:block;background:#6d6d6d;position: absolute;top: 50%;left:0;margin-top:-1px;transition: all 0.5s ease-in-out;transform: rotate(-90deg);}
.notice li > a .noticeMore:after{content:'';width:2px;height:100%;display:block;background:#6d6d6d;position: absolute;top: 0;left:50%;margin-left:-1px;transition: all 0.5s ease-in-out;transform: rotate(-90deg);}
.notice li.on > a .noticeMore:before{transform: rotate(90deg);opacity: 0;}
.notice li.on > a .noticeMore:after{transform: rotate(90deg);opacity: 1;}
.notice li .noticeCont{padding: 20px;position: relative;background: #f6f6f6;display: none;}
.notice li .noticeDate{position: absolute;right: 85px;top: 50%;transform: translateY(-50%);color: #666;font-weight: 400;font-size: 14px;}
.modalP .notice{width: calc(100% - 60px);margin: 0 auto;}


/*메인 레이어 팝업. 2023.12.10 */
.layerPopup{position:absolute;cursor:move;z-index: 99999;border: 1px solid #414141;box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);background: #fff;min-width: 400px;border-radius: 5px;overflow: hidden;padding-bottom: 33px;}
.layerPopup img{width: 100%;}
.layerP_title{padding:10px 20px;box-sizing: border-box;font-size: 15px;line-height: 18px;background: #082149;color: #fff;}
.layerP_bottom{width: 100%;height: 33px;line-height: 33px;background: #414141;color: #fff;padding: 0 20px;box-sizing: border-box;font-size: 13px;position: absolute; bottom: 0;}
.layerP_bottom input{vertical-align: -2px;margin-right: 3px}
.layerP_bottom .layerP_close{padding: 0;background: none;border: none;float: right;color: #fff;height: 33px;}

@media (max-width: 680px){
    .modalP .notice {width: calc(100% - 30px);}
    .modalP .modalPcont {padding: 30px 20px 5px;}
    .modalP .btnWrap {margin: 25px 0 25px;}
    .notice li .noticeDate{right: 65px;}
    .notice li > a {display: block;padding: 20px 138px 20px 20px;}
}
@media (max-width: 480px){
    .modalP .notice {width: 100%;}
    .notice li .noticeDate{display: none;}
    .notice li > a {padding: 20px 58px 20px 20px;}
}

/* 회원가입 > 소속 조회. 2023.12.17 */
.boardView-tbl .to-label {display:inline-block;padding:.5rem;color:#1e1e1e;border:1px solid #c8c8c8;background-color:#f8f8f8;border-radius:5px;}

.schoolArea {position:absolute;left:0;top:100%;width:100%;background-color:#fff;border:1px solid #d1d3e2;z-index:5;}
.schoolArea ul {margin:0;padding:0;}
.schoolArea ul li {padding:.5rem;}
.schoolArea ul li:hover {background-color:#f8f8f8;}
.schoolArea ul li a {display:block;}
.schoolArea .highlightWord {color:#4e73df;}
.schoolArea .close {font-size:1rem;}

/*2023.12.18추가*/
.surveyBox_short{padding: 0;}
.surveyBox_short .surveyQ{text-align: left;margin-bottom: 0;}
.surveyBox_short .surveyA{float: right;margin: -38px 20px 0 0;}
.surveyBox_short .surveyQ_ex{text-align: left;}
.surveyBox_short .formUnit .unit{min-width: 26px;text-align: left;display: inline-block;}

@media (max-width: 1000px){
    .surveyBox_short{padding-bottom: 15px;}
    .surveyBox_short .surveyQ{text-align: center;margin-bottom: 15px;}
    .surveyBox_short .surveyA{float: none;margin: 0;}
    .surveyBox_short .surveyQ_ex{text-align: center;margin: 5px 0;}
}

/*2023.12.19*/
.aboutCont{margin: 75px 0 80px 100px;}
.aboutCont:before{content: '';width: 300px;height: 300px;border: 50px solid #dff0dd;box-sizing: border-box;border-radius: 100%;display: block;position: absolute;z-index: -1;bottom: -330px;right: 0;}
.aboutCont > span{font-size: 15px;font-weight: 300;letter-spacing: 2px;display: block;line-height: 20px;position: relative;}
.aboutCont > span:before{content: '';width: 70px;height: 70px;background: #69cdc2;border-radius: 100%;display: block;position: absolute;left: -35px;z-index: -1;bottom: -8px;}
.aboutCont > strong{font-size: 28px;font-weight: 800;}
.aboutCont .aboutTxt{margin-top: 98px;font-size: 16px;position: relative;}
.aboutCont .aboutTxt:before{content: '';width: 19px;height: 3px;background: #5db454;display: block;position: absolute;top: -40px;left: 0;}
.aboutCont .aboutTxt .highLight{position: relative;transform: perspective(1px);}
.aboutCont .aboutTxt .highLight:before {content: '';display: block;position: absolute;background: #ffcbdc;width: 100%;height: calc(100% - 7px);left: 0;bottom: 3px;z-index: -1;}
@media (max-width: 1024px){
  .aboutCont {margin: 55px 10px 0 20px;}
  .aboutCont > strong{font-size: 23px;}
  .aboutCont > span:before{width: 55px;height: 55px;}
  .aboutCont .aboutTxt{font-size: 15px;}
  .aboutCont:before{width: 230px;height: 230px;bottom: -220px;}
}
@media (max-width: 680px){
  .aboutCont > span{font-size: 13px;}
  .aboutCont > span:before{width: 35px;height: 35px;left: -15px;top: -10px;}
  .aboutCont > strong{font-size: 20px;}
  .aboutCont .aboutTxt{font-size: 14px; margin-top: 40px;}
  .aboutCont .aboutTxt:before{top: -18px;}
  .aboutCont:before{display: none;}
}

.manualDiv{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.manualDiv .manualTle{float: left;width: 200px;font-size: 20px;font-weight: 600;line-height: 28px;padding-top: 33px;}
.manualDiv .manualList{width: calc(100% - 250px);float: right;border-top: 1px solid #ddd;padding-top: 30px;}
.manualDiv:first-of-type .manualList{border: none;}
.manualDiv .manualList li{margin-bottom: 10px;font-size: 15px;position: relative;padding-left: 23px;}
.manualDiv .manualList li:before{content: "\f00c";width: 16px;height: 16px;border-radius: 100%;background: #69cdc2;display: block;position: absolute;left: 0;top: 5px;font-family: 'Font Awesome 6 Free';font-weight: 900;color: #fff;font-size: 10px;text-align: center;line-height: 16px;}
@media (max-width: 1024px){
  .manualDiv .manualList {width: calc(100% - 210px);}
}
@media (max-width: 680px){
  .manualDiv .manualTle{width: 100%;float: none;border-top: 1px solid #ddd;font-size: 16px;}
  .manualDiv:first-of-type .manualTle{border: none;}
  .manualDiv .manualList{width: 100%;float: none;border: none;padding-top: 13px;}
  .manualDiv .manualList li{font-size: 14px;}
  .manualDiv .manualTle br{display: none;}
  .manualDiv{margin-bottom: 17px;}
}


/*2023.12.21추가*/
.staDiv{width: 100%;height: auto;overflow: hidden;}
.staDiv_l{float: left;width: 280px;}
.staDiv_l .filterBox{padding: 0;border: none;}
.staDiv_l .filterBox .filterForm{width: 100%;float: none;}
.staDiv_l .filterBox .filterForm .row{width: 100% !important;border: 1px solid #e2e6ed;padding: 12px 30px;box-sizing: border-box;border-radius: 5px;margin: 0 0 10px 0;}
.staDiv_l .filterBox .filterForm dt{width: 100%;}
.staDiv_l .filterBox .filterForm dt b{font-size: 15px;font-family: 'GmarketSans';color: #010f55;}
.staDiv_l .filterBox .filterForm dd{width: 100%;padding: 0;}
.staDiv_l .filterBox .filterForm select[multiple]{background: none;overflow-y: auto;height: auto;}
.staDiv_l .filterBox .filterForm select[multiple] option{padding: 5px 0;}
.staDiv_l .filterBox .filterForm .form{margin-bottom: 4px;}
.staDiv_l .filterBox .filterForm .btn.btn-search{width:100%;background: #010f55;border-color: #010f55;color: #fff;}
.staDiv_l .filterBox .filterForm dl .chks li{width: 40%;line-height: 26px;}
.staDiv_r{float: right;width: calc(100% - 320px);}

@media (max-width: 800px){
    .staDiv_l,.staDiv_r{width: 100%;float: none;}
    .staDiv_l .filterBox .filterForm dl .chks li{width: auto;}
}

/*2024.01.04추가*/
.txt2{margin: 10px 0 0;line-height: 22px;position: relative;width: 100%;word-break: keep-all;font-weight: 600;font-size: 15px;}
.olSt{margin: 10px 0;}
.olSt li{position: relative;padding: 0 0 0 20px;margin: 0 0 5px 0;text-align: left;}
.olSt li:last-child{margin-bottom: 0;}
.olSt li .num{margin: 0 7px 0 0;position: absolute;left: 0;display: block;}
.olSt.ol01 > li {padding: 0 0 0 25px;}
.olSt.ol01 > li > .num{color: #010f55;font-weight: 600;top: 4px;font-size: 1.5rem;line-height: 1;}
.olSt.ol02 > li {padding: 0 0 0 20px;}
.olSt.ol02 > li > .num{border: 1px solid #333;width: 14px;height: 14px;border-radius: 100%;box-sizing:border-box;font-size: 10px;text-align: center;line-height: 13px;top: 4px;}
.ulSt .olSt li{padding: 0 0 0 20px;}
.olSt .ulSt li{padding: 0 0 0 15px;}
.privacyCont h4.tle{margin-top: 30px;}
.privacyCont .privTle{font-weight: 700;font-size: 20px;font-family: 'GmarketSans';display: block;}
.privacyCont-tbl{background:#fff;width: 100%;position: relative;text-align: center;border-top:2px solid #4d4d4d;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
.privacyCont-tbl thead th {padding: 5px 3px;font-weight: 500;background: #f7f7f7;border-right: 1px solid #ccc;}
.privacyCont-tbl td{padding: 5px 3px;position: relative;border-top: 1px solid #ccc;border-right: 1px solid #ccc;line-height: 20px;height: 28px;}

/* 2024.01.27 Custom : 댓글 */
.commentWrap{width: 100%;height: auto;overflow: hidden;}
.commentWrap .commentNum{width: 100%;line-height: 50px;border-top: 1px solid #4d4d4d;font-size: 15px;color: #2d2d2d;background: #f6f6f6;padding-left: 21px;box-sizing: border-box;font-weight: 600;}
.commentWrap .commentNum strong{color: #f6841f;margin-left: 4px;}
.commentWrap .commentList{border-top: 1px solid #ccc;}
.commentWrap .commentList li{padding: 17px 20px;border-bottom: 1px dashed #ccc;}
.commentWrap .commentList li .commentInfo > b{color: #222;font-size: 16px;font-weight: 600;}
.commentWrap .commentList li .commentInfo > span{color: #8d8d8d;margin-left: 4px;}
.commentCont{color: #444}
.commentWrite{background: #f9f9f9;height: auto;overflow: hidden;border-bottom: 1px solid #ccc;box-sizing: border-box;padding: 20px 15px;}
.commentWrite strong{color: #222;font-size: 17px;font-weight: 600;display:block;}
.commentWrite textarea{border:  1px solid #ccc;width: calc(100% - 140px);box-sizing: border-box;vertical-align: middle;border-radius: 3px;height: 77px;padding: 5px 10px;float:left;}
.commentWrite .btn{width: 120px;height: 77px;float: right;}

/* 2024.01.31 아이디비번찾기 추가 */
.findBtn{font-family: 'GmarketSans';font-size: 20px;margin: 65px 0 40px;display: block;}
.findBtn:before {content: '';width: 71px;height: 70px;background: url(../img/common/phoneCert.png) no-repeat center;display: block;margin: 0 auto 40px;}
.findBtn span{width: 100%;height: 50px;line-height: 50px;border-radius: 5px;font-size: 16px;font-weight: 500;text-align: center;color: #fff;background: #041259;border: none;display: block;}
.txtBox2{color: #e62626;border: 1px solid #ebc4c4;background: #fff7f7;}
.findTxt{margin: 0 0 50px 0;font-size: 15px;}
.findTxt strong{font-size: 17px;background: #f4fdf4;color: #008000;}
.findTxt > i{font-size: 20px;display: block;margin: 0 0 20px 0;font-size: 45px;}
.findTxt > i.fa-triangle-exclamation{color: #e62626;}
.findTxt > i.fa-search{color: #008000;font-size: 35px;}
.findTxt > i.fa-circle-check{color: #008000;}