/*-----------------------------------------------------------------------------
 *  Sub 0202 : 교육과정안내
 *----------------------------------------------------------------------------*/
.brd_view .brd_viewCon img{margin:0 auto;}
.eduBox {display:flex;flex-wrap:wrap;width:100%;justify-content: flex-start;gap: 34px;}
.eduBox li {width:31%; border:1px solid #ddd; overflow:hidden; margin-bottom:23px;}
.eduBox li .img_box {display:block; width:100%; overflow:hidden;    height: 340px;}
.eduBox li .img_box img {width:100%; height:100%; transition:all .25s ease;}
.eduBox li:hover a {text-decoration:none;}
.eduBox li:hover .img_box img {width:100%;transform: scale(1.1);}
.eduBox li:not(:nth-child(2n)) {/* margin-right:20px; */}
.eduBox p {height:30px; display:flex; align-items:center; justify-content:center; color:#333; font-size:18px; text-align:center; padding:30px 25px; border-top:1px solid #ddd;}
.searchDiv{display: flex;align-items: flex-end;justify-content: space-between;}
.no_data {color: #333;padding: 80px 0;font-size: 15px;border-top: 1px solid #ddd;text-align: center;width: 100% !important;}
.brd_btn_box.many {text-align: center; margin-top: 0px; margin-bottom:40px;}

@media screen and (max-width:1360px){
    .eduBox li:not(:nth-child(3n)) {margin-right:10px;}
    .eduBox li .img_box {height:auto;}
    .eduBox p {font-size:16px; padding:20px; height:auto;}
}

@media screen and (max-width:960px){
    .eduBox li {margin-bottom:15px;}
    .boStyle2 select {font-size:13px;}
    .st1 {font-size:14px;}
}


@media screen and (max-width:700px){
    .eduBox li {width:48.33%;}
    .eduBox li:nth-child(3n) {margin-right:10px;}
    .eduBox li:nth-child(2n) {margin-right:0;}
    .pdfBox,
    .inBoard {margin:40px 0 50px;}
    .inBoard .tbl_board td {font-size:14px; padding:15px 10px;}
    .file {padding:15px 10px; flex-wrap:wrap;}
    .fileList p {font-size:14px;}
    .file span {padding-bottom:10px; font-size:15px;}
    .fileList p::before {width:9px; background-size:9px; vertical-align:middle; margin:-4px 5px 0 0;}
    .inBoard .tbl_board tr:first-child th {padding:17px;}
    .inBoard .tbl_board td p {padding-left:15px;}
    .btn02, .btn03 {width:30%; height:40px;}
    .pdfBox {overflow-x:scroll;}
    .pdfBox iframe {width:600px; height:500px;}
}

@media screen and (max-width:500px){
    .file {padding:20px;}
    .fileList p:not(:last-child) {margin-bottom:5px;}
    .fileList a {display:inline-block; max-width:250px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
    .fileList p::before {margin:-12px 7px 0 0;}
    .eduBox li {width:100%; margin-right:0;}
    .eduBox li {margin-right:0;}
    .eduBox li:nth-child(2n) {margin-right:0;}
    .eduBox li:not(:nth-child(3n)) {margin-right:0;}
    .eduBox li:nth-child(3n) {margin-right:0;}
}


.in_mTit {text-align:center; margin:80px 0 50px;}
.in_mTit span {display:block; color:#2f7ac7; font-size:17px; font-weight:500; margin-bottom:3px;}
.in_mTit h3 {color:#343436; font-size:25px;}
.mt {display:block; font-size:19px; color:#121212; margin-bottom:18px; font-weight:500;}


/* 신청서 작성 */
.app_writeWrap .in_box {border-bottom:1px solid #ddd;}
.app_writeWrap .item {margin-bottom:60px;}
.privacy_box {max-height:270px; border:1px solid #ddd; padding:30px; overflow-y:scroll;}
.privacy_box h4 {color:#333; font-size:17px; margin-bottom:25px;}
.privacy_box p {color:#555; font-size:16px;}
.privacy_box p:not(:last-child) {margin-bottom:20px;}
.privacy_box b {font-weight:500; color:#333; line-height:1.6; display:block;}
.prCheck {margin:30px 10px 40px; display:block; font-size:16px; color:#555;}
.prCheck input {vertical-align:middle; margin:-3px 5px 0 0;}

.pry_hide {width:100%; height:100%; padding:30px 10px; border-top:1px dashed #dfdfdf; padding-top:30px; display:none;}
.pry_hide.open {display:block;}
.pry_hide .pryUser {display:flex; align-items:center; color:#333; margin-bottom:20px;}
.pry_hide textarea {border:1px solid #ddd; width:100%; padding:15px; font-size:16px;}

.pryUser p {font-size:16px; color:#333; padding-right:20px;}
.pryUser input {border:1px solid #ddd; padding:12px 20px; margin:0 10px; font-size:16px;}

.in_mTit {text-align:center; margin:80px 0 50px;}
.in_mTit span {display:block; color:#2f7ac7; font-size:17px; font-weight:500; margin-bottom:3px;}
.in_mTit h3 {color:#343436; font-size:25px;}
.mt {display:block; font-size:19px; color:#121212; margin-bottom:18px; font-weight:500;}

.payMethod label {font-size:17px; margin-right:20px;}
.payMethod input {vertical-align:middle; margin:-3px 3px 0 0 ;}
.mText {font-size:17px; margin-bottom:15px; color:#333;}
.btText {margin:70px 0;}
.btText p {font-size:17px; color:#333; text-align:center;}
.btText p:not(:last-child) {margin-bottom:10px;}
.btText span {display:block; text-align:center; font-size:17px; margin-top:50px; color:#275cab; font-weight:500;}
.btText input {vertical-align:middle; margin:-3px 0 0 5px;}

.pCon1, .pCon2 {border-bottom:1px solid #ddd;}
.userCon input {display:block; border:1px solid #ddd; padding:12px 10px; width:50%; font-size:16px;}

.pCon2,
.uc2 {display:none;}

@media screen and (max-width:900px){
    .privacy_box {padding:22px 15px; max-height:200px;}
    .privacy_box h4 {font-size:16px; margin-bottom:13px;}
    .privacy_box p {font-size:14px;}
    .privacy_box b {font-size:15px;}
    .privacy_box p:not(:last-child) {margin-bottom:10px;}
    .prCheck {margin:20px 5px 25px; font-size:15px;}

    .pry_hide {padding:20px 5px; padding-top:25px;}
    .pry_hide .pryUser {flex-wrap:wrap; margin-bottom:10px;}
    .pry_hide textarea {max-height:150px; overflow-y:scroll; font-size:15px;}
    .pryUser p {width:100%; display:block; margin-bottom:5px; font-size:15px;}
    .pryUser input {width:42%; font-size:15px; padding:10px;}
    .pryUser input:first-of-type { margin:0 10px 0 0;}

    .in_mTit {margin:40px 10px 35px;}
    .in_mTit h3 {font-size:20px;}
    .mt {font-size:16px; margin-bottom:14px;}
    .app_writeWrap .item {margin-bottom:40px;}
    .btText {margin:30px 0;}
    .btText p {font-size:15px;}
    .btText span {font-size:15px; margin-top:40px;}
    .userCon input {width:100%; font-size:15px; }
    input::-webkit-input-placeholder {font-size:15px;}

}

@media screen and (max-width:700px){
    .payMethod label {font-size:16px;}
    .mText {font-size:15px;}
}


/*-----------------------------------------------------------------------------
 *  Btn Style
 *----------------------------------------------------------------------------*/
.btn01 {border:1px solid #ddd; background-color:#fff; color:#999; padding:5px 10px; font-size:15px;}
.btn02 {width:160px; height:50px; background-color:#275cab; color:#fff; font-size:18px; border-color:#275cab;}
.btn02.gray {color: #fff; background-color: #666;}
.btn03 {width:160px; height:50px; background-color:#fff; color:#333; font-size:18px; border-color:#666;}
.btn04 {width:200px; height:55px; color: #fff; font-size:18px; background-color: #3f48cc;}
.btn05 {width:200px; height:55px; color: #fff; font-size:18px; background-color: #666;}
.btn06 {width:110px; height:40px; color: #fff; font-size: 14px; background-color: #333;}

.tBtn {text-align:center; margin:40px auto 80px;}
.tBtn button:first-child {margin-right:13px;}
.tBtn button:hover {text-decoration:underline;}
.btnRight {display:block; margin:30px 0 0 auto;}
.btnStyle {width:125px; height:44px; display:block; font-size:17px;width: 100%;}
.btnStyle:hover {text-decoration:underline;}
.btnStyle.bs1 {background-color:#3f48cc; color:#fff;}
.btnStyle.bs2 {background-color:#f05945; color:#fff;}
.btnStyle.bs3 {border:1px solid #3f48cc; color:#3f48cc;}
.btnStyle.bs4 {border:1px solid #ff4901; color:#ff4901;}
.btnStyle.bs5 {background-color:#999; color:#fff;}




 /* Table - Basic */
.board_style {width:100%;}
.tbl_board {width:100%; border-top:2px solid #000;  table-layout:fixed;}
.tbl_board th {font-size:18px; font-weight:400; padding:15px 5px; text-align:center;  font-size:17px; border-bottom:1px solid #ddd;}
.tbl_board td {border-bottom:1px solid #ddd; padding:15px; font-size:15px; color:#333; text-align:center;}
.tbl_board .t_left {text-align:left; padding:15px 30px;}
.tbl_board td > a {display:block; max-width:480px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

.tbl_board tr.n_bg {background-color:#fafafa;}
.tbl_board tr.n_bg a {font-weight:500;}
.tagStyle {display:inline-block; background-color:#0088cd; color:#fff; font-weight:400; padding:3px 12px; border-radius:50px; font-size:14px;}
.b_num {display:block; font-size:17px; color:#444; margin-bottom:25px;}
.b_num b {font-size:18px;}

.tag1 {background-color:#555;}
.tag2 {background-color:#9041cc;}
.tag3 {background-color:#67ac0c;}
.tag4 {background-color:#365c96;}
.tag5 {background-color:#cd3f3f;}

.boardTitleVal{float: left;}
.boardNewImg{margin-top: 5px;padding-left: 7px;}

/* Table - Calendar */
.cd_tbl {border-bottom:2px solid #bbb;}
.cd_tbl th {border-bottom:2px solid #bbb; font-size:19px; padding:12px; background-color: #546175; color: #fff;}
/* .cd_tbl th:not(:last-child) {border-right:1px solid #dfdfdf;} */
.cd_tbl td {height: 90px; padding:11px 2px 11px 7px; vertical-align:top; color:#454545; font-size:15px; text-align:left;}
.cd_tbl td a {font-size: 13px;}
.cd_tbl td:not(:last-child) {border-right:1px solid #dfdfdf;}
.cd_tbl .c_date {margin-bottom:5px; font-weight: 600; padding-left: 14px;}
.cd_tbl .today {padding: 8px 7px;}
.cd_tbl .today .c_date {background-color: #4282e2; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; color: #fff; padding-left: 0;}
.cd_tbl .no_data {background-color:#fafafa;}
.plan {height:57px; overflow-y: auto; position: relative; padding-right: 5px;}
.plan li {padding: 3px 10px; border-radius: 6px;}
.plan li:not(:last-child) {margin-bottom:3px;}
.plan li.holiday{color: red;font-weight: 600;}
.plan::-webkit-scrollbar-thumb {height: 3px; background-color: #ddd; border-radius: 7px;}
.plan::-webkit-scrollbar {width: 5px;}
.plan::-webkit-scrollbar-track {background-color: #f9f9f9;}
.plan .bg_01 {background-color: #eef5ff;}
.plan .bg_02 {background-color: #ffede2;}
.plan .bg_03 {background-color: #fff8ea;}
.plan .bg_04 {background-color: #f6edff;}
.plan .bg_05 {background-color: #e0e6f1;}

.colorR {color:#ea2424;}
.colorB {color:#227bdf;}
.colorGrey {color: #333 !important;}

.board_style.moBoard .tfile {display:flex;}
.formDown {display:block; color:#333; font-size:14px; margin-left:auto;}
.formDown:hover {text-decoration:underline;}
.formDown::after {content:""; width:12px; height:15px; display:inline-block; background:url("/resources/user/edu/images/sub/fileDown.png")no-repeat center center; padding-left:10px;}

@media screen and (max-width:1320px){
  .tbl_board td a  {max-width:380px;}
}

@media screen and (max-width:1100px){
  .tbl_board td {padding:15px 8px;}
  .tbl_board td a  {max-width:300px;}
}


@media screen and (max-width:768px){
  .board_style {overflow-x:auto;}
  .tbl_board {width:700px; overflow:hidden; }
  .tbl_board th {font-size:14px; padding:12px 5px;}
  .tbl_board td {font-size:14px;}

  .board_style .cd_tbl {width:850px;}
  .b_num {font-size:15px; margin-bottom:10px;}
  .b_num b {font-size:16px;}

  .board_style.moBoard {width:100%;}
  .board_style.moBoard .tbl_board {width:100%;}
  .board_style.moBoard .tbl_board colgroup {display:none;}
  .board_style.moBoard .tbl_board th {display:block; width:100%;}
  .board_style.moBoard .tbl_board td {display:block; width:100%;}
  .formDown {margin-top:10px;}
  .formDown::after {width:10px; background-size:10px;}
}


/* 상세 */
.boStyle2 tr td {background-color:#fff;}
.boStyle2 select {width:17%; border:1px solid #ddd; font-size: 16px; padding:8px 15px;}
.st1 {display:inline-block; background-color:#ffae00; color:#fff; font-size:16px; padding:4px 8px; border-radius:5px; margin-left:5px;}
.st1.tag1 {background-color:#555;}
.st1.tag2 {background-color:#9041cc;}
.st1.tag3 {background-color:#67ac0c;}
.st1.tag4 {background-color:#365c96;}
.n1 {color:#275cab; font-weight:500; padding-right:7px;}

/*-----------------------------------------------------------------------------
 *  Sub 0402 : 협약기업신청완료
 *----------------------------------------------------------------------------*/

/* TEXT-ALIGN */
.taCenter {text-align: center !important;}
.taRight {text-align: right !important;}
.apply_complete .img_box {text-align: center; margin:120px 0 25px;}
.apply_complete .img_box img {display: inline-block;}
.apply_complete .txt_top {text-align: center; font-size: 28px; margin-bottom: 15px;}
.apply_complete .txt_top span {color: #275cab;}
.apply_complete .txt_top span.red {color: red;}
.apply_complete .txt_bot {text-align: center; color: #454545; font-size: 17px;}
.apply_complete .txt_bot.managerInfo {margin-top: 10px;font-size: 18px;font-weight: 600;}
.apply_complete .bigBox {width: 750px; background-color: #fafafa; border: 1px solid #eee; padding: 40px; margin: 0 auto;}
.apply_complete .bigBox dl {display: flex; align-items: center;}
.apply_complete .bigBox dl:not(:last-child) {margin-bottom: 10px;}
.apply_complete .bigBox dt {color: #333; font-weight: 500; font-size: 15px; position: relative; padding-left: 13px; width: 120px; word-break: keep-all;}
.apply_complete .bigBox dt::before {content: ""; background-color: #275cab; width: 4px; height: 4px; position: absolute; top: 8px; left: 0; border-radius: 50%;}
.apply_complete .bigBox dd {font-size: 15px; color: #333; word-break: keep-all;}

@media screen and (max-width:800px){
    .apply_complete .bigBox {width: 100%;}
}

@media screen and (max-width:600px){
    .apply_complete .txt_top {font-size: 24px;}
    .apply_complete .txt_bot {font-size: 16px;}

    .apply_complete .bigBox dl {display: block;}
    .apply_complete .bigBox dl:not(:last-child) {margin-bottom: 20px;}
    .apply_complete .bigBox dt {margin-bottom: 3px;}
    .apply_complete .bigBox dd {padding-left: 10px;}
    .apply_complete .img_box {margin:60px 0 25px;}
}

@media screen and (max-width: 480px) {
    .apply_complete .txt_top {font-size: 20px;}
    .apply_complete .txt_bot {font-size: 15px;}
    .apply_complete .img_box img {width: 70px;}
    .apply_complete .bigBox {padding: 30px 25px;}
}

.brd_Ctrl2 .brd_srch_box.width0 {min-width: unset;}



/*-----------------------------------------------------------------------------
 *  Sub 0302 :교육내역
 *----------------------------------------------------------------------------*/
.brd_dn {display:block; background-color:#76c152; color:#fff; padding:8px 13px; font-size:15px; margin:auto;}
.stu2 {display:block; background-color:#cf2525; color:#fff; padding:5px 9px; font-size:13px; margin:auto;}
.stu4 {display:block; background-color:#76c152; color:#fff; padding:5px 9px; font-size:13px; margin:auto;}
.stu3 {color:#666; font-size:15px;}
.gray {background-color:#888888;}
a.pay{color: blueviolet;font-weight: 600;}

@media screen and (max-width:1260px) {
    .brd_dn,.stu2 {font-size:14px; padding:8px;}
}


.popup_need_chk_box .bg{width:100%; position: fixed; top:0; left: 0; height: 100%; background-color: #000; opacity : 0.5; display: none;}
.popup_need_chk {width: 660px; max-width: 95%; text-align: center; font-size: 17px; box-shadow: 2px 2px 10px #999; color: #000; font-weight: 500; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; z-index: 20; display: none;}
.popup_need_chk .txt_box {line-height: 1.8; padding: 5%;}
.popup_need_chk .btn_chk_complete {display: flex;justify-content: center;align-items: center;width: 100%;padding: 10px 0;font-size: 21px;color: #fff;background-color: #333333;}
.popup_need_chk .btn_chk_complete:hover {background-color: #232323;}