@charset "utf-8";

/* 웹 접근성 css */
.main-visual-box .main-vi-swiper .swiper-slide:nth-child(4) .vi-img-box{position:relative;}
.main-visual-box .main-vi-swiper .swiper-slide:nth-child(4) .vi-img-box img{position:absolute;transform:translateY(-50%);top:50%;}

/* common */
.main-content-box .main-mini-wrap{margin:0 auto;max-width:1200px;}
.main-title{font-size:3.6rem;line-height:5rem;color:var(--color-txt-primary);font-weight:700;}
.main-title.border{padding:0 0 8px;margin:0 0 48px;border-bottom:1px solid var(--border-color-default);}

/* main visual */
@media screen and (min-width:1600px) {
	.main-visual-box{width:100%;/*transition:width .3s;*/}
	.main-visual-box.on{width:calc(100% - 770px);}
	.main-visual-box .swiper-slide{/* width:100%; *//*transition:width .3s;*/}
	/* .main-visual-box:not(.on) .swiper-slide{width:100% !important;} */
}

.main-visual-box .main-vi-swiper .swiper-wrapper{height:auto;}
.main-visual-box .main-vi-swiper .swiper-slide .vi-img-box{height:100vh;min-height:100vh;box-sizing:border-box;}
.banner-open .main-visual-box .main-vi-swiper .swiper-slide .vi-img-box{height:calc(100vh - var(--top-banner-height));min-height:calc(100vh - var(--top-banner-height));}
.main-visual-box .main-vi-swiper .swiper-slide .vi-img-box img{width:100%;height:100%;object-fit:cover;}
.main-visual-box .main-vi-swiper .swiper-slide .vi-txt-box{position:absolute;right:0;bottom:104px;z-index:20;padding:0 28px;width:670px;max-width:100%;text-align:right;box-sizing:border-box;}
.main-visual-box .main-vi-swiper .swiper-slide .vi-txt-box .vi-txt{display:block;/* IE 대응 */display:-webkit-box;max-height:30rem;font-size:3.6rem;line-height:6rem;color:#000;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.main-visual-box .main-vi-swiper .swiper-slide .vi-txt-box .vi-txt span{white-space: nowrap;}
.main-visual-box .main-vi-swiper .swiper-slide .vi-txt-box .vi-txt-detail{display:block;/* IE 대응 */display:-webkit-box;max-height:30rem;font-size:2rem;line-height:4rem;color:#000;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.main-visual-box .main-vi-swiper .swiper-slide .vi-txt-box .vi-btn{display:inline-block;margin:16px 0 0;padding:8px 16px;background-color:var(--bg-btn-primary);font-size:1.4rem;line-height:2.4rem;color:var(--color-main-btn-txt);}
.main-visual-box .control-wrap{display:flex;justify-content:space-between;position:absolute;left:0;bottom:8px;z-index:10;padding:0 28px;width:100%;box-sizing:border-box;background: rgb(110 109 109 / 50%);}
.main-visual-box .control-wrap .main-vi-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,0.15);background-repeat:no-repeat;background-position:center center;background-size:16px;backdrop-filter:blur(4px);cursor:pointer;}
.main-visual-box .control-wrap .main-vi-btn.main-vi-prev{background-image:url(/_res/kor/img/common/ico-vi-prev@2x-wa.png);}
.main-visual-box .control-wrap .main-vi-btn.main-vi-next{background-image:url(/_res/kor/img/common/ico-vi-next@2x-wa.png);}
.main-visual-box .control-wrap .main-vi-pagination{display:inline-block;margin:0 10px;padding:0 10px;border-radius:20px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);}
.main-visual-box .control-wrap .main-vi-pagination .swiper-pagination-bullet{position:relative;margin:0 8px 0 0;width:40px;height:40px;border-radius:50%;background:transparent;box-sizing:border-box;opacity:1;}
.main-visual-box .control-wrap .main-vi-pagination .swiper-pagination-bullet:hover{background:rgba(255,255,255,0.08);}
.main-visual-box .control-wrap .main-vi-pagination .swiper-pagination-bullet:before{content:'';display:block;position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid #000;border-radius:50%;background:transparent;box-sizing:border-box;transform:translate(-50%,-50%);}
.main-visual-box .control-wrap .main-vi-pagination .swiper-pagination-bullet:last-of-type{margin-right:0;}
.main-visual-box .control-wrap .main-vi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;border-radius:50%;}
.main-visual-box .control-wrap .main-vi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:hover{background:rgba(71,86,178,0.08);}
.main-visual-box .control-wrap .main-vi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{width:32px;border-color:#000;border-radius:10px;}
.main-visual-box .control-wrap .main-vi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{content:'';display:block;position:absolute;top:50%;left:50%;width:24px;height:12px;border-radius:6px;background:#000;transform:translate(-50%,-50%);}

/* main visual video*/
.main-visual-box .vi-bg-box{position:absolute;top:0;left:0;z-index:20;width:100%;height:100vh;background:rgba(0,0,0,0.4);}
.main-visual-box .main-vi-swiper .swiper-slide .vi-img-box.type-video video{width:100%;height:100%;object-fit:cover;}
.main-visual-box .main-vi-swiper .vi-video-box{position:relative;height:100%;}
.main-visual-box .youtube-player,
.main-visual-box .vimeo-player{display:block;position:relative;width:100%;height:100%;overflow:hidden;}
.main-visual-box .youtube-thumbnail{display:block;position:absolute;top:0;left:0;z-index:30;max-width:100%;width:100%;height:100%;object-fit:cover;opacity:1;visibility:visible;}
.main-visual-box .youtube-play-btn{display:block;position:absolute;top:50%;left:50%;z-index:40;width:114px;height:79px;transform:translate(-50%,-50%);background:url(/_res/kor/img/new-main/btn-play.png) no-repeat center center/100%;}
.main-visual-box .main-vi-swiper .video-control-wrap{position:relative;z-index:30;}
.main-visual-box .main-vi-swiper .btn-main-vi-play{display:block;position:absolute;bottom:104px;left:28px;width:50px;height:50px;background:url(/_res/kor/img/new-main/btn-main-vi-play.png) no-repeat center center/100%;}
.main-visual-box .main-vi-swiper .btn-main-vi-play.pause{background-image:url(/_res/kor/img/new-main/btn-main-vi-pause.png);}
.main-visual-box .youtube-iframe, 
.main-visual-box .vimeo-iframe{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}

/* main content 01 */
@media screen and (min-width:1600px) {
	.main-content-box01{position:absolute;top:0;right:0;z-index:10;min-height:100vh;background:var(--bg-container-primary);transform:translateX(100%);transition:transform .3s ease;}
	.main-content-box01.on{transform:translateX(0);}
	.banner-open .main-content-box01{min-height:calc(100vh - var(--top-banner-height));}
	
}

.main-content-box01 .main-mini-wrap{padding:30px 60px;width:770px;box-sizing:border-box; height:100vh; overflow:auto;}
.main-content-box01 .main-mini-box01{padding:0 0 40px;}

/* main search button */
.main-content-box01 .btn-search-area-open{position:absolute;top:25%;left:0;padding:37px 13px 7px;border-radius:15px 0 0 15px;background:#0e207f;transform:translateX(-100%);}
.main-content-box01 .btn-search-area-open:before{content:'';display:block;position:absolute;top:10px;left:50%;width:20px;height:20px;border-radius:50%;background:#fff url(/_res/kor/img/new-main/ico-btn-srch%402x.png) no-repeat center center/14px;transform:translateX(-50%);}
.main-content-box01 .btn-search-area-open span{font-family:'Spoqa Han Sans Neo', sans-serif;display:block;font-size:1rem;line-height:1;color:#fff;font-weight:700;/*writing-mode:vertical-rl;text-orientation:upright;*/}

/* main search */
.main-content-box01 .main-search-title{font-size:3.1rem;line-height:5.5rem;font-weight:700;color:var(--color-txt-secondary);}
.main-content-box01 .main-search-box form{display:flex;padding:0 0 8px;}
.main-content-box01 .main-search-box .main-search-input{padding:10px 12px;width:calc(100% - 48px);height:48px;border:none;background:var(--bg-search-input);font-size:1.6rem;line-height:2.8rem;color:var(--color-txt-secondary);box-sizing:border-box;}
.main-content-box01 .main-search-box .main-search-input::placeholder{color:inherit;}
.main-content-box01 .main-search-box .main-search-button{flex-shrink:0;width:48px;height:48px;background:var(--bg-btn-primary) var(--bg-img-btn-search) no-repeat center center/24px;}
.main-content-box01 .main-search-tag-box ul{display:flex;flex-wrap:wrap;margin:0 -4px;}
.main-content-box01 .main-search-tag-box ul li{padding:8px 4px;}
.main-content-box01 .main-search-tag-box ul li a{display:inline-block;padding:4px 16px;border:1px solid var(--border-color-default);border-radius:25px;font-size:var(--font-size-txt-sm);line-height:var(--line-height-txt-sm);color:var(--color-txt-secondary);box-sizing:border-box;}
.main-content-box01 .main-search-tag-box ul li a:hover{background:var(--bg-chip-hover);}

/* main notice */
.main-content-box01 .main-mini-box02 .main-title{padding:8px 0;}
.main-content-box01 .main-notice-box{min-height:588px;}
.main-content-box01 .main-notice-box .mini-tab-box{position:relative;padding:0 0 12px;}
.main-content-box01 .main-notice-box .mini-tab-box > ul{display:flex;width:calc(100% - 71px);border-bottom:1px solid var(--border-color-default);}
.main-content-box01 .main-notice-box .mini-tab-box > ul > li{width:100%;}
.main-content-box01 .main-notice-box .mini-tab-box .mini-board-tab{display:block;position:relative;padding:12px 16px;font-size:var(--font-size-txt-sm);line-height:var(--line-height-txt-sm);text-align:center;}
.main-content-box01 .main-notice-box .mini-tab-box .sm .mini-board-tab{color:var(--color-primary);}
.main-content-box01 .main-notice-box .mini-tab-box .seoul .mini-board-tab{color:var(--color-tertiary);}
.main-content-box01 .main-notice-box .mini-tab-box .cheonan .mini-board-tab{color:var(--color-quaternary);}
.main-content-box01 .main-notice-box .mini-tab-box .mini-board-tab:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;box-sizing:border-box;}
.main-content-box01 .main-notice-box .mini-tab-box .sm .mini-board-tab:hover{background:var(--bg-color-primary-hover);}
.main-content-box01 .main-notice-box .mini-tab-box .active.sm .mini-board-tab{background:var(--bg-color-primary);}
.main-content-box01 .main-notice-box .mini-tab-box .active.sm .mini-board-tab:after{background:var(--color-primary);}
.main-content-box01 .main-notice-box .mini-tab-box .seoul .mini-board-tab:hover{background:var(--bg-color-tertiary-hover);}
.main-content-box01 .main-notice-box .mini-tab-box .active.seoul .mini-board-tab{background:var(--bg-color-tertiary);}
.main-content-box01 .main-notice-box .mini-tab-box .active.seoul .mini-board-tab:after{background:var(--color-tertiary);}
.main-content-box01 .main-notice-box .mini-tab-box .cheonan .mini-board-tab:hover{background:var(--bg-color-quaternary-hover);}
.main-content-box01 .main-notice-box .mini-tab-box .active.cheonan .mini-board-tab{background:var(--bg-color-quaternary);}
.main-content-box01 .main-notice-box .mini-tab-box .active.cheonan .mini-board-tab:after{background:var(--color-quaternary);}
.main-content-box01 .main-notice-box .mini-tab-box > ul > li .mini-board-content{position:absolute;top:100%;left:0;width:100%;}
.main-content-box01 .main-notice-box .mini-tab-box > ul > li .mini-board-content{display:none;}
.main-content-box01 .main-notice-box .mini-tab-box > ul > li.active .mini-board-content{display:block;}
.main-content-box01 .mini-board-content > ul > li{display:flex;align-items:flex-start;position:relative;padding:4px 0;}
.main-content-box01 .mini-board-content .mini-title-box{display:block;/* IE 대응 */display:-webkit-box;max-height:calc(var(--line-height-default) * 2);padding:0 18px 0 0;width:calc(100% - 50px);font-size:var(--font-size-default);line-height:var(--line-height-default);box-sizing:border-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.main-content-box01 .mini-board-content > ul > li:hover{background:var(--bg-notice-hover);}
.main-content-box01 .mini-board-content .mini-title-box .mini-cate{color:var(--color-primary);font-weight:500;}
.main-content-box01 .mini-board-content .li-seoul .mini-title-box .mini-cate{color:var(--color-tertiary);}
.main-content-box01 .mini-board-content .li-cheonan .mini-title-box .mini-cate{color:var(--color-quaternary);}
.main-content-box01 .mini-board-content .mini-date{font-size:var(--font-size-default);line-height:var(--line-height-default);}
.main-content-box01 .mini-board-content .mini-new{display:flex;justify-content:center;align-items:center;position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--bg-color-mini-label);font-size:1.1rem;line-height:2rem;color:var(--color-mini-label);font-weight:500;}
.main-content-box01 .mini-board-content .viewmore{position:absolute;top:-48px;right:0;font-size:var(--font-size-txt-sm);line-height:var(--line-height-txt-sm);color:var(--color-primary);}
.main-content-box01 .mini-board-content .viewmore:hover{color:var(--color-primary-hover);}
.main-content-box01 .main-notice-box .mini-tab-box .recruit .mini-board-tab:hover{background:var(--bg-container-secondary);}
.main-content-box01 .main-notice-box .mini-tab-box .active.recruit .mini-board-tab{background:#eeeeee;}
.main-content-box01 .main-notice-box .mini-tab-box .active.recruit .mini-board-tab:after{background:var(--color-txt-secondary);}

/* main content 02 */
.main-content-wrap02{background-color:var(--bg-container-secondary);}
.main-content-box02{padding:60px 40px 68px;}
.main-content-box02 .mini-board-box ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));grid-auto-rows:auto;grid-gap:40px;}
.main-content-box02 .mini-board-box ul li{position:relative;box-sizing:border-box;}
.main-content-box02 .mini-board-box ul li .mini-cate{display:inline-block;padding:0 0 4px;font-size:var(--font-size-txt-sm);color:var(--color-primary);font-weight:500;line-height:var(--line-height-txt-sm);}
.main-content-box02 .mini-board-box ul li .mini-cate.seoul{color:var(--color-tertiary);}
.main-content-box02 .mini-board-box ul li .mini-cate.cheonan{color:var(--color-quaternary);}
.main-content-box02 .mini-board-box ul li .mini-date{padding:0 0 4px;font-size:var(--font-size-default);line-height:var(--line-height-default);}
.main-content-box02 .mini-board-box ul li .mini-desc{display:block;font-size:var(--font-size-txt-lg-res);line-height:var(--line-height-txt-lg-res);}
.main-content-box02 .mini-board-box ul li .mini-desc span{display:-webkit-box;max-height:calc(var(--line-height-txt-lg-res) * 3);white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.main-content-box02 .mini-board-box ul li .mini-dday{position:absolute;top:-10px;right:-10px;padding:0 4.5px;border-radius:999px;background:var(--bg-color-mini-label);color:var(--color-mini-label);font-weight:500;font-size:1.1rem;line-height:1.6rem;}
.main-content-box02 .mini-board-box .view-more{padding:32px 0 0;text-align:right;}
.main-content-box02 .mini-board-box .view-more a{color:var(--color-primary);font-size:var(--font-size-txt-sm);line-height:var(--line-height-txt-sm);}
.main-content-box02 .mini-board-box .view-more a:hover{color:var(--color-primary-hover);}

/* main content 03 */
.main-content-wrap03{position: relative;
        width: 100%; /* 화면 크기와 동일하게 맞춰준다. 전체크기를 */
        height: auto; /* 높이 고정 */
        /*overflow: hidden; /* 이미지의 크기가 크면 나머지 부분 삭제 */
}
.main-content-box03 > a {display:block;}
.main-content-box03 img{display: block;
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%;
		width:100%;
}


/* main content 04 */
.main-content-box04{padding:60px 40px;}
.main-content-box04 .mini-board-box ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));grid-auto-rows:auto;grid-gap:40px;}
.main-content-box04 .mini-board-box ul li{box-sizing:border-box;}
.main-content-box04 .mini-board-box ul li > a{display:block;}
.main-content-box04 .mini-board-box ul li .mini-img-box{position:relative;margin:0 0 8px;height:auto;}
.main-content-box04 .mini-board-box ul li .mini-img-box.width{padding-bottom:56.2%;}
.main-content-box04 .mini-board-box ul li .mini-img-box.height{padding-bottom:100%;}
.main-content-box04 .mini-board-box ul li .mini-img-box.width,
.main-content-box04 .mini-board-box ul li .mini-img-box.height{height:0;}
.main-content-box04 .mini-board-box ul li .mini-img-box.width span,
.main-content-box04 .mini-board-box ul li .mini-img-box.height span{position:absolute;top:0;left:0;width:100%;height:100%;}
.main-content-box04 .mini-board-box ul li .mini-title{display:-webkit-box;padding:0 0 4px;max-height:calc(var(--line-height-txt-lg-res) * 2);font-size:var(--font-size-txt-lg-res);font-weight:500;line-height:var(--line-height-txt-lg-res);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.main-content-box04 .mini-board-box ul li .mini-desc{display:-webkit-box;max-height:calc(var(--line-height-default) * 4);font-size:var(--font-size-default);color:var(--color-txt-secondary);line-height:var(--line-height-default);white-space:normal;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.main-content-box04 .main-mini-box .view-more{float:right;padding:10px 0 0;text-align:right;color:var(--color-primary);font-size:var(--font-size-txt-sm);line-height:var(--line-height-txt-sm);}
.main-content-box04 .main-mini-box .view-more:hover{color:var(--color-primary-hover);}

/* footer */
.main .contact-mng-wrap{display:none;}
.main .top-footer-wrap{margin:0;}

@media screen and (max-width:1600px){	
	/* main search button */
	.main-content-box01 .btn-search-area-open{display:none;}
	
	/* main search */
	.main-content-box01 .main-search-title{font-size:2.2rem;line-height:4rem;font-weight:700;color:var(--color-txt-secondary);}

	/* main content 01 */
	.main-content-box01{width:100%;}
	.main-content-box01 .main-mini-wrap{display:flex;align-items:center;padding:40px;width:100%;max-width:1280px;height:auto;}
	.main-content-box01 .main-mini-wrap .main-mini-box01{padding:0 4.6% 0 0;width:45.84%;box-sizing:border-box;}
	.main-content-box01 .main-mini-wrap .main-mini-box02{width:54.16%;}
	
	/* main content 03 */
	.main-content-wrap03{ height: 200px; /* 높이 고정 */}
        
	.main-content-box03{ position: absolute;  /* 화면 감소시 이미지 크기는 right, left 포지션값에 의해 결정된다. */
        /* 포지션값을 -200% 시킴으로써 화면이 줄어들어도 이미지 크기가 감소하는 right, left 값이 되지 않음 */
        top: 0; right: -200%; bottom: 0; left: -200%;}
	/* .main-content-box03 img{width:auto;} */
	.main-content-box03 img{width:24%;}   /* 2025-03-31(월) disaf*/
}

@media screen and (max-width:960px){
	/* main visual */
	.main-visual-box .main-vi-swiper .swiper-slide .vi-img-box{height:calc(100vh - 64px);min-height:calc(100vh - 64px);}
	.banner-open .main-visual-box .main-vi-swiper .swiper-slide .vi-img-box{height:calc(100vh - 64px - var(--top-banner-height));min-height:calc(100vh - 64px - var(--top-banner-height));}

	/* main content 01 */
	.main-content-box01 .main-mini-wrap{display:block;}
	.main-content-box01 .main-mini-wrap .main-mini-box01{padding:0 0 40px;width:auto;}
	.main-content-box01 .main-mini-wrap .main-mini-box02{width:auto;}

	/* main content 02 */
	.main-content-box02 .mini-board-box ul{grid-template-columns:repeat(auto-fit, minmax(191px, 1fr));}

	/* main content 03 */
	.main-content-box03 {text-align: left;}
	
	/* main content 04 */
	.main-content-box04 .mini-board-box ul{grid-template-columns:repeat(auto-fit, minmax(191px, 1fr));}
	
	.main-content-box03 img{width:30%;}   /* 2025-03-31(월) disaf*/
}

@media screen and (max-width:640px){
	
	/* disaf 배너 모바일 화면에서 가로 스크롤 문제로 추가 (24.11.06) */
	.container{overflow: hidden;}
	
	/* common */
	.main-title{font-size:2.2rem;line-height:3.2rem;}

	/* main visual */
	.main-visual-box .main-vi-swiper .swiper-slide .vi-txt-box{padding:0 8px;width:400px;}
	.main-visual-box .main-vi-swiper .swiper-slide .vi-txt-box .vi-txt{max-height:19.2rem;font-size:2.2rem;line-height:3.2rem;}
	.main-visual-box .main-vi-swiper .swiper-slide .vi-txt-box .vi-txt-detail{max-height:19.2rem;font-size:1.3rem;line-height:2.7rem;}
	.main-visual-box .control-wrap{padding:0 12px;}
	.main-visual-box .control-wrap .main-vi-pagination{display:none;}

	/* main visual video*/
	.main-visual-box .youtube-play-btn{width:70px;height:49px;}
	.main-visual-box .main-vi-swiper .btn-main-vi-play{left:12px;}
	.main-visual-box .vi-img-box.pc-hide ~ .video-control-wrap{display:none;}

	/* main content 01 */
	.main-content-box01 .main-mini-wrap{padding:20px;}

	/* main search */
	.main-content-box01 .main-search-title{padding:8px 0;font-size:3rem;line-height:3rem;}

	/* main notice */
	.main-content-box01 .main-title{padding:6px 0;}
	.main-content-box01 .main-notice-box{min-height:520px;}

	/* main content 02 */
	.main-content-box02{padding:40px 20px 48px;;}
	.main-content-box02 .mini-board-box ul{grid-template-columns:repeat(auto-fit, minmax(187px, 1fr));grid-gap:20px;}

	/* main content 03 */
	.main-content-box03{padding:35px;}
	.main-content-wrap03{ height: 170px; /* 높이 고정 */}
	
	
	/* main content 04 */
	.main-content-box04{padding:40px 20px;}
	.main-content-box04 .mini-board-box ul{grid-template-columns:repeat(auto-fit, minmax(187px, 1fr));grid-gap:20px;}
	
	.main-content-box03 img{width:35%;}   /* 2025-03-31(월) disaf*/
}