@charset "utf-8";

.iframe_box {overflow: hidden;width: 100%;max-width:639px;height: 910px;margin: 0 auto;}
.iframe_box iframe {width: 100%; height: 100%; border: 0;}

.video_box {position: relative;padding: 4%;border: 1px solid #ddd;}
@media (max-width: 767px) {
    .video_box {padding: 0;border:none;}
}
/* 자막안내 */
.accessibility_vod_wrap {border: 1px solid #dcdcdc;margin:30px 0 10px;}
.accessibility_vod_wrap .subtit {padding: 35px 4%;background: #fbfbfb;}
.accessibility_vod_wrap .subtit strong {float: left;margin-top: 10px;padding-bottom: 25px;width: 15%;font-size: 20px;font-weight: 700;color: #0C3975;position: relative;}
.accessibility_vod_wrap .subtit strong:before{content:"";position:absolute;left:0;bottom: 0;width: 45px;background:#0C3975;height: 2px;}
.accessibility_vod_wrap .subtit strong:after{content:"";position:absolute;left: 25px;bottom: -8px;background:transparent;width: 15px;height: 15px;border:1px solid #0C3975;border-width:0 2px 2px 0;transform: rotate(315deg);}
.accessibility_vod_wrap .subtit .subtit_txt {float: right;padding: 10px;width: calc(83% - 10px);}
.accessibility_vod_wrap .subtit .subtit_txt .txtwrap {width: 100%;max-height: 200px;padding-right: 20px;overflow-y: auto;}
.accessibility_vod_wrap .subtit .subtit_txt .txtwrap::-webkit-scrollbar {width: 7px;}
.accessibility_vod_wrap .subtit .subtit_txt .txtwrap::-webkit-scrollbar-track {background: #ddd;border-radius: 10px;}
.accessibility_vod_wrap .subtit .subtit_txt .txtwrap::-webkit-scrollbar-thumb {background: #0C3975;border-radius: 10px;}
.accessibility_vod_wrap .subtit .subtit_txt pre {width: 100%;white-space: pre-line;word-wrap: break-word;word-break: keep-all;font-size: 16px;}
.accessibility_vod_wrap .subtit:after {content: "";display: block;clear: both;visibility: hidden;}
@media (max-width: 767px) {
    .accessibility_vod_wrap {margin: 10px 0 0;}
    .accessibility_vod_wrap .subtit {padding: 20px 20px 25px;}
    .accessibility_vod_wrap .subtit strong {padding-bottom: 0;font-size: 18px;}
	.accessibility_vod_wrap .subtit strong:before,
	.accessibility_vod_wrap .subtit strong:after{display: none;}
    .accessibility_vod_wrap .subtit strong, .accessibility_vod_wrap .subtit .subtit_txt {float: none;width: 100%;}
    .accessibility_vod_wrap .subtit h4 {margin-bottom: 15px;padding: 0;background: none;}
    .accessibility_vod_wrap .subtit .subtit_txt {padding: 0;margin-top:7px;}
    .accessibility_vod_wrap .subtit .subtit_txt .txtwrap {max-height: 100px;}
}

/* sub0402 유관기관 */
.banner-list {display: flex;flex-wrap: wrap; gap: 30px;}
.banner-list .banner-item {display: flex;flex-direction: column;justify-content: space-between;width: calc(33.333% - 20px);text-align: center;border: 1px solid #bcc6d6;transition: all 0.3s;}
.banner-list .banner-item:hover,
.banner-list .banner-item:focus {border-color: #24416c;}
.banner-list .banner-item .item-img {display: inline-flex;align-items: center;justify-content: center;padding: 20px 10px;}
.banner-list .banner-item .item-title {position: relative;padding: 15px 0;background-color: #f0f6fe;border-top: 1px solid #bcc6d6;color: #333; transition: all 0.3s;}
.banner-list .banner-item .item-title i {display: inline-block;width: 13px;height: 13px;margin-left: 6px;vertical-align: middle;background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' fill-rule='evenodd' clip-rule='evenodd' d='M4.5 0C3.67157 0 3 0.671573 3 1.5V3H1.5C0.671573 3 0 3.67157 0 4.5V11.5C0 12.3284 0.671573 13 1.5 13H8.5C9.32843 13 10 12.3284 10 11.5V10H11.5C12.3284 10 13 9.32843 13 8.5V1.5C13 0.671573 12.3284 0 11.5 0H4.5ZM9 9H10H11.5C11.7761 9 12 8.77614 12 8.5V1.5C12 1.22386 11.7761 1 11.5 1H4.5C4.22386 1 4 1.22386 4 1.5V8.5C4 8.77614 4.22386 9 4.5 9H9ZM9 10V11.5C9 11.7761 8.77614 12 8.5 12H1.5C1.22386 12 1 11.7761 1 11.5V4.5C1 4.22386 1.22386 4 1.5 4H3V8.5C3 9.32843 3.67157 10 4.5 10H9Z' fill='%23333333'/%3E%3C/svg%3E%0A");}
.banner-list .banner-item:hover .item-title,
.banner-list .banner-item:focus .item-title {background-color:#24416c;color: #fff;}
.banner-list .banner-item:hover .item-title i,
.banner-list .banner-item:focus .item-title i {background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' fill-rule='evenodd' clip-rule='evenodd' d='M4.5 0C3.67157 0 3 0.671573 3 1.5V3H1.5C0.671573 3 0 3.67157 0 4.5V11.5C0 12.3284 0.671573 13 1.5 13H8.5C9.32843 13 10 12.3284 10 11.5V10H11.5C12.3284 10 13 9.32843 13 8.5V1.5C13 0.671573 12.3284 0 11.5 0H4.5ZM9 9H10H11.5C11.7761 9 12 8.77614 12 8.5V1.5C12 1.22386 11.7761 1 11.5 1H4.5C4.22386 1 4 1.22386 4 1.5V8.5C4 8.77614 4.22386 9 4.5 9H9ZM9 10V11.5C9 11.7761 8.77614 12 8.5 12H1.5C1.22386 12 1 11.7761 1 11.5V4.5C1 4.22386 1.22386 4 1.5 4H3V8.5C3 9.32843 3.67157 10 4.5 10H9Z' fill='white'/%3E%3C/svg%3E%0A");}
@media (max-width:950px) {
    .banner-list {gap:20px;}
    .banner-list .banner-item {width:calc(50% - 10px);}
}
@media (max-width:560px) {
    .banner-list .banner-item {width:100%;}
}
/* sub0402 유관기관 End */

/* sub040401 2023년 청년취업수당 */
.s040401 .process_wrap .prc {display: flex;}
@media (max-width: 1023px){
    .s040401 .process_wrap .prc {display: block;}
}
@media (max-width: 880px){
    .s040401 .process_wrap .prc > li {min-height: 186px;}
}
@media (max-width: 767px){
    .s040401 .process_wrap .prc > li {min-height: auto;}
}
/* sub040401 2023년 청년취업수당 End */