@charset "utf-8";

/*** 테이블 공통 ***/
.education table {width:100%; border:1px solid #E0E0E0; border-top:4px solid var(--base2);}
.education table tr th {width:33.333%; height:60px; color:#000; font-size:var(--fontSize20); text-align:center; background:var(--gray1); border-bottom:1px solid #E0E0E0; border-left:1px solid #E0E0E0;}
.education table tr td {text-align:center; font-weight:300; padding:20px 0 20px 10px; border-bottom:1px solid #E0E0E0; border-left:1px solid #E0E0E0;}
.education table hr {margin: 5px 0; border: 0; border-top: 1px solid #ccc;}
.education table tr .hr {padding:10px 0;}
.education table tr .hr p {padding-left:10px;}
.education table tr .small-col {width:10%;}
.education table tr .bold {font-weight:600;}

.viewConBox table {border-top:1px solid #E0E0E0;}


/*** 견학 신청 ***/
.apply .applyWrap .tit {display:flex; align-items: center; justify-content: center; height:280px; border-radius:20px 20px 0 0; background:url(../../images/sub/apply_bg.jpg) center -80px no-repeat; background-size: 100%;}
.apply .applyWrap .tit h3 {color:#fff; text-align:center; font-size:var(--fontSize32); line-height:1.4;}
.apply .table {width:100%;}
.apply .txt {border:1px solid #e0e0e0; border-top:0; border-radius:0 0 20px 20px;}
.apply .txt ul {border-bottom:1px solid #e0e0e0;}
.apply .txt ul li {padding:40px; font-weight:300;}

.apply .txt ul:nth-child(1) li h4 {font-size:var(--fontSize20); font-weight:600; margin-bottom:10px; color:#000;}

.apply .txt ul:nth-child(1) li p {position: relative; padding-left:20px;}
.apply .txt ul:nth-child(1) li p:before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    background: #d9d9d9;
}

.apply .txt ul:last-child {border-bottom:0;}
.apply .txt ul:last-child li {background:var(--base1); color:#fff; border-radius:0 0 20px 20px; text-align:center;}
.apply .txt ul:last-child li .strong {display:inline-block; padding:4px 25px; font-weight:700; font-size:var(--fontSize22);}
.apply .txt ul:last-child li h4 {font-size:var(--fontSize28); font-weight:600; margin-bottom:10px;}
.apply .txt i {display:inline-block; width:30px; height:30px; background:url(../../images/common/ico_call.png); background-size:30px;}
.apply .txt p a {display:flex; justify-content: center; align-items: center; margin-top:15px; font-size:var(--fontSize24); font-weight:500;}

.apply .txt .txt_img {display:grid; grid-template-columns:repeat(3,1fr);}
.apply .txt .txt_img li {width:100%; height:100%; padding:0;}
.apply .txt .txt_img li img {object-fit:cover;}


/*** 프로그램 공통 ***/
[class*="col-"] {float:left !important; position:relative; padding:0; margin:0; vertical-align:top; clear:none !important;}
.col-xs-12,.col-sm-12,.col-xs-md,.col-lg-12 {clear:both; float:none; width:100%;}
table col[class*=col-] {position:static; display:table-column; float:none !important;} /* table <col class="col-"> 먹히게 하는 css */

/* MOBILE : ~ 767*/
@media screen and (max-width:767px){
	.col-xs-1{width:8.33333333%;}
	.col-xs-2{width:16.66666667%;}
	.col-xs-3{width:25%;}
	.col-xs-4{width:33.33333333%;}
	.col-xs-5{width:41.66666667%;}
	.col-xs-6{width:50%;}
	.col-xs-7{width:58.33333333%;}
	.col-xs-8{width:66.66666667%;}
	.col-xs-9{width:75%;}
	.col-xs-10{width:83.33333333%;}
	.col-xs-11{width:91.66666667%;}
	.col-xs-12{width:100%;}
	.col-xs-hide {display:none;}
	.col-xs-show {display:block;}
	.col-xs-15 {width:20%;} /* 가로 5개 정렬 사용 시 */
	.hidden-xs {display:none;}
}
/* Tablet : 768~991 */
@media screen and (min-width:768px){
	.col-sm-1{width:8.33333333%;}
	.col-sm-2{width:16.66666667%;}
	.col-sm-3{width:25%;}
	.col-sm-4{width:33.33333333%;}
	.col-sm-5{width:41.66666667%;}
	.col-sm-6{width:50%;}
	.col-sm-7{width:58.33333333%;}
	.col-sm-8{width:66.66666667%;}
	.col-sm-9{width:75%;}
	.col-sm-10{width:83.33333333%;}
	.col-sm-11{width:91.66666667%;}
	.col-sm-12{width:100%;}
	.col-sm-hide {display:none;}
	.col-sm-show {display:block;}
	.col-sm-15 {width:20%;} /* 가로 5개 정렬 사용 시 */
}
/* PC over : 992 ~  */
@media screen and (min-width:1200px), print{
	.col-md-1{width:8.33333333%;}
	.col-md-2{width:16.66666667%;}
	.col-md-3{width:25%;}
	.col-md-4{width:33.33333333%;}
	.col-md-5{width:41.66666667%;}
	.col-md-6{width:50%;}
	.col-md-7{width:58.33333333%;}
	.col-md-8{width:66.66666667%;}
	.col-md-9{width:75%;}
	.col-md-10{width:83.33333333%;}
	.col-md-11{width:91.66666667%;}
	.col-md-12{width:100%;}
	.col-md-hide {display:none;}
	.col-md-show {display:block;}
	.col-md-15 {width:20%;} /* 가로 5개 정렬 사용 시 */
}

/* input number 버튼삭제 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; margin: 0;}
input[type="file"] {display: block; padding:6px; border:1px solid #ddd;}
input[type="range"] {display: block; width: 100%;}
select {
	cursor:pointer; padding:8px 45px 8px 20px !important;
	background-image:url(/img/common_responsive/select.png) !important;
	background-repeat:no-repeat !important;
	background-position:calc(100% - 10px) center !important;
	border:1px solid transparent;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
}
select::-ms-expand/* IE에서 버튼 삭제 */ {display:none;}
select[multiple], select[size] {height: auto;}
input[disabled], select[disabled] {background:#eee !important; cursor:no-drop !important;}
input[type="checkbox"], input[type="radio"] {vertical-align:middle !important; margin-top:2px !important;}
textarea {line-height:1.6;}
label span {vertical-align:middle;}
* {box-shadow:none;}

input:focus {outline:none !important;}
input::placeholder {color:#000;}

.board_ebi * {box-shadow:none !important; font-size:15px; border-radius:0 !important;}
.board_ebi .btn-normal { background-color:#333; border:1px solid #333; padding:12px 25px;}
.board_ebi .btn {font-size:14px;}
.board_ebi #adminBoardId {font-size:14px;}
.board_ebi #adminBoardId .board_writedate {font-size:13px;}
.board_ebi label {display:none;}


/* 게시판 검색바 */
.board_ebi .search_box {position:relative;}
.board_ebi .search_box select,
.board_ebi .search_box input {font-size:14px; color:#000; height:40px; border:1px solid #e5e5e5 !important;}
.board_ebi .search_box input {margin-left:-1px !important;}
.board_ebi .search_box div:last-child input {padding-right:60px !important;}
.board_ebi .search_box .form-control {border-color:#e5e5e5 !important; height:40px; width:100%;}
.board_ebi .btn-group.bootstrap-select.show-tick.form-control {border:none !important;}
.board_ebi .search_box .btn-default {border-color:#e5e5e5 !important; padding:6px 12px !important; height:40px; box-shadow:none; background:url(/img/common_responsive/select.png)right 50% no-repeat;}
.board_ebi .search_box .caret {border-top:0;}
.board_ebi .search_box div {padding:0;}
.board_ebi .search_box .kind {padding-right:0px; margin-right:-1px;}
.board_ebi .search_box .search {width:50px; height:40px; position:absolute; top:0; right:0; background-color:transparent; border:none !important; border-left:1px solid #e5e5e5 !important; z-index:9;}
.board_ebi .search_box .search a {display:block; width:100%; height:100%; background:url(/img/common_responsive/icon_search_fix.png) no-repeat 50% 50% transparent !important; background-size:33% !important;}

@media screen and (max-width: 1199px) {
	.board_ebi .page_box .mobile .btn-default {background:url(/img/common_responsive/select.png)right 50% no-repeat;}
	.board_ebi .bootstrap-select.btn-group .dropdown-toggle .caret {display:none;}
}

/* 게시판 페이징-모바일용 */
.board_ebi .page_box {position:relative; margin-top:30px; text-align:center;}
.board_ebi .page_box .mobile label {display:none;}
.board_ebi .page_box .mobile {display:inline-block; margin:0; padding:0;}
.board_ebi .page_box .mobile>li {float:left; height:100%;}
.board_ebi .page_box .mobile>li:last-child {padding-right:0;}

.board_ebi .page_box .mobile .prev {display:block; min-width:34px; height:40px; background:url(/img/common_responsive/prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.board_ebi .page_box .mobile .next {display:block; min-width:34px; height:40px; background:url(/img/common_responsive/next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.board_ebi .page_box .mobile .write:hover {background:#000; color:#fff !important;}
.board_ebi .page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.board_ebi .page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.board_ebi .page_box .mobile .btn-default  {border:0; height:32px !important;}

/* 게시판 페이징 - pc용 */
.board_ebi .page_box {position:relative; text-align:center; border:1px solid transparent;}
.board_ebi .page_box .pc.pagination {display:inline-block; /*margin:80px 0 0 !important;*/}
.board_ebi .page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #ddd; height:40px; line-height:0.8;}
.board_ebi .page_box .pc.pagination>li>a.active {color:var(--blue); background:#fff !important; border:1px solid #ddd; border-bottom:3px solid var(--base1); font-weight:normal;}
.board_ebi .page_box .pc.pagination .first,
.board_ebi .page_box .pc.pagination .prev,
.board_ebi .page_box .pc.pagination .next,
.board_ebi .page_box .pc.pagination .last {color:#333; background-color:#fff;}
.board_ebi .page_box .pc.pagination .first:hover,
.board_ebi .page_box .pc.pagination .prev:hover,
.board_ebi .page_box .pc.pagination .next:hover,
.board_ebi .page_box .pc.pagination .last:hover {background:#f0f0f0}
.board_ebi .page_box .pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; color:#fff;}
.board_ebi .page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.board_ebi .pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.board_ebi .page_box {width:100%; margin-top:30px; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.board_ebi .page_box .pc {display:inline-block;}
.board_ebi .page_box .pc li {float:left; margin-left:-1px;}
.board_ebi .page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.board_ebi .page_box .pc li a:hover {background:#f0f0f0;}
.board_ebi .page_box .pc li a.active {background:#333; color:#fff; border-color:#333;}

input[type="password"],input[type="textarea"],input[type="number"],textarea,select {
	display:inline-block; width:100%; height:40px; padding:8px; margin:0; vertical-align:middle; max-width:100%;
	font-size:inherit; line-height:1; outline:none !important;
	border-radius:0px; border:1px solid #ddd; background:#fff;
	float:inherit;
}

/*767이하*/
@media screen and (max-width: 767px) {
	.board_ebi .search_box div {width:100% !important;}
	.board_ebi .search_box div:last-child input {border-left:1px solid #e5e5e5 !important;}
	.board_ebi .search_box select {background-size:4% !important; border-bottom:1px solid transparent !important;}
	.board_ebi .search_box .search {width:50px !important; margin-top:0;}
	.board_ebi .search_box .search a {background-size:33% !important;}
	.board_ebi .search_box input {margin-left:0px !important;}
	.board_ebi .search_box .search {top:40px;}
	.board_ebi.research .search_box .search {top:40px;}
}

/* list_common */
.list_common .board_info {padding: 70px 0 10px 0;}
.list_common .inner .list-wrap {display:flex; align-items:flex-start; width: 100%; transition: .3s; border: 1px solid #ddd; border-left:0; border-right:0; padding: 35px 170px 35px 35px; position:relative; gap:50px;} 
.list_common .inner .list-wrap:hover {box-shadow: 0 15px 15px -20px rgb(0 0 0 / 20%) !important; transition: .3s;}
.list_common .inner .list-wrap+.list-wrap {border-top: 0;}
.list_common .inner .thum {width: 100%; max-width: 200px; height:150px; border-radius:15px !important; overflow: hidden; display:flex; justify-content: center; background:#f5f5f5;}
.list_common .inner .thum img {width: 100%; object-fit: contain; transition: all .5s ease !important; -webkit-transition: all .5s ease !important; -moz-transition: all .5s ease !important;}
.list_common .inner .list-wrap:hover .thum img {transform:scale(1.1); transition:.5s;}
.list_common .inner .in-con h4 {font-size: 24px; color: #000; margin-bottom: 20px; line-height: 1.2; font-weight:700;}
.list_common .inner .list-wrap:hover h4 {color: var(--blue); transition:.5s;}
.list_common .inner .in-con p {display: grid; grid-template-columns: auto 1fr; font-size:18px; gap: 20px; max-height: 50px; overflow: hidden; line-height: 1.7; color: #666;}
.list_common .inner .in-con p span {font-size:18px;}
.list_common .inner .in-con p span::before {display: inline-block; content: ""; width: 3px; height: 3px; background:#D9D9D9; margin: 0 10px 4px 0;}
.list_common .inner a > span {position:absolute; right:20px;}
.list_common .inner .current {display: inline-block; width:100%; max-width:120px; padding: 10px 0; text-align: center; background:var(--base2); color:#fff; transition: .3s; border-radius:100px!important; font-weight:600; position:absolute; right:20px;}
.list_common .inner .completed {display: inline-block; width:100%; max-width:95px; font-size:13px;
padding: 10px 0; text-align: center; background:#f0f0f0; color:#666; transition: .3s; border-radius: 100px !important; font-weight: 600; position:absolute; right:20px;}

.list_common .inner .in-con div {margin-bottom: 5px; font-size: 14px; color: #666;}
.list_common .inner .number {font-size: 14px; font-weight: 800; color: #999;}
.list_common .inner .link {display: inline-block; padding: 15px 0; width: 95px; background: #f0f0f0; color: #8b93a1; border-radius: 100px !important; text-align: center; font-size: 15px; font-weight: 800; position:absolute; right:15px;}
.list_common .inner>div:hover .link {background: var(--base1); color: #fff;}


/* list_common - view */
.intro .contents-wrap.list_common {display:block;}
.list_common .view .inner .in-con p {max-height: 100%;}
.list_common .view .inner .in-con h4 {-webkit-line-clamp: 999999;}
.list_common .view .inner .list-wrap {border-radius: 10px 10px 0 0; border-top: 3px solid var(--base2); border-left:1px solid #ddd; border-right:1px solid #ddd;}
.list_common .view .inner .list-wrap:hover {box-shadow:none !important;}
.list_common .view .btnBox {display: flex; justify-content: center; margin-top:20px; gap:10px;}
.list_common .view .btnBox a {display: inline-block; padding: 15px 50px; border-radius: 100px !important; border: 1px solid #aaa; }
.list_common .view .btnBox a:hover {box-shadow: rgba(136, 165, 191, 0.2) 6px 2px 16px 0px, rgba(255, 255, 255, 0.4) -6px -2px 16px 0px !important;}
.list_common .view .btnBox a.apply {background:var(--base1) url(../../images/common/i-check.png) 40px center no-repeat; color:#fff; padding-left:65px; border:1px solid #9c6645;}
.list_common .view .btnBox a.apply:hover {box-shadow: rgb(235 200 179) 6px 2px 16px 0px, rgba(255, 255, 255, 0.4) -6px -2px 16px 0px !important;}
.list_common .view .viewConBox {padding: 35px; border: 1px solid #ddd; border-top:0; border-radius: 0 0 10px 10px;}

.list_common .inner .ing {display: inline-block; padding: 20px 0; width: 150px; background: var(--base2); color: #fff; border-radius: 100px !important; text-align: center; font-size: 18px; font-weight: 600; position:absolute; right:15px;}
.list_common .inner .end {display: inline-block; padding: 20px 0; width: 150px; background: var(--gray1); color: #000; border-radius: 100px !important; text-align: center; font-size: 18px; font-weight: 600; position:absolute; right:15px; border:1px solid #e5e5e5;}
.list_common .inner .current.ing {right:35px;}

.prevNextWrap {margin-top: 20px;}
.prevNextWrap div>* {display:inline-block; color: var(--blue);}
.prevNextWrap>div {display: grid; grid-template-columns: auto auto 2fr; align-items: center; gap: 10px;}
.prevNextWrap i {margin-top:-5px; width:40px; height:40px; border-radius:50% !important; background-color:#fff; border:1px solid #e5e5e5; background-position:50%; background-repeat:no-repeat;}
.prevNextWrap i.prev {background-image:url(../images/common/board_prev.png)}
.prevNextWrap i.next {background-image:url(../images/common/board_next.png)}
.prevNextWrap .split {word-break: keep-all; height: auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: pre-wrap;}
.prevNextWrap span.bold {font-weight:600;}



/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	


	
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	/*** 프로그램 공통 ***/
	.apply .applyWrap .tit {background: url(../../images/sub/apply_bg.jpg) center no-repeat; background-size: cover; height:200px;}
	.apply .applyWrap .tit h3 {font-size:20px;}
	.apply .txt ul li {padding:25px;}
	.education table tr td {padding:10px;}
	.apply .txt ul:last-child li h4 {font-size:24px;}
	.apply .txt ul:last-child li .strong {font-size:18px; text-align:left; line-height:1.4; padding:0; padding-bottom:15px;}
	.apply .txt ul:last-child li p {text-align:left;}
	.apply .txt p a {display:grid; gap:10px; grid-template-columns: 30px auto; align-items: start; line-height:1.4;}
	.apply .txt i {width:26px; height:26px; background: url(../../images/common/ico_call.png); background-size: 26px;}

	/*** 프로그램 공통 ***/
	.list_common .board_info {padding: 100px 0 10px 0;}
	.list_common .inner .list-wrap {display:flex; flex-direction:column; gap:15px; padding: 25px 20px 25px 20px;}
	.list_common .inner a > span {position:static;}
	.list_common .inner .pdf {position:static;}
	.list_common .inner .completed {position:static; order:-1;}
	.list_common .inner .current {position:static; order:-1;}
	.list_common .view .btnBox a {padding: 10px 40px;}
	
	.list_common .inner .link {position:static; width:100%;}
	.list_common .inner .in-con h4 {font-size:18px; margin-bottom:10px;}
	.list_common .inner .ing, .list_common .inner .end {padding:7px 0; width:100%; position:static}
	.list_common .inner .thum {max-width:100%;}
	
	.list_common .inner .in-con p {line-height:1.2; margin-bottom:8px;}
	.list_common .inner .in-con p:last-child {margin-bottom:0;}
	
	.apply .txt .txt_img {display:grid; grid-template-columns:repeat(1,1fr);}
	
}