@charset "utf-8";
/* 서브 일부 컨텐츠 내용 작성, 추후 합칠예정 */

h1, h2, h3, h4, h5, h6, p, span, a, th, td, li, dd, dt, em, input, label, select, div{font-family: 'Pretendard', sans-serif; color: #333; text-decoration: none;  font-style:normal; font-weight:500; letter-spacing:-0.05em;}
a.btn i.fa {margin-right: 5px;}
/********************** 기본정의 추가  **********************/

.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}
.text-justify{text-align:justify!important;}

i, em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}
hr {overflow:hidden; position:absolute; height:0; width:0;}
sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

/*서브 공통 스타일*/
.blueText {color: #0087ea;}
.orangeText {color: #fc9b5c;}
.redText {color: #ff0000;}
.greenText {color: #017939;}

/* TAB_NAV */
.ui-page-tab{padding:0; margin-bottom:40px}
.tabNav{display:table;}
.tabNav li{display:table-cell; float:none; width:1%; border-bottom:1px solid #ddd}
.tabNav li a{font-family: 'Gmarket'; font-weight:300; color:#5a5a5a; border-top-left-radius: 20px; border-top-right-radius: 20px; background:#f7f7f7; transition:all .3s ease;}
.tabNav li a:hover{background:#3064cb; color:#fff;}
.tabNav li.on a{background:#3064cb; color:#fff; font-weight:300; border-bottom:1px solid #3064cb}

/* topbox */
.uit{overflow:hidden;position:relative; margin-top:40px; margin-bottom: 50px;border:0px solid #d2d2d2;}
.uit:after{content:"";display:block;clear:both;visibility:hidden;}
.uit .inner{position:relative;padding:50px 60px;}
.uit .inner .txtwrap{position:relative;}
.uit .inner .txtwrap ul{display: block;margin: 0;text-align: left;}
.uit .inner .tit_inner{display:block;color:#121212;font-size:20px;line-height:30px;margin:0 0 20px 0;padding:0; font-weight:600;}
.uit .inner .txtwrap p{margin:0;font-size:16px; font-weight:400; color:#545454;word-break:break-word;}
.uit .inner .txtwrap p .txt-tip{display: inline-block;color: #da4453 !important;}
.uit .inner .txtwrap b{display: block;}
.uit .inner .txtwrap a{margin: 10px 0 0;}
.uit .btnwrap{position:absolute;top:-35px;right:0;margin-top:0;}

.uit.type1 .inner{min-height:180px;padding-left:190px; background-color: #F6F9FC; border-radius:20px;}
.uit.type1 .inner .tp_icon,
.uit.type1 .inner .tp_icon2{display:block;position:absolute;top:50%;left:35px;margin-top: -55px}
.uit.type1 .inner .tp_icon.type01 { top:20%;}
.uit.type1 .inner.long .tp_icon,
.uit.type1 .inner.long .tp_icon2{top:45px;margin-top: 0}
.uit.type1 .inner.n_short{min-height: auto;padding: 70px 25px 70px 170px}

.uit.type3{border-color:#fff;border-top-color:#949494;border-bottom-color:#ddd;}
.uit.type3 .inner{min-height:213px;padding-left:300px;}
.uit.type3 .inner .thm_figure{display:block;overflow:hidden;position:absolute;top:35px;left:35px;width:230px;height:153px;margin:0;text-align:center}
.uit.type3 .thm_figure img{max-width:100%;width:auto;}

@media only screen and (max-width:767px) {
    .uit .inner,
    .uit.type1 .inner,
    .uit.type1 .inner.n_short,
    .uit.type3 .inner{position:relative;min-height: auto;padding:25px;}
    .uit.type1 .inner .tp_icon,
    .uit.type1 .inner .tp_icon2{display:none;}
    .uit .thm_figure,
    .uit.type3 .inner .thm_figure{display:none;}
    .uit .inner .btnwrap{position: static;margin-top:20px;}
}

/* 리스트*/
ul[class^=c-list] {text-align:left}
ul[class^=c-list] > li {font-size:1em;box-sizing:border-box;white-space:normal;position:relative}
ul[class^=c-list] > li:first-child {margin-top:0}
ul[class^=c-list] > li .tit, .c-list01-li .tit, .c-list04-li .tit {display:block;color:#222;font-weight:600}
ul[class^=c-list] > li .tit-in, .c-list01-li .tit-in, .c-list04-li .tit-in {display:inline;color:#222;font-weight:600}
ul[class^=c-list] > li ul li:before {display:block;content:"";width:3px;height:3px;background:#cfcfcf;position:absolute;top:11px;left:0}
ul[class^=c-list] > li ul {margin:7px 0 0 0;font-size:.941em}
ul[class^=c-list] > li ul li {padding:0 0 0 11px;position:relative;font-size:.944em;color:#666;margin-bottom:4px}
[class^=c-list] > li > ul.s-list > li {padding-left:26px}
[class^=c-list] > li > ul.s-list > li:before {display:none}
[class^=c-list] > li > ul.s-list > li > .stit {position:absolute;top:0;left:0;font-weight:500}
.c-list01 > li, .c-list01-li {position:relative;padding:0 0 0 14px;margin-top:0px;text-align:left;margin-top:4px}
.c-list01 > li:first-child, .c-list01-li:first-child, .c-list02 > li:first-child {margin-top:0}
.c-list01 > li:before, .c-list01-li:before {display:block;content:"";position:absolute;top:7px;left:0;width:4px;height:4px;background:#767676;border-radius:50%}
.c-list01 > li .txt {display:inline-block}
.c-list02 {counter-reset:section;}
.c-list02 > li {padding-left:25px}
.c-list02 > li {margin-top:3px}
.c-list02 > li:first-child {margin-top:0}
.c-list02 > li:before {display:block;position:absolute;top:1px;left:0px;color:#222;font-size:.941em;font-weight:600;height:auto}
.c-list02 > li .tit {margin-bottom:2px}
.c-list02.num > li:before {counter-increment:section;content:counters(section, ".") ".";width:24px}
.c-list02.snum > li:before {counter-increment:section;content:counters(section, ".") ")";width:24px}
.c-list02.han > li:before {width:27px}
.c-list02.han > li:nth-child(1):before {content:"가."}
.c-list02.han > li:nth-child(2):before {content:"나."}
.c-list02.han > li:nth-child(3):before {content:"다."}
.c-list02.han > li:nth-child(4):before {content:"라."}
.c-list02.han > li:nth-child(5):before {content:"마."}
.c-list02.han > li:nth-child(6):before {content:"바."}
.c-list02.han > li:nth-child(7):before {content:"사."}
.c-list02.han > li:nth-child(8):before {content:"아."}
.c-list02.han > li:nth-child(9):before {content:"자."}
.c-list02.han > li:nth-child(10):before {content:"차."}
.c-list02.han > li:nth-child(11):before {content:"카."}
.c-list02.han > li:nth-child(12):before {content:"타."}
.c-list02.han > li:nth-child(13):before {content:"파."}
.c-list02.han > li:nth-child(14):before {content:"하."}
.c-list03 {counter-reset:section}
.c-list03 > li {position:relative;padding:0 0 0 35px;margin-top:6px}
.c-list03 > li:first-child {margin-top:0}
.c-list03 > li:before {display:block;position:absolute;top:2px;left:0px;color:#222;font-size:12px;font-weight:400;background:#f1f1f1;border-radius:50%;counter-increment:section;content:counters(section, ".") "";width:23px;height:23px;line-height:22px;box-sizing:border-box;text-align:center;font-family:"lato",sans-serif}
.c-list03.cor1 > li:before {background:#008cd7;color:#fff}
.c-list03.cor2 > li:before {background:#e73f82;color:#fff}
.c-list03 > li .tit {color:#222;display:block;font-weight:500}
.c-list04 > li, .c-list04-li {position:relative;padding:0 0 0 19px;margin-top:4px;text-align:left}
.c-list04 > li:first-child {margin-top:0}
.c-list04 > li:before, .c-list04-li:before {display:block;content:"";width:8px;height:8px;border:2px solid #008cd7;border-radius:50%;box-sizing:border-box;position:absolute;top:9px;left:3px}
.c-list05 {}
.c-list05 > li {position:relative;font-family:"SCoreDream", sans-serif;color:#555;font-weight:400;letter-spacing:-.05em;line-height:2.058;padding-left:20px;box-sizing:border-box}
.c-list05 > li:before {content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#7fb6ee;position:absolute;top:13px;left:0}


@media all and (max-width:999px){
	.c-list01 > li:before, .c-list01-li:before {top:8px}
}
@media all and (max-width:599px){
	ul[class^=c-list] > li ul li:before {top:8px}
	ul[class^=c-list] > li ul{margin-top:5px}
	.c-list01 > li, .c-list01-li {padding-left:11px}
	.c-list02 > li {padding-left:22px}
	.c-list03 > li {padding-left:34px}
	.c-list03 > li:before {width:20px;line-height:20px;height:20px;font-size:11px}
}

/* 공백 */
.gap {height:60px;clear:both;display:block}
.sgap {height:40px;clear:both;display:block}
.ssgap {height:30px;clear:both;display:block}
@media all and (max-width:600px){
	.gap {height:40px;clear:both;display:block}
	.sgap {height:25px;clear:both;display:block}
	.ssgap {height:15px;clear:both;display:block}
	.sssgap {height:10px;clear:both;display:block}
}

.table-default { position: relative; width: 100%;/* border-collapse: separate; */margin: 5px 0 15px 0;border-top: none;text-align: center;border-top: 2px solid #7a7d96;}
.table-default thead th {position: relative;padding: 15px 11px !important;border-bottom: 1px solid #e5e7ee;background: #fff;color: #363c5a;text-align: center; font-weight: bold;vertical-align: middle;word-break: keep-all;}
.table-default thead th:before { display: block;content: '';position: absolute;left: 0;top: 50%;bottom: 0;width: 1px;height: 14px;background-color: #c5c9d6; transform: translate(0, -50%);}
.table-default thead tr:first-child th {background-color: #fff;}
.table-default thead tr:first-child th:first-child:before {display: none}
.table-default tbody th {background-color: transparent;position: relative;border-right: none !important}
.table-default tbody th[rowspan] {color: #363c5a;}
.table-default td[rowspan], .table-default th[rowspan] {border-right: 1px solid #d2d2d2;}
.table-default td, .table-default th { padding:10px; border-bottom: 1px solid #e5e7ee;border-right: none;border-left: none;}
.table-default td.subject button, .table-default td.subject a {display: inline-block;color: #333;width: 100%;text-align: left;font-weight: bold;}
.table-default .table td.subject, .table-default td.subject {position: relative;padding-left: 20px;}
.table-default td.subject .ir-bbs-new {position: absolute;top: 14px;left: 0;}
.table-default .table td.subject, .table-default td.subject {}
.table-default .left {text-align: left;}
.table-default span { display:block;}
.table-default .table td.subject, .table-default td.subject, .table-default td.subject a .table-default td.subject button {text-align: left;}
.table-default .table .nodata__tr td {text-align: center}
.table-default td.atchFileId, .table-default td.atchFileId a .table-default td.atchFileId button {text-align: center;}
.table-default td.atchFileId .btn.btn-file.btn-not-ico {width: 20px; /* border: 1px solid; */max-width: none;font-size: 0; padding: 0; min-width: auto;}

@media only screen and (max-width: 768px) {
  .no-more-tables .table-default, .board_list {
    width: 100%;
    overflow: hidden;
    border-top: 2px solid #151515;
    border-collapse: separate;
  }

  .no-more-tables .table-default colgroup,
  .no-more-tables .table-default thead th {
    display: none;
  }

  .no-more-tables .table-default tbody tr {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
  }

  .no-more-tables .table-default tbody td {
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    text-align: left;
    box-sizing: border-box;
    /*border-bottom: 1px dashed #ccc;*/
  }
  .no-more-tables .table-default tbody td .btns { display:inline-block;}
  .no-more-tables .table-default td[data-cell-header]:before {
    content: attr(data-cell-header);
    display: inline-block;
    margin-right: 15px;
    font-weight: bold;
    color: #222;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    min-width: 25%;
  }

  .no-more-tables .table-default tbody tr td:last-child {
    border-bottom: none;
  }
  .table-default span { display: inline-block;}
}

.btns {text-align: center}
.btns.right {text-align: right}
.btns .btn {display: inline-block;width: 152px;height: 54px;background-color: #060041;color: #fff;border-color: #060041;border-width: 2px;line-height: 2.2;border-radius: 7px;font-size: 1.2rem}
.btns .btn i {font-size: 30px;vertical-align: middle}
.btns .btn:hover {background-color: #fff;color: #3b3786}
.btns .btn+.btn {background-color: #000;border-color: #000;margin-left: 3px}
.btns .btn+.btn:hover {color: #000;background-color: #fff}
.btns .btn.lg {width: 318px}
.btns .btn.xsbn {width: 100px;height: 36px;line-height: 1.2;font-size: 1rem}
.btns .btn.xs {width: 75px;height: 27px;background-color: #8c939a;border-width: 0;line-height: 1;font-size: .85em}
.btns .btn.xs:hover {background-color: #3b3b3b;border-width: 1px;border-color: #3b3b3b;color: #fff}
.btns .btn.xs-green {background-color: #239f41}
.btns .btn.xs-green:hover {background-color: #077a3f;border-width: 1px;border-color: #077a3f;color: #fff}
.btns .btn.xs-blue {background-color: #3a67ea}
.btns .btn.xs-blue:hover {background-color: #1541c3;border-width: 1px;border-color: #1541c3;color: #fff}


/*페이지네이션*/

.pagination { display: flex;padding-left: 0;margin-top: 20px;justify-content: center;}
.pagination.pa-round .page-link { border-radius: 50%;}
.pagination > ul {display: flex;flex-wrap: wrap;}
.page-link {display: inline-block;border: 1px solid;min-width: 33px;min-height: 33px;max-height: 33px;max-width: 33px;padding: 0.5rem;line-height: 1;color: #747474;background-color: rgb(255, 255, 255); border-color: #cbcbcb;margin: 0 2px;transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);}
.page-link:hover, .page-link:focus {color: rgb(255, 255, 255);background-color: #666;border-color: #666;}
.page-link:hover span, .page-link:focus span {color: rgb(255, 255, 255);/*background-color: #666;border-color: #666;*/}
.page-link[aria-label] span {line-height: 1;letter-spacing: -1px;font-size: 12px;font-weight: bold;}
.page-item.active .page-link { color: rgb(255, 255, 255);background-color: #666;border-color: #666;}
.page-item.disabled .page-link { color: #666;background-color: rgb(255, 255, 255);border-color: #666;}
.pagination-lg .page-link { padding: 0.9375rem;font-size: 18px;line-height: 1.5;}
.pagination-sm .page-link {padding: 0.25rem;font-size: 12px;line-height: 1.5;}


@media only screen and (max-width: 640px) {
  .pagination {display: block; width: 100%;text-align: center;transition: all 0.5s;}
  .pagination ul { text-align: center;width: 100%;height: 30px; justify-content: center;}
  .pagination > li, .pagination .page-item {display: inline-block; vertical-align: middle;}
  .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span { padding: 0;min-width: 20px; height: 20px; line-height: 20px;min-height: 21px; font-size: 13px; }
  .pagination .page-item [aria-label] span { display: block; }
  .pagination .page-item .page-link[aria-label=first] .sr-only,
  .pagination .page-item .page-link[aria-label=last] .sr-only { display: none;}
}
@media only screen and (max-width: 480px) {
  .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span {min-width: 30px; height: 30px;line-height: 30px;}
  .pagination .page-item [aria-label] {padding: 0 8px; font-size: 14px;}
  .pagination .page-item [aria-label] .sr-only { font-size: 14px;}
}
.pagination.pa-round .page-item:first-child .page-link, .pagination.pa-round .page-item:nth-child(2) .page-link {padding-right: 7.5px;}
.pagination.pa-round .page-item:last-child .page-link, .pagination.pa-round .page-item:nth-last-child(2) .page-link {padding-left: 7.5px;}
.pagination.pa-round .page-item > a { display: inline-flex; justify-content: center; align-items: center;border: none; font-size: 15px;}
.pagination.pa-round .page-item.active .page-link { background-color: #017939;color: #fff;border-color: #017939;}
.pagination.pa-round .page-link:hover,.pagination.pa-round .page-link:focus { background-color: #017939;}

@media (max-width: 640px) {
    .pagination.pa-round > li, .pagination.pa-round .page-item {width: 26px;height: 26px;}
    .pagination.pa-round li > a, .pagination.pa-round .page-item > .page-link, .pagination.pa-round .page-item > span { display: block;width: 100%;height: 100%; padding: 1px 0;margin: 0;line-height: 25px; }
    .pagination.pa-round .page-item:first-child .page-link, .pagination.pa-round .page-item:nth-child(2) .page-link {padding-right: 2px;}
    .pagination.pa-round .page-item:last-child .page-link, .pagination.pa-round .page-item:nth-last-child(2) .page-link { padding-left: 0;}
    .pagination.pa-round .page-item .page-link {padding: 1px;}
    .pagination.pa-round .page-item [aria-label] span {line-height: 25px;}
}

@media (max-width: 480px) {
    .pagination.pa-round > li, .pagination.pa-round .page-item {margin:3px; }
    .pagination.pa-round li > a, .pagination.pa-round .page-item > .page-link, .pagination.pa-round .page-item > span { min-width: 20px;}
}

.rece_details { margin:80px 0;}
.program_view {}
.program_view .item {}
.program_view .item .title-inner {position: relative;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.program_view .item .title-inner .title { display: block;padding-right: 200px;color: #222;font-weight: 700;font-size: 28px;line-height: 1.3;word-break: keep-all;}
.program_view .item .title-inner .stat-wrap {position: absolute;top: 0; right: 0;min-width: 294px;text-align: right;}
.program_view .item .title-inner .stat-wrap .stat {margin-bottom: 0; display: inline-flex;align-items: center;justify-content: center;font-size: 15px;min-width: 94px;padding: 9px 7px;line-height: 100%;text-align: center;border-radius: 10px;}
.program_view .item .title-inner .stat-wrap  .stat.status1 {  background-color: #017939;color: #fff;border: 1px solid #017939;}
.program_view .item .title-inner .stat-wrap  .stat.status2 { background-color: #0087ea; color: #fff;border: 1px solid #0087ea;}
.program_view .item .title-inner .stat-wrap  .stat.status3 { background-color: #fc9b5c;color: #fff;border: 1px solid #fc9b5c;}
.program_view .item .title-inner .stat-wrap  .stat.status4 { background-color: #ff0000;color: #fff;border: 1px solid #ff0000;}
.program_view .info-box {margin-top: 30px; padding: 30px 45px;border: 1px solid #DDD;border-radius: 20px;background: #f9f9f9;}
.program_view .info-box .inner { display: block; position: relative;}
.program_view .info-box .inner .info-text-box { display: block; position: relative;}
.program_view .info-box .inner .info-text-box .info-list {display: block;width: 100%;}
.program_view .info-box .inner .info-text-box .info-list li { display: inline-block;position: relative;width: calc(100% / 2 - 3px);padding-left: 86px;margin-bottom: 10px;line-height: 28px;}
.program_view .info-box .inner .info-text-box .info-list li:before { position: absolute;  top: 15px;left: 0; width: 3px; height: 3px; border-radius: 100%; background-color: #0090AF; content: '';}
.program_view .info-box .inner .info-text-box .info-list li .subjact { display: inline-block; position: absolute; top: 4px; left: 8px; min-width: 60px;color: #00318F; font-weight: 700; font-size: 18px;line-height: 24px; /* 160% */letter-spacing: -0.3px;text-align: left;}
.program_view .info-box .inner .info-text-box .info-list li .con {display: inline-block;position: relative;color: #33373B;font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: -0.3px; top: 4px;}
.program_view .btn_area { text-align:center;}
.program_view .btn_area a { display:inline-block;}

@media (max-width: 800px) {
    .program_view {  padding:20px; }
    .program_view .info-box .inner {padding-left: 0;}
    .program_view .info-box .inner .thm-box { position: relative; left: 50%;transform: translate(-50%, 0); }
    .program_view .item .title-inner .stat-wrap {display: block; position: relative; top: auto; right: auto; min-width: auto; margin-bottom: 5px;text-align: left; }
    .program_view .item .title-inner .title { font-size: 25px;padding-right: 0;}
    .program_view .info-box .inner .info-text-box .info-list {flex-direction: column;}
    .program_view .info-box .inner .info-text-box .info-list li {width: 100%; margin-bottom: 0;padding-left: 114px; line-height: 1.3; }
    .program_view .info-box .inner .info-text-box .info-list li .subjact { top: 2px;}
    .program_view .info-box .inner .info-text-box .info-list li .con { line-height: 1.2; top: 0px;}
}

@media (max-width: 500px) {
    .program_view .item .title-inner { padding-bottom: 10px;}
    .program_view .info-box {margin-top: 10px;}
    .program_view .item .title-inner .stat-wrap .stat {margin-bottom: 5px; }
    .program_view .item .title-inner .title {font-size: 23px; }
	.program_view .info-box { padding:20px 25px;}
    .program_view .info-box .inner .info-text-box .info-list li { padding-left: 0; line-height: 1.4;}
    .program_view .info-box .inner .info-text-box .info-list li:before { top: 10px;}
    .program_view .info-box .inner .info-text-box .info-list li .subjact {position: relative;top: 0; min-width: auto; margin-right: 0;line-height: 1.4;text-align: left;}
    .program_view .info-box .inner .info-text-box .info-list li .con {padding: 0; padding-left: 20px;}
    .program_view .info-box .inner .info-text-box .info-list li .con:after { display: none; }
}


.rece_details .detail-index { margin-top: 50px;margin-bottom: 40px;}
.rece_details .detail-index .tit01 {padding-bottom: 10px; color: #000; font-weight: 700;font-size: 24px; line-height: 36px;letter-spacing: -0.24px;border-bottom: 2px solid #282626; margin-bottom:30px;}
.rece_details .dsc { padding:30px;}

@media (max-width: 767px) {
    .rece_details .dsc p { display: block; width: 100%;overflow-x: hidden;}
}

.bg-btn, .bp-btn, .bdp-btn { border-radius:15px; box-sizing:border-box;font-size:1em;font-weight:400;display:inline-block;vertical-align:top;line-height:1.1;min-width:180px;max-width:300px;padding:0 5px;position:relative;text-align:center;transition:all .3s ease}
a.bp-btn span, a.bdp-btn span {display:flex;align-items:center;justify-content:center;height:58px; color:#fff;}
a.bg-btn span{ display:flex;align-items:center;justify-content:center;height:58px;}
input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {padding:0 10px;height:60px;cursor:pointer}
.bg-btn, a.bg-btn  {background:#f7f7f7 ;border:1px solid #c9c9c9;color:#777 !important}
.bg-btn:hover, .bg-btn:focus {background:#e5e5e5;border:1px solid #c9c9c9}
.bp-btn, a.bp-btn {background:#378ddd;border:1px solid #378ddd;color:#fff !important}
.bp-btn:hover, .bp-btn:focus {background:#086132;border:1px solid #086132}
.bdp-btn, a.bdp-btn {background:#474d67;border:1px solid #474d67;color:#fff !important}
.bdp-btn:hover, .bdp-btn:focus {background:#2b3046;border:1px solid #2b3046}

@media all and (max-width:768px) {
	    .bg-btn, a.bg-btn, .bp-btn, a.bp-btn, .bdp-btn, a.bdp-btn {max-width: 160px; padding: 0 10px;}
}

/* 기본테이블 */
.flip-scroll,.table-pc,.table-responsive{position:relative; line-height:1.4;}
.flip-scroll .table-icon,.table-responsive .table-icon{display:block;opacity:1;}
.table-pc .table-icon{display:none;}

.table{margin-bottom:10px;width:100%;background:#fff;}
.table td,.table th{border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;color:#2d2d2d;}
.table th[scope="row"]{text-align:center !important;}
.table thead th{background:#f6f6f6;color:#222;font-size:16px;font-weight:600;}
.table tbody th{background:#f6f8f9;color:#222;}
.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th{padding:10px;}

.table tfoot,.table tfoot th{background:#f6f6f6;font-weight:700;}
.table .tfoot{background:#f6f9f9;font-weight:500; }
.table td[rowspan],.table th[rowspan]{border-right:1px solid #d2d2d2;}
.table td:first-child,.table th:first-child{border-left:none;}
.table td:last-child,.table th:last-child{border-right:none; }
.table-bordered{border-top:2px solid #333;border-bottom:1px solid #ccc;}

@media(max-width: 767px) {
    .table-responsive {
		position: relative;
        overflow-y: hidden;
        overflow-x: auto;
       /* display:block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: 0;*/
    }

    .table-responsive .table {
        width: 995px;
    }
}


.table-responsive.active.mobile, .table-responsive.active.mobile.icon {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    margin: 8px 0;
    width: 100%;
    height: auto;
    background: linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),rgba(0,0,0,0)) 0 100%;
    background-color: #fff;
    background-position: 0 0,100%,0 0,100%;
    background-repeat: no-repeat;
    background-size: 40px 100%,40px 100%,14px 100%,14px 100%;
    background-attachment: local,local,scroll,scroll;
    min-height: 0.01%;
}


.scroll-guide {position:absolute;top:50%;left:50%;display:none;width:110px;height:100px;border-radius:7px;background:rgba(0,0,0,0.67);padding-top:10px;z-index:10;text-align:center;transform:translate(-50%, -50%)}
.scroll-guide_img {width:50%;height:auto}
.scroll-guide_text {margin-top:4px;color:#fff;font-size:13px;line-height:16px}

@media (max-width:768px){
	.scroll-guide{display:block;/*top:250px*/}
}

/* SITEMAP COMMON */
.sitemapWrap {margin: 0 auto !important; width:100%; max-width:1624px; padding:0 12px;}
.sitemapWrap .sub-page-top{margin-top:60px;}
.sitemapWrap .contentsTitle{font-size:35px; color:#333333; font-weight:600; margin-bottom:50px;}
.sitemap{padding:50px 0; border-top:2px solid #000; border-bottom:1px solid #c5c5c5;}
.sitemap > ul > li{display:flex; margin-bottom:70px;}
.sitemap > ul > li > a{width:280px; font-size:26px; font-weight:700; color:#000; border-right:1px solid #d7d7d7;}
.sitemap > ul > li > ul{width:calc(100% - 280px); padding-left:50px; display:flex; flex-wrap:wrap;}
.sitemap > ul > li > ul > li{width:25%;}
.sitemap > ul > li > ul > li > a{color:#222; font-weight:500; font-size:22px; display:block; margin-bottom:20px;}
.sitemap > ul > li > ul > li > ul > li > a{padding-left:15px; position:relative; color:#222; margin-bottom:15px; display:block; font-size:20px; font-weight:400; }
.sitemap > ul > li > ul > li > ul > li > a::before{display:block; content:''; width:5px; height:5px; background:#144ea7; position:absolute; top:7px; left:0; border-radius: 50%;}
.sitemap > ul > li > ul > li > ul > li > ul{padding-left:15px;}
.sitemap > ul > li > ul > li > ul > li > ul > li > a{padding-left:15px; position:relative; color:#5a5a5a; margin-bottom:10px; display:block; font-size:16px; font-weight:400; }
.sitemap > ul > li > ul > li > ul > li > ul > li > a::before{display:block; content:''; width:4px; height:2px; position:absolute; top:7px; left:0; background:#939393;}
.contentsUtill{display:none;}
@media all and (max-width:1200px){
	.sitemap{padding:0px;}
	.sitemap > ul > li{display:block; margin-bottom:0;}
	.sitemap > ul > li > a{display:block; width:100%; border-bottom:1px solid #d7d7d7; border-right:0; padding:15px; border-top:1px solid #d7d7d7; background:#f9f9f9;}
	.sitemap > ul > li:first-child > a{border-top:0; font-weight:600;}
	.sitemap > ul > li > ul{width:100%; padding-left:0; min-height:80px;}
	.sitemap > ul > li > ul > li{padding:15px;}
}
@media all and (max-width:767px){
	.sitemap > ul > li > ul > li{width:50%; padding:10px;}
	.sitemap > ul > li > a{font-size:24px;}
	.sitemap > ul > li > ul > li > a{font-size:18px; margin-bottom:10px}
	.sitemap > ul > li > ul > li > ul > li > a{font-size:14px; margin-bottom:10px; padding-left:10px;}
	.sitemap > ul > li > ul > li > ul > li > a::before{width:3px; height:3px; top:7px;}
}


/* 미래교육원-시설예약 */
.le_use_wrap .letask-list { display: flex;flex-wrap: wrap;gap: 50px 20px;margin-top: 30px;text-align: left; margin-bottom:50px;}
.le_use_wrap .letask-list > li {width: calc(33.33% - 13.33px); border: 1px solid #D9DAE1; border-radius:30px; transition: transform .4s}
.le_use_wrap .letask-list > li .inner {padding: 25px;}
.le_use_wrap .letask-list > li .inner .tit { display: flex;flex-wrap: wrap;align-items: center;gap: 6px 4px;margin-bottom: 15px;color: #222;font-size: 1.5rem;}
.le_use_wrap .letask-list > li .inner .tit span {padding: 4px 10px;border-radius: 50px;font-size: 1.0rem;line-height: 1;font-weight: normal;}
.le_use_wrap .letask-list > li .inner .tit em { color:#429693;}
.le_use_wrap .letask-list > li.color1 .inner .tit span { background: #EDF9F9;color: #0094B7;}
.le_use_wrap .letask-list > li.color2 .inner .tit span {background: #ECF6FE;color: #0074DF;}
.le_use_wrap .letask-list > li.color3 .inner .tit span {background: #EBF3FC;color: #002F65;}
.le_use_wrap .letask-list > li.color4 .inner .tit span {background: #EDF9F9;color: #0094B7;}
.le_use_wrap .letask-list > li.color5 .inner .tit span {background: #ECF6FE;color: #0074DF;}
.le_use_wrap .letask-list > li.color6 .inner .tit span {background: #EBF3FC;color: #002F65;}
.le_use_wrap .letask-list > li.color7 .inner .tit span {background: #EDF9F9;color: #0094B7;}
.le_use_wrap .letask-list > li.color8 .inner .tit span {background: #ECF6FE;color: #0074DF;}
.le_use_wrap .letask-list > li.color9 .inner .tit span {background: #EBF3FC;color: #002F65;}
.le_use_wrap .letask-list > li.color1 .inner .list-1st > li::before {background: #0094B7;}
.le_use_wrap .letask-list > li.color2 .inner .list-1st > li::before {background: #0074DF;}
.le_use_wrap .letask-list > li.color3 .inner .list-1st > li::before {background: #002F65;}
.le_use_wrap .letask-list > li.color4 .inner .list-1st > li::before {background: #0094B7;}
.le_use_wrap .letask-list > li.color5 .inner .list-1st > li::before {background: #0074DF;}
.le_use_wrap .letask-list > li.color6 .inner .list-1st > li::before {background: #002F65;}
.le_use_wrap .letask-list > li.color7 .inner .list-1st > li::before {background: #0094B7;}
.le_use_wrap .letask-list > li.color8 .inner .list-1st > li::before {background: #0074DF;}
.le_use_wrap .letask-list > li.color9 .inner .list-1st > li::before {background: #002F65;}
.le_use_wrap .letask-list > li img {object-fit: cover;width: 100%;max-height: 220px; border-radius:30px 30px 0px 0;}
.le_use_wrap .letask-list > li:hover { transform: translateY(-1em); border:2px solid #0a934a;}
.le_use_wrap .letask-list > li .c-list01 { color: #111;}

@media(max-width: 767px) {
    .le_use_wrap .letask-list > li {width: calc(50% - 10px); }
    .le_use_wrap .letask-list > li .inner .tit {margin-bottom: 10px; font-size: 1.375rem;}
    .le_use_wrap .letask-list > li .inner .tit span {padding: 3px 8px;font-size: 0.9375rem;}
}

@media(max-width: 560px) {
    .le_use_wrap .letask-list > li {width: 100%;}
}

@media(max-width: 360px) {
    .le_use_wrap .letask-list > li .inner {  padding: 20px 20px 25px; }
}

/* 예약*/
.reservation { display: flex;flex-wrap: wrap;gap: 20px;}
.reservation .ui-calendar {margin-top: 0;}
.reservation .ui-calendar .time-area .time_box .table tbody {height: 481px; min-height: auto; max-height: none;}
.reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap,
.reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con {min-height: 49px; height: auto;}
.reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0 45px 0 32px;}
.reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con {padding: 15px; border: none;}
.reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap.online .choice-con {background-color: rgba(38, 126, 207, 0.1);}
.reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap.offline .choice-con {background-color: rgba(187, 32, 28, 0.1);}
.reservation .ui-calendar .time-area .time_box .table .th_1.con4 {width: 15%;}
.reservation .ui-calendar .time-area .time_box .table .th_4.con4 {width: 35%;}

@media (max-width: 1024px) {
    .reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0 31px;}
    .reservation .ui-calendar .time-area .time_box .table tbody {height: 356px;}

    .ui-calendar.col2 .calendar-area {width: calc(50% - 60px);}
    .ui-calendar.col2 .calendar-area .info span {padding: 3px 6px; width: 70px;}
    .ui-calendar.col2 .time-area {width: calc(50% + 40px);}
}

@media (max-width: 840px) {
    /* .ui-calendar.col2 .calendar-area {width: 320px;}
    .ui-calendar.col2 .time-area {width: calc(100% - 340px);} */
}

@media (max-width: 820px) {
    /* .reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0 20px;} */
    .ui-calendar.col2 .calendar-area,
    .ui-calendar.col2 .time-area {width: 100%;}
}

@media (max-width: 580px) {
    .ui-calendar .time-area .time_box .table tbody {padding-right: 10px;}

    .reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0 30px 0 15px;}
}

@media (max-width: 490px) {
    .reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0 15px;}
    .reservation .ui-calendar .time-area .time_box .table tbody {padding-right: 5px;}
    .reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con {padding: 15px 5px 15px 15px;}
    .reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con > span { font-size: 14px; }
    .reservation .ui-calendar .time-area .time_box .table .th_1.con4 {min-width: 60px;}
    .reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con .th_3 {margin: 0 5px;}
    .reservation .ui-calendar .time-area .time_box .table .th_4.con4 {min-width: 120px; width: auto;}
}

@media (max-width: 420px) {
    .reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0;}
    .reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con {padding: 15px 5px;}
    .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con .th_1 {min-width: 55px;}
    .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con .th_4 {min-width: 110px;}
}

.reservation .time_box table.responsive-table { width: 100%;border-collapse: collapse;}
.reservation .time_box table.responsive-table th,
.reservation .time_box table.responsive-table td {border: 1px solid #ccc;padding: 10px;text-align: center;}
.reservation .time_box table.responsive-table th { background-color:#f4f6f6;}
.reservation .time_box table.responsive-table td { padding:20px 10px;}
.reservation .time_box table td:first-child,.reservation .time_box table th:first-child {border-left: none;}
.reservation .time_box table td:last-child,.reservation .time_box table th:last-child{border-right:none; }
.reservation .time_box table td .bdp-btn { min-width: 50px; max-width: 100px; height:40px; border-radius: 10px;}
.reservation .time_box table td.status-closed {
    background-color: #f0f0f0;
    color: #666;
    text-align: center;
    font-weight: bold;
    padding: 10px;
  }

.reservation .time_box table td.status-unavailable {
    background-color: #ffe5e5;
    color: #c00;
    text-align: center;
    font-weight: bold;
    padding: 10px;
  }
  
@media (min-width: 768px) {
  .reservation .time_box table th:empty,
  .reservation .time_box table td:empty {
    background-color: #f9f9f9;
    opacity: 0.4;
  }
}

/* 기본은 PC 스타일 */
@media (max-width: 767px) {
    .reservation .time_box table.responsive-table,
    .reservation .time_box tbody,
    .reservation .time_box tr { display: block;width: 100%;border-left: none;border-right:none;}
    .reservation .time_box tr { margin-bottom: 0px;border-left: none;border-right:none;/* border: 1px solid #ddd;padding: 10px;*/}
	.reservation .responsive-table tr:has(th) { display: none; }
    .reservation .time_box th {display: none; /* 모바일에서 th는 숨기고, td::before로 사용 */}
    .reservation .time_box td { display: flex;justify-content: space-between;align-items: center; position: relative;padding-left: 0; text-align: left; border: none; border-bottom: 0px solid #eee; border-left: none; border-right:none;}
    .reservation .time_box td::before {content: attr(data-label);font-weight: bold; margin-right: auto;}
    .reservation .time_box td button {margin-left: 20px;}
	.reservation .time_box table.responsive-table th,
    .reservation .time_box table.responsive-table td {border-left: none; border-right:none;}
	 /* ✅ 빈칸 숨김 */
    .reservation .time_box td:empty,
    .reservation .time_box td[data-label=""] { display: none; }
  }
  
.input-group {display: flex; align-items: center;gap: 8px;padding: 8px 0;}
.circle-icon {width: 12px;height: 12px;border: 3px solid #0a51d1;border-radius: 50%;display: inline-block;flex-shrink: 0;}
.label-text {font-size: 16px;font-weight: 500;}
.input-wrapper {display: flex;align-items: center;gap: 4px;}
.num-input {height: 45px;line-height: 45px;box-sizing: border-box;background-color: #f7f8fb;border-radius: 8px;border: 1px solid #ddd;padding-inline-start: 10px;width: 60px;font-size: 16px;font-weight: 400; appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.num-input::-webkit-inner-spin-button,
.num-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.num-input::-ms-clear {display: none;}
.unit {font-size: 16px;}

.info-box { padding: 20px;background-color: #fff;border-radius: 12px;border: 1px solid #e0e0e0;font-size: 16px;}
.hr-dashed {border: none;border-top: 1px dashed #ccc;margin: 16px 0;}
.info-row {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 16px;}
.info-row dl {display: flex;align-items: flex-start;flex: 1 1 30%;}
.info-row dt {flex: 0 0 80px; font-weight: 600;color: #333;position: relative;padding-left: 10px; /* 블릿 자리 확보 */}
.info-row dt::before {content: "";display: inline-block;width: 3px;height: 3px;background-color: #333;border-radius: 50%;position: absolute;left: 0; top: 0.75em; /* 텍스트 높이에 맞게 조정 */}
.info-row dd { margin: 0;color: #555;line-height: 1.5; flex: 1; font-size:15px;}

/* 반응형: 모바일에서는 세로 정렬 */
@media (max-width: 768px) {
  .info-row { flex-direction: column;}
  .info-row dl {flex-direction: column;}
  .info-row dt {flex: 0 0 10px; margin-bottom: 4px;}
  .info-row dd {flex: none;}
}

/* 안내박스 */
.txt-box + .txt-box{margin-top:15px;}
.txt-box{padding:24px 20px;border-radius:5px;border:1px solid #dedede;background:#fff; width:100%;}
.txt-box.type01 { background: #f9f9f9; border: 1px solid #d0d0d0;}
.txt-box.type02	{display:flex;flex-flow:column;position:relative; border:1px solid #eaeaea;border-bottom:0; padding:60px;}
.txt-box.type02:before,
.txt-box.type02:after {content:'';display:block;width:100%;position:absolute;left:0;margin:-1px;padding:0 1px;z-index:1}
.txt-box.type02:before {background:#071a45;height:3px;top:0}
.txt-box.type02:after {background:#eaeaea;height:1px;bottom:0;margin-bottom:0}
.txt-fouse{padding-left:20px;}

.info-ex01,
.info-ex02,
.info-ex03 {display:block;position:relative;padding:8px 0 5px 40px;margin:0px 0 10px 0;font-size:1.25rem;color:#333;text-align:left; font-weight:500;}
.info-ex01.inline,
.info-ex02.inline,
.info-ex03.inline {display:inline-block}
.info-ex01:before,
.info-ex02:before,
.info-ex03:before {content:"";display:block;position:absolute;left:0;top:5px;width:27px;height:27px;background:#767676 url(/resources/custom/images/leadership/sub/st_set.png) no-repeat 0 -109px;border-radius:5px}
.info-ex02:before {background-color:#0a51d1}
.info-ex03:before {background-color:#eb0e66}

@media (max-width: 1200px) {
  .txt-box.type01 {/*padding: 30px;*/}
}
.use_btn_area { text-align:center; }
.use_btn_area a { display:inline-block;}
.use_btn_area a span {  font-size: 1.125rem; font-weight:500;}

/* 프로그램 신청 리스트 시작 */
#scBox{position:relative; margin-bottom:60px}
#scBox .group-wr{padding:60px; border-radius: 40px; background:#378fdd; transition: all .3s ease;}
#scBox .group-wr.on{border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: all .3s ease;}
#scBox .group-wr dl{display:flex; flex-wrap:wrap;}
#scBox .group-wr dt{font-size:20px; font-weight:700; color:#fff;}
#scBox .group-wr dd{color:#fff;}
#scBox .group{width:80%; margin-bottom:30px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
#scBox .group > dl{width:30%;}
#scBox .group dt{width:120px; display:flex; align-items:center;}
#scBox .group dd{width:calc(100% - 120px);}
#scBox .group2{display:flex; flex-wrap:wrap; justify-content:space-between;}
#scBox .group2 dl{width:65%}
#scBox .group2 dt{width:120px; display:flex; align-items:center}
#scBox .group2 dd{width:calc(100% - 120px); display:flex; align-items:center}
#scBox .group2 dd span{color:#fff;}
#scBox .group2 dd.selectwr{gap:20px}
#scBox .group2 dd.selectwr .st_select{width:30%;}
#scBox .btwr{display:flex; justify-content:space-between; gap:20px;}
#scBox .btwr .submit{color:#0770b4; font-size:20px; padding:20px 48px 20px 70px; border-radius: 60px; background:url(/resources/custom/images/apply/sub/ico_search_mark.png) no-repeat left 30px center, #fff; transition:all .3s ease;}
#scBox .btwr .submit:hover{box-shadow:0 0 15px 2px rgba(0,0,0,.1); transition:all .3s ease;}
#scBox .btwr .refresh{display:block; width:60px; height:60px; border-radius: 50%; border:1px solid #fff; background:url(/resources/custom/images/apply/sub/ico_refresh_mark.png) no-repeat center; transition:all .3s ease;}
#scBox .btwr .refresh:hover{box-shadow:0 0 15px 2px rgba(0,0,0,.1); transition:all .3s ease;}
#scBox .btwr .detail{color:#fff; font-size:20px; border-radius: 60px; padding:20px 48px 20px 70px; background:url(/resources/custom/images/apply/sub/ico_filter_mark.png) no-repeat left 30px center, #1166b2; transition:all .3s ease;}
#scBox .btwr .detail:hover{box-shadow:0 0 15px 2px rgba(0,0,0,.1); transition:all .3s ease;}
.st_text{border:0; background:none; border-bottom:1px solid #fff; padding:10px 0; color:#fff; width:100%; font-size:16px;}
#scBox input[type="text"]::placeholder{color:#fff}
.st_select{border:0; background:none; border-bottom:1px solid #fff; padding:10px 0; color:#fff; width:100%; font-size:16px; cursor:pointer}
.st_select option{color:#222;}
.st_date{padding:10px; border:1px solid #afafaf; font-family: 'Gmarket'; font-weight:300; min-width:150px; border-radius: 5px}
input[type="checkbox"].st_checkbox{border-radius: 3px; width:20px; height:20px;}
#scFilter{ padding:40px; border-radius: 40px; box-shadow:0 2px 10px -3px rgba(0,0,0,.15); border-top:0; border-top-left-radius:0; border-top-right-radius:0; background:#fff}
#scFilter .noti{font-family: 'Gmarket'; font-weight:300; color:#7C8A97; margin-bottom:10px; padding:2px 0 0 30px; background:url(/resources/custom/images/apply/sub/ico_info_mark.png) no-repeat left center; background-size:20px}
#scFilter .ft-wr{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:10px;padding:10px 0; }
#scFilter .ft-wr:last-child{margin-bottom:0;}
#scFilter .ft-wr dt{width:120px; font-size:16px; font-family:'Gmarket'; font-weight:300; color:#333;}
#scFilter .ft-wr dd{width:calc(100% - 150px); font-family:'Gmarket'; }
#scFilter .ft-wr .ips{display:flex; gap:20px; align-items:center;}
#scFilter .ft-wr .ips label{display:flex; align-items:center; gap:10px; cursor:pointer;}
#scFilter .ft-wr span{font-family:'Gmarket'; color:#5a5a5a; font-size:16px; font-weight:300;}
.prg-total{color:#131313; font-size:20px; margin-bottom:50px;}
.prg-total span{font-size:30px; font-family:'Gmarket'; color:#0f73cd;}
.prg-list{display:flex; flex-wrap:wrap; justify-content:start; gap:calc((100% - 92%)/3); }
.prg-list .unit{width:23%; border-radius: 24px; overflow:hidden; border:1px solid #ececec; position:relative; transition:all .3s ease; margin-bottom:40px}
.prg-list .inner{padding:35px 30px; margin-bottom:10px;}
.prg-list .pgname{font-family: 'Gmarket'; font-size:16px; color:#1f3a77; font-weight:300; margin-bottom:10px}
.prg-list .pgname span {display:inline-block;padding:4px 15px;/*border-radius:999px;*/border-radius: 0 999px 999px 0;background:var(--org-badge-bg);color:var(--org-badge-fg);font-weight:600;white-space:nowrap; /* 줄바꿈 방지 */ vertical-align:middle;}
:root{
  --org-badge-bg: #1f6eff;   /* 배지 배경색 */
  --org-badge-fg: #fff;      /* 배지 글자색 */
  --meta-sep: #7d8aa3;       /* 구분자 색 */
}
.prg-list .tags{margin-bottom: 20px;}
.prg-list .tags > span{display:inline-block; padding:13px 22px; border-radius: 30px; text-align:center; font-size:18px; }
.prg-list .thumb{height:260px;}
.prg-list .thumb img{width:100%; height:100%; object-fit:cover;}
.prg-list li{display:flex; flex-wrap:wrap; align-items:center;}
.prg-list li span{width:110px; color:#2d2d2d; font-size:16px; padding:10px 0 10px 40px;}
/*.prg-list h5{font-size:24px; color:#242424; font-weight:600; margin-bottom:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/
.prg-list h5{font-size: 24px;color: #242424;font-weight: 600;margin-bottom: 25px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  /* 수직 정렬 */overflow: hidden;              /* 넘친 부분 숨김 */text-overflow: ellipsis; white-space: normal !important;/* nowrap 해제 */}
.prg-list .caption{font-size:16px; color:#5c5c5c; margin-bottom:30px; display:-webkit-box; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical;}
.prg-list li:first-child span{background:url(/resources/custom/images/apply/sub/ico_gubun01.png) no-repeat left center}
.prg-list li:nth-child(2) span{background:url(/resources/custom/images/apply/sub/ico_gubun02.png) no-repeat left center}
.prg-list li:nth-child(3) span{background:url(/resources/custom/images/apply/sub/ico_gubun03.png) no-repeat left center; align-items: flex-start; padding: 5px 0 10px 40px;}
.prg-list li:nth-child(4) span{background:url(/resources/custom/images/apply/sub/ico_gubun04.png) no-repeat left center}
.prg-list li:nth-child(5) span{background:url(/resources/custom/images/apply/sub/ico_gubun05.png) no-repeat left center}
.prg-list li p{width:calc(100% - 115px); color:#5c5c5c; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prg-list li p.data-txt {display: -webkit-box; -webkit-line-clamp: 2;/* 두 줄까지 표시 */ -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;white-space: normal !important; /* nowrap 해제 */padding-top: 10px; }
.unit.progress:hover{border:2px solid #5c7ee4; transition:all .3s ease;}
.unit.expect:hover{border:2px solid #00ab0c; transition:all .3s ease;}
.unit.deadline:hover{border:2px solid #e58b06; transition:all .3s ease;}
.unit.done:hover{border:2px solid #a2a2a2; transition:all .3s ease;}
.unit.progress .status{background:#009ada; color:#fff;}
.unit.progress .dday{border:1px solid #009ada; color:#009ada}
.unit.expect .status{background:#00ab0c; color:#fff;}
.unit.expect .dday{border:1px solid #00ab0c; color:#00ab0c}
.unit.deadline .status{background:#e58b06; color:#fff;}
.unit.deadline .dday{border:1px solid #e58b06; color:#e58b06;}
.unit.done .status{background:#a2a2a2; color:#fff;}
.unit.done .dday{border:1px solid #a2a2a2; color:#a2a2a2;}
.unit .link{position:absolute; display:block; opacity:0; bottom:0; text-align:center; /*font-size:20px;*/font-size:18px; color:#fff; font-weight:700; /*padding:24px 0;*/padding:10px 0; width:100%; transition:all .3s ease;}
.unit .link i{display:inline-block; width:22px; height:22px; background:url(/resources/custom/images/apply/sub/ico_write.png) no-repeat center; margin-right:8px; background-size:cover;}
.unit:hover .link{opacity:1; transition:all .3s ease;}
.unit.progress .link{background:#5c7ee4;}
.unit.expect .link{background:#00ab0c;}
.unit.deadline .link{background:#e58b06;}
.unit.done .link{background:#a2a2a2;}
.unit .current{position:absolute; top:0; right:0; border-bottom-left-radius: 24px; display:flex; padding:20px; font-size:30px; font-family: 'Gmarket'; color:rgba(255,255,255,.5); gap:5px;}
.unit .current p{color:#fff; font-size:16px; font-weight:600;}
.unit .current span{color:#fff; font-family: 'Gmarket'; font-size:30px; margin-left:8px;}
.unit.progress .current{background:#5c7ee4; opacity: 0.8;}
.unit.expect .current{background:#00ab0c; opacity: 0.8;}
.unit.deadline .current{background:#e58b06; opacity: 0.8;}
.unit.done .current{background:#a2a2a2; opacity: 0.8;}
.prg-paging{margin-top:30px;}
.prg-paging ul{display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
.prg-paging ul li{width:36px; height:36px; line-height:36px;}
.prg-paging ul li a{display:block; font-size:16px; color:#a9a9a9; width:100%; height:100%; text-align:center;}
.prg-paging ul li a:hover{color:#333;}
.prg-paging ul li a.active{background:#f4f4f4; color:#2152d1; font-weight:700; border-radius: 50%;}
.prg-paging ul li a.first{background:url(/resources/custom/images/apply/sub/ico_paging_first.png) no-repeat center;}
.prg-paging ul li a.prev{background:url(/resources/custom/images/apply/sub/ico_paging_prev.png) no-repeat center;}
.prg-paging ul li a.next{background:url(/resources/custom/images/apply/sub/ico_paging_next.png) no-repeat center;}
.prg-paging ul li a.last{background:url(/resources/custom/images/apply/sub/ico_paging_last.png) no-repeat center;}
@media all and (max-width:1400px){
	#scBox .group{width:100%;}
	#scBox .group2 dl{width:calc(100% - 434px);}
	#scBox .group2 dd{width:calc(100% - 160px);}
}
@media all and (max-width:1300px){
	.prg-list{ gap:calc((100% - 96%)/3);}
	.prg-list .unit{width:24%;}
	.prg-list .inner{padding:30px 20px;}
	.prg-list .tags{margin-bottom:20px;}
	.prg-list .tags > span{padding:10px 16px; font-size:14px;}
	.prg-list h5{font-size:22px;}
	.prg-list li span{font-size:15px;}
	.prg-list li p{font-size:15px;}
	.prg-list li:first-child span{background-size:20px;}
	.prg-list li:nth-child(2) span{background-size:20px;}
	.prg-list li:nth-child(3) span{background-size:20px;}
	.prg-list li:nth-child(4) span{background-size:20px;}
	.prg-list li:nth-child(5) span{background-size:20px;}
	.unit .link{font-size:16px;}
	.unit .link i{width:16px; height:16px;}
}
@media all and (max-width:1000px){
	.prg-list{ gap:4%;}
	.prg-list .unit{width:48%;}
	#scBox .group-wr{padding:40px;}
	#scBox .group-wr dt{font-size:15px;}
	#scBox .group2{flex-direction:column; margin-top:20px;}
	#scBox .group2 dl{width:100%;}
	#scBox .group2 dd{width:calc(100% - 120px);}
	#scBox .group2 dd *, #scBox .group dd *{font-size:15px}
	#scBox .btwr{margin-top:20px;}
	#scBox .btwr .submit{font-size:15px; background-size:16px; padding:12px 30px 12px 50px;}
	#scBox .btwr .refresh{width:40px; height:40px; background-size:16px;}
	#scBox .btwr .detail{background-size:16px; font-size:15px; padding:12px 30px 12px 50px;}
}
@media all and (max-width:768px){
	#scFilter .ft-wr{margin-bottom:0;}
	#scFilter .ft-wr dt{font-size:14px;}
	#scFilter .ft-wr span{font-size:14px;}
	input[type="checkbox"].st_checkbox{width:16px; height:16px;}
	#scBox .group > dl{width:100%; margin-bottom:10px;}
	#scBox .group{margin-bottom:0;}
	#scBox .group2{margin-top:0;}
	.prg-list h5{font-size:18px; margin-bottom:10px;}
	.prg-list .caption{margin-bottom:10px;}
	.unit .current span{font-size:20px;}
	.unit .current p{font-size:12px;}
	.unit .current{font-size:20px; padding:16px;}
	.prg-list li span{padding:10px 0 10px 28px; width:90px;}
	.prg-list li:nth-child(3) span{align-items: flex-start; padding: 5px 0 10px 28px;}
	.prg-list li p{width:calc(100% - 90px);}
	#scFilter .ft-wr .ips{flex-wrap:wrap; gap:0; }
	#scFilter .ft-wr .ips label{width:50%; margin-bottom:5px;}
	#scFilter .ft-wr .ips.dtwrap label{width:auto;}
}
@media all and (max-width:500px){
	.prg-list{gap:0;}
	.prg-list .thumb{height:200px;}
	.prg-list .inner{padding:30px 20px;}
	.prg-list .unit{width:100%;}
	#scBox .group-wr{border-radius: 20px; padding:30px 20px;}
	#scBox .group2 dd *, #scBox .group dd *{font-size:12px;}
	#scBox .group-wr dt, #scBox .group2 dt{font-size:12px; width:80px;}
	#scBox .group dd, #scBox .group2 dd{width:calc(100% - 80px);}
	#scBox .btwr{gap:10px;}
	#scBox .group2 dd.selectwr{flex-direction:column;}
	#scBox .group2 dd.selectwr .st_select{width:100%;}
	#scBox .btwr .submit{font-size:12px; padding:12px 24px 12px 36px; background-size:14px; background-position:left 16px center;}
	#scBox .btwr .detail{font-size:12px; padding:12px 24px 12px 36px; background-size:14px; background-position:left 16px center;}
	#scFilter{padding:30px 20px}
	#scFilter .ft-wr dt{width:100%; font-size:12px; font-weight:500; margin-bottom:10px;}
	#scFilter .ft-wr dd{width:100%;}
	
	#scFilter .ft-wr span{font-size:12px;}
	#scFilter .noti{font-size:14px;}
	.st_date{font-size:12px; min-width:unset;}
	.prg-paging ul li{width:30px; height:30px; line-height:30px}
}
.prg_info{background:#fafafa; border-radius: 30px; padding:65px; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px}
.prg_info .prg_status{display:flex; flex-direction:column; gap:10px}
.prg_info .prg_status > span{display:inline-block; padding:15px 30px; font-size:18px; border-radius: 30px}
.prg_info .prg_status.progress .status{background:#009ada; color:#fff}
.prg_info .prg_status.deadline .status{background:#e58b06; color:#fff}
.prg_info .prg_status.expect .status{background:#00ab0c; color:#fff; }
.prg_info .prg_status.done .status{background:#a2a2a2; color:#fff;}
.prg_info .prg_status.progress .dday{border:1px solid #009ada; color:#009ada;}
.prg_info .prg_status.deadline .dday{border:1px solid #e58b06; color:#e58b06;}
.prg_info .prg_status.expect .dday{border:1px solid #00ab0c; color:#00ab0c;}
.prg_info .prg_status.done .dday{border:1px solid #a2a2a2; color:#a2a2a2;}
.prg_info .if_txt{width:calc(100% - 780px);}
.prg_info .if_txt h6{color:#222222; font-size:32px; font-weight:700; margin-bottom:10px;}
.prg_info .if_txt p{font-size:18px; margin-bottom:20px;}
.prg_info .if_txt .gubun{margin-bottom:20px;}
.prg_info .if_txt .gubun li{display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #ddd; width:90%;}
.prg_info .if_txt .gubun li:last-child{border-bottom:0;}
.prg_info .if_txt .gubun span{width:120px; padding:15px 0px 15px 36px; font-weight:600; color:#000;}
.prg_info .if_txt .gubun li:nth-child(1) span{background:url(/resources/custom/images/apply/sub/ico_gubun01.png) no-repeat left center; background-size:24px}
.prg_info .if_txt .gubun li:nth-child(2) span{background:url(/resources/custom/images/apply/sub/ico_gubun02.png) no-repeat left center; background-size:24px}
.prg_info .if_txt .gubun li:nth-child(3) span{background:url(/resources/custom/images/apply/sub/ico_gubun03.png) no-repeat left center; background-size:24px}
.prg_info .if_txt .gubun li:nth-child(4) span{background:url(/resources/custom/images/apply/sub/ico_gubun04.png) no-repeat left center; background-size:24px}
.prg_info .if_txt .gubun li:nth-child(5) span{background:url(/resources/custom/images/apply/sub/ico_gubun05.png) no-repeat left center; background-size:24px}
.prg_info .if_txt .gubun p{width:calc(100% - 120px); font-size:16px; margin-bottom:0;}
.prg_info .if_txt .proposer{background:#ededed; border-radius:40px; padding:12px 0; display:inline-block; margin-bottom:20px;}
.prg_info .if_txt .proposer em{padding-left:50px; display:inline-block; font-weight:700; font-size:18px; background:url(/resources/custom/images/apply/sub/ico_proposer.png) no-repeat left 20px center;}
.prg_info .if_txt .proposer p{padding:0 30px 0 20px; display:inline-block; margin-bottom:0;}
.prg_info .img_sl{position:relative;border-radius: 30px; overflow:hidden; height:400px; width:630px}
.prg_info .img_sl .mySwiper{height:100%;}
.prg_info .img_sl .pager{position:absolute; right:0; bottom:0; background:#00328d; color:#fff; padding:30px 40px; z-index:1; border-top-left-radius: 30px; display:flex; align-items:center; gap:20px}
.prg_info .img_sl .pager span{font-family: 'Gmarket'; font-weight:300; color:#cacaca; font-size:20px; padding:0 10px; display:inline-block;}
.prg_info .img_sl .swiper-pagination{position:unset; width:auto; color:#fff;}
.prg_info .img_sl .pager span.swiper-pagination-current{color:#fff; }
.prg_info .img_sl .control > a{width:20px; height:20px; display:inline-block; }
.prg_info .img_sl img{width:100%; height:100%; object-fit:cover;}
.prg_info .img_sl .bt_prev{background:url(/resources/custom/images/apply/sub/ico_slprev.png) no-repeat center; background-size:cover;}
.prg_info .img_sl .bt_pause{background:url(/resources/custom/images/apply/sub/ico_slpause.png) no-repeat center; background-size:cover;}
.prg_info .img_sl .bt_pause.on{background:url(/resources/custom/images/apply/sub/ico_slplay.png) no-repeat center; background-size:cover;}
.prg_info .img_sl .bt_next{background:url(/resources/custom/images/apply/sub/ico_slnext.png) no-repeat center; background-size:cover;}
.btnwrap{display:flex; flex-wrap:wrap; gap:20px;}
.btnwrap > a{width:300px; color:#fff; text-align:center; padding:20px 0; border-radius:40px; font-size:18px;position:relative;}
.btnwrap .apply{background:#1f51ac; transition:all .3s ease; }
.btnwrap .apply:hover{background:linear-gradient(45deg, #1f51ac, #122f55); transition:all .3s ease; box-shadow:0 0 15px 0 rgba(0,0,0,.3);}
.btnwrap .list{background:#aeaeae; transition:all .3s ease; }
.btnwrap .list:hover{background:linear-gradient(45deg, #aeaeae, #858585); transition:all .3s ease; box-shadow:0 0 15px 0 rgba(0,0,0,.3);}
.prg_cont{display:flex; flex-wrap:wrap; border:1px solid #d1d1d1; border-radius: 30px; padding:0 100px; justify-content:space-between;}
.prg_cont .tab_btn{width:285px; padding:100px 0; border-right:1px solid #d1d1d1;}
.prg_cont .tab_btn li{color:#868686; font-size:24px; font-weight:300; font-family: 'Gmarket'; margin-bottom:60px; position:relative; cursor:pointer; transition:all .3s ease}
.prg_cont .tab_btn li:hover{color:#1f51ac; transition: all .3s ease;}
.prg_cont .tab_btn li::after{display:block; width:10px; height:10px; background:#aeaeae; border-radius: 50%; position:absolute; right:-5px; content:''; top:5px; transition:all .3s ease}
.prg_cont .tab_btn li:hover::after{background:#1f51ac;}
.prg_cont .tab_btn li.on{color:#1f51ac;}
.prg_cont .tab_btn li.on::after{background:#1f51ac;}
.prg_cont .tab_cont{width:calc(100% - 365px); padding:100px 0;}
.prg_tit{font-size:24px; color:#000; padding-bottom:10px;line-height:36px; letter-spacing:-0.24px; margin-bottom:30px; font-family: 'Gmarket';}
.prg_default > div{border-top:2px solid #000}
.prg_default dl{display:flex; flex-wrap:wrap; border-bottom:1px solid #d1d1d1}
.prg_default dt{width:230px; text-align:center; background:#f7f7f7; padding:20px 40px; display:flex; justify-content:center; align-items:center;}
.prg_default dd{width:calc(100% - 230px); text-align:left; padding:20px 40px; display:flex; align-items:center;}
.app_form > div{display:flex; flex-wrap:wrap; margin-bottom:40px}
.app_form > div > dl{width:100%;}
.st_input.text{width:100%; border:1px solid #ddd; border-radius: 5px; padding: 15px;}
.st_input:read-only{background:#f7f7f7; color:#5a5a5a}
.st_input.radio{width:18px; height:18px; margin-right:8px; vertical-align:middle;}
.st_input.select{margin:0; padding:0; vertical-align:middle; min-width: 140px;padding-left: 30px;padding-right: 45px;height: 50px;background-size: 11px;border-radius: 10px;font-size:16px; border: 1px solid #dfdfdf; background: #fff; color: #393939; font-weight: 400; outline: none; -webkit-appearance: none;/* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background-image: url(/resources/custom/images/apply/sub/ico-lnb-open.png);background-position: 90% 50%;background-color: #fff;background-repeat: no-repeat;}
.mr10{margin-right:10px}
.app_done{padding:40px; border-radius: 30px; background:#f4f9fb; text-align:center; margin-bottom:50px; position:relative; margin-top:250px}
.app_done::before{width:155px; height:150px; display:block; margin:30px auto; content:''; background:url(/resources/custom/images/apply/sub/apply_done.png) no-repeat center; background-size:cover; position:absolute; top:-210px; left:50%; transform:translateX(-50%);}
.app_done h6{font-family: 'Gmarket'; font-size:24px; margin-bottom:10px;}
span.point{color:#2196F3; font-family: inherit; font-size:inherit; font-weight:inherit;}
@media all and (max-width:1500px){
	.prg_info .img_sl{width:500px}
	.prg_info .prg_status > span{padding:10px 24px; font-size:16px;}
	.prg_info .if_txt{width:calc(100% - 620px);}
}
@media all and (max-width:1200px){
	.prg_cont{padding:0 30px;}
	.prg_cont .tab_btn{padding-top:50px; width:120px;}
	.prg_cont .tab_btn li{font-size:20px;}
	.prg_cont .tab_cont{padding:50px 0; width:calc(100% - 170px)}
	.prg_info{position:relative; padding:30px}
	.prg_info .prg_status{display:inline-block; width:100%; margin-bottom:20px; text-align:center;}
	.prg_info .if_txt{width:100%; padding-top:350px; text-align:center;}
	.prg_info .if_txt .gubun li{width:100%;}
	.prg_info .if_txt .gubun p{text-align:left;}
	.prg_info .img_sl{width:95%; height:320px; position:absolute; top:90px; left:50%; transform:translateX(-50%)}
	.btnwrap > a{width:calc(50% - 10px);}
}
@media all and (max-width:768px){
	.prg_info .img_sl .pager{padding:20px 30px;}
	.prg_info .img_sl .pager span{font-size:18px; padding:0 5px;}
	.prg_info .if_txt h6{font-size:24px;}
	.prg_info .if_txt p{font-size:16px;}
	.prg_info .if_txt .gubun span{font-size:14px; text-align:left;}
	.prg_info .if_txt .gubun p{font-size:14px;}
	.prg_info .if_txt .proposer em{font-size:16px;}
	.btnwrap > a{padding:16px 0; font-size:16px;}
	.prg_cont{flex-direction:column}
	.prg_cont .tab_btn{width:100%; border-right:0; padding-top:30px; padding-bottom:0;}
	.prg_cont .tab_btn ul{display:flex; justify-content:space-between;}
	.prg_cont .tab_btn li{margin-bottom:0; font-size:16px;}
	.prg_cont .tab_btn li.on{border-bottom:2px solid #1f51ac;}
	.prg_cont .tab_btn li::after{display:none;}
	.prg_cont .tab_cont{width:100%; padding:30px 0;}
	.prg_cont .prg_tit{font-size:20px; margin-bottom:0;}
	.prg_default dt{width:150px; padding:16px; font-size:14px;}
	.prg_default dd{padding:16px; width:calc(100% - 150px); font-size:14px;}
}
@media all and (max-width:500px){
	.prg_info{margin-bottom:30px;}
	.prg_info .img_sl{height:240px;}
	.prg_info .img_sl .pager{padding:15px 20px}
	.prg_info .img_sl .pager span{font-size:16px;}
	.prg_info .if_txt{padding-top:270px;}
	.prg_info .if_txt h6{font-size:20px;}
	.prg_cont .tab_btn li{font-size:14px;}
	.prg_default dt{width:100px}
	.prg_default dd{width:calc(100% - 100px);}
	.prg_cont .prg_tit{font-size:18px;}
}

.tab-container {width: 100%;}
.tab-list { display: flex;flex-wrap: wrap;/*border-bottom: 2px solid #ccc;*/padding: 0;margin: 0;list-style: none;}
.tab-item { flex: 1; text-align: center; padding: 20px 0; cursor: pointer;background-color: #f0f0f0;border: 1px solid #ccc; font-weight: bold; transition: background-color 0.3s, color 0.3s;font-size: 1rem; }
.tab-item.active {background-color: #ffffff;border-top: 2px solid #007bff;border-left: 2px solid #007bff; border-right: 2px solid #007bff;color: #007bff; border-bottom: none;}
.tab-content { display: none; padding: 20px;border: 0px solid #ccc; border-top: none; background-color: #ffffff; }
.tab-content.active {display: block;}

/* 반응형 처리 */
@media (max-width: 600px) {
      .tab-item { flex: 100%;font-size: 1rem;border-right: none;border-left: none;border-top: 1px solid #ccc;}
      .tab-item.active {border-top: 2px solid #007bff; }
    }
	
/* 임용지원 > 프로그램 리스트 */