

#fullpage,
#fullpage .section,
#fullpage .fp-tableCell {
	height: auto !important;
	min-height: auto !important;
	transform: none !important;
}

#fullpage {
	overflow: visible !important;
}

#fullpage .section {
	padding: 70px 0 0;
}

.cominfo-page .section {
	 scroll-margin-top: 165px;
}

/************************홍보영상***********************/

.sub_section{
    background:#fff;
}
.video-section-bg{
    position:relative;
    left:50%;
    width:100vw;
    margin-left:-50vw;
    background:#e8efff;
    overflow:hidden;
}
#sectionVideo{
    background:#d7e3ff;
}
.video_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.youtube-btn {
    flex: 0 0 auto;
}
.video-section-bg #sectionVideo{
    width:1080px;
    max-width:100%;
    margin:70px auto 0;
    background:transparent;
    padding:70px 0 0;
}
#sectionVideo .video-wrap{
    max-width:1080px;
    margin:0 auto;
    padding:40px 20px 70px;
    position: relative;
}

/**#sectionVideo .video-wrap::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:calc(100vw);
    transform:translateX(-50%);
    background:#d7e3ff;
    z-index:-1;
}**/
.video-wrap h3 {
    display:inline;
    align-items:center;
    padding:0;
    display: flex;
    gap: 10px;
}
.video-wrap h3 span {
    font-weight: 500;
    display: inline-block;
}
.video-wrap .f_padding_2 {
    padding:0;
}
.video-desc{margin:0 0 28px;font-size:17px;line-height:1.6;color:#333;word-break:keep-all;}
.video_head .f_col_w {color:#000;}
.video-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;}
.video-tabs{display:flex;width:420px;border:1px solid #d8dce5;background:#fff;}
.video-tab{width:50%;height:48px;border:0;border-right:1px solid #d8dce5;background:#fff;font-size:16px;color:#333;cursor:pointer;transition:.2s;}
.video-tab:last-child{border-right:0;}
.video-tab.active{background:#245bd8;color:#fff;}
.video-channel-link{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 22px;border:1px solid #c7c7c7;border-radius:8px;font-size:14px;color:#111;font-weight:500;text-decoration:none;white-space:nowrap;transition:.2s;background: #fff;}
.video-channel-link:hover {box-shadow: 0px 5px 5px rgba(16, 15, 54, 0.1); font-weight: 600; color:#000;};

.video-slider-area{position:relative;padding:0 58px;}
.video-viewport{overflow:hidden;width:100%;}
.video-track{display:flex;gap:22px;transition:transform .45s ease;will-change:transform;}
.video-card{flex:0 0 calc((100% - 44px) / 3);display:flex;background:#fff;border:1px solid #e6e9ef;border-radius:18px;overflow:hidden;color:#222;text-decoration:none;text-align:left;font-family:inherit;cursor:pointer;flex-direction: column;
    justify-content: flex-start;}
.video-wrap.is-shorts .video-card{flex-basis:calc((100% - 72px) / 4);border-radius:20px;}
.video-thumb{position:relative;aspect-ratio:16/9;background:#e8edf5;overflow:hidden;}
.video-thumb::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45%;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.45) 0%,
        rgba(0,0,0,.25) 30%,
        rgba(0,0,0,0) 100%
    );
    pointer-events: none;
    z-index: 1;
}
.video-play,
.video-duration{
    z-index: 2;
}
.video-wrap.is-shorts .video-thumb{aspect-ratio:9/16;}
.video-wrap.is-shorts .video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.video-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.58);}
.video-play:after{content:"";position:absolute;left:22px;top:16px;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid #fff;}
.video-duration{position:absolute;right:10px;bottom:9px;padding:4px 7px;border-radius:5px;background:rgba(0,0,0,.72);color:#fff;font-size:13px;font-weight:800;}
.video-info{padding:18px 10px 20px;}
.video-info h4{margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.35;letter-spacing:-.04em;color:#111;word-break:keep-all;}
.video-info p{min-height:42px;margin:0 0 14px;font-size:14px;font-weight:600;line-height:1.55;color:#555;word-break:keep-all;}
.video-tags{display:flex;flex-wrap:wrap;gap:6px;}
.video-tags span{display:inline-flex;align-items:center;height:25px;padding:0 10px;border-radius:999px;background:#eef2f8;color:#5f6b7a;font-size:12px;font-weight:800;}
.video-arrow{position:absolute;top:57%;transform:translateY(-50%);z-index:2;width:42px;height:72px;border:0;background:transparent;color:#222;cursor:pointer;}
.video-arrow svg{width:32px;height:60px;}
.video-prev{left:-30px;}
.video-next{right:-30px;}
.video-dots{display:flex;justify-content:center;gap:8px;margin-top:24px;}
.video-dot{width:10px;height:10px;border:0;border-radius:50%;background:#cfd5df;cursor:pointer;transition:.2s;}
.video-dot.active{width:26px;border-radius:999px;background:#245bd8;}

/* MP4 영상 모달 */
.video-modal{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.82);align-items:center;justify-content:center;padding:30px;}
.video-modal.is-open{display:flex;}
.video-modal-box{position:relative;z-index:100000;width:min(960px,92vw);aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);}
.video-modal-box video{width:100%;height:100%;display:block;background:#000;object-fit:contain;}
.video-modal-close{position:fixed;right:32px;top:22px;z-index:100001;width:56px;height:56px;border:0;background:transparent;color:#fff;font-size:56px;line-height:1;cursor:pointer;}

#videoModalPlayer{
	width:100%;
	aspect-ratio:16 / 9;
	display:block;
	border:0;
	background:#000;
}

#videoModal iframe#videoModalPlayer{
	width:100%;
	height:100%;
	border:0;
	display:block;
}


.cert-wrap{max-width:1080px;margin:100px auto 0;padding:20px}
.cert-title{display:flex;align-items:center;gap:14px;margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:-.04em}
.cert-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:42px;background:#1f55d6;color:#fff;font-size:28px;font-weight:800}
.cert-desc{margin:0 0 34px;font-size:14px;color:#333;letter-spacing:-.03em}
.cert-tabs{display:flex;width:740px;max-width:100%;border:1px solid #ddd;margin-bottom:26px}
.cert-tab{flex:1;height:40px;border:0;border-right:1px solid #ddd;background:#fafafa;font-size:16px;cursor:pointer}
.cert-tab:last-child{border-right:0}
.cert-tab.is-active{background:#1f55d6;color:#fff;font-weight:700}
.cert-slider-area{position:relative;margin-left:-42px;margin-right:-42px;padding:0 25px}
.cert-viewport{overflow:hidden;width:100%}
.cert-track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.cert-track.is-dragging{transition:none;cursor:grabbing}
.cert-slide{min-width:100%;display:grid;grid-template-columns:repeat(4,1fr);padding:0 6px 28px; box-sizing: border-box;}
.cert-card{width:220px; cursor:pointer;text-align:center;user-select:none; margin:0 auto; margin-bottom: 40px;}
.cert-thumb{position:relative;width:180px;height:246px;margin:0 auto;background:#fff;border:6px solid #f1f1f1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cert-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.cert-zoom{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:rgba(60,60,60,.76);display:flex;align-items:center;justify-content:center;color:#fff}
.cert-name{font-size:16px;line-height:1.35;letter-spacing:-.04em}
.cert-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:54px;border:0;background:transparent;color:#444;cursor:pointer;z-index:3}
.cert-arrow svg{width:36px;height:54px}
.cert-prev{left:0}
.cert-next{right:0}
.cert-empty{padding:90px 0;text-align:center;color:#888;font-size:15px}
.cert-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:9999;align-items:center;justify-content:center;padding:40px}
.cert-modal.is-open{display:flex}
.cert-modal img{max-width:92vw;max-height:86vh;background:#fff}
.cert-close{position:absolute;right:30%;top:18px;border:0;background:transparent;color:#fff;font-size:44px;cursor:pointer}

/* 03. 각종 홍보자료 slick 1행 고정 */
#section2 .slick-track {
	display: flex !important;
	align-items: stretch;
}

#section2 .slick-slide {
	height: auto !important;
	float: none !important;
}

#section2 .slick-slide > div {
	height: 100%;
}

#section2 .sdata {
	display: flex;
	flex-direction: column;
	height: 100%;
}

html{
    height:auto !important;
}

body{
    height:auto !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
}

.wrap,
.sub_section,
.container,
.sub_container,
#fullpage,
.cominfo-page{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
}