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

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




/*프로젝트 목록 상단 검색바*/
.TongSrchbox {padding:20px; background:#f6f7f9; border:1px solid #acbeca; border-width:1px 0; box-sizing:border-box; margin-top:30px;}
.TongSrchbox select {background:#fff;}
.TongSrchbox input {}
.TongSrchbox button {font-size:17px; border-radius:0; padding:9px 15px; background:#1271b9;}


/*프로젝트 목록 탭*/
.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;word-break: keep-all;}
.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: 19.6%;margin-right:0.5%;margin-bottom: 5px;}
  .tongTAP.TAP4 li.wztab-item:last-child {margin-right:0;}

  @media (min-width:991px) and (max-width:1299px){
    .tongTAP.TAP4 li.wztab-item {height: 55px;}
    .tongTAP li.wztab-item a {height: 100%;}
  }
  @media (min-width:600px) and (max-width:990px){
    .tongTAP li.wztab-item {font-size:16px; vertical-align:middle; letter-spacing:-1px;}
    .tongTAP li.wztab-item a {padding:12px 5px;height: auto;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; */width: 100%;}
  .tongTAP.TAP4 li.wztab-item:nth-child(2n) {margin-right: 0.5%;}
  .tongTAP.TAP4 li.wztab-item:nth-child(3n) {margin-right:0;}
  .tongTAP li.wztab-item a {font-size:15px;padding:5px;height:62px;line-height:normal;line-height: 150%;}
  }




/*프로젝트 목록(리스트)*/
.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;overflow: hidden;position: relative;}
.tong_PrgmList .thumBox img {max-width:90%;max-height: 200px;min-height: 150px;/* min-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: 5px;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:98%; 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;}

  }
  @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: 0;}
    .tong_apybList .applyBox {float: left; width: 100%; text-align: left; padding: 0 0 20px 26%; box-sizing: border-box;}
  
    

  }