@charset "utf-8"; 
* {padding:0; margin:0;}

/* 경기교육통통(교수포털) 서브컨텐츠 공통사항.
 * @latest 2021.02.26 ssj
 * @latest 2023.04.20 ssj
 * @latest 2025.04.21 OSY
*/


.maincolor01_bg {} .maincolor01_txt {} .maincolor01_border {}
.maincolor02_bg {} .maincolor02_txt {} .maincolor02_border {}
.maincolor03_bg {background:#2676d5;} .maincolor03_txt {color:#2676d5;} .maincolor03_border {border-color:#2676d5 !important;}
.maincolor04_bg {} .maincolor04_txt {} .maincolor04_border {}
.maincolor05_bg {} .maincolor05_txt {} .maincolor05_border {}
.maincolor06_bg {} .maincolor06_txt {} .maincolor06_border {}
.maincolor07_bg {} .maincolor07_txt {} .maincolor07_border {}
.maincolor08_bg {} .maincolor08_txt {} .maincolor08_border {}
.maincolor09_bg {} .maincolor09_txt {} .maincolor09_border {}
.maincolor10_bg {} .maincolor10_txt {} .maincolor10_border {}
.maincolor11_bg {} .maincolor11_txt {} .maincolor11_border {}
.maincolor12_bg {} .maincolor12_txt {} .maincolor12_border {}
.maincolor13_bg {} .maincolor13_txt {} .maincolor13_border {}
.maincolor14_bg {} .maincolor14_txt {} .maincolor14_border {}
.maincolor15_bg {} .maincolor15_txt {} .maincolor15_border {}
.maincolor16_bg {} .maincolor16_txt {} .maincolor16_border {}
.maincolor17_bg {} .maincolor17_txt {} .maincolor17_border {}


.subCon > div .ctr-box a.wzbtn, .subCon > div .ctr-box a.wzbtn-table,
.subCon > div .rt-box a.wzbtn,
.subCon > div>div>div.txt-c a.wzbtn {padding:14px 20px; font-size:17px; font-weight:600;}
  @media (max-width:899px) {
    .subCon > div .ctr-box a.wzbtn, .subCon > div .ctr-box a.wzbtn-table,
    .subCon > div .rt-box a.wzbtn,
    .subCon > div>div>div.txt-c a.wzbtn {font-size:15.5px;}
  }

/*subpage title (submenu design 상쇄하는 내용)*/
.subCon h4.tit {font-size:36px;text-align:left;border-bottom-color:#ececec;padding-top:135px;padding-bottom: 20px;box-sizing: border-box;}
.subCon h4.tit:before {content:""; width:65px; height:5px; background:#333; position:absolute; margin-top:-35px;}
.subCon .subTit {font-size:26px; margin-bottom: 20px;}
.wzpopup-wrap .subTit {font-size:18px;}
.wzpopup-wrap select {border:1px solid #ddd !important;}
.subCon .wz-box {border-color: #ececec; text-align: center; font-size: 20px; background: #f9f9f9; padding: 15px 10px;}

  @media (max-width:990px) { 
    .subCon h4.tit {font-size:25px; padding-top:70px;}
    .subCon h4.tit:before {height:3px; margin-top:-25px;}
    .subCon .subTit {font-size:18px;}
    .subCon .wz-box {font-size:18px;}
  }


.sectionTBL>tbody>tr>td {word-break:keep-all;}


/* title & text design */
.main_Tit {font-size:24px; line-height:1.5em; font-weight:600; padding-top:10px; padding-bottom:10px;}
.main_txt {font-size:18px; line-height:1.4em; font-weight:400; padding-top:10px; padding-bottom:50px; color:#454545;}

.bullet_Tit {font-size:21px; font-weight:600; padding-bottom:10px; position:relative;padding-left:35px;line-height: 1.5em;}
.bullet_Tit:before {content:"\f111";font-family:fontAwesome;margin-right:5px;font-size:30px;vertical-align:middle;position:absolute;left:0;top: 0;}
.bullet_Tit:after {content:"";position:absolute;left:10px;top: 10px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;}

.small_tit {font-size:20px; font-weight:600; padding-top:5px; padding-bottom:10px;}
.txt_size2 {font-size:17px; box-sizing:border-box; line-height:140%; padding-top:5px; padding-bottom:5px; color:#333;}
.txt_size3 {font-size:16.5px; box-sizing:border-box; line-height:140%; padding-top:2px; padding-bottom:3px; color:#525252;}

    /*bullet*/
    .bullet_arrow {padding-left:20px; position:relative;}
    .bullet_arrow:before {content:""; font-size:0.6em; font-weight:800; position:absolute; top:16px; margin-left:-20px; width:10px; height:2px; background:#333; transform:rotate(-45deg);}
    .bullet_dot {padding-left:20px;}
    .bullet_dot:before {content:"\22C5"; position:absolute; margin-left:-13px; font-size:30px;}

    /*depts 들여쓰기*/
    tr.dpt1 td {padding-left:20px;}
    tr.dpt2 td {padding-left:35px;}
    tr.dpt3 td {padding-left:65px;}
    tr.dpt2 td.bullet_arrow, tr.dpt2 td.bullet_dot {padding-left:60px;}
    tr.dpt3 td.bullet_arrow, tr.dpt3 td.bullet_dot {padding-left:85px;}



.emptytr td {padding:15px 5px;}
.emptytr td.p5 {padding:2px 5px;}
hr.clearline {border-bottom:1px solid #333; height:1px; border:0; background:#333;}


  @media (max-width:799px) { 
    .main_Tit {font-size:21px;}
    .main_txt {font-size:17px;}

    .bullet_Tit {font-size:20px; padding-bottom:5px; padding-left:30px;}
    .bullet_Tit:before {font-size:25px; top:1px;} .bullet_Tit:after {left:9px; border-left-width:6px;}
    .small_tit  {font-size:19px;}
    .txt_size2  {font-size:16.5px; padding-bottom:2px;}
    .txt_size3  {font-size:16px; padding-bottom:2px;}
    

    tr.dpt2 td {padding-left:20px;}
    tr.dpt3 td {padding-left:40px;}
    tr.dpt2 td.bullet_arrow, tr.dpt2 td.bullet_dot {padding-left:40px;}
    tr.dpt3 td.bullet_arrow, tr.dpt3 td.bullet_dot {padding-left:55px;}
  }


/*기본버튼 박스 및 버튼 디자인*/
.tong_btnbox {width:100%; display:block; text-align:center; margin-top:50px;}
.tong_btnbox a {}





  

/* 기본 테이블 디자인 */
.basicTbl {width:100%; clear:both; border-top:2px solid #323437; border-bottom:1px solid #dcdcdc; margin:10px 0 30px; border-collapse:collapse;}
.basicTbl>thead>tr>th {font-size:17.5px; background:#f9f9f9; border:1px solid #dcdcdc; padding:16px 5px; text-align:center;}
.basicTbl>thead>tr>th:first-child {border-left:none;} .basicTbl thead tr th:last-child {border-right:none;}
.basicTbl>tbody>tr>th {font-size:17px; background:#f9f9f9; border:1px solid #dcdcdc; text-align:center;}
.basicTbl>tbody>tr>th.subTit {font-size:17px;}
.basicTbl>thead>tr>td,
.basicTbl>tbody>tr>td {font-size:16.5px;line-height:150%;border:1px solid #eaeaea;color:#333;padding: 15px 10px;text-align:center; background:#fff !important;}
.basicTbl>tbody>tr>td:only-of-type, .basicTbl>thead>tr>td:only-of-type {text-align:left; padding-left:10px;}
.basicTbl tr td:first-child, .basicTbl tr th:first-child {border-left:none;}
.basicTbl tr td:last-child {border-right:none;}
.basicTbl>tbody>tr:last-child>td, .basicTbl>tbody>tr:last-child>th {border-bottom:none;}
	.sectionTBL .basicTbl {margin:0;}
	.basicTbl>thead>tr>td select, .basicTbl>thead>tr>td input,.basicTbl>tbody>tr>td select, .basicTbl>tbody>tr>td input {font-size:15px;}
	.basicTbl>thead>tr>td input[type="text"]:only-of-type, .basicTbl>tbody>tr>td input[type="text"]:only-of-type {width:100%;}
	.basicTbl>tbody>tr>td .btn-srch.wzbtn-table {padding: 9px 15px;}
	.basicTbl>tbody>tr>td textarea {width:100%;padding: 5px;box-sizing:border-box;font-size:15px;line-height:150%;}

  @media (max-width:799px){
    .basicTbl>thead>tr>th {font-size:17px; padding:10px 5px;}
    .basicTbl>tbody>tr>th {font-size:16px;}
    .basicTbl>tbody>tr>td, .basicTbl>thead>tr>td {font-size:15px; word-break:break-all; padding:8px 5px;}
  }


  .basicDl {width: 100%;float: left;border-top: 2px solid #333;border-bottom:1px solid #ddd; margin-top:20px;}
  .basicDl dt {font-size:16.5px;width:15%;font-weight: 600;text-align: right;background: #f9f9f9;padding: 22px 15px; word-break:keep-all;}
  .basicDl dd {font-size:16px;width: 35%;padding: 20px 15px;}
  .basicDl dt, .basicDl dd {border-top:1px solid #ececec;float:left;line-height:150%;/* padding: 11px 15px; */vertical-align:top;box-sizing: border-box;}
  .basicDl dt.wd100 {text-align:left; clear:both;}
  .basicDl dt:nth-of-type(2n+1) {clear:both;}
  .basicDl dd:last-child:nth-of-type(2n+1) {width:85%;}

  @media (max-width:899px){
    .basicDl dt {width:30%; clear:both; padding:15px 10px; background:#fff;}
    .basicDl dd {width:70%; padding:15px 10px;}
    .basicDl dd:last-child:nth-of-type(2n+1) {width:70%;}
  }


/* 단계형 디자인 */
.tong_step {border-collapse:separate;}
.tong_step .stepbox {padding:30px 10px; border-width:5px; border-style:solid; border-radius:50px; box-sizing:border-box;}
.tong_step .stepbox .tit {line-height:140%; font-size:18px; margin-bottom:5px; font-weight:600;}
.tong_step .stepbox .small {font-size:16.5px; color:#838383;}

.tong_step td.btwtd {width:3%!important;}
.tong_step td.btwtd:after {content:'\f105'; font-family:FontAwesome; font-size:36px;}

  @media (min-width:800px){
    .tong_step {table-layout:fixed;}
    .step5box .stepbox {width:17.6%;}
    .step4box .stepbox {width:22.75%;}
    .step3box .stepbox {width:31.333%;}
  }
  @media (max-width:799px){
    .tong_step {width:96% !important; margin-left:2%;}
    .tong_step .stepbox {padding:20px 8px; word-break:break-all;}
    .tong_step .stepbox, .tong_step td.btwtd {width:100% !important; float:left; height:auto !important;}
    .tong_step td.btwtd:after {transform:rotate(90deg); display:inline-block;}
  }




/* 포인트 박스 디자인 */
.pointboxTBL {border-left-width:3px; border-left-style:solid;}
.pointboxTBL>tbody>tr>td {padding:30px 15px; background:#f9f9f9;}





/*바로가기 버튼 박스로 이루어진 tbl*/
.quickboxTBL {border-collapse:separate;}
.quickboxTBL .qboxtd {border:5px solid #f1f1f1; border-radius:10px; text-align:center; font-size:16.5px; line-height:150%; box-sizing:border-box;
                      -webkit-transition:background 0.5s; transition:background 0.5s; vertical-align:top; word-break:break-all;}
.quickboxTBL .qboxtd b {}
.quickboxTBL .qboxtd img {max-width:80%;}
.quickboxTBL .btwtd {padding:5px; box-sizing:border-box;}
.quickboxTBL .qboxtd:hover {background:#f1f1f1;}
.quickboxTBL .qboxtd a {color:#333; text-decoration:none;}

  @media (min-width:800px){
    .quickboxTBL .qboxtd {width:23.5% !important; padding:25px 15px;}
    .quickboxTBL .btwtd {width:2% !important;}
    .quickboxTBL .qboxtd b, .quickboxTBL .qboxtd strong {font-size:19px; width:100%; display:block; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ccc;}
  }
  @media (max-width:799px){
    .quickboxTBL .btwtd {width:100% !important; float:left;}
    .quickboxTBL .qboxtd {width:100% !important; float:left; border-width:3px; padding:15px 10px; text-align:left;}
    .quickboxTBL .qboxtd:not(.imgqboxtd) b, .quickboxTBL .qboxtd:not(.imgqboxtd) strong {border-color:#ccc; margin-right:10px;}
    .quickboxTBL .qboxtd:not(.imgqboxtd) p {display:inline-block;}
    .quickboxTBL .imgqboxtd {text-align:center;}
    .quickboxTBL .emptytr td {padding:5px;}
  }





/* 말머리에 적용. 상단 탭.(컨텐츠/통합게시판 겸용-분류게시판 사용불가시.) */
.tabquickTBL {border-collapse:collapse; table-layout:fixed; margin-bottom:50px;}
.tabquickTBL td {border:1px solid #bbb; text-align:center; font-size:18px; box-sizing:border-box;}
.tabquickTBL td a {width:100%; height:100%; display:block; padding:25px 10px; box-sizing:border-box; color:#333; text-decoration:none;}
.tabquickTBL td:hover {font-weight:600;}
.tabquickTBL .activetd {border-width:2px; font-weight:600;}
.tabquickTBL .unactivetd {}

  @media (min-width:800px){
    .tabquickTBL .activetd a {padding:23px 8px;}
  }
  @media (max-width:799px){
    .tabquickTBL {margin-top:20px;}
    .tabquickTBL td {width:50% !important; float:left; margin-top:-1px;}
    .tabquickTBL td:nth-child(2n+1) {clear:both;}
    .tabquickTBL .activetd a {padding:24px 8px;}
  }
  @media (max-width:599px){
    .tabquickTBL {margin-bottom:0px;}
  }






/* 경기교육통통 - 창작소 프로젝트
 * @latest 2020.10.15 ssj
*/

/*프로젝트 목록 상단 검색바*/
.TongSrchbox {padding: 20px !important;background: #f6f7f9 !important;border:1px solid #acbeca;border-width:1px 0;box-sizing:border-box;margin-top: 30px !important;}
.TongSrchbox b {font-size: 18px; float: left; line-height: 40px;}
.TongSrchbox select {background:#fff;vertical-align: middle !important;}
.TongSrchbox input {height: 39px !important;margin: 0 2px !important;}
.TongSrchbox button,
.TongSrchbox a {font-size:17px;border-radius:0;padding: 8px 15px 9px;background: #1271b9;/* height: 40px !important; *//* line-height: 40px; */color: #fff;height: auto !important;padding: 9px 12px !important;line-height: 20px !important;}
.TongSrchbox a.btn-del {background:#fff; color:#c20000;}
.TongSrchbox a.btn-basic {background:#fff !important; color:#444;}
.TongSrchbox a.btn-blue {background:#fff !important; color:#444;}
.TongSrchbox .wm100 {}
.wzpopup-wrap .TongSrchbox {margin:0 0 30px !important;}


@media (max-width:799px) {
  .TongSrchbox input:not[type="checkbox"] {width:75%; margin:0 1% 10px 0 !important; float:left;}
  .TongSrchbox b {width:100%;}
  .TongSrchbox button, .TongSrchbox a {width:24%;}
  .TongSrchbox a {font-size:15px;}
  .TongSrchbox a:before {margin-right:2px;}
  .TongSrchbox .wm100 a {margin-right:1%; width:24.25%; float:left;}
  .TongSrchbox .wm100 a:last-child {margin-right:0;}
}



/*프로젝트 목록 탭*/
.tongTAP {width:100%; padding-top:30px; padding-left:0 !important;}
.tongTAP li.wztab-item {list-style:none; width:calc(50% - 5px); float:left; box-sizing:border-box; text-align:center; font-size:18px; line-height:150%;}
.tongTAP li.wztab-item:first-child {margin-right:10px;}
.tongTAP li.wztab-item a {width:100%; border:2px solid #d3d3d3; padding:15px 10px; display:block; box-sizing:border-box;transition:all 0.5s; -webkit-transition:all 0.5s;}
.tongTAP li.wztab-item a.active {font-weight:600; border-color:#1271b9;}
.tongTAP li.wztab-item a:hover {background:#f9f9f9;}

  .tongTAP.TAP4 li.wztab-item {width:24.625%; margin-right:0.5%;}
  .tongTAP.TAP4 li.wztab-item:last-child {margin-right:0;}


  @media (min-width:600px) and (max-width:991px){
    .tongTAP li.wztab-item {font-size:16px; vertical-align:middle; letter-spacing:-1px;}
    .tongTAP li.wztab-item a {padding:12px 5px; height:78px; line-height:150%; display:inline-block;}
  }
  @media (max-width:599px) {
    .tongTAP.TAP4 li.wztab-item {width:49.75%; margin-right:0.5%; margin-bottom:5px;}
    .tongTAP.TAP4 li.wztab-item:first-child {margin-right:0.5%;}
    .tongTAP.TAP4 li.wztab-item:nth-child(2),
    .tongTAP.TAP4 li.wztab-item:last-child {margin-right:0;}
    .tongTAP li.wztab-item a {font-size:15px; padding:5px; height:62px; line-height:normal;}
    
    .TongSrchbox {padding:10px !important; float:left; width:100%; margin-bottom:30px;}
    .TongSrchbox b {width:100%; display:block;}
    .TongSrchbox .wm100 {margin:10px 0; display:block; /*float:left;*/ margin-bottom:10px;}
  }




/*프로젝트 목록(리스트)*/
.tong_PrgmList {padding-left:0 !important; width:100%; float:left; margin:30px 0 40px; border-top:2px solid #333;}
.tong_PrgmList>li {list-style:none !important; border-bottom:1px solid #cccccc; width:100%; float:left; display:table; transition:all 0.5s; -webkit-transition:all 0.5s;}
.tong_PrgmList>li:hover {background:#f6f7f9;}
.tong_PrgmList .thumBox {width:25%; text-align:center; padding:30px 10px; box-sizing:border-box; display:table-cell; vertical-align:middle;}
.tong_PrgmList .thumBox img {max-width:90%;}
.tong_PrgmList .txtBox {width:75%; padding:20px 10px; box-sizing:border-box; display:table-cell; vertical-align:middle;}
.tong_PrgmList .txtBox strong {font-size:19px; line-height:150%; margin-bottom:15px; display:block;}
.tong_PrgmList .txtBox strong a {word-break:keep-all;}
.tong_PrgmList .txtBox strong a:hover {text-decoration:underline;}
.tong_PrgmList .txtBox dl {width:100%;}
.tong_PrgmList .txtBox dt {width:10%; float:left; font-size:16.5px; line-height:150%; clear:both; margin-bottom:7px; color:#404040; font-weight:600;}
.tong_PrgmList .txtBox dt:before {content:""; width:3px; height:3px; display:inline-block; margin-bottom:7px; background:#333; vertical-align:middle; margin-right:6px; margin-top:7px;}
.tong_PrgmList .txtBox dd {width:90%; float:left; font-size:15.5px; line-height:150%; word-break:keep-all;}

  /*  프로그램 신청(리스트) : + .tong_apybList 클래스 추가.*/
  .tong_apybList {}
  .tong_apybList .txtBox {width:60%;}
  .tong_apybList .applyBox {width:12%; display:table-cell; vertical-align:middle; text-align:center; border-left:1px solid #f5f5f5;}
  .tong_apybList .applyBox .wzbtn {font-size: 16px; padding: 10px 10px; background: #00aba2; color:#fff;}
  .tong_apybList .applyBox .wzbtn:hover {background:#088b85; }




/*상세 테이블*/
.tong_viewTBL {width:100%; margin-top:20px; border-top:2px solid #005391;}
.tong_viewTBL th {width:25%; font-size:16.5px; line-height:150%; text-align:center; padding:11px 5px; box-sizing:border-box; border-bottom:1px solid #d2d2d2; color:#222222;}
.tong_viewTBL td {text-align:left;font-size: 14.5px;line-height:150%;border-bottom:1px solid #d2d2d2;padding:12px 30px 12px 15px;box-sizing:border-box;word-break:keep-all;color:#333;}
.tong_viewTBL td.fileDown {}
.tong_viewTBL td.fileDown ul {position:relative; width:100%; padding-left:20px;}
.tong_viewTBL td.fileDown ul:before {content:"\f019";font-family:'FontAwesome';position: absolute;left: 0;color: #838383;font-size: 13px;line-height: 150%;margin-top: 3px;}
.tong_viewTBL td.fileDown ul li {list-style:none;}
.tong_viewTBL td.fileDown ul li a {font-size:14px; color:#555;}
.tong_viewTBL td.fileDown ul li a:hover {text-decoration:underline;}

.viewbtnbox { margin-top:40px;}
.viewbtnbox a {border-radius:0; font-size:15px; padding:12px 30px; font-weight:600; margin:0 1px;}


/* 프로그램 신청 상세페이지*/
.tong_apyviewTBL {width:90%; margin:20px auto 0;}
.tong_apyviewTBL .mainTit {background: #004a96; font-size: 20px; padding: 15px; box-sizing: border-box; border-radius: 20px 0; word-break: keep-all; line-height: 25px; color: #fff;}
.tong_apyviewTBL .contentArea {padding: 5px 0 15px;}
.tong_apyviewTBL .contentArea dl {width:100%;}
.tong_apyviewTBL .contentArea dl dt {color: #004a96; font-size: 18px; line-height: 130%; font-weight: 600; padding: 25px 0 5px;}
.tong_apyviewTBL .contentArea dl dd {font-size: 16.5px; line-height: 150%; padding: 2px 0 5px 15px; color: #111; position: relative;}
.tong_apyviewTBL .contentArea dl dd:before {content:"";width: 4px;height: 4px;background: #333;display: inline-block;position: absolute;left: 5px;top: 12px;}


  @media (max-width:990px) {
    .m-enter {display:block; clear:both; width:100%;}

    .TongSrchbox {text-align:center !important;}
    .TongSrchbox button {font-size:15px; font-weight:600;}

    .tong_PrgmList .txtBox strong {font-size:17px; margin-bottom:10px;}
    .tong_PrgmList .txtBox dt {width:auto; float:left; display:inline-block; margin-bottom:5px; font-size:15.5px;}
    .tong_PrgmList .txtBox dd {width:auto; float:left; display:inline-block; margin-bottom:5px; font-size:14.5px;}
    .tong_PrgmList .txtBox dd:before {content:":"; padding:0 3px;}

    .tong_viewTBL th {font-size:15.5px;}

    .viewbtnbox a {font-size:15px; padding:9px 20px;}

    .tong_apyviewTBL .contentArea dl dt {font-size:17px;}
    .tong_apyviewTBL .contentArea dl dd {font-size:15.5px;}

  }
  @media (max-width:799px) {
    .tong_apyviewTBL {width:97%; margin:20px auto 0;}
    .tong_apyviewTBL .mainTit {font-size:18px;}

    .viewbtnbox a {margin-bottom:5px;}
    .TongSrchbox button {width:25%;}

  }
  @media (max-width:599px) {
    .tongTAP li.wztab-item {width:100%; font-size:16.5px;}
    .tongTAP li.wztab-item a {padding:10px 5px;}
    .tongTAP li.wztab-item:first-child {margin-right:0; margin-bottom:5px;}

  
    .tong_apybList .thumBox {display: inline-block; float: left;}
    .tong_apybList .txtBox {display: inline-block; float: left; width: 75%; padding-bottom: 10px;}
    .tong_apybList .applyBox {float: left; width: 100%; text-align: left; padding: 0 0 20px 26%; box-sizing: border-box;}
  
  }





#tourPop {}
#tourPop .tbltit {width:20%; font-size:16px; line-height:40px; float:left; clear:both; margin-bottom:10px;}
#tourPop .tbltit + input,
#tourPop .tbltit + textarea {width:80%; padding:10px; box-sizing:border-box; margin-right:0; margin-bottom:10px;}
#tourPop a.wzbtn {height: 40px; font-size: 17px; line-height: 150%;}


.wzForm input[type="radio"] + label {text-indent:0; left:0; width:100%; font-size:15px;}

/*체험코스만들기 검색바*/
@media (min-width:800px) and (max-width:990px){
  .TongSrchbox2 {}
  .TongSrchbox2 b {width:100%;}
  .TongSrchbox2 input {width:74%;margin: 0 1% 0 0 !important;float: left;}
  .TongSrchbox2 a {width:25%;float: left;}
  .TongSrchbox2 .wm100 {margin-top:10px;}
  .TongSrchbox2 .wm100 a {width:24.25%; margin-right:1%;}
  .TongSrchbox2 .wm100 a:last-child {margin-right:0;}
}




/*하루체험목록 검색바*/
.TongSrchbox3 {float:none;}
@media (min-width:800px) and (max-width:990px){
  .TongSrchbox3 .board_search, 
  .TongSrchbox3 .board_search fieldset>div {width:100% !important; margin-bottom:10px;}
  .TongSrchbox3 .board_search fieldset>div:last-child {margin-bottom:0;}
  .TongSrchbox3 .board_search select {width: 24.25% !important; float: left; margin-right: 1%;}
  .TongSrchbox3 .board_search select:last-child {margin-right:0;}
  .TongSrchbox3 .board_search fieldset>div:last-child input {width:74.7%; margin:0 1% 0 0 !important; float:left;}
  .TongSrchbox3 .board_search fieldset>div:last-child .txt_button {width:24%; float:left;}
}




/*하루체험목록-상세 12.14*/
.OnedayExp_Wrap {width:100%; float:left;}
.OnedayExp_Wrap .expIntro {width:65%;float:left;}
.OnedayExp_Wrap .OnedayList {width:32%;float:left;margin-left:3%;}
.OnedayExp_Wrap .OnedayDetail {width:100%;clear:both;/* margin-top: 50px; */float: left;display:none;}

.OnedayExp_Wrap .expmainTit {font-size: 25px;padding: 15px 0;border-top: 1px solid #ececec;border-bottom: 2px solid #333;}
.OnedayExp_Wrap .expDl {width:100%;float:left;clear:both;margin-top: 20px;}
.OnedayExp_Wrap .expDl dl {width:100%;float:left;border-top: 2px solid #005391;}
.OnedayExp_Wrap .expDl dl dt {width:15%;float:left;text-align:center;font-size:15px;line-height:120%;padding:15px 5px;box-sizing:border-box;border: 1px solid #ddd;border-width: 1px 0;box-sizing:border-box;font-weight:600;background: #fdfdfd;}
.OnedayExp_Wrap .expDl dl dt:nth-of-type(2n+1) {clear:both;}
.OnedayExp_Wrap .expDl dl dd {word-break: keep-all;width:35%;float:left;border: 1px solid #ddd;border-width: 1px 0;font-size:14.5px;line-height:130%;padding:15px 10px;box-sizing:border-box;}
.OnedayExp_Wrap .expDl dl dd.download {}
.OnedayExp_Wrap .expDl dl dd.download a {}
.OnedayExp_Wrap .expDl dl dd:nth-of-type(2n+1) {/* border-right: 1px solid #ececec; */}
.OnedayExp_Wrap .expIntro .imgbox {width: 45%;float:left;position:relative;height:0;padding-bottom: 32%;overflow:hidden;margin-top: 20px;margin-bottom: 20px;}
.OnedayExp_Wrap .expIntro .imgbox img {position:absolute; top:-999px; bottom:-999px; right:-999px; left:-999px; margin:auto; min-width:100%; min-height:100%; max-width:200%; max-height:200%;}
.OnedayExp_Wrap .expIntro .txtbox {width: 55%;float:left;padding:20px;box-sizing:border-box;margin-top: 20px;}
.OnedayExp_Wrap .expIntro .txtbox .expTit2 {font-size:17px; line-height:150%; margin-bottom:10px;}
.OnedayExp_Wrap .expIntro .txtbox .exptxt {font-size:16px; line-height:150%; word-break:keep-all;}
.OnedayExp_Wrap .expIntro .txtbox p,
.OnedayExp_Wrap .expIntro .txtbox p * {font-size:16.5px !important; line-height:150%; word-break:keep-all;}
.OnedayExp_Wrap .expIntro .basicTbl {width:100%;border-top: 1px solid #005391;}
.OnedayExp_Wrap .expIntro .basicTbl th {width:15%;font-size: 16px;}
.OnedayExp_Wrap .expIntro .basicTbl td {width:35%;font-size: 16px;text-align: left;}
.OnedayExp_Wrap .expIntro .basicTbl td.download {}
.OnedayExp_Wrap .expIntro .basicTbl td.download a {text-decoration:underline;}

.OnedayExp_Wrap .OnedayList .expmainTit {font-size: 20px; padding: 18px 0;}
.OnedayExp_Wrap .OnedayList .expUl {list-style:none;box-sizing:border-box;float:left;padding-top: 20px;background: #f5f5f5;}
.OnedayExp_Wrap .OnedayList .expUl>li {float:left;list-style:none !important;position: relative;box-sizing: border-box;}
.OnedayExp_Wrap .OnedayList .expLi .imgbox {width:35%;float:left;overflow:hidden;height: 100px;position:relative;}
.OnedayExp_Wrap .OnedayList .expLi .imgbox img {position:absolute;top:-999px;bottom:-999px;left:-999px;right:-999px;margin:auto;min-width:100%;min-height:100%;max-height:150%;}
.OnedayExp_Wrap .OnedayList .expLi .txtbox {width:65%;float:left;padding-left:15px;box-sizing:border-box;}
.OnedayExp_Wrap .OnedayList .expLi .txtbox strong {font-size:15px;font-weight:600;line-height:150%;margin-bottom:5px;width:100%;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 15px;box-sizing: border-box;}
.OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl {white-space: normal;}
.OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dt {float:left;clear:both;font-size: 16px;}
.OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dt:after {content:":";}
.OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dt.hidden {width:0px; height:0px; text-indent:-9999px; overflow:hidden;}
.OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dt.hidden + dd {width:100%;margin-top:5px;word-break:keep-all;color: #838383;}
.OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dt.hidden + dd * {background:transparent !important;}
.OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dd {float:left;font-size: 15px;}
.OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dd ul {padding-left:0 !important;}
.OnedayExp_Wrap .OnedayList .expLi .readmoreBtn {padding: 5px;color: #fff;border-radius: 3px;text-align: center;background: #005391;}
.OnedayExp_Wrap .OnedayList .expLi .readmoreBtn.active {background:#fff;color:#333;font-weight:600;border: 1px solid #005391;}
.OnedayExp_Wrap .OnedayList .expLi .readmoreBtn:after {content: "\276F";transform: rotate(90deg);display: inline-block;float: right;margin-right: 10px;}
.OnedayExp_Wrap .OnedayList .expLi .readmoreBtn.active:after {color: #333;transform: rotate(-90deg);font-weight: 400;}


.OnedayExp_Wrap .OnedayDetail.showDetail {display:block;}
.OnedayExp_Wrap .OnedayDetail .expDetailTit {font-size: 20px; line-height: 120%; background: #f7f7f7; border: 1px solid #ececec; border-width: 1px 0; padding: 20px 10px;}
.OnedayExp_Wrap .OnedayDetail .expDl {}
.OnedayExp_Wrap .OnedayDetail .expDl dl {border-top-color:#ddd;}
.OnedayExp_Wrap .OnedayDetail .basicTbl {border-top-color:#ddd;}
.OnedayExp_Wrap .OnedayDetail .basicTbl th,
.OnedayExp_Wrap .OnedayDetail .basicTbl td {font-size:15px;}
.OnedayExp_Wrap .OnedayDetail .basicTbl td:last-child {text-align:left;}


  @media (min-width:991px){ 
    .OnedayExp_Wrap .OnedayList .expUl {height: 535px; overflow-y: scroll; padding: 20px 10px !important;}
    .OnedayExp_Wrap .OnedayList .expUl>li {width:100%;margin-bottom:15px;border-bottom: 1px dashed #ccc; padding-bottom: 15px;}
    .OnedayExp_Wrap .OnedayList .expUl>li:last-child {border-bottom: none; margin-bottom: 0;}
    .OnedayExp_Wrap .OnedayList .expLi .readmoreBtn {position: absolute;left: 0;bottom: 20px;width: 32%;}
    .OnedayExp_Wrap .OnedayList {margin-bottom:50px;}

    .OnedayExp_Wrap .expDl dl dt:first-of-type, .OnedayExp_Wrap .expDl dl dt:nth-of-type(2),
    .OnedayExp_Wrap .expDl dl dd:first-of-type, .OnedayExp_Wrap .expDl dl dd:nth-of-type(2) {border-bottom: none;}
    
  }
  @media (max-width:990px){
    .OnedayExp_Wrap .expIntro {width:100%;}
    .OnedayExp_Wrap .OnedayList {width:100%;margin: 40px 0 0;}
    .OnedayExp_Wrap .expIntro .imgbox {width:29%; margin-left:1%;}
    .OnedayExp_Wrap .expIntro .basicTbl {width:98%; margin:0 1%;}
    .OnedayExp_Wrap .OnedayList .expUl>li {width: 33.333%;padding: 0 10px;text-align: center;float: none;display: inline-block;vertical-align: top;}
    .OnedayExp_Wrap .OnedayList .expUl {padding:15px 0 !important;/* width: 1000px; */white-space: nowrap;overflow-x: scroll;width: 100%;margin-bottom: 30px;}
    .OnedayExp_Wrap .OnedayList .expLi .imgbox {width:100%;background: #fff;}
    .OnedayExp_Wrap .OnedayList .expLi .txtbox {width:100%;padding: 15px 5px 40px;text-align: left;min-height: 240px;}
    .OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dt.hidden + dd {height: 38px;overflow: hidden;white-space: normal;}
    .OnedayExp_Wrap .OnedayList .expLi .readmoreBtn {padding: 7px 10px;display: inline-block;clear: both;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);min-width: 100px;}
   
   .OnedayExp_Wrap .OnedayDetail {border: 1px solid #005391;padding: 15px;box-sizing:border-box;width: 96%;margin: 0 2% 30px;} 
  
    .OnedayExp_Wrap .expDl dl dt {width:25%;font-size: 15px;padding: 10px 5px;/* min-height: 58px; */ }
    .OnedayExp_Wrap .expDl dl dd {width:75%;font-size:15px;padding: 10px 5px 9px;/* min-height:58px; */}
    .OnedayExp_Wrap .expDl dl dt, .OnedayExp_Wrap .expDl dl dd {border-top:1px solid #ddd; border-bottom:none;}
    .OnedayExp_Wrap .expDl dl dt:last-of-type, .OnedayExp_Wrap .expDl dl dd:last-of-type {border-bottom:1px solid #ddd;}
    .OnedayExp_Wrap .expDl dl dt:only-of-type {border-bottom:none;}
    .OnedayExp_Wrap .expDl dl dt:nth-of-type(2n) {border-left:none;}
  }
  @media (max-width:599px){
    .OnedayExp_Wrap .expmainTit {font-size:21px;}
    .OnedayExp_Wrap .expIntro .txtbox {padding:0 20px 20px; width:70%;}
    .OnedayExp_Wrap .expIntro .txtbox .exptxt {font-size:15px;}
    .OnedayExp_Wrap .expIntro .txtbox p, .OnedayExp_Wrap .expIntro .txtbox p * {word-break:break-all;}
    .OnedayExp_Wrap .expIntro .basicTbl tr {float:left;display:block;width: 100%;}
    .OnedayExp_Wrap .expIntro .basicTbl th {width: 25% !important;float:left;clear: both;box-sizing: border-box;padding: 11px 5px 10px;border-width: 0 0 1px 0 !important;font-size: 15px;}
    .OnedayExp_Wrap .expIntro .basicTbl td {width: 75% !important;float:left;box-sizing: border-box;border-width: 0 0 1px 0;font-size: 15px;}

    .OnedayExp_Wrap .OnedayList .expUl>li {width: 31%;}
    .OnedayExp_Wrap .OnedayList .expLi .imgbox {height:70px;}
    .OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dt.hidden + dd {display:none;}
    .OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dt:nth-of-type(4),
    .OnedayExp_Wrap .OnedayList .expLi .txtbox .infoDl dd:nth-of-type(4) {display:none;}
    .OnedayExp_Wrap .OnedayList .expLi .readmoreBtn {min-width: 90px;padding: 7px 5px;}
    
    .OnedayExp_Wrap .OnedayDetail {padding: 10px;box-sizing:border-box;}
    .OnedayExp_Wrap .OnedayDetail .expDetailTit {font-size:17px;padding: 15px 5px;}
    
  }





/* 몽실학교 - 소식지 목차디자인 */
.chapterBox {width: 100%;float: left;border-top: 2px solid #838383;margin: 10px 0 30px;}
.chapterBox ul {padding-left: 0;width: 100%;height: 100%;position: relative;float: left;margin-bottom: 30px;z-index: 0;}
.chapterBox ul li {float: left; position: relative; padding: 20px 15px;box-sizing: border-box;border: 1px dashed #666;border-width: 1px 0;font-size: 16px;margin-top: -1px;background: #444; color: #fff;clear: both;}
.chapterBox ul li.active {background: #004a96; font-weight: 600;}
.chapterBox ul li:hover {cursor:pointer; background:#696969;}
.chapterBox ul li:first-child {border-top:none;}
.chapterBox ul li + div {width: 100%;float: left; box-sizing: border-box;background: #fff;}
.chapterBox ul li + div table.__se_tbl tr th,
.chapterBox ul li + div table.__se_tbl tr td {outline:none;}

.chapterBox ul li + div .innerDetail {width: 100%; background: #fff; padding: 0 15px; box-sizing: border-box;}

@media (min-width:1050px){
	.chapterBox {background:#444444;}
	.chapterBox ul li {width:300px;}
	.chapterBox ul li + div {position: absolute;right: 0; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); z-index: -1;background: #444;padding-left: 300px;}
}
@media (max-width:1049px){
	.chapterBox ul li {width:100%;}

	.chapterBox ul li:after {content:"";width: 10px;height: 10px;border:1px solid #fff;display:inline-block;transform: rotate(45deg);float: right;border-width:0 1px 1px 0;position: absolute;top: 20px;right: 20px;}
	.chapterBox ul li.active:after {border-width:1px 0 0 1px;top: 26px;}
}





/* kysenet 컨텐츠 테이블 */
.kysnetschoolUl {/* float:left; */border-left:2px solid #ffb017;margin-bottom:20px;padding:15px 20px 10px;box-sizing:border-box;background:#f9f9f9;display: inline-block;margin-left: -4px;vertical-align: middle;}
.kysnetschoolUl dt {font-size:16.5px; line-height:140%; float:left; clear:both; margin-bottom:5px;}
.kysnetschoolUl dt:before {content:"\b7"; margin-right:5px;}
.kysnetschoolUl dt:after {content:":"; margin:0 5px;}
.kysnetschoolUl dd {font-size:15.5px;line-height:140%;float:left;word-break: keep-all;}
.kysnetschoolUl dd.info {width:100%; display:block;}

.kysnetschoolUl dt:first-of-type,
.kysnetschoolUl dt:last-of-type {display:none;}
.kysnetschoolUl dd:first-of-type {font-weight:600; font-size:18px; margin-bottom:10px;}

  @media (min-width:800px){
    .kysnetschoolUl {min-height:215px;}
    .kysnetschoolUl.wd49:nth-of-type(2n+1) {margin-right:1%; clear:both;margin-left: 0;}
  }
  @media (max-width:799px){
    .kysnetschoolUl.wd49 {width:100% !important;}
  }


.search_subtongtong {padding:10px 0 10px 25px; border-bottom:1px solid #ececec; overflow:hidden; margin:10px 0 20px;}
/* 페이지수 */
.search_subtongtong .page_num {width:auto; font-family:"NotoM"; font-size:16px; float:left; margin-bottom:10px;}
.search_subtongtong .page_num span { color:#0b61b8; margin:0px 5px; padding:0px; line-height:35px; }

/* 검색 */
.search_subtongtong .board_search {font-family:"NotoM"; font-size:14px; width:auto; overflow:hidden; float:right}
.search_subtongtong .board_search .bdTop_select {float:left;margin-right:2px;}
.search_subtongtong .board_search select {background:#fff url(../../images/wzwg/site/mngr/adm_arrow_btm.png) no-repeat calc(100% - 2px) 50%;background-size:auto !important;width:100px;height: 39px;font-size:15px;vertical-align:middle;display: inline-block;}
.search_subtongtong .board_search .inputText {height:40px; padding-left:10px; border:1px solid #ccc; font-size:15px; vertical-align:middle; margin:0;}
.search_subtongtong .board_search .txt_button { height:40px; color:#fff; line-height:40px; padding:0 20px; font-size:16px; background:#333; vertical-align:middle;}
.search_subtongtong .bdTop_search {float:left;}
.search_subtongtong input[type=text],
.search_subtongtong input[type=password],
.search_subtongtong input[type=tel],
.search_subtongtong input[type=date],
.search_subtongtong input[type=email],
.search_subtongtong input[type=number]{height:33px; padding:7px 8px; margin:2px 0px; border:1px solid #ddd; background:#fff; vertical-align:middle; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}



.moaSrchBox {padding: 10px 0 20px 25px;border-bottom:1px solid #ececec;overflow:hidden;margin: 0px 0 20px;text-align: right;box-sizing: border-box;margin-top: 10px;float: left;width: 100%;}
.moaSrchBox select {min-width:100px; font-size:16px;}
.moaSrchBox input[type="text"] {min-width:300px;}
.moaSrchBox .btn-srch {height:40px;color:#fff;line-height:40px;padding:0 20px;font-size:16px;background:#333;vertical-align:middle;border-radius: 0;border: none;box-sizing: border-box;}

  @media (max-width:799px){
    .moaSrchBox {text-align:center; border-top:1px solid #ececec;padding: 15px 10px;background: #f9f9f9; margin-bottom:15px;}
    .moaSrchBox input[type="text"] {min-width:auto;width:66%;}
    .moaSrchBox select {width:20%;margin-right:1%;}
    .moaSrchBox select + input[type="text"] {width:44%;}
    .moaSrchBox .btn-srch {width: 23%;margin-left: 1%;}
  }

/*몽실학교- 프로젝트신청 검색바*/
.moaTxt01 {padding-left: 0 !important;position: relative;}
.moaTxt01>div {width: 100%;float: left;display: block;margin-bottom: 5px;}
.moaTxt01>div:last-child {margin-top:5px;}
.moaTxt01>div>div:first-child {width: 40%; float: left;}
.moaTxt01>div>div:last-child {width: 59.5%;float:left;margin-left: 0.5%;box-sizing: border-box;}
.moaTxt01 select:first-child, .moaTxt01 input[type="text"]:first-child {margin-left:0 !important;}
.moaTxt01 select:first-child:nth-last-child(2),
.moaTxt01 select:nth-child(2):nth-last-child(1) {width:49.5%;margin-left:1%;margin-right: 0;float: left;}
.moaTxt01 select:first-child:nth-last-child(3),
.moaTxt01 select:nth-child(2):nth-last-child(2),
.moaTxt01 select:nth-child(3):nth-last-child(1) {width:32.666%;margin-left:1%;margin-right: 0;float: left;}
.moaTxt01>div>div input[type="text"] {width: 49.5% !important;float:left;min-width: auto !important;}
.moaTxt01 input[type="text"]:not(:first-of-type) {margin-left:1%;}
.moaTxt01 input[type="text"]:only-of-type {margin-left:0;}
.moaTxt01 select#searchCondition {border: 1px solid #ddd;margin-right: 0;}
.moaTxt01>div>div + input[type="text"] {width: 49%;margin-left: 0.5% !important;float: left;background: #fff;}
.moaTxt01 .btn-srch {margin-left: 0.5%;width:10%;padding:0 5px;text-align: center;}
.moaTxt01 .btn-srch:before {margin: 0 6px 0 0;float: none;}

  @media (min-width:991px){
    .moaTxt01>div>div:last-child {padding-right:10.5%;}
    .moaTxt01 .btn-srch {position: absolute; right: 0; top: 10px; height: 90px; line-height: 90px; font-size: 18px;}
  }
  @media (max-width:799px){
    .moaTxt01 {padding-left:10px !important;}
    .moaTxt01>div>div:first-child {width:100%;margin-bottom: 5px;}
    .moaTxt01>div>div:last-child {width:100%; margin-left:0;}
    .moaTxt01>div>div + input[type="text"] {margin-left: 0 !important; width: 66.333%;}
    .moaTxt01 .btn-srch {width:32.666%;}
  }



  #regFrm {margin-bottom:30px;}
  .register-box .subject>table {width: 100%; border-top: 2px solid #333;}
  .register-box .subject>table .subTit {font-size: 16px;background: #fcfcfc;padding: 20px 15px !important; width: 15%;border-bottom: 1px solid rgba(51,51,51,0.1) !important;}
  .register-box .subject>table tr td {font-size: 15px;border-bottom: 1px solid rgba(51,51,51,0.1);padding: 15px 10px;box-sizing: border-box;}
  .register-box .subject>table tr td .wz_notice.brbox {padding:10px 15px;margin-bottom: 0;margin-top: 10px;}
  .register-box .subject>table tr td .wz_notice.brbox ul {padding-left:0;}
  .register-box .subject>table tr td .wz_notice.brbox ul li {margin-bottom:0;}
  
  
  /* tooltip */
  #helpIcon {}
  #helpIcon + #helpDiv {display: none;position:absolute;z-index: 1;background: #f9f9f9;text-align: left;padding: 5px;box-sizing: border-box;font-size: 14px;font-weight: 400;line-height: 150%;word-break: keep-all;width: 370px;left: 50%;transform: translateX(-50%);border: 1px solid rgba(0,0,0,0.1);}
  #helpIcon:hover {cursor:pointer;}
  #helpIcon:hover + #helpDiv {display:block;}

  @media (max-width:799px){
    #helpIcon + #helpDiv {left:auto; right:-30px; margin-top:5px; transform:none;}
  }
  
  /*kysenet 추가. 20220126*/

  .kysenet {width:100%;}
  .kysenet.adminP {width:100%;}
  .kysenet table {table-layout:fixed;}
  .kysenet table tbody tr td textarea {width:100%;padding:10px;box-sizing:border-box;font-size:16px;line-height:120%;border: 1px solid #ddd;border-radius: 3px;}
  .oneLine {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%;display: inline-block;vertical-align: middle;}

    @media (max-width:990px){
      .mXscroll {width: 100%; float: left; overflow-x: scroll; margin-bottom: 30px;}
      .mXscroll>table {margin: 0 0 20px !important; width:200%;}
    }
    @media (max-width:599px){
      .mXscroll .basic-table {width:300%;}
    }

    .listProgress {font-weight:600;font-size: 16.5px;letter-spacing: -1px;word-break: keep-all;}
    .listProgress.greenL  {color:#1d8124;}
    .listProgress.yellowL {color:#c39c02;}
    .listProgress.redL    {color:#bd0808;}
    .listProgress.blueL   {color:#154475;}
    .listProgress:not(:only-child) {line-height: 160%;}


    /* 목록  */
    /* 공통 */
    .kysenet .basic-table td {word-break:break-all;}
    .kysenet .basic-table td .wzbtn-table + .wzbtn-table {margin-top:5px;}
    .kysenet .basic-table .listimgtd img {max-width:90%; max-height: 100px; border: 1px solid rgba(0,0,0,0.1);}
    .kysenet .mXscroll .basic-table td .wzbtn-table {padding:6px; min-width: 65px;}
    .kysenet .basic-table .listimgtd {padding:5px 3px;}
    .kysenet .mXscroll .basic-table td {line-height:130%; font-size:14px;}

    .kysenet .srchBOX {width: 100%;padding: 30px;margin: 0 0 30px;float: left;box-sizing: border-box;background: #f7f7f7;border-radius: 25px;}
    .kysenet .srchBOX select {width:30%;max-width: 120px;background-color: #fff;}
    .kysenet .srchBOX .wzbtn-table,
    .kysenet .srchBOX .wzbtn {background: #272d3d;border-color: #272d3d;padding: 8px 20px;font-size: 17px;}
    .kysenet .srchBOX>div {margin-bottom:10px;}

    /*- 사용자.*/
    .kysenet:not(.adminP) .basic-table {border-top:2px solid #333;border-bottom:1px solid #ccc;border-collapse:collapse;margin:10px 0 50px;}
    .kysenet:not(.adminP) .basic-table thead tr th {font-weight:700;font-size:18px;background: #fff; border-bottom: 1px solid rgba(0,0,0,0.3);}
    .kysenet:not(.adminP) .basic-table thead tr td {background:#fff; color:#333; font-size:17.5px; padding:25px 0; border-bottom:1px solid #ececec;}
    .kysenet:not(.adminP) .basic-table td {line-height:120%;height: auto;padding: 20px 5px;}
    .kysenet:not(.adminP) .basic-table td img {max-width:90px;max-height: 50px;height: auto !important;}
    .kysenet:not(.adminP) .basic-table td .wzbtn {padding: 6px;min-width: 50px;}
    .kysenet:not(.adminP) .basic-table td .wzbtn ~ .wzbtn {margin-top:5px;}
    .kysenet:not(.adminP) .basic-table td .line2 {width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow: hidden;}
    

        /* 목록2 - 선택처리박스 (관리자) */
        .setbox {width: 100%;float: left;padding: 20px 20px 10px;border:2px solid #ccc;box-sizing: border-box;margin: 20px 0;}
        .setbox li {width:100%;float:left;margin-bottom: 10px;}
        .setbox li b {width: 50%;max-width: 250px;float: left;font-size: 16.5px;line-height: 40px;padding-right: 20px;box-sizing: border-box;}
        .setbox li select {width: 30%;}
        .setbox li .wzbtn {font-size: 16px;letter-spacing: -0.5px;font-weight: 400;padding: 9px 10px;}

        /* 목록2 - 선택처리박스 (사용자) */
        .kysenet#purchsDiv .setbox {margin-top:0;border-radius: 25px;margin-bottom: 50px;}
        .kysenet#purchsDiv .setbox li .wzbtn {background: #fff;color: #333;font-size: 15.5px;font-weight: 600;}

        @media (max-width:499px){
            .setbox li b {width:100%;}
            .setbox li select {width:65%;}
        }






    /* 제품정보 : .pdtBOX. */
    .kysenet .pdtBOX .productImgbox {width:20%;float:left;padding:0 20px 0 0;box-sizing:border-box;}
    .kysenet .pdtBOX .productImgbox .product_mainImg {text-align: center;width: 100%;padding: 20px;box-sizing: border-box;}
    .kysenet .pdtBOX .productImgbox .product_mainImg img {display:inline-block;vertical-align: middle;float: none;border: none;max-height: 100%;}
    .kysenet .pdtBOX .productImgbox .product_thumnail {width:100%;text-align: center;padding: 20px 10px;box-sizing: border-box;border-top: 1px solid rgba(0,0,0,0.1);background: #f9f9f9;}
    .kysenet .pdtBOX .productImgbox .product_thumnail li {width: 31%;display: inline-block;vertical-align: middle;height: 65px;padding: 5px;box-sizing: border-box;background: #fff;border-radius: 3px;transition: background 0.5s;}
    .kysenet .pdtBOX .productImgbox .product_thumnail li a {width: 100%; float: left; display: block; height: 100%;}
    .kysenet .pdtBOX .productImgbox .product_thumnail li:hover {background: #e9e9e9;}
    .kysenet .pdtBOX .productImgbox .product_thumnail li a:hover {cursor: zoom-in;}
    .kysenet .pdtBOX .productImgbox .product_thumnail li img {max-width: 90%;max-height: 100%;border: none;}
    .kysenet .pdtBOX .productInfobox {width:80%;float:left;padding-left:20px;box-sizing:border-box;}
    .kysenet .pdtBOX .productImgbox img {width:100%;/* border: 1px solid rgba(0,0,0,0.1); */}
    .kysenet .pdtBOX .productInfobox {width:80%; float:left;table-layout: fixed;}
    .kysenet .pdtBOX .pdtCo img {max-width:95%;}

    .kysenet#purchsDiv .pdtBOX .productImgbox {width:30%;/* background:#f5f5f5; *//* border-radius:10px; *//* padding:10px; */padding: 0;text-align: center;border: 2px solid #333;}
    .kysenet#purchsDiv .pdtBOX .productImgbox img {width:auto;display: inline-block;vertical-align: middle;max-width: 100%;}

    .wzpopup .kysenet .pdtBOX .productImgbox {width:25%;border: 1px solid rgba(0,0,0,0.1);text-align: center;padding: 0;}
    .wzpopup .kysenet .pdtBOX .productImgbox img {width: auto;max-width: 100%;max-height: 150px;border: none;}
    .wzpopup .kysenet .pdtBOX .productInfobox {width:75%;}
    

        @media (min-width:800px) and (max-width:990px){
            .kysenet#purchsDiv .pdtBOX .productInfobox th,
            .kysenet#purchsDiv .pdtBOX .productInfobox td {float:none;}
        }
        @media (min-width:900px){
            .kysenet .pdtBOX .productInfobox th {padding:5px 20px 5px 10px;}
            .kysenet .pdtBOX .productInfobox td {padding:5px 10px 5px 20px;}
            .kysenet .pdtBOX .productInfobox colgroup {display:table-column-group;}
            .kysenet#purchsDiv .pdtBOX .productImgbox {/* width:30%; *//* padding: 20px; *//* min-height: 250px; *//* line-height: 230px; */}
            .kysenet#purchsDiv .pdtBOX .productInfobox {width:70%;} 

          .wzpopup .kysenet .pdtBOX .productImgbox .product_mainImg {height: 325px; line-height: 280px;}
          .kysenet#purchsDiv .pdtBOX .productImgbox .product_mainImg {height: 292px;line-height: 250px;}
        }
        @media (max-width:899px){
            .kysenet .pdtBOX .productInfobox tr {padding:0;}
            .kysenet .pdtBOX .productInfobox th {width:30%;float: left;padding: 7px 10px;background: #fff;border-top: 1px solid #ececec;}
            .kysenet .pdtBOX .productInfobox td {width:70%;float: left;padding: 7px 10px;border-top: 1px solid #ececec;color: #565656;}
            .kysenet .pdtBOX .productImgbox {width:100% !important;min-height: auto !important;line-height: normal !important;margin-bottom: 20px; text-align:center;}
            .kysenet .pdtBOX .productInfobox {padding-left:0;width: 100% !important;}
            .kysenet .pdtBOX .productImgbox img {width:auto;max-height: 200px;}
            .kysenet .pdtBOX .productInfobox {width:100% !important; border-top:1px solid #333;}
            
        }






    /*상세,등록*/
    .kysenet:not(.adminP) h2 {font-size:18px; padding-bottom:15px;display: block;width: 100%;float: left;}
    .kysenet:not(.adminP) .basic {border-top:2px solid #333;border-bottom: 1px solid #ececec;margin-bottom:50px;table-layout:fixed;}
    .kysenet:not(.adminP) .basic tbody tr th,
    .kysenet:not(.adminP) .basic tbody tr td {border-top: 1px solid #ececec;line-height:150%;box-sizing:border-box;text-align:left;}
    .kysenet:not(.adminP) .basic tbody tr th {width:20%;font-size: 16.5px;padding: 14px 10px 14px 20px;}
    .kysenet:not(.adminP) .basic tbody tr td {width:30%;font-size: 15px;padding:14px 10px;}
    .kysenet:not(.adminP) .basic tbody tr td input[type="text"], .kysenet:not(.adminP) .basic tbody tr td select {font-size:16px;}
    .kysenet:not(.adminP) .basic tbody tr td>ul {padding-left:0 !important; }
    .kysenet:not(.adminP) .basic tbody tr td>ul>li {display:inline-block; margin-right:20px;}
    .kysenet:not(.adminP) .basic tbody tr th ~ th {border-left:1px solid #ececec;}

      @media (max-width:799px){
          .kysenet .srchBOX {padding:15px; border-radius:10px;}
          .kysenet .srchBOX select {width:32.66%; margin:0 1% 10px 0; max-width:none; float:left;}
          .kysenet .srchBOX select:nth-child(3n) {margin-right:0;}
          .kysenet .srchBOX input[type="text"] {width:100% !important; margin-bottom:10px;}
          .kysenet .srchBOX .wzbtn-table, .kysenet .srchBOX .wzbtn {width:100%;}
          .kysenet .srchBOX .wzbtn-table:before, .kysenet .srchBOX .wzbtn:before {float:none;}
          .kysenet .srchBOX>div + select:only-of-type {width:100%;}
            
          .kysenet#purchsDiv .setbox {border-radius:10px; padding:15px 15px 5px;}
          
          .kysenet:not(.adminP) .basic-table td {padding: 5px 6px;}
          .kysenet:not(.adminP) .basic-table thead tr th {font-size:15px;}

          .kysenet:not(.adminP) .basic {float:left; display:block;}
          .kysenet:not(.adminP) .basic colgroup {display:none;}
          .kysenet:not(.adminP) .basic tbody {display:block;}
          .kysenet:not(.adminP) .basic tbody tr {display:block;float:left;width: 100%;}
          .kysenet:not(.adminP) .basic tbody tr th {width:35%;float:left;clear: both;padding: 6px 10px;word-break: keep-all;border-left: none !important;line-height: 40px;}
          .kysenet:not(.adminP) .basic tbody tr td {width:65%;float:left;padding: 6px 10px;line-height: 40px;}
      }


    /* 상단 탭디자인(사용자)*/
    .kysenet .tabListbox {width:100%; position:relative; overflow:hidden;}
    .kysenet .rollingList {width:100%;float:left;display:block; margin:20px 0 50px;}
    .kysenet ul.tabsTrack {display:table; table-layout:fixed; float:left; width:100%; margin:0; padding:0; padding-left:0 !important; list-style:none; background:#fff;}
    .kysenet ul.tabsTrack li {display:table-cell;vertical-align:middle;width: 33.333%;position:relative;cursor:pointer;text-align:center;word-break:keep-all;box-sizing:border-box;overflow:hidden;border: 1px solid #ccc;border-left:none;margin: 0;padding: 0;}
    .kysenet ul.tabsTrack li.active {box-sizing:border-box;background: #d1696a;border: 1px solid #d1696a;border-left: 1px solid #d1696a;}
    .kysenet ul.tabsTrack li button, ul.tabsTrack li a {font-size: 19.5px !important;padding:15px;font-weight:600;width: 100%;text-align: center;}
    .kysenet ul.tabsTrack li a {display:block;}
    .kysenet ul.tabsTrack li.active button, ul.tabsTrack li.active a {color:#fff;}
    .kysenet ul.tabsTrack li:first-child {border-left:1px solid #ccc;}

      @media (max-width:799px){
        .kysenet ul.tabsTrack li {font-size:13px; background-image:linear-gradient(to bottom, #fff, #fafafa, #f9f9f9);}
        .kysenet ul.tabsTrack li.active {margin-bottom:0;}
        .kysenet ul.tabsTrack li button, ul.tabsTrack li a {font-size:17px !important;}
      }


      .wzAdmSTit {font-size:18px; line-height:1.3em; position:relative; padding:18px 20px 19px; box-sizing:border-box; background:#f3f3f3; margin-bottom:20px;}



/********** 학교현황 (지도 + 정보) **********/
@media (max-width:1099px){
	.mapInfoTbl > tbody > tr {display:flex !important; flex-direction:column; width:100% !important;}
	.mapInfoTbl .mapbox,
	.mapInfoTbl .mapbox + td {width:100% !important;}
	.mapInfoTbl .mapbox + td {padding-left:0 !important; margin-top:30px;}
	.mapInfoTbl .mapbox img {width:auto; max-width:50%;}
}
@media (max-width:799px){
	.mapInfoTbl .mapbox img {max-width:100%;}
}