.breadcrumb {font-size: 13px; text-align: right;color: #666; margin-top: 35px; border-bottom: 1px solid #ebebeb; padding-bottom: 15px; margin-bottom: 30px;}
.sub-top {text-align: center;height: 160px; background-position: 50%;background-repeat: no-repeat; background-size: cover; margin-top:100px}
.sub-top h1 {font-size: 45px; color: #fff; display: inline-block; line-height: 160px}
.sub-top .go-back {display: none}
.sub-top .sub-location {display: none;}
.sub-content {overflow: hidden; color: #666; background:#FFFFFF}
.sub-content h2 {text-align: center;color: #222;margin-bottom: 3.3333%;font-size: 1.875em;}
.sub-content h2 small {display: block;font-size: 0.533em;margin-top: 1em;color: inherit}
.sub-content h2 p {display: block;font-size: 0.533em;color: inherit}
.sub-content h3 {margin: 0;margin-top: 2em;margin-bottom: 1em;font-size: 1em;color: #222; position: relative;}
.sub-content h3 .checkbox {position: absolute;top: 0;right: 0;margin-top: 2px;font-size: 14px;}
.sub-content h3:first-child {margin-top: 0;}
.sub-content h3.small {font-size: 0.875em}
.sub-category {margin-bottom: 50px;}



/* 표등내용_교육과정공통 */
.info_b {max-width: 1140px;margin: 0 auto;}
.customer-center {float: left;width: 860px;}
.customer-center .top-search {padding: 30px;text-align: center;background: #fcfcfc;border: 1px solid #ddd;margin-bottom: 4%;}
.customer-center .lead {font-size: 27px;}
.customer-center .search-keyword {margin: 15px auto;color: #888}
.customer-center .search-keyword a {display: inline-block;vertical-align: top;padding: 0 10px}
.customer-center .search-keyword a+a:before {content: "";border-left: 1px solid #ddd;height: 10px;display: inline-block;left: -10px;position: relative;}
.customer-center .input-group {max-width: 285px;margin: 15px auto;}
.customer-center .input-group-btn .btn {min-width: 60px}
.customer-center .top-search .help-block {font-size: 14px;}
.customer-center .terms {height: 650px}

.board-list table.table {text-align: center;border-top: 1px solid #999; border-bottom: 1px solid #aaa;}
.board-list table.table tr.notice td:first-child {color: #ff0000}
.board-list table.table th {background: #ededed;color: #111;/*border-right: 1px solid #999;*/border-bottom: 1px solid #999; line-height:28px; text-align:center}
.board-list table.table th:last-child {border-right: 0;}
.board-list table.table td {color: #666; font-weight: normal;/*border-right: 1px solid #ddd*/ line-height:30px; }
.b_ba{ background:#fbfaf0}
.b_ba1{ background:#f8eaed}
.b_ba2{ background:#fdced8}
.b_ba3{ background:#fca8ba}
.b_ba4{ background:#fd7995}

/*.board-list table.table td:last-child {border-right: 0;}*/
.board-list table.table td img {margin: 0 3px;}
.board-list table.table td.state span {color: #fff;min-width: 65px;height: 24px;line-height: 24px;background: #adadad; text-align: center;display: inline-block;font-size: 12px;}
.board-list table.table td.state span.ok {background:#eb4626;}
.on_time {text-align: center; color: #222;/* text-indent:15px;*/ font-size:14px; border-radius:50px; padding:5px 7px; margin:5px 0; background:#f8f5e7 }/*시간*/
.board-list table.table td.title {text-align: center; color: #222;/* text-indent:15px;*/ font-size:18px;  }
.board-list table.table td.title .small{ font-size:15px; }
.board-list table.table td.reply .title {padding-left: 20px;}
.board-list table.table td.date a {color: #059ec8; display: block;}
.board-list table.table td.l_txt{text-align: left; color: #666;/* text-indent:15px;*/ font-size:16px;  }
.board-list table.table td.file img{ vertical-align:middle; width:22%}
.board-list table.table td.order-no {color: #059ec8}
.board-list table.table td.price {color: #222}
.board-list table.table td.price b {}
.board-list table.table td.price span {color: #059ec8;margin-left: 10px;}
.board-list table.table td.state .btn {background: none; border-bottom: 1px solid #ddd;padding: 0;padding-bottom: 3px}
.board-list table.table td b {color: #222;}
.board-list .btn-box {margin-top: -38px;float: right;}
.board-list .btn-box .btn {width: 70px;}

.board_st{ width:100%; padding:10px 15px;}

.th_rline{ border-right:1px solid #999 }
.td_rline{ border-right:1px solid #dddddd }

.board-list .btn-box1 {margin-top:-38px;}
.board-list .btn-box1 .btn {width: 70px; min-width: 130px;padding: 8px 12px;height: 50px;font-size: 1.125em}


  
.ann_tbl{ width:100%;border-collapse:collapse; position:relative}
.ann_tbl .td_stit{  text-align:left; padding:7px 10px 9px 10px; font-family:"notokr-medium"; font-size:16px; line-height:20px;color:#dd5b70 !important; width:10% !important }
.ann_tbl .td_ptit{  text-align:left; padding:7px 10px 0px 10px; font-family:"notokr-medium"; font-size:16px; line-height:20px;color:#dd5b70 !important; width:10% !important }
.ann_tbl .td_stxt{ text-align:left; padding:7px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:20px !important ; width:90% !important}
.ann_tbl .td_ptxt{ text-align:left; padding:0px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:22px !important ; width:90% !important}
.ann_tbl .td_t1{ text-align:left; padding:7px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:20px !important ; width:8% !important}
.ann_tbl .td_t2{ text-align:left; padding:7px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:20px !important ; width:26% !important}
.ann_rl{ text-align:right!important}



.ann1_tbl th{padding:13px 5px 13px 5px;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2; font-size:17px;text-align: center; font-family:'notokr-bold' ;color:#fff; }
.ann1_tbl{ width:100%;border-collapse:collapse; position:relative}
.ann1_tbl .td_stit{  text-align:left; padding:7px 10px 9px 10px; font-family:"notokr-medium"; font-size:16px; line-height:20px;color:#dd5b70 !important; width:14% !important }
.ann1_tbl .td_ptit{  text-align:left; padding:7px 10px 0px 10px; font-family:"notokr-medium"; font-size:16px; line-height:20px;color:#dd5b70 !important; width:10% !important }
.ann1_tbl .td_stxt{ text-align:left; padding:7px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:30px !important ; width:14% !important; border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2; padding:35px 0}
.ann1_tbl .td_ptxt{ text-align:left; padding:0px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:22px !important ; width:14% !important; }
.ann1_tbl .td_t1{ text-align:left; padding:7px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:20px !important ; width:8% !important}
.ann1_tbl .td_t2{ text-align:left; padding:7px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:20px !important ; width:26% !important}
.ann1_rl{ text-align:right!important}


.board-list.gallery ul {margin: -40px -20px 40px;padding-bottom: 5%;border-bottom: 1px solid #e5e5e5}
.board-list.gallery li {padding: 0 10px;margin-top: 35px;}
.board-list.gallery li .thumb {margin: 0 auto;position: relative;text-align: center;padding-top: 60.8695%; border:1px solid #CCC}
.board-list.gallery li .thumb .new{ position:absolute; left:0; top:0; padding:5px 10px; background:#fd3a06; color:#FFF; z-index:1; font-size:12px; font-family:'notokr-medium'; opacity:0.9}
.board-list.gallery li .thumb img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.board-list.gallery li strong {color: #222;display: block;margin-top:0.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family:'notokr-medium'; font-weight: normal; font-size:15px}
.board-list.gallery li span.date {font-size:0.9em;color: #a6a6a6;display: block;margin-top: 5px; letter-spacing:0; }

.board-list.course ul {margin: -40px -20px 40px;padding-bottom: 5%;border-bottom: 1px solid #e5e5e5}
.board-list.course li {padding: 25px 15px;/*margin-top: 45px;*/ margin-top:5px; border:1px solid #CCC}
.board-list.course li .thumb {margin: 0 auto;position: relative;text-align: center;padding-top: 120%; border:1px solid #CCC}
.board-list.course li .thumb .new{ position:absolute; left:0; top:0; padding:5px 10px; background:#fd3a06; color:#FFF; z-index:1; font-size:12px; font-family:'notokr-medium'; opacity:0.9}
.board-list.course li .thumb .tit{ position:absolute; left:0; bottom:0; padding:8px 10px; width:100%; text-align:center; background:#282a2e; color:#FFF; z-index:1; font-size:13px; font-family:'notokr-medium'; opacity:0.7}
.board-list.course li .thumb img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.board-list.course li .info { margin:0 auto; text-align:center; width:65px}
.board-list.course li strong {color: #222;display: block;margin-top:0.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family:'notokr-medium'; font-weight: normal; font-size:15px}
.board-list.course li span.date {font-size:1em;color: #666;display: block;margin-top: 5px; margin-bottom:5px; letter-spacing:-0.7}
.board-list.course li span.txt {font-size:0.9em;color: #555;display: block;margin-top: 0px; margin-bottom:7px; letter-spacing:-0.7 }

.board-view table.table th {background: #fbfbfb;border-right: 1px solid #ddd; color: #111;}
.board-view table.table td+th {border-left: 1px solid #ddd;}
.board-view .board-con {min-height: 300px;text-align:center;}
.board-view .board-con.pw_s{text-align:center;padding-bottom:10px; overflow:hidden}
.board-view .board-con .b_txt{ padding-bottom: 10px; line-height:1.8; color:#555; text-align:left}
.board-view table.table td {color: #888; font-weight: normal;/*border-right: 1px solid #ddd*/ line-height:27px; }
.board-view table.table td.title {text-align: left; color: #222;/* text-indent:15px;*/ font-size:16px;font-family:'notokr-medium'}
.board-write .table th {background: #fbfbfb;border-right: 1px solid #ddd; color: #111;padding-left: 30px;}
.board-write .table textarea {min-height: 200px;resize: vertical}
.board-write select.form-control {background-image: url(/images/arr_select.gif)}
.board-write .form-group {max-width: 97%;}
.board-write .email div>div, .board-write .addr div>div{margin-bottom: 5px;}
.board-write .email div>div:last-child, .board-write .addr div>div:last-child  {margin: 0;}
.board-view .btn-box .btn, .board-write .btn-box .btn, .board-lock .btn-box .btn {min-width: 130px;padding: 8px 12px;height: 50px;font-size: 1.125em}
.board-search {max-width: 480px;overflow: hidden;float: right;margin-bottom: 7%;}
.board-search select.form-control {width: 134px;float: left;margin-right: 10px;}
.board-search .input-group {}
.board-search .input-group .form-control {color: #111;}
.board-search .input-group .btn {margin-left: 10px;width: 70px;}
.board-search.bottom {margin: 0 auto;margin-top: 2%;max-width: 540px;float: none;}
.board-search.bottom select.form-control {width: 160px;}
.board-search.bottom .form-control {font-size: 15px;height: 40px;}
.board-search.bottom .input-group .form-control {border-right: 0;}
.board-search.bottom .input-group .btn {font-size: 15px;width: 80px;height: 40px;margin-left: 0;}

.board-search1 {max-width: 580px;overflow: hidden;float: right; margin: 1% 1.5% 1% 0;}
.board-search1 select.form-control {width: 250px;float: left;margin-right: 20px; color:#555; font-size:15px; line-height:40px; font-weight:normal; font-family:'notokr-medium'}

/*맵*/
.map-tbl-con{margin-bottom:7%;}
.map-tbl{width:100%;}
.map-tbl th, .map-tbl td{padding:20px 2%; letter-spacing:-0.3px; font-size:18px; font-weight:400;}
.map-tbl th{padding-left:0; width:110px; border-bottom:1px solid #000; color:#1e1e1e; text-align:left; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#666; font-weight:400; letter-spacing:-0.75px; line-height:20px;}
.map-tbl td a{color:inherit;}   


/*맵수정_new.20.11.*/
.traffic-list table.table {text-align: center; border: none }
.traffic-list table.table tr.notice td:first-child {color: #ff0000}
.traffic-list table.table th {color: #111;/*border-right: 1px solid #999;border-bottom: 1px solid #999; */line-height:20px; text-align:left; font-size:18px; font-weight:600;}
.traffic-list table.table th:last-child {border-right: 0;}
.traffic-list table.table td {color: #666; font-weight: normal;/*border-right: 1px solid #ddd*/font-size:15px; border:none; line-height:25px}
.traffic-list table.table td img {margin: 0 3px;}
.traffic-list table.table td.state span {color: #fff;min-width: 65px;height: 24px;line-height: 24px;background: #adadad; text-align: center;display: inline-block;font-size: 12px;}
.traffic-list table.table td.state span.ok {background:#eb4626;}
.on_time {text-align: center; color: #222;/* text-indent:15px;*/ font-size:14px; border-radius:50px; padding:5px 7px; margin:5px 0; background:#f8f5e7 }/*시간*/
.traffic-list table.table td.title {text-align: left; color: #222;/* text-indent:15px;*/ font-size:17px;  font-family:"notokr-bold"; }
.traffic-list table.table td.title .small{ width:100%; font-size:15px; }
.traffic-list table.table td.reply .title {padding-left: 20px; font-size:18px;}
.traffic-list table.table td.date a {color: #059ec8; display: block;}
.traffic-list table.table td.l_txt{text-align: left; color: #666;/* text-indent:15px;*/ font-size:16px;  }
.f-left{ text-align:left !important; padding-left:15px}
.traffic-list table.table td.file img{ vertical-align:middle; width:22%}
.traffic-list table.table td.order-no {color: #059ec8}
.traffic-list table.table td.price {color: #222}
.traffic-list table.table td.price b {}
.traffic-list table.table td.price span {color: #059ec8;margin-left: 10px;}
.traffic-list table.table td.state .btn {background: none; border-bottom: 1px solid #ddd;padding: 0;padding-bottom: 3px}
.traffic-list table.table td b {color: #222;}
.traffic-list .btn-box {margin-top: -38px;float: right;}
.traffic-list .btn-box .btn {width: 70px;}

.board_st{ width:100%; padding:10px 15px;}

.th_rline{ border-right:1px solid #999 }
.td_rline{ border-right:1px solid #dddddd }

.board-list .btn-box1 {margin-top:-38px;}
.board-list .btn-box1 .btn {width: 70px; min-width: 130px;padding: 8px 12px;height: 50px;font-size: 1.125em}


.b_ba{ background:#fbfaf0}
.b_ba1{ background:#f8eaed}
.b_ba2{ background:#fdced8}
.b_ba3{ background:#fca8ba}
.b_ba4{ background:#fd7995}

.sibwau01{ padding:1px 5px; border-radius:8px; background:#ff8939; color:#FFFFFF; font-size:11px; border:none}
.sibwau02{ padding:1px 5px; border-radius:8px; background:#009900; color:#FFFFFF; font-size:11px; border:none}
.bus{ padding:2px; border-radius:2px; color:#fff; font-size:11px; border:none}
.bg_blue{ background:#3366FF}
.bg_oran{ background:#F33}
.bg_green{ background:#00CC99}




/*채용정보*/

.recruitTit{font-size:68px; line-height:68px; color:#000; font-family:'Montserrat-ExtraLight'; text-align:center; padding-bottom:180px; position:relative; width:1184px; margin:0 auto}
.recruitTit:after{content:''; display:block; position:absolute; bottom:0; left:50%; width:1px; height:150px; background:#000}
.recruitTit span{font-family:'Montserrat-Regular'}
.recruitTxt{font-family:'NotoSans-Bold'; font-size:34px; color:#555; text-align:center; width:1184px; margin:40px auto 0}
.recruitDiv .conceptD{width:1184px; margin:40px auto 0; background:url('/images/conceptD_bg.png') no-repeat center top; padding-top:120px; text-align:center}
.recruitDiv .conceptD .listDiv{display:inline-block; margin:0 auto; overflow:hidden; text-align:center}
.recruitDiv .conceptD .listDiv .listD{width:330px; float:left;}
.recruitDiv .conceptD .listDiv .listD:nth-child(2){margin:0 60px}
.recruitDiv .conceptD .listDiv .listD .list{width:330px; height:330px; font-size:28px; line-height:38px; padding-top:75px; color:#fff}
.recruitDiv .conceptD .listDiv .listD .list span{font-family:'NotoSans-Bold'; font-size:34px}
.recruitDiv .conceptD .listDiv .listD .list.eng{font-family:'Montserrat-Light'}
.recruitDiv .conceptD .listDiv .listD .list.eng span{font-family:'Montserrat-Medium'}
.recruitDiv .conceptD .listDiv .listD:nth-child(1) .list{background:url('/images/conceptD_thumb1.png') no-repeat center top; background-size:cover}
.recruitDiv .conceptD .listDiv .listD:nth-child(2) .list{background:url('/images/conceptD_thumb2.png') no-repeat center top; background-size:cover}
.recruitDiv .conceptD .listDiv .listD:nth-child(3) .list{background:url('/images/conceptD_thumb3.png') no-repeat center top; background-size:cover}
.recruitDiv .conceptD .listDiv .listD .txt{font-family:'Montserrat-Medium', 'NotoSans-Medium'; font-size:24px; line-height:44px; color:#555; margin-top:40px; padding-top:55px; position:relative}
.recruitDiv .conceptD .listDiv .listD .txt:before{content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:40px; background:#000}
.recruitDiv .systemD{}
.recruitDiv .systemD .midTit{margin-bottom:20px;}
.recruitDiv .systemD .txt1{font-size:18px; color:#666; line-height:24px}
.recruitDiv .systemD .chapD{margin-top:40px}
.recruitDiv .systemD .chapD .chapTit{font-family:'NotoSans-Black'; font-size:20px; color:#333; padding-left:20px; position:relative; margin:0 0 20px}
.recruitDiv .systemD .chapD .chapTit:before{content:''; display:block; position:absolute; width:5px; height:15px; top:2px; left:0; background:#333}
.recruitDiv .systemD .chapD .chapTit:first-child{margin-top:0}
.recruitDiv .systemD .chapD .section1{width:1184px; margin:0 auto}
.recruitDiv .systemD .chapD .section1  .listDiv{overflow:hidden}
.recruitDiv .systemD .chapD .section1  .listDiv .list{float:left; width:50%; height:390px; text-align:center; position:relative}
.recruitDiv .systemD .chapD .section1  .listDiv .list:nth-child(1){background:url('/images/chapD_section1_list1.jpg') no-repeat center center; background-size:cover}
.recruitDiv .systemD .chapD .section1  .listDiv .list:nth-child(2){background:url('/images/chapD_section1_list2.jpg') no-repeat center center; background-size:cover}
.recruitDiv .systemD .chapD .section1  .listDiv .list .txtArea{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:185px; height:185px; background:url('/images/chapD_section1_bg.png') no-repeat center center; background-size:cover; display:table}
.recruitDiv .systemD .chapD .section1  .listDiv .list .txtArea > div{display:table-cell; vertical-align:middle}
.recruitDiv .systemD .chapD .section1  .listDiv .list .txtArea .tit{font-family:'NotoSans-Bold'; font-size:20px; color:#000}
.recruitDiv .systemD .chapD .section1  .listDiv .list .txtArea .txt{font-size:16px; color:#555; margin-top:20px}
.recruitDiv .systemD .chapD .section2{width:1184px; margin:60px auto 0}
.recruitDiv .systemD .chapD .section2 .img{text-align:center}
.recruitDiv .systemD .chapD .section2 .img .mobile{display:none}
.recruitDiv .systemD .chapD .section2 .img img{max-width:100%}
.recruitDiv .systemD .chapD .section3{width:100%; margin:60px auto 0}
.recruitDiv .systemD .chapD .section3 .stepDiv{margin:0 auto; overflow:hidden}
.recruitDiv .systemD .chapD .section3 .stepDiv .inner{background:url('/images/step_arrow_bg.png') no-repeat right 62px}
.recruitDiv .systemD .chapD .section3 .stepDiv .inner:before{content:''; display:block; position:absolute; top:62px; width:100%; right:1184px; height:24px; background:url('/images/step_arrow_bg2.png') repeat-x left top}
.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step{float:left; width:145px; margin:0 50px; text-align:center;}
.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step:nth-child(1){width:145px; margin-left:0}
.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step:last-child{margin-right:0}
.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .circle{width:145px; height:145px; border:1px solid #e1e0de; border-radius:100%; margin:0 auto; background:#fff; display:table}
.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .circle span{display:table-cell; vertical-align:middle; text-align:center; font-size:30px; line-height:24px; font-family:'Montserrat-Regular'}
.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .circle span b{display:inline-block; width:9px; height:22px; background:url('/images/chapD_step_circle_arrow.png') no-repeat center center}
.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .gTxt{margin-top:30px; font-family:'Montserrat-Medium'; font-size:16px; color:#149f5c}
.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .tit{margin-top:12px; font-family:'Montserrat-SemiBold'; font-size:20px; color:#333; line-height:24px;}
.recruitDiv .eduSystemD{margin-top:150px}
.recruitDiv .eduSystemD .midTit{margin-bottom:20px;}
.recruitDiv .eduSystemD .txt1{font-size:18px; color:#666; line-height:24px}
.recruitDiv .eduSystemD .listDiv{margin-top:30px}
.recruitDiv .eduSystemD .listDiv .list{margin-top:15px; width:1184px; height:350px; padding:60px; color:#fff}
.recruitDiv .eduSystemD .listDiv .list:nth-child(1){background:url('/images/eduSystemD_list1.jpg') no-repeat center center; background-size:cover; margin-top:0}
.recruitDiv .eduSystemD .listDiv .list:nth-child(2){background:url('/images/eduSystemD_list2.jpg') no-repeat center center; background-size:cover}
.recruitDiv .eduSystemD .listDiv .list:nth-child(3){background:url('/images/eduSystemD_list3.jpg') no-repeat center center; background-size:cover}
.recruitDiv .eduSystemD .listDiv .list .ovF .leftA{width:235px; float:left; margin-right:150px}
.recruitDiv .eduSystemD .listDiv .list .ovF .leftA .tit{font-family:'NotoSans-Thin'; font-size:50px}
.recruitDiv .eduSystemD .listDiv .list .ovF .leftA .txt{font-size:18px; line-height:26px; margin-top:25px; word-break:keep-all}
.recruitDiv .eduSystemD .listDiv .list .ovF .rightA{width:480px; float:left; overflow:hidden; margin-top:75px}
.recruitDiv .eduSystemD .listDiv .list .ovF .rightA li{float:left; width:190px; margin-right:100px; font-size:16px}
.recruitDiv .eduSystemD .listDiv .list .ovF .rightA li:nth-child(2n){margin-right:0}
.recruitDiv .eduSystemD .listDiv .list .ovF .rightA li:nth-child(n+3){margin-top:30px}

.recruitDiv{position:relative; width:100%; /*margin-top:74px;*/}
.recruitDiv.hasMt{margin-top:74px;}
.recruitDiv.hasMt1{margin-top:50px;}

.recruitDiv .subTxt1{margin-bottom:70px;}
.recruitDiv .agreeStep{margin-top:74px;}
.recruitDiv .agreeStep .mobileImg{display:none;}
.recruitDiv .viewPage{width:1184px; margin:auto;}
.recruitDiv .viewPage .hireInfo{margin-bottom:80px;}
.recruitDiv .viewPage .hireInfo .list{overflow:hidden; margin-bottom:40px;}
.recruitDiv .viewPage .hireInfo .list .tit{float:left; margin-right:40px; color:#000; font-size:26px;}
.recruitDiv .viewPage .hireInfo .list .txt{float:left;}
.recruitDiv .viewPage .hireInfo .list:last-child{margin-bottom:0;}
.recruitDiv .viewPage .hireInfo .list:last-child .tit{float:none;}
.recruitDiv .viewPage .hireInfo .list:last-child .txt{float:none; margin-top:30px;}
.recruitDiv .iconDiv{margin-top:60px;}
.recruitDiv .inputTable{}
.recruitDiv .textList.recruitT{}
.recruitDiv .textList.recruitT .list{padding:20px 30px;}
.recruitDiv .textList.recruitT .list > div{display:table; width:100%; overflow:hidden;}
.recruitDiv .textList.recruitT .list .leftArea{display:table-cell; position:static; left:0; top:initial; -webkit-transform:translateY(0); transform:translateY(0);}
.recruitDiv .textList.recruitT .list .tit{display:table-cell; padding-left:20px; vertical-align:middle; line-height:25px;}
.recruitDiv .textList.anyTimeHire .list .leftArea{left:30px; width:70px;}
.recruitDiv .textList.anyTimeHire .list .leftArea span{display:block; width:100%; height:70px; color:#fff; font-size:16px; text-align:center; line-height:69px; background:#f35c67; border-radius:50%;}
.recruitDiv .textList.anyTimeHire .list .leftArea .end{display:block; width:100%; height:70px; color:#fff; font-size:16px; text-align:center; line-height:69px; background:#666; border-radius:50%;}

.recruitDiv .textList.anyTimeHire .list .num_list{ margin-right:10px; font-family:'notokr-bold'; }
.recruitDiv .textList.anyTimeHire .list .num_list span{display:block; width:100%; height:70px; font-size:16px; text-align:center; line-height:69px;font-family:'notokr-bold'; }

.recruitDiv .textList.anyTimeHire .list .tit span{display:block;}
.recruitDiv .textList.hireResult .list .leftArea{width:80px;}
.recruitDiv .textList.hireResult .list .leftArea span{display:block; width:100%; height:80px; padding-top:21px; font-family:'NotoSans-Bold'; color:#fff; font-size:15px; line-height:19px; text-align:center;}
.recruitDiv .textList.hireResult .list .leftArea.step1 span{background:#c1c1c1;}/* step1 - 서류 검토중 */
.recruitDiv .textList.hireResult .list .leftArea.step2 span{background:#1799c4;}/* step2 - 1차 합격 발표 */
.recruitDiv .textList.hireResult .list .leftArea.step3 span{background:#2fc47c;}/* step3 - 서류 합격 발표 */
.recruitDiv .textList.hireResult .list .leftArea.step4 span{background:#e5424e;}/* step4 - 최종 합격 발표 */
.recruitDiv .applyKind{height:120px; margin:60px 0 80px; background:#f6f6f6;}
.recruitDiv .applyKind .txtArea{width:1184px; margin:auto; padding-top:43px; font-family:'NotoSans-Regular'; color:#333; font-size:35px; text-align:center;}
.recruitDiv .btnArea .floatBtn span{display:none; position:absolute; left:50%; top:-50px; font-family:'NotoSans-Light'; font-size:15px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.recruitDiv.view .viewPage .conArea .inputForm{text-align:center;}
.recruitDiv.view .viewPage .conArea .inputForm img{max-width:100%;}
.recruitDiv.textList .listWrap .list .leftArea{font-family:'notokr-bold'; color:#666; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.hireNotiArea{margin-top:95px;}
.hireNotiArea p{padding-left:17px; font-size:15px; line-height:25px; text-indent:-17px;}
.hireNotiArea p span{font-family:'NotoSans-Medium';}
.welfare1{position:relative; margin-top:70px; padding-bottom:100px;}
/*@개강안내@@*/
.innovDiv{width:100%;}
.innovDiv .ingListDiv{width:1140px; margin:40px auto 0}
.innovDiv .ingListDiv:after{content:''; display:block; clear:both}
.innovDiv .ingListDiv .list{display:block; float:left; width:360px; height:250px; margin-right:21px; padding:35px 90px 45px 40px; position:relative}
.innovDiv .ingListDiv .list:before{content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; transition:all 0.1s; border:1px solid #c9c8c8; box-sizing:border-box; z-index:1}
.innovDiv .ingListDiv .list:nth-child(3n){margin-right:0}
.innovDiv .ingListDiv .list:nth-child(n+4){margin-top:40px}
.innovDiv .ingListDiv .list .num{ font-family:Tahoma, Geneva, sans-serif font-size:15px; color:#555; margin-bottom:30px}
.innovDiv .ingListDiv .list .tit{font-size:21px; line-height:28px; color:#222; word-break:keep-all;font-family:'notokr-bold';}
.innovDiv .ingListDiv .list .type{font-family:'notokr-medium'; font-size:17px; color:#555; margin-top:15px; margin-bottom:10px; line-height:23px;}
.innovDiv .ingListDiv .list .btn{font-family:'notokr-medium'; font-size:15px; color:#555; margin-top:15px; margin-bottom:10px; line-height:23px; border:1px solid #999; padding:10px 10px; text-align:center; margin:0 auto; width:150px}
.innovDiv .ingListDiv .list .txt{font-family:'NotoSansKR-Regular'; font-size:17px; line-height:27px; color:#666; margin-top:55px; position:relative; padding-top:13px}
.innovDiv .ingListDiv .list .txt:before{content:''; display:block; position:absolute; left:0; top:0; width:20px; height:2px; background:#666}
.innovDiv .ingListDiv .list .date{font-size:15px; color:#666; position:absolute; bottom:30px; left:40px}
.innovDiv .ingListDiv .list .date span{font-family:'NotoSansKR-Light'; font-size:15px; padding-left:5px}
.innovDiv .ingListDiv .list .ing{position:absolute; right:1px; top:1px; width:70px; height:70px; text-align:center; font-family:'notokr-bold'; font-size:15px; line-height:18px; color:#fff; z-index:0}
.innovDiv .ingListDiv .list .ing span{position:absolute;font-family:'NotoSansKR-Regular'; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:55px; word-break:keep-all}
.innovDiv .ingListDiv .list .ing.type1{background:#fc5260}
.innovDiv .ingListDiv .list .ing.type2{background:#555555}
.innovDiv .ingListDiv .list .ing.type3{background:#1799c4}
.innovDiv .ingListDiv .list .ing.type4{background:#2fc47c}
.innovDiv .ingListDiv .list .ing.type5{background:#e5424e}
.innovDiv .ingListDiv .list:hover{box-shadow:0 5px 10px 0 rgba(78, 78, 78, 0.2)}
.innovDiv .ingListDiv .list:hover:before{border:4px solid #fe616c}
.innovDiv .ingListDiv.type2 .list{ }
.innovDiv .ingListDiv.type2 .list .date{bottom:40px}
.innovDiv .ingListDiv.type2 .list .date span{padding-left:0}
.innovDiv .ingListDiv.type3 .list{height:250px; padding:35px 60px 40px 40px}
.innoInfo{margin-bottom:200px;}
.innoInfo:after{content:''; display:block; clear:both;}
.innoInfo .list{float:left; padding:70px 50px; width:296px; height:460px; color:#fff;}
.innoInfo .list .en{margin-bottom:8px; font-family:'Montserrat-SemiBold'; font-size:30px;}
.innoInfo .list .sub{font-family:'notokr-bold'; font-size:18px; line-height:26px;}
.innoInfo .list .txt{margin-top:28px; font-size:16px; line-height:24px;}
.innoInfo .list:nth-child(1){background:url() 0 0 no-repeat;}
.innoInfo .list:nth-child(2){background:url() 0 0 no-repeat;}
.innoInfo .list:nth-child(3){background:url() 0 0 no-repeat;}
.innoInfo .list:nth-child(4){background:url() 0 0 no-repeat;}
.innoInfo .list:nth-child(even){position:relative; top:50px;}


/*단과반_리스트*/
.dan_list{ width:100%; overflow:hidden;border-top:1px solid #CCC }
.dan_list ul{ width:49.5%}
.dan_list ul li {border-top:1px solid #e9e9e9;padding:7px 0; overflow:hidden}
.dan_list ul li:first-child {border-top:0}
.dan_list ul li .cont {overflow:hidden;position:relative;min-height:170px; width:100% }/* min-height:120px*/
.dan_list ul li .cont .img {width:120px; height:162px; position:absolute;left:0;top:0; background:#fff; }
.dan_name{ width:120px; height:30px; line-height:30px; font-size:15px; text-align:center; font-family:'notokr-medium'; bottom:10px; position:absolute; left:0; color:#CCCCCC; z-index:9}

.dan_list ul li .cont .img img{ width:120px; height:162px; margin-left:7px;border:1px solid #dcdcdc}
.dan_list ul li .cont .list_box {padding-left:0px}
.dan_list ul li .cont .list_box .tit {font-family:"notokr-bold"; line-height:25px; margin-top:10px; margin-bottom:5px; font-size:17px; overflow:hidden}

.dan_list ul li .cont .txt .explan {font-family:"notokr-bold"; line-height:26px; margin-top:10px; font-size:17px}
.dan_list ul li .cont .list_box .tit .info_b {font-size:0.8rem;font-family:"notokr-bold";  position:absolute; right:1px; background:#fff; border:1px solid #fd4040; color:#fd4040; padding:2px 13px;  line-height:25px; top:-3px; z-index:10;  }
.dan_list ul li .cont .list_box .tit .info_b a{ color:#fd4040;}


.dan_list ul li .cont .list_box .tit .sj_lab{ -webkit-border-radius:10px; border-radius:10px ;-moz-border-radius:10px; background:#fff; color:#519fce; font-size:16px; padding:3px 8px 2px 8px; line-height:17px; margin-top:-5px; margin-right:2px; border:1px solid #519fce;  }

.dan_list ul li .cont .list_box .subj {  color:#555; line-height:20px; font-weight:600}
.dan_list ul li .cont .list_box .info { font-size:16px; color:#6c6c6c; line-height:20px; margin-top:3px}
.dan_list ul li .cont .txt .subj {  color:#666; line-height:20px}
.dan_list ul li .cont .txt .info {font-size:16px; color:#6c6c6c; line-height:20px; margin-top:7px}
.dan_list ul li .cont .txt .sinfo {font-size:15px; color:#6c6c6c; line-height:22px; margin-top:7px;font-family:'NotoSansKR-Light';}
.dan_list ul li .cont .txt .buy {font-size:0.9rem; font-size:13px; color:#6c6c6c; line-height:18px; margin-top:7px; padding:1px 80px 20px 0 }

.dan_list ul li .cont .txt {padding-left:155px}
.d_left{ float:left; }
.d_right{float:right}
.dan_go{ position:absolute; font-size:13px; font-family:font-family:'notokr-medium'; padding:3px 15px; border:1px solid #666; color:#666 ; border-radius:20px}



/*시설안내*/
.graph_wrap {position:relative; width:1140px; margin:0 auto;}
.graph_wrap ul{ margin:0; padding:0; width:1000px; height:600px; overflow:hidden;}
.graph_wrap ul li {position:relative}
.graph_wrap ul li img{ border:1px solid #CCC; }
.ss_font{ position:absolute; background:url(/images/main/ss_ba.png) no-repeat ; bottom:0px; left:0;width:803px; height:63px;  line-height:63px}
.ss_font span{ font-size:18px;font-family:'notokr-medium'; color:#FFFFFF; margin-left:30px}





/*수험표폼팝업*/
.mainPop{ top:0; left:0; width:100%; height:100%; background:#fff; z-index:1000;}
.mainPop .popBox{width:740px; position:absolute; left:0; top:0; background:#fff; overflow:hidden}
.mainPop .popBox .popBody{width:100%; padding-bottom:10px; background:#fff; border:1px solid #999}
.mainPop .popBox .popBody .viewDetail{position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); bottom:50px; width:195px; height:60px; padding:0 50px; font-family:'NotoSans-Bold'; font-size:20px; color:#222; text-align:center; line-height:60px; border:1px solid #797979; background:#fff; border-radius:30px;}
.mainPop .popBox .popBody .typetit {  line-height:40px; padding:12px 50px; text-align:center; font-family:'notokr-bold'; color:#000000; background:#CCCCCC; font-size:25px; position:relative}
.mainPop .popBox .popBody .typetit .close_btn{
	position:absolute;
	width: 20px;
	height:20px;
	right:30px;
	top:10px;
	cursor:pointer;
	z-index:201
}

.mainPop .popBox .popBody .bodybox{ margin:45px 40px 20px 40px; border:1px solid #333; padding:30px 30px}
.logo_w50{ width:40%}
.logo_w30{ width:30%}
.mainPop .popBox .popBody .bodybox .tit{ line-height:50px; text-align:center; font-size:30px; margin-top:20px;font-family:'notokr-bold'; color:#000000 }
.mainPop .popBox .popBottom{position:absolute; bottom:0; left:0; width:100%; height:60px; padding:18px 140px 18px 30px; text-align:right; z-index:1;}
.mainPop .popBox .popBottom .xBt{position:absolute; right:30px; bottom:15px; padding-right:20px; font-family:'NotoSans-Regular'; color:#fff; font-size:16px; background:url(/images/main/mGnb_xBtn.png) right center no-repeat;}

.mtr_tbl{ width:100%; border-top:solid 1px #dddddd; border-left:solid 1px #333; border-right:solid 1px #333;border-collapse:collapse; position:relative}
.mtr_tbl th{ border-bottom:solid 1px #333; border-right:solid 1px #333; background:#fff; padding:6px 0 6px 15px; text-align: center; color:#333; font-family:"notokr-medium"; font-size:16px; line-height:30px}

.mtr_tbl td{border-bottom:solid 1px #333; padding:6px 10px 6px 10px; color:#666; text-align: left;font-size:15px;line-height:30px; font-family:'NotoSansKR-Regular'}
.mtr_tbl .m_l{ padding:10px 20px 10px 20px  }
.i_text3{ padding:1px 5px 3px 5px; margin:2px; height:30px;  border:1px solid #bebebe; color:#666; font-size:15px; }

/*공기업-고졸-pc*/
.conter_wrap8 { width:100%;  position:relative; overflow:hidden; background:#fff; height:744px}
.conter_wrap8 .product8{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }

.conter_wrap9 { width:100%;  position:relative; overflow:hidden;background:url(/images/sub/hs_baimg02.jpg) right center no-repeat; height:442px}
.conter_wrap9 .product9{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }

.conter_wrap10 { width:100%;  position:relative; overflow:hidden; background:#fff; height:786px}
.conter_wrap10 .product10{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }

.conter_wrap11 { width:100%;  position:relative; overflow:hidden; background:#f3f3f4; height:732px}
.conter_wrap11 .product11{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }

.conter_wrap12 { width:100%;  position:relative; overflow:hidden; background:url(/images/sub/hs_baimg05.jpg) right center no-repeat; height:645px}
.conter_wrap12 .product12{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }


/*특성화고-마이스터고채용관*/

.conter_sub2 { width:100%;  position:relative; overflow:hidden; background:#fff; height:1012px}
.conter_sub2 .product01{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub2-1 { width:100%;  position:relative; overflow:hidden; background:#f5f4f4; height:993px}
.conter_sub2-1 .product02{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }

.conter_sub2-2 { width:100%;  position:relative; overflow:hidden; background:#fff; height:748px}
.conter_sub2-2 .product03{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }

.conter_sub4 { width:100%;  position:relative; overflow:hidden; background:#fff; height:441px}
.conter_sub4 .product01{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub4-1 { width:100%;  position:relative; overflow:hidden; background:#f5f4f4; height:680px}
.conter_sub4-1 .product02{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }

.conter_sub5 { width:100%;  position:relative; overflow:hidden; background:#fff; height:642px}
.conter_sub5 .product01{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub5-1 { width:100%;  position:relative; overflow:hidden; background:#f5efef; height:1928px}
.conter_sub5-1 .product02{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub5-2 { width:100%;  position:relative; overflow:hidden; background:#fff; height:1298px}
.conter_sub5-2 .product03{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub5-3 { width:100%;  position:relative; overflow:hidden; background:#f3f3f4; height:568px}
.conter_sub5-3 .product04{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }

.conter_sub6 { width:100%;  position:relative; overflow:hidden; background:url(/images/sub/hs/06_baimg01.jpg) right center no-repeat; height:936px}
.conter_sub6 .product01{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub6-1 { width:100%;  position:relative; overflow:hidden; background:#fff; height:1192px}
.conter_sub6-1 .product02{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub6-2 { width:100%;  position:relative; overflow:hidden; background:#f5efef; height:936px}
.conter_sub6-2 .product03{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub6-3 { width:100%;  position:relative; overflow:hidden; background:#fff; height:552px}
.conter_sub6-3 .product04{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub6-4 { width:100%;  position:relative; overflow:hidden; background:#f5efef; height:552px}
.conter_sub6-4 .product05{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub6-5 { width:100%;  position:relative; overflow:hidden; background:#fff; height:728px}
.conter_sub6-5 .product06{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }



/*공기업대졸채용관*/
.conter_sub3 { width:100%;  position:relative; overflow:hidden; background:#fff; height:1044px}
.conter_sub3 .product01{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }
.conter_sub3-1 { width:100%;  position:relative; overflow:hidden; background:#f5efef; height:1029px}
.conter_sub3-1 .product02{ width:1140px;margin:0 auto;padding: 0px 0;/*margin: 50px 0;*/ }




@media (max-width:1600px) {
	
	
}

@media (max-width:1280px) {
.innovDiv .ingListDiv{ width:auto; padding:0 1%}	
	
/*폼팝업*/
.mainPop .popBox{width:98%; margin:0 1%; left:auto; top:0;/* -webkit-transform:translate(0, -50%); transform:translate(0, -50%)*/}
.mainPop .popBox .popBody .swiper-slide{width:100%;}	
	


	
}






@media (max-width: 991px) {
.sub-top {text-align: center;height: 160px; background-position: 50%;background-repeat: no-repeat; background-size: cover; margin-top:50px}
.sub-top h1 {font-size:35px; color: #fff; display: inline-block; line-height: 160px}
 .tab-nav {border: 0;}
    .tab-nav:after {display: none;}
    .tab-nav ul {text-align: left; height: auto;}
    .tab-nav li {font-size: 14px;max-width: none; float: left;}
    .tab-nav li a {border: 1px solid #eceae9; padding: 5px 0; height: auto; line-height: 32px; height: 44px;}
    .tab-nav li.multiline a {line-height: 16px;}
    .tab-nav li.active a {border: 1px solid #de2b38;}
    .tab-nav.col-4 li {width: 50%;}
    .tab-nav.col-5 li {width: 50%;}
    .tab-nav.col-5.type3 li {width: 33.3333%;}
    .tab-nav.col-6 li {width: 33.3333%;}
    .tab-nav.col-7 li {width: 50%;}
    .tab-nav.col-8 li {width: 33.3333%;}
	
	/*특성화고_02*/
	.02_img01{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .02_img01 img{ width:100%}
	.02_img02{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .02_img02 img{ width:100%}
	.02_img03{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .02_img03 img{ width:100%}
	
	.04_img01{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .04_img01 img{ width:100%}
	.04_img02{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .04_img02 img{ width:100%}
	
	.05_img{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .05_img img{ width:100%}
	
	.06_img{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .06_img img{ width:100%}
	
	
	
	
	/*고교*/
	.hsimg01{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .hsimg01 img{ width:100%}
	.hsimg02{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .hsimg02 img{ width:100%}
	.hsimg03{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .hsimg03 img{ width:100%}
	.hsimg04{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .hsimg04 img{ width:100%}
	.hsimg05{background-color:#fff; width:100%; padding:0px 0 0px 0}
    .hsimg05 img{ width:100%}
	

	
	/* 교육과정등 테이블_공통 */
    .customer-center {float: none;width: auto;}
    .customer-center .top-search {padding: 20px;}
    .customer-center .lead {font-size: 18px;}
    .customer-center .input-group {max-width: none;margin: 15px auto;}
    .customer-center .top-search .help-block {font-size: 13px;}
    .customer-center .terms {height: 280px}
    
    .board-list table.table {text-align: left;}
    .board-list table.table thead {display: none}
    .board-list table.table tr:first-child {border-top: 0;}
    .board-list table.table tr.notice td:first-child {background: #ff0000;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .board-list table.table tr {display: block;position: relative;padding: 10px;border-top: 1px dotted #ddd;margin-top: -1px; overflow: hidden;}
	.board-list table.table th {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 17px; color: #333; font-family:'notokr-bold';}
    .board-list table.table td {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 15px; color: #666; line-height:23px; padding:7px 0 7px 0}
	
    .board-list table.table td+td {margin-right: 5px;}
    .board-list table.table td.no {font-weight: bold;font-size: 11px;display: none}
    .board-list table.table td.hit {display: none}
    .board-list table.table td.date a {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.order-no {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.mileage:before {content: "P"; font-size: 10px; padding: 1px 5px; line-height: 1; margin-right: 3px; background: #00a1c8; color: #fff;border-radius: 2px;}
    .board-list table.table td.title {font-size:18px;margin: 5px 0; line-height:30px; display: block;position: relative; height: auto;color: #222; font-family:'notokr-bold';text-align:center;padding:8px}
	.board-list table.table td.title .small{ display:inline-block !important;font-size:15px; }
	.dib_no{ display:block !important}
	
    .board-list table.table td.img {float: left; width: 60px; height: 60px; margin-right: 10px;}
    .board-list table.table td.writer {}
	.board-list table.table td.file img{ width:47%}
    .board-list table.table td.reply {padding-left: 12px;}
    .board-list table.table td.reply .title {padding-left: 0;}
    .board-list table.table td.state {position: absolute;right: 0;bottom: 0;padding: 10px;}
    .board-list table.table td.state b {}
    .board-list table.table td.state .btn {padding: 2px 5px; border: 1px solid #ddd;font-size: 12px;}
    .b_ba{ background:#fbfaf0; width:100%; text-align:center; padding:10px}
	.b_ba1{ background:#f8eaed; width:100%; text-align:center; padding:10px}
   
   .board-list table.table td.l_txt{text-align: left; color: #666;/* text-indent:15px;*/ font-size:15px;  font-family:'NotoSansKR-Regular';  }
   
   /* 인재채용 */
	.recruitTit{font-size:40px; line-height:40px; padding-bottom:90px}
	.recruitTit:after{height:75px}
	.recruitTxt{font-size:24px; line-height:30px}
	.recruitDiv .conceptD{margin:20px auto 0; padding-top:60px; background-size:150px auto}
	.recruitDiv .systemD .midTit{margin-bottom:10px}
	.recruitDiv .systemD .txt1{font-size:14px; line-height:18px}
	.recruitDiv .systemD .chapD{margin-top:20px}
	.recruitDiv .systemD .chapD .chapTit{font-size:15px; padding-left:10px; margin:0 0 10px;}
	.recruitDiv .systemD .chapD .chapTit:before{height:11px; width:3px}
	.recruitDiv .systemD .chapD .section1{margin:30px auto 0}
	.recruitDiv .systemD .chapD .section1 .listDiv .list{height:300px}
	.recruitDiv .systemD .chapD .section1 .listDiv .list .txtArea{width:160px; height:160px}
	.recruitDiv .systemD .chapD .section1 .listDiv .list .txtArea .tit{font-size:18px}
	.recruitDiv .systemD .chapD .section1 .listDiv .list .txtArea .txt{font-size:15px; margin-top:10px}
	.recruitDiv .systemD .chapD .section2{margin:30px auto 0}
	.recruitDiv .systemD .chapD .section2 .img .pc{display:none}
	.recruitDiv .systemD .chapD .section2 .img .mobile{display:inline; width:290px}
	.recruitDiv .systemD .chapD .section3{margin:30px auto 0}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner{background:none;}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner:before{display:none;}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step{width:50%; height:auto; padding:0 5%; margin-right:0;}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step:first-child{width:50%; margin-right:0;}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step:nth-child(2n+1){clear:both}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step:nth-child(n+3){margin-top:30px;}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step:nth-child(4){width:50%;}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step:nth-child(5){width:50%;}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .circle{width:130px; height:130px; }
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .circle span{font-size:20px; line-height:16px}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .circle span b{height:14px; margin:0 2px}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .gTxt{margin-top:15px;}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .tit{margin-top:10px; font-size:17px; line-height:22px;}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .txt{margin-top:5px; font-size:15px; line-height:23px;}
	.recruitDiv .systemD .chapD .section3 .stepDiv .inner .step .txt br{display:none;}
	.recruitDiv .eduSystemD{margin-top:75px}
	.recruitDiv .eduSystemD .listDiv{margin-top:15px}
	.recruitDiv .eduSystemD .listDiv .list{padding:30px; height:280px}
	.recruitDiv .eduSystemD .listDiv .list .ovF .leftA{width:100%; float:none}
	.recruitDiv .eduSystemD .listDiv .list .ovF .leftA .tit{font-size:30px}
	.recruitDiv .eduSystemD .listDiv .list .ovF .leftA .txt{font-size:14px; line-height:20px; margin-top:15px}
	.recruitDiv .eduSystemD .listDiv .list .ovF .rightA{width:100%; margin-top:35px; float:none}
	.recruitDiv .eduSystemD .listDiv .list .ovF .rightA li{width:50%; margin-right:0; font-size:13px}
	.recruitDiv .eduSystemD .listDiv .list .ovF .rightA li:nth-child(n+3){margin-top:15px}
   .recruitDiv .textList.recruitT .list{padding:20px 15px;}
   
  
   /*개강안내*/
   .innovDiv .ingListDiv{ margin:50px auto 0;}
 .innovDiv .ingListDiv .list{padding:21px 80px 10px 25px; width:100%; height:200px; float:none; margin-top:15px;}
  .innovDiv .ingListDiv .list:nth-child(3n){margin-right:0}
  .innovDiv .ingListDiv .list:nth-child(n+3){margin-top:20px} 
  .innovDiv .ingListDiv .list:first-child{margin-top:0} 
  .innovDiv .ingListDiv .list .tit{font-size:20px; line-height:25px; word-break:break-all;}
  .innovDiv .ingListDiv .list .date{left:25px;}
  .innovDiv .ingListDiv.type2 .list{height:auto; padding:25px 70px 20px 25px;}
  .innovDiv .ingListDiv.type2 .list .date{position:static; margin-top:14px;}
  .innovDiv .ingListDiv.type3 .list{height:170px; padding:21px 80px 10px 25px;}
   .innovDiv .ingListDiv.type3 .list .btn{font-family:'notokr-medium'; font-size:13px; color:#555; margin-top:15px; margin-bottom:10px; line-height:23px; border:1px solid #999; padding:10px 10px; text-align:center; margin:0 auto; width:130px; position:absolute; right:15px; bottom:15px}

  .innovDiv .actionIdeaD .ideaListDiv .list{margin-top:15px; width:100%; margin-right:0; padding:20px 110px 20px 20px;}
  .innovDiv .actionIdeaD .ideaListDiv .list:first-child{margin-top:15px;}
  .innovDiv .actionIdeaD .ideaListDiv .list:nth-child(3n){margin-right:0;}
  .innovDiv .actionIdeaD .ideaListDiv .list .date{left:25px;}  
  .innoInfo{margin-bottom:50px;}
  .innoInfo .list{width:50%; height:240px; padding:35px 25px;}
  .innoInfo .list:nth-child(even){top:0;}
  .innoInfo .list .txt{margin-top:8px;}
  
  
  /*교육안내등-테이블 공용*/
  
.list_tbl{ width:100%; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd; border-right:solid 1px #dddddd;border-collapse:collapse; position:relative}
.list_tbl th{ border-bottom:solid 1px #dddddd; border-right:solid 1px #eee; background:#f6f5f5; padding:6px 0 6px 15px; text-align:left; color:#333; font-family:"notokr-medium"; font-size:16px; line-height:20px}
.list_tbl .th_c{ text-align:center; }
.list_tbl .th_tit{ text-align:center; padding:7px 6px 9px 6px; background:#f5f6f7; color:#666; font-size:15px; border-top:2px solid #666; border-bottom:1px solid #666;font-family:"notokr-medium"; line-height:18px}
.list_tbl td{border-bottom:solid 1px #dddddd; padding:6px 10px 6px 10px; color:#666; text-align:justify;font-size:15px;}
.list_tbl .td_txt{ text-align:center; padding:7px 10px 9px 10px;font-size:16px;font-family:"notokr-medium"; line-height:19px }

.list_tbl .td_left{ text-align:left; padding:7px 10px 9px 10px;font-size:16px; line-height:22px; color:#444444 }
.on_time {text-align: center; color: #222;/* text-indent:15px;*/ font-size:14px; border-radius:50px; padding:5px 5px; margin:5px 0; background:#f8f5e7; }/*시간*/
.list_tbl .td_center{ text-align:center; padding:7px 6px 9px 6px;font-size:14px; line-height:19px; color:#444444 }
.list_tbl .thfb{ font-size:12px; font-weight:600; padding:8px 0 8px 0; text-align:center}
.list_group{ width:100%; overflow:hidden; }
.list_tbl .td_arr{ position:relative}
.list_tbl .tdba{ line-height:18px; font-size:15px; overflow:hidden; padding:6px 10px 8px 10px; font-family:"notokr-medium";}
.list_tbl .revi{ line-height:18px; font-size:15px; overflow:hidden; padding:6px 10px 8px 10px; font-family:"notokr-medium";}
.list_tbl .rline{border-right:solid 1px #ece5e0;}
.list_tbl .ba_y { background:#fefce3}
.list_tbl .ba_0c { background:#ededed}
.list_tbl .bookBtn{font-size:11px; font-weight:600; background:#fff; color:#666; padding:5px 7px; height:23px; line-height:23px;  border:1px solid #999; }
.list_tbl td .Btn_end{font-size:10px; font-weight:600;  background:#246c8e; color:#fff; padding:5px 5px; height:23px; line-height:23px; border:1px solid #246c8e}
.list_tbl td .Btn_ing{font-size:9px; font-weight:600; background:#00b5d2; color:#fff; padding:5px 3px; height:23px; line-height:23px; border:1px solid #00b5d2; letter-spacing:-1px}
.list_tbl .td_14{ font-size:14px; font-family:"notokr-medium"; padding:10px 10px 10px 10px; text-align:center; line-height:18px}
  
.dan_list{ width:100%; overflow:hidden; border-top:0}
.dan_list ul{ width:100%; height:auto; margin:10px 0 10px 0 !important; border-bottom:1px solid #CCC}
.dan_list ul li .cont{ overflow:hidden; width:100%}
.dan_list ul li .cont .list_box .tit {font-family:"notokr-bold"; line-height:25px; margin-top:10px; margin-bottom:5px; font-size:16px; overflow:hidden}
.dan_list ul li .cont .list_box .info { font-size:15px; color:#6c6c6c; line-height:20px; margin-top:3px}
.dan_list ul li .cont .txt .explan {font-family:"notokr-bold"; line-height:26px; margin-top:0px; font-size:16px}
 
 .ann_tbl{ width:100% !important;border-collapse:collapse; position:relative}
.ann_tbl .td_stit{  text-align:left; padding:7px 10px 9px 10px; font-family:"notokr-medium"; font-size:16px; line-height:20px;color:#dd5b70 !important; width:23% !important }
.ann_tbl .td_ptit{  text-align:left; padding:7px 10px 0px 10px; font-family:"notokr-medium"; font-size:16px; line-height:16px;color:#dd5b70 !important; width:100% !important }
.ann_tbl .td_stxt{ text-align:left; padding:7px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:20px !important ; width:75% !important; float:right}
.ann_tbl .td_ptxt{ text-align:left; padding:7px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:25px !important ; width:100% !important; float:right}
.ann_tbl .td_t1{ text-align:left; padding:7px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:17px !important ; width:17% !important;;float: left !important}
.ann_tbl .td_t2{ text-align:left; padding:7px 10px 9px 10px;font-size:15px;font-family:"NotoSansKR-Regular"; line-height:17px !important ; width:77% !important;float:right !important}
.ann_rl{ text-align:left!important}

.dan_go{ position:absolute; font-size:13px; font-family:font-family:'notokr-medium'; padding:3px 15px; border:1px solid #666; color:#666 ; border-radius:20px}



	/*특성화고-시간표*/
	
.sub_inner{  width:100%}
.sub_lr{ margin:0 8px 0 8px}	
.tp table{width:100%!important;letter-spacing:-0.05em;border-top:3px solid #37315d;border-bottom:2px solid #c8c8c8;border-spacing:0;border-collapse:collapse; line-height:20px; text-align: center; background:#FFF}
.tp thead tr:first-child th{border-top:1;background:#e3e8f0; text-align:center ; vertical-align:middle}
.tp th{padding:13px 5px 13px 5px;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2; font-size:15px;text-align: center; font-family:'notokr-bold' ;color:#666; }
.tp td{padding:10px 5px 10px 5px;font-weight:400;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2; background:#FFF;font-size:14px;text-align: center; color:#515151}
	


/*시설안내*/


.companyD .comIntroD{margin:25px auto 0;}
	.companyD .comIntroD .intImg{display:none;}
	.companyD .comIntroD .inner .introTxt{width:100%; font-size:15px; line-height:23px;}
	.companyD .comIntroD .inforDiv{padding-top:0px;}
.companyD .comIntroD .inforDiv.thr{padding:0px 0; height:auto;}
	.companyD .comIntroD .inforDiv.thr .swiper-container{padding-bottom:75px; height:327px;}
	.companyD .comIntroD .inforDiv.thr .swiper-container .swiper-slide .icon{ margin:auto;height:260px}
	.companyD .comIntroD .inforDiv.thr .swiper-container .swiper-slide .icon img{width:auto; height:100%; width:100%;}
	.companyD .comIntroD .inforDiv.thr .swiper-container .swiper-slide .tit{margin-top:-50px; font-size:17px;}
	.companyD .comIntroD .inforDiv.thr .swiper-container .swiper-slide .txt{margin-top:25px; font-size:15px; line-height:23px;}
	.companyD .comIntroD .inforDiv.thr .swiper-container .swiper-slide .tit span{margin-top:-35px; font-size:17px; color:#FFFFFF; margin-left:20px; background:#333333; padding:7px 10px; border-radius:20px; width:150px}
	.companyD .comIntroD .inforDiv.thr .swiper-pagination-bullets .swiper-pagination-bullet{width:8px; height:8px;}
	.companyD .comIntroD .inforDiv.thr .swiper-button-prev, .companyD .comIntroD .inforDiv.thr .swiper-button-next{top:160px; width:30px; height:59px;}
	
	
/*폼팝업*/
.mainPop .popBox .popBody{padding-bottom:10px;}
	.mainPop .popBox .popBody .swiper-pagination{left:20px; bottom:18px; font-size:14px;}
	.mainPop .popBox .popBody .titArea{padding:25px 0; font-size:22px;}
	.mainPop .popBox .popBody .txtArea{padding:30px 5%; font-size:14px; line-height:23px;}
	.mainPop .popBox .popBody .txtArea .conTit1{font-size:17px; line-height:25px;}
	.mainPop .popBox .popBody .txtArea .conTit2{margin:15px 0 30px; font-size:15px;}
	.mainPop .popBox .popBody .viewDetail{bottom:20px; padding:0 34px; width:139px; height:40px; line-height:40px; font-size:15px; border-radius:20px;}
	.mainPop .popBox .popBody .typetit {  line-height:35px; padding:10px 50px; text-align:center; font-family:'notokr-bold'; color:#000000; background:#CCCCCC; font-size:18px; position:relative}
    .mainPop .popBox .popBody .bodybox{ margin:20px 15px 10px 15px; border:1px solid #333; padding:10px 10px}
	
	.logo_w50{ width:30%}
   .logo_w30{ width:20%}
   .mainPop .popBox .popBody .bodybox .tit{ line-height:30px; text-align:center; font-size:20px; margin-top:20px;font-family:'notokr-bold'; color:#000000 }

	.mainPop .popBox .popBottom{height:40px; padding:10px 90px 10px 20px}
	.mainPop .popBox .popBottom .xBt{right:20px; bottom:18px; padding-right:18px; font-size:20px; background-size:25px; top:5px}
	
	
	.mtr_tbl{ width:100%; border-top:solid 1px #dddddd; border-left:solid 1px #333; border-right:solid 1px #333;border-collapse:collapse; position:relative}
    .mtr_tbl th{ border-bottom:solid 1px #333; border-right:solid 1px #333; background:#fff; padding:6px 0 6px 15px; text-align: center; color:#333; font-family:"notokr-medium"; font-size:13px; line-height:20px}

    .mtr_tbl td{border-bottom:solid 1px #333; padding:6px 10px 6px 10px; color:#666; text-align: left;font-size:13px;line-height:20px; font-family:'NotoSansKR-Regular'}
    .mtr_tbl .m_l{ padding:10px 15px 10px 15px; font-size:12px; line-height:16px }
    .i_text3{ padding:1px 5px 3px 5px; margin:2px; height:30px;  border:1px solid #bebebe; color:#666; font-size:13px; }
	
}

@media all and (max-width:758px) {

	
 /*개강안내*/
 .innovDiv .ingListDiv .list{padding:21px 80px 10px 25px; width:100%; height:200px; float:none; margin-top:15px;}
 .innovDiv .ingListDiv .list:nth-child(3n){margin-right:0}
 .innovDiv .ingListDiv .list:nth-child(n+3){margin-top:20px} 
 .innovDiv .ingListDiv .list:first-child{margin-top:0} 
 .innovDiv .ingListDiv .list .tit{font-size:20px; line-height:25px; word-break:break-all;}
 .innovDiv .ingListDiv .list .date{left:25px;}
 .innovDiv .ingListDiv.type2 .list{height:auto; padding:25px 70px 20px 25px;}
 .innovDiv .ingListDiv.type2 .list .date{position:static; margin-top:14px;}
 .innovDiv .ingListDiv.type3 .list{height:170px; padding:21px 80px 10px 25px;}
 .innovDiv .actionIdeaD .ideaListDiv .list{margin-top:15px; width:100%; margin-right:0; padding:20px 110px 20px 20px;}
 .innovDiv .actionIdeaD .ideaListDiv .list:first-child{margin-top:15px;}
 .innovDiv .actionIdeaD .ideaListDiv .list:nth-child(3n){margin-right:0;}
 .innovDiv .actionIdeaD .ideaListDiv .list .date{left:25px;}  
 .innoInfo{margin-bottom:50px;}
 .innoInfo .list{width:50%; height:240px; padding:35px 25px;}
 .innoInfo .list:nth-child(even){top:0;}
 .innoInfo .list .txt{margin-top:8px;}
   
 .innovDiv .ingListDiv .list .btn{font-family:'notokr-medium'; font-size:15px; color:#555; margin-top:15px; margin-bottom:10px; line-height:23px; border:1px solid #999; padding:10px 10px; text-align:center; margin:0 auto; width:150px}
	
/*맵*/
.map-tbl-con{margin-bottom:7%;}
.map-tbl{width:100%;}
.map-tbl th, .map-tbl td{padding:20px 2%; letter-spacing:-0.3px; font-size:18px; font-weight:400;}
.map-tbl th{padding-left:0; width:110px; border-bottom:1px solid #000; color:#1e1e1e; text-align:left; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#666; font-weight:400; letter-spacing:-0.75px; line-height:22px; font-size:16px}
.map-tbl td a{color:inherit;}

/*맵수정*/
 .traffic-list table.table {text-align: left; width:100%}
    .traffic-list table.table thead {display: none}
    .traffic-list table.table tr:first-child {border-top: 0;}
    .traffic-list table.table tr.notice td:first-child {background: #ff0000;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .traffic-list table.table tr {display: block;position: relative;padding: 10px;border-top: 1px dotted #ddd;margin-top: -1px; overflow: hidden;}
	.traffic-list table.table th {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 17px; color: #333; font-family:'notokr-bold';}
    .traffic-list table.table td {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 15px; color: #666; line-height:23px; padding:7px 0 7px 0}
    .traffic-list table.table td+td {margin-right: 5px;}
    .traffic-list table.table td.no {font-weight: bold;font-size: 11px;display: none}
    .traffic-list table.table td.hit {display: none}
    .traffic-list table.table td.date a {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .traffic-list table.table td.order-no {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .traffic-list table.table td.mileage:before {content: "P"; font-size: 10px; padding: 1px 5px; line-height: 1; margin-right: 3px; background: #00a1c8; color: #fff;border-radius: 2px;}
    .traffic-list table.table td.title {font-size:18px;line-height:18px; display: block;position: relative; height: auto;color: #222; font-family:'notokr-bold';}
	.traffic-list table.table td.title .small{ display:inline-block !important;font-size:15px; width:150px; }
	
    .traffic-list table.table td.img {float: left; width: 60px; height: 60px; margin-right: 10px;}
    .traffic-list table.table td.writer {}
	.traffic-list table.table td.file img{ width:47%}
    .traffic-list table.table td.reply {padding-left: 12px;}
    .traffic-list table.table td.reply .title {padding-left: 0;}
    .traffic-list table.table td.state {position: absolute;right: 0;bottom: 0;padding: 10px;}
    .traffic-list table.table td.state b {}
    .traffic-list table.table td.state .btn {padding: 2px 5px; border: 1px solid #ddd;font-size: 12px;}
    .b_ba{ background:#fbfaf0; width:100%; text-align:center; padding:10px}
	.b_ba1{ background:#f8eaed; width:100%; text-align:center; padding:10px}
   
   .traffic-list table.table td.l_txt{text-align: left; color: #666;/* text-indent:15px;*/ font-size:15px;  font-family:'NotoSansKR-Regular';  }



	
}

@media all and (max-width:450px) {
	
}