#pagination-pc {display: flex;}
#pagination-mobile {display: none;}

#filePtag{flex-direction:column;align-items:baseline;}
.mo_show3{
	display:none;
}@media(min-width:1024px) and (max-width:1200px){
 .inner{
  padding: 0 !important;
 }
} @media(min-width:1200px) and (max-width:1240px){
 .inner{
  padding-left: 0 !important;
  padding-right:0px;
 }.IOJ-wrap .krds-main-menu .gnb-toggle-wrap {
 	width:1210px;
 }
}
@media (max-width: 767px) {
	.IOJ-wrap .img-banner > h2 {
    	font-size: 3.2rem;
	}.IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(td).m-col-6 {
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.5rem;
    height: auto;
	min-height: 48px;
	display:block;
}.IOJ-wrap .krds-table-wrap .tbl.mobile-expand__table tr :is(td).m-col-7 {
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.5rem;
    height: auto;
	min-height: 48px;
	display:block;
}.IOJ-wrap .motto-banner > img:first-child {
	left:unset;
	bottom:unset;
}
    #pagination-pc {display: none;}
	#pagination-mobile {display: flex;gap:0px;}
    /* .layer-popup .head-profiles > li {
    	font-size:1.05rem;
    } */
    .IOJ-wrap .tab.ioj-page-tab .btn-tab {
		font-size: clamp(1.6rem, 1.5vw, 1.7rem);
	}.IOJ-wrap .tab.ioj-page-tab .btn-tab:hover {
		font-size: clamp(1.6rem, 1.5vw, 1.7rem);
	}
    .IOJ-wrap .img-banner {
        height: 11.7rem;
    }
	td.m-col-2, td.m-col-4{
		border-bottom : 1px solid !important;
	}.IOJ-wrap .main-noti .tab > ul > li {
		min-width: calc((100% / 4) - (2.5rem / 4));
	}
    .yearConts{
    width:50% ;
    }.tab-radio-swiper {
        width: 25rem !important;
    }/* .krds-main-menu {
    display:none!important;
    }#krds-header .header-container .header-utility { 
    display:none!important;
    }#krds-header .header-container .btn-navi {
    display:inline-flex!important;
    } */
    .IOJ-wrap .krds-pagination .page-links .page-link:nth-child(4) ~ .page-link {
        display: flex;
	}
	.first-drop-btn {
		border-left: 0!important;
	}
	/* 교육훈련 기본방향 디자인 수정*/
    .IOJ-wrap .edu-goal__visual {
        width: 320px;
        margin-inline: auto;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .IOJ-wrap .edu-goal__visual {
        width: 320px;
        margin-inline: auto;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .IOJ-wrap .edu-goal__visual > p {
        grid-column: span 2;
        width: 100%;
        font-size: 1.1rem;
        background-color: white;
    }

    .IOJ-wrap .edu-goal__visual > p::before {
        width: 4rem;
        height: 4rem;
        background-size: 3.5rem;
    }
	.IOJ-wrap .edu-goal__visual > p:first-child {
        order: 1;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='155' height='152' viewBox='0 0 155 152'><circle cx='76' cy='76' r='69' fill='none' stroke='%2363BF4A' stroke-width='14' stroke-linecap='butt' stroke-dasharray='360 55' stroke-dashoffset='220'/></svg>");
		transform: translateX(0.79rem) translateY(-3.5rem);
        z-index: 1;
    }
    .IOJ-wrap .edu-goal__visual > p:nth-child(2) {
        order: 0;
        grid-column: 2 / span 2;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='155' height='152' viewBox='0 0 155 152'><circle cx='76' cy='76' r='69' fill='none' stroke='%23FFE734' stroke-width='14' stroke-linecap='butt' stroke-dasharray='360 55' stroke-dashoffset='62'/></svg>");
		z-index: 2;
    }
    .IOJ-wrap .edu-goal__visual > p:nth-child(3) {
        order: 2;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='155' height='152' viewBox='0 0 155 152'><circle cx='76' cy='76' r='69' fill='none' stroke='%23F8663D' stroke-width='14' stroke-linecap='butt' stroke-dasharray='360 55' stroke-dashoffset='330'/></svg>");
		transform: translateX(-0.8rem) translateY(-3.6rem);
        z-index: 3;
    }
	/* 교육훈련 기본방향 디자인 수정*/
}
.history-img img{
		width: 100%;
}

@media(max-width:480px){
	.IOJ-wrap .tab.ioj-page-tab .btn-tab {
		font-size: clamp(1.5rem, 1.5vw, 1.5rem);
	}.IOJ-wrap .tab.ioj-page-tab .btn-tab:hover {
		font-size: clamp(1.5rem, 1.5vw, 1.5rem);
	}
}
@media(max-width:430px){
	#pagination-mobile{
		transform:scale(0.9);
	}
    .IOJ-wrap .img-banner {
        height: 9.7rem;
    }
}
@media(max-width:383px){
	#pagination-mobile{
		transform:scale(0.8);
	}
}
@media(max-width:345px){
	#pagination-mobile{
		transform:scale(0.7);
	}
}
@media(min-width:345px){
	.orgShow{
	display:none !important;
	}
}
@media(min-width:1024px) and (max-width:1080px){
	.IOJ-wrap .director-greeting > p {
		transform:scale(0.9);
		left:-39px;
	}
	.IOJ-wrap .director-greeting .director-name {
		transform:scale(0.9);
		left:-25px;
	}
}
@media(max-width:1023px){
    .yearConts{
    width:50% ;
    }/* .krds-main-menu {
    display:flex;
    }#krds-header .header-container .header-utility {
    display:flex;
    }#krds-header .header-container .btn-navi {
    display:none;
    } */
}
@media(max-width:1200px){
	.tab-radios .radio-wrap > label {
	width:14rem !important;
	}.mo_show3{
	display:flex;
	}.tab-radio-swiper__wrap {
        position: relative;
        width:80%;
        margin:auto;
    }
    .tab-radio-swiper__wrap [class^=swiper-button-] {
        width: 2.4rem;
        height: 2.4rem;
        /* border: 0;      //25.08.12 메인화면 krds 수정
        background-color: transparent; */
        top: 50%;
        bottom: auto;
        margin: 0;
    }
    .tab-radio-swiper__wrap .swiper-button-prev {
        left: -1.1rem;
        right: auto;
        transform: translateX(-100%) translateY(-50%);
    }
    .tab-radio-swiper__wrap .swiper-button-next {
        right: -1.1rem;
        left: auto;
        transform: translateX(100%) translateY(-50%);
    }
}@media(max-width:1060px){
	.tab-radios .radio-wrap > label {
	width:13rem !important;
	}
}@media(max-width:956px){
	.tab-radios .radio-wrap > label {
	width:12rem !important;
	}
}@media(max-width:870px){
	.tab-radios .radio-wrap > label {
	width:10rem !important;
	}
}@media(max-width:767px){
	.tab-radios .radio-wrap > label {
	width:12rem !important;
	}.tab-radio-swiper__wrap {
        width:fit-content !important;
    }
}
@media (min-width: 768px) {
	.mo_show2{
		/* display: none !important; */
	}.first-drop-btn {
		border-left: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light)!important;
	}
}
@media(min-width:1024px){
	.IOJ-wrap .gnb-depth-wrap .depth-2 > li > a {
	font-size:clamp(1.3rem,1.35vw,1.7rem)
	}.IOJ-wrap .gnb-depth-wrap .depth-2 > li .depth-3 > li > a {
	font-size:clamp(1.2rem,1.35vw,1.5rem)
	}
	.directLinkImageHeader{
    width: clamp(1.6rem,1.7vw,2rem)!important;
    height: clamp(1.6rem,1.7vw,2rem)!important;
	}
}

.IOJ-wrap .director-banner .director-info .p-info__list dl > dt {
    width: 7rem !important;
    font-weight: 500;
}

.IOJ-wrap .img-banner.info-banner {
    background-image: url('/homepageNew/images/top-banner_info.jpg');   
}
.IOJ-wrap .img-banner.edu-banner {
    background-image: url('/homepageNew/images/top-banner_edu.jpg');   
}
.IOJ-wrap .img-banner.data-banner {
    background-image: url('/homepageNew/images/top-banner_data.jpg');   
}
.IOJ-wrap .img-banner.par-banner {
    background-image: url('/homepageNew/images/top-banner_par.jpg');   
}
.IOJ-wrap .img-banner.service-banner {
    background-image: url('/homepageNew/images/top-banner_service.jpg');   
}
.IOJ-wrap .search-bar .date-input__wrap input[type="date"]::after {
	/* width: 50% !important; */
}
.IOJ-wrap .pdf-download {
	min-width: 27.6rem !important;
}
.IOJ-wrap .btn-wrap .pdf-download {
    padding-inline: 2.8rem 3rem !important;
}
.IOJ-wrap .pdf-download.active{
	background-color: #797979;
}
.gray-box{
	background-color: #CDD1D5;
    width: 98%;
    height: 100%;
    border: 1px solid #CDD1D5;
    border-radius: 1.2rem;
    margin: 10px;
    display: flex;
    align-items: center;
    padding:20px;
}
.gray-box .method-item .method-list > li::before {
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    border-radius: 50%;
    top: 1rem;
    left: 1rem;
    background-color: var(--main-color);
}

.IOJ-wrap .sect-descbold{
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: 800 !important;
    line-height: 1.5;
    word-wrap: break-word;
}


.gray-box2{
	background-color: #ebebeb;
    width: 98%;
    height: 100%;
    margin: 10px;
    display: flex;
    align-items: center;
    padding:30px 20px;
}
.liLink.direct{
	content:"";
	
}
.liLink.direct::after{
	content:"";
	-webkit-mask-image: none;
    mask-image: none;
    background-image: url('/homepageNew/images/component/icon/ico_go.svg');
    background-color: transparent;
    background-size: cover;    
    flex-shrink: 0;
    content: "";
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
}
.directLinkImageHeader{
	content:"";
	-webkit-mask-image: none;
    mask-image: none;
    background-image: url('/homepageNew/images/component/icon/ico_go.svg');
    background-color: transparent;
    background-size: cover;    
    flex-shrink: 0;
    content: "";
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    margin-left:5px;
    top: 4px;
    position: relative;
}

.directLinkImage{
	content:"";
	-webkit-mask-image: none;
    mask-image: none;
    background-image: url('/homepageNew/images/component/icon/ico_go.svg');
    background-color: transparent;
    background-size: cover;    
    flex-shrink: 0;
    content: "";
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    margin-top:2px;
}
.layer-popup .head-details .head-details__top .img-wrap > img {
	object-fit: unset !important;
}.layer-popup .head-details .head-details__top .img-wrap {
	width:12.5rem;
}.IOJ-wrap .professor-list > li .img-wrap {
	width:12.8rem;
}
.layer-popup.wh-popup .popup-body {
	max-width: 100%;
    max-height: 100%;
    overflow-y: auto;
    position: relative;
}
.edu-swiper-wrap .swiper-controls {
	display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
}.edu-swiper-wrap .swiper-pagination.swiper-pagination-fraction {
	position: static;
    flex: 0;
}
.edu-swiper-wrap .swiper-controls .swiper-navigation {
    display: flex;
    gap: 0.8rem;
}.edu-swiper-wrap .swiper-button-prev, .edu-swiper-wrap .swiper-button-next {
	position: static;
    margin: 0;
    transform: none;
    width: 4rem;
    height: 4rem;
}

/* 게시판 검색창 조정 */
@media(min-width:768px) and (max-width:1240px){
    	.krds-side-navigation{
    		display:none !important;
    	}
    	.krds-check-area, .krds-check-area *{
    		width:100% !important;
    	}
    	.IOJ-wrap .edu-goal__visual{
    		justify-content: center;
    		width: 96%;
    	}
}
@media(max-width:800px){
	        .IOJ-wrap .search-bar .form-group-label {
	        display: none;
	    }
	    .IOJ-wrap .search-bar .row {
	        flex-wrap: wrap;
	    }
	    .IOJ-wrap .search-bar .row:not(.search-row) {
	        flex-direction: column;
	    }
	    .IOJ-wrap .search-bar .row .date-input__wrap,
	    .IOJ-wrap .search-bar .row .date-input__wrap input[type="date"],
	    .IOJ-wrap .search-bar .row .krds-check-area {
	        width: 100%;
	    }
	    .IOJ-wrap .search-bar .krds-check-area .krds-form-chip {
	        flex: 1;
	    }
	    .IOJ-wrap .search-bar .krds-check-area .krds-form-chip input[type=radio] ~ label {
	        width: 100%;
	    }
	    .IOJ-wrap .search-bar {
	        padding-inline: 1.5rem;
	    }
	    .IOJ-wrap .search-bar .krds-btn {
	        width: 100%;
	        height: 4.1rem;
	        position: static;
	    }
	    .IOJ-wrap .search-bar .row:not(:has(.date-input__wrap)) .search-form-group {
	        flex: 1;
	    }
	    .IOJ-wrap .search-bar .row .date-input__wrap .search-form-group {
	        max-width: calc((100% / 2) - 1.5rem);
	    }
}
.IOJ-wrap .director-history {
	background-color: #ffffff;
}
.img-cover2{
    background-image: url(/homepageNew//images/back-deco-1.png);
    width: 20rem;
    height: 20rem;
    top: 40px;
    z-index: 1;
    position: absolute;
    left: calc(50% + 8px);
}.img-cover3{
    background-image: url(/homepageNew//images/back-deco-3.png);
    width: 4.6rem;
    height: 4.6rem;
    top: 190px;
    z-index: 1;
    position: absolute;
    left: calc(50% + 120px);
}
@media(max-width:600px){
	.img-cover2{
    background-image: url(/homepageNew//images/back-deco-1.png);
    width: 20rem;
    height: 20rem;
    top: 30px;
    z-index: 1;
    position: absolute;
    left: calc(50% - 25px);
}.img-cover3{
    background-image: url(/homepageNew//images/back-deco-3.png);
    width: 4.6rem;
    height: 4.6rem;
    top: 190px;
    z-index: 1;
    position: absolute;
    left: calc(50% + 88px);
}
}
.IOJ-wrap .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul > li {
	z-index:3;	
}.tab.full *:focus{
	outline : 1px dashed red !important;
	box-shadow : none !important;	
}
:root{
	--focus-thick: 3px;
	--focus-dash: 12deg;
	--focus-gap:10deg;
	--focus-offset: -3px;
	--focus-inset: 1px;
	--focus-color:red;
}
.tabLabel{
 position:relative;	
 outline:none;
}
.tabLabel:focus {
   outline: 1px dashed red !important;
	box-shadow: none !important;
/*  	outline: none;
	box-shadow: none; 
 */ 	outline-offset: -6px;
}/* .tabLabel:focus::after, .tabLabel:focus-visible::after {
	content:"";
	position:absolute;
	inset: var(--focus-inset);
	pointer-events:none;
	z-index:1;
	border-radius:inherit;
	
	-webkit-mask:none !important;
	mask: none!important;
	padding: 0 !important;
	
	
	background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'>
	\<rect x='1.5' y='1.5' width='97' height='97' rx='50' ry='50' fill='none'\
	stroke='red' stroke-width='3' stroke-linecap='butt' stroke-dasharray='12 10'/>\</svg>")
	background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'>\<g file='none' stroke='red' stroke-width='3' stroke-linecap='butt' stroke-dasharray='12 10'>\<line x1='50' y1='5' x2='150' y2='5'/>\<line x1='50' y1='95' x2='150' y2='95'/>\<path d='M50 5 A45 45 0 0 0 50 95'/>\<path d='M150 5 A45 45 0 0 1 150 95'/>\</g>\</svg>");
	background-repeat:no-repeat;
	background-size: 100% 100%;
	color:red;
} */
.floating-utils{
	display:none;
}
.layer-popup .head-details {
	padding:1.4rem 0rem 6rem 0rem;
}.layer-popup.wh-popup .popup-container {
	width:66rem;	
}
.tab-radios .radio-wrap > label {
	color:#4b4b4b;
    background-color: #ffffff;
    border: 1px solid #4b4b4b;
    font-size:1.75rem;
    font-weight: bold;
}.tab-radios .radio-wrap > input:checked + label, .tab-radios .radio-wrap > label:hover {
	background-color:#006374;
	color:#ffffff;
}.IOJ-wrap .main-noti {
	padding:unset;
	border:none;
	border-radius:unset;
}.tab-conts-wrap .noti-list > li{
	padding: 3rem 3rem 2rem;
    border: 1px solid #CDD1D5;
    border-radius: 1.2rem;
    position: relative;
}.IOJ-wrap #krds-header .header-container .logo a.logo-main {
	background-image: url('/homepageNew/images/header_logo.jpg');
}
.checked{
/*     color: var(--main-color); */
/*     text-decoration: underline; */
/*     font-weight: bold; */
	outline : 1px dashed red !important;
	box-shadow : none !important;
}
.subChecked {
	background-color:var(--main-color);
	color:white !important;
	border-radius:0.6rem;
}
.gnb-all-trigger.headerChecked { 
/* 	outline: 0; */
/*     outline-offset: 0; */ 
/*     transition: outline 0s, box-shadow 0s !important; */
/*     box-shadow: 0 0 0 0.2rem #256ef4 inset; */
	outline : 1px dashed red !important;
	box-shadow : none !important;	
}
.tab .btn-tab{
	   transition:unset !important;
}
.btn-navi{
	transition:unset !important;
}
.footerContact {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2519_31057)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5432 11.6698V13.8913C15.5441 14.0975 15.5018 14.3017 15.4192 14.4906C15.3366 14.6796 15.2154 14.8492 15.0634 14.9886C14.9115 15.128 14.7321 15.2342 14.5367 15.3002C14.3414 15.3663 14.1344 15.3908 13.929 15.3723C11.6504 15.1247 9.46163 14.3461 7.5386 13.099C5.74946 11.9621 4.23259 10.4452 3.0957 8.65608C1.84427 6.72431 1.06547 4.52492 0.822417 2.23609C0.803912 2.03132 0.828248 1.82494 0.893873 1.6301C0.959499 1.43525 1.06498 1.2562 1.20359 1.10435C1.34221 0.952502 1.51092 0.831179 1.69899 0.748106C1.88707 0.665033 2.09038 0.622031 2.29598 0.621837H4.51743C4.87679 0.6183 5.22518 0.745556 5.49765 0.979885C5.77013 1.21421 5.9481 1.53963 5.99839 1.89547C6.09244 2.60633 6.26571 3.30461 6.51673 3.97623C6.61636 4.24126 6.63792 4.5293 6.57886 4.80622C6.51981 5.08313 6.3826 5.33732 6.18351 5.53865L5.2431 6.47906C6.29722 8.33289 7.83217 9.86784 9.686 10.922L10.6264 9.98155C10.8277 9.78246 11.0819 9.64526 11.3588 9.5862C11.6358 9.52714 11.9238 9.5487 12.1888 9.64833C12.8605 9.89935 13.5587 10.0726 14.2696 10.1667C14.6293 10.2174 14.9578 10.3986 15.1926 10.6757C15.4275 10.9529 15.5522 11.3067 15.5432 11.6698Z' fill='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2519_31057'%3E%3Crect width='18' height='18' fill='black'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    padding-left:19px;
    margin-left:5px;
    background-position: left 2px;
}.alink{
	border-bottom: 1px solid #e9e9e9AA;
    margin: 2px 0 2px 0px;
    width: 100%;
}.aLink{
	border-bottom: 1px solid #e9e9e9AA;
    margin: 2px 0 2px 0px;
    width: 100%;
}.IOJ-wrap .search-bar .date-input__wrap input[type="date"]:focus{
	outline : 2px dashed red;
	box-shadow : none !important;
	transition : none !important;
	animation : none !important;
}
.footerBox{
	background-color:black !important;
	border:1px solid;
	height:22px !important;
}
@media (max-width: 767px) {
  #krds-footer .f-cnt .f-info .info-cs li {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #krds-footer .f-cnt .f-info .info-cs li {
    flex-direction: unset !important;
  }
}
@media (max-width: 411px) {
  #krds-footer .f-cnt .f-info .info-cs li {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 767px) and (max-width: 873px) {
  .mobileFont1rem {
    font-size:1.1rem;
  }
}
.checkArea{
	margin-left: 10px;
	margin-top: -10px;
	margin-bottom: 20px;
}