@charset "utf-8";

*{
	letter-spacing: -2px;
}

#main {position:relative; z-index:2; overflow: hidden;}
.visual_area {overflow:hidden; width:100%;min-width:320px; max-width:1710px; margin:auto; padding-top:10px;}
.main_visual {position:relative; float:left; width:50%;}
.main_visual .swiper-slide {position:relative; height:430px; padding-bottom:59%;}
.main_visual .box {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center; background-size:cover;}
#main_visual01 .slide01 .box {background-image:url('../images/main/main_visual01.jpg');}
#main_visual01 .slide02 .box {background-image:url('../images/main/main_visual02.jpg');}
#main_visual01 .slide03 .box {background-image:url('../images/main/main_visual03.jpg');}
#main_visual01 .slide04 .box {background-image:url('../images/main/main_visual04.jpg');}
#main_visual01 .slide05 .box {background-image:url('../images/main/main_visual05.jpg');}


.main_visual .swiper-pagination {display:none; bottom:11px; width:100%;}
.main_visual .swiper-pagination-bullet {background:#959595; opacity:1; margin:0 3px;}
.main_visual .swiper-pagination-bullet-active {background:#ffffff; opacity:1;}
.main_visual .pager {position:absolute; top:34px; left:30px; z-index:100; font-size:15px; color:#fff;}
.main_visual .swiper-button-prev,
.main_visual .swiper-button-next {width:32px; height:18px; background:no-repeat 0 center; background-size: 32px 6px;}
.main_visual .swiper-button-prev {left:0; margin-top:-9px; background-image:url('../images/main/btn_prev.png');}
.main_visual .swiper-button-next {right:0; margin-top:-9px; background-image:url('../images/main/btn_next.png');}
.main_visual .swiper-controls {position:absolute; bottom:0; left:0; z-index:10; width:150px; margin-bottom:52px; text-align:center;}
.main_visual .swiper-controls * {vertical-align:middle;}
.main_visual .swiper-controls .swiper-button-playpause {display:inline-block; width:12px; height:18px; background-image:url('../images/main/icon_pause.png'); cursor:pointer;}
.main_visual .swiper-controls .swiper-button-playpause.on {background-image:url('../images/main/icon_play.png'); }




#main_visual01 {text-align:right;}
#main_visual01 .txt_t01 {display:inline-block; width:640px; padding-top:103px; color:#fff; text-align:left;}
#main_visual01 .swiper-controls {left:auto; right:485px;}
#main_visual01 .t01 {margin-top:25px; font-size:18px; line-height:1.66;}
#main_visual01 .t02 {margin-bottom:15px; font-size:47px; line-height:1.2;}
#main_visual01 .t03 {margin-bottom:15px; font-size:37px; line-height:1.2;}
#main_visual01 .t04 {margin-bottom:15px; font-size:37px; line-height:1.8; font-weight:900;}

/*
#main_visual01 .t03 {font-size:47px; line-height:1.2; font-weight:500;}
*/
#main_visual01 dl {overflow:hidden; color:#fff;}
#main_visual01 dt {float:left; width:85px; font-size:18px; line-height:1.8; font-weight:500;}
#main_visual01 dd {float:left; font-size:18px; line-height:1.8;}

#main_visual02 {margin-top:-10px;}
#main_visual02 .swiper-slide .box {padding-left:55px;}
#main_visual02 .swiper-controls {left:55px;}
#main_visual02 .txt_t02 {position:absolute; right:0; bottom:60px; left:0; padding-right:60px; padding-left:60px; color:#fff; text-align:right;}
#main_visual02 .t01 {font-size:20px; line-height:1.2; font-weight:400;}
#main_visual02 .t02 {font-size:20px; line-height:1.2;}
#main_visual02 .img_wrap {position:absolute; top:0; left:0; width:100%; height:100%;}
#main_visual02 .img_wrap img {position:absolute; top:0; left:0; min-width:100%; height:100%;}


.board_type01 {width:95%; min-width:320px; max-width:1280px; margin:auto;}
.board_type01 .inwrap {overflow:hidden; padding-bottom:37px;}
.board_type01 .box {float:left; position:relative;}
.grid2 {margin:40px -40px -40px;}
.grid2 > .box {width:50%; padding:0 40px 40px; }
.grid3 {margin:40px -15px -15px;}
.grid3 > .box {width:33.333%; padding: 0 15px 15px;}
.board_type01 h2 {display:inline-block; padding:0 10px 5px; font-size:20px; color:#000000; font-weight:500; border-bottom:2px solid #000000;}
.board_type01 h2 a {display:block; cursor:default;}
.board_type01 .btn_more {position:absolute; top:13px; right:40px;  overflow:hidden; width:17px; height:17px; text-indent:-300px; background:url('../images/main/icon_plus.png') no-repeat center; background-size:cover;}
.board_type01 .list {margin-top:6px; text-align:left;}
.board_type01 .list li {position:relative; padding:18px 0;}
.board_type01 .list li+li {border-top:1px solid #e6e6ed;}
.board_type01 .list a {display:block; overflow:hidden; padding:0 10px; font-size:16px; color:#010101; font-weight:400; margin-right:100px; text-overflow:ellipsis; white-space:nowrap;}
.board_type01 .list .date {position:absolute; top:18px; right:8px; font-size:14px; color:#999999; letter-spacing:0;}

/* 2022-03-08 수정 */
#section02 .inwrap {width:100%; min-width:320px; max-width:1540px; margin:auto;  padding:70px 0;}
#section02 .title {position:relative; float:left; width:255px; color:#fff;}
#section02 h2 {font-size:28px;}
#section02 .stxt {margin:19px 0 18px; font-size:18px; color:rgba(255,255,255,0.7); line-height:1.27;}
#section02 .swiper-wrapper .swiper-slide {width:20%;}
#section02 .swiper-slide {width:80px; text-align:center;}
#section02 .img_wrap {}

/*
#section02 .swiper-button-prev,
#section02 .swiper-button-next {display:inline-block; position:relative; width:32px; height:18px; margin-top:-3px; background:no-repeat center; background-size: 32px 6px;}
#section02 .swiper-button-prev {left:auto; background-image:url('../images/main/btn_prev.png');}
#section02 .swiper-button-next {right:auto; background-image:url('../images/main/btn_next.png');}
#section02 .swiper-button-next:after,
#section02 .swiper-button-prev:after {display:none;}
#section02 .swiper-controls {}
#section02 .swiper-controls * {vertical-align:middle; margin-right:30px;}
#section02 .swiper-controls .swiper-button-playpause {display:inline-block; width:12px; height:18px; background:url('../images/main/icon_pause.png') no-repeat center; cursor:pointer;}
#section02 .swiper-controls .swiper-button-playpause.on {background-image:url('../images/main/icon_play.png'); }
*/


#section03 {text-align:left;}
#section03 .mtitle {margin-bottom:12px; text-align:left;}
#section03.board_type01 .list {margin-top:0;}
#section03 .btn_more {right:15px;}

#section04 .wrap {display:block;}
#section04 .mobile_wrap {display:none;}
#section04 {overflow:hidden; min-width:320px; max-width:1280px; margin:auto;}
#section04 .box {overflow:hidden; float:left;}
#section04 img {width:100%;}
#section04 .box.s01 {width:36.875%;}
#section04 .box.s02 {width:31.5625%; padding-left:1px;}
#section04 .box.s02 a+a {margin-top:1px;}
#section04 .box.s03 {width:31.5625%; padding-left:1px;}
#section04 .box.s03 a+a {margin-top:1px;}
#section04 a {display:block;}
#section04 .half {float:left; width:50%;}


.swiper-title-wrap {position:relative; width:95%; min-width:320px; max-width:1680px; margin: 50px auto -30px; }
.swiper-title-wrap h2 {font-size:20px;font-weight: 500;}

#fbanner,
#fbanner2 {position:relative; width:95%; min-width:320px; max-width:1680px; margin:50px auto 40px;padding-left:230px;}
#fbanner2 {margin-bottom: 15vh;}
#fbanner .swiper-button-prev,
#fbanner .swiper-button-next,
#fbanner2 .swiper-button-prev,
#fbanner2 .swiper-button-next {width:32px; height:18px; background:no-repeat 0 center; background-size: 32px 6px;}
#fbanner .swiper-button-prev,
#fbanner2 .swiper-button-prev {left:0; margin-top:-9px; background-image:url('../images/main/btn_prev_gray.png');}
#fbanner .swiper-button-next,
#fbanner2 .swiper-button-next {right:0; margin-top:-9px; background-image:url('../images/main/btn_next_gray.png');}
#fbanner .swiper-controls,
#fbanner2 .swiper-controls {position:absolute; top:15px; left:0; z-index:10; width:150px; margin-bottom:52px; text-align:center;}
#fbanner .swiper-controls *,
#fbanner2 .swiper-controls * {vertical-align:middle;}
#fbanner .swiper-controls .swiper-button-playpause,
#fbanner2 .swiper-controls .swiper-button-playpause {display:inline-block; width:12px; height:18px; background-image:url('../images/main/icon_pause_gray.png'); cursor:pointer;}
#fbanner .swiper-controls .swiper-button-playpause.on,
#fbanner2 .swiper-controls .swiper-button-playpause.on {background-image:url('../images/main/icon_play_gray.png'); }

@media all and (max-width: 1400px){		
	#main_visual01 .txt_t01 {padding-left:30px;}
	#main_visual01 .swiper-controls {left:30px; right:auto;}
	
	
	#main_visual02 .swiper-slide .box {padding-left:30px;}
	#main_visual02 .swiper-controls {left:30px; right:auto;}
}

@media all and (max-width:1260px) {	
}
@media all and (max-width: 1100px){
	.visual_area {padding-top:0;}
	.main_visual {width:100%;}
	.main_visual .swiper-slide {height:auto; min-height:auto; padding-bottom:62.65%;}
	.main_visual .swiper-pagination {display:block;}
	.main_visual .swiper-controls {display:none;}
	
	#main_visual01 {text-align:left;}
	

	.board_type01 {width:100%;}
	.board_type01 .inwrap {position:relative; height:350px; padding:0;}
	.board_type01 .box {position:static; display:inline-block; width:50%;}
	.board_type01 .box+.box {padding-left:1px;}
	.board_type01 h2 {display:block; padding-bottom:2px; font-size:15px; line-height:47px; font-weight:bold; text-align:center; border-bottom:2px solid #cccccc}
	.board_type01 h2 a {cursor:pointer;}
	.board_type01 .box.on h2 {border-color:#000000;}
	.board_type01 .box > div {display:none; position:absolute; top:52px; left:0; width:100%;}
	.board_type01 .box.on > div {display:block;} 
	/*
	.board_type01 .list li {padding:15px 30px;}
	.board_type01 .list a {font-size:15px;}
	*/
	/* .board_type01 .list .date {position:static; display:block; margin-top:15px; font-size:14px;}*/
	
	.grid2 {margin:0}
	.grid2 > .box {width:50%; padding:0;}
	.grid3 {margin:0;}
	.grid3 > .box {width:33.333%; padding:0;}

	.board_type01 .btn_more {display:none;}

	#section03.board_type01 .inwrap {height:350px;}

	#fbanner, #fbanner2,.swiper-title-wrap {display:none;}
	
}

@media all and (max-width: 767.88px){
	#main_visual01 {text-align:left;}
	#main_visual01 .txt_t01 {width:auto; padding-top:91;}
	#main_visual01 .t01 {font-size:10px;}
	#main_visual01 .t02 {margin-top:3px; font-size:25px;}
	#main_visual01 .t03 {margin-top:3px; font-size:20px;}
	#main_visual01 .t04 {margin-top:3px; font-size:20px;}
	/*
	#main_visual01 .t03 {font-size:28px; font-weight:bold;}
	*/
	#main_visual01 dl {display:none; margin-top:8px;}
	#main_visual01 dt {font-size:15px; width:55px;}
	#main_visual01 dd {font-size:15px;}

	#main_visual02 {margin-top:0;}
	#main_visual02 .txt_t02 {bottom:0; width:auto; padding:30px 15px 40px; text-align:left}
	#main_visual02 .t01 {font-size:18px;}
	#main_visual02 .txt_t02 .t02 {font-size:18px;}


	.main_visual .pager {left:15px;}
	#main_visual01 .txt_t01 {width:auto; padding-top:76px;}
	#main_visual01 .t01 {display:none;}
	#main_visual01 dl {display:none;}
	#main_visual01 dt {font-size:13px;}
	#main_visual01 dd {font-size:13px;}

	#main_visual01 .txt_t01 {padding-left:15px; padding-top:76px;} 
	#main_visual02 .swiper-slide .box {padding-left:15px;}

	/*
	.board_type01 .list li {padding:15px;}
	*/
	
	#section02 .inwrap {width:auto; padding:40px 0 45px;}
	#section02 h2 {font-size:24px;}
	#section02 .stxt {margin:10px 0 30px; font-size:12px;}
	#section02 .title {float:none; width:auto; text-align:center;}
	#section02 .title br {display:none;}
	#section02 img {width:40px;}
	#activity_swiper .swiper-container {padding:0 10px;}	
	#activity_swiper .swiper-container {width:100%; margin:0;}
	#activity_swiper .swiper-controls {position:absolute; top:203px; left:0; right:0;}

	
	#section04 .mobile_wrap {display:block;}
	#section04 .pc_wrap {display:none;}
	#section04 .box {width:100% !important;}
	#section04 a {width:100%;}

}

.swiper-button-prev:after,
.swiper-button-next:after {display:none;}


/* 리뉴얼 css */

.n_m2d_renewal{
	padding: 10vh 40px;
	background: url('../images/main/renewal/all-board-bg.jpg') no-repeat center center;
	background-size: cover;
}
.n_m2d_inwrap{
	max-width: 1700px;
	margin: 0 auto;
}
.all-board-wrapper{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.all-board-container{
	display: flex;
	gap: 40px;
}
.board-container{
	width: calc(50% - 25px);
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.board-container.photo-news-container{
	overflow: hidden;
}

.all-board-title-box{
	margin-bottom: 60px;
}
.all-board-main-title{
	font-size: 52px;
	font-weight: 600;
	margin-bottom: 12px;
	text-align: center;
}
.all-board-main-title span{
	color: #608BC1;
}
.all-board-sub-title{
	font-size: 22px;
	color: #777777;
	font-weight: 200;
}

/* 공지사항 스타일 */
.board-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 12px 0;
}

.board-title h3 {
    margin: 0;
	font-size: 26px;
	color: #555555;
	font-weight: 500;
}

.more_link {
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

.more_link:hover {
    text-decoration: underline;
}

.notice-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.notice-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    gap: 12px;
	padding: 12px 0;
}

.category-tag {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
	color: #0A5EB0;
	border: 1px solid #0A5EB0;
}

/* 외부공지 스타일 */

.notice-item.external-notice .category-tag.external-tag {
	border: 1px solid #ff8f4e;
	color: #ff8f4e;
}


.notice-title {
    flex: 1;
    font-size: 20px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #666;
	font-weight: 400;
}

.notice-date {
    color: #999;
    font-size: 18px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* 포토뉴스 Swiper 스타일 */
.photo-news-swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
	border-radius: 10px !important;
	overflow: hidden;
}

.photo-news-swiper-container .swiper-slide {
    width: 100% !important;
	height: auto;
}

.photo-news-swiper-container .dv2 {
    width: 100%;
	height: 100%;
	max-height: 400px;
	display: block;
}
.photo-news-swiper-container .dv2::before{
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, transparent 50%, #00000073 100%);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
}
.photo-news-swiper-container .dv2 a{
	display: block;
	width: 100%;
	height: 100%;
}
.photo-news-swiper-container .dv2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.photo-news-swiper-container .w1 {
    position: relative;
    display: block;
}

.photo-news-swiper-container .w1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.photo-news-swiper-container .w2{
	position: absolute;
	bottom: 50px;
	left: 40px;
	display: flex;
	flex-direction: column;
	gap:16px;
}
.photo-news-swiper-container .w2 .elip2{
	font-size: 32px;
	color: #fff;
	font-weight: 500;
}
.photo-news-swiper-container .w2 a span{
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	border-bottom: 1px solid #fff;
}

.photo-news-pagination {
    position: absolute;
    bottom: 20px !important;
    left: 50%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.photo-news-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
	margin: 0;
}

.photo-news-pagination .swiper-pagination-bullet-active {
    background: #fff;
    transform: scale(1.1);
}

/* 기존 스타일과의 호환성을 위한 조정 */
.photo-news-swiper-container .list-container {
    display: none;
}
.list-container{
	margin-left: 8px;
}

/* 서비스 영역 스타일 */

.service-item-container{
	display: flex;
	justify-content: space-between;
	padding: 0 40px;
}
.service-item .service-link{
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
	position: relative;
}
.service-item .txt{
	font-size: 20px;
	color: #39679F;
	font-weight: 400;
}
.service-item .img_wrap::after{
	content: '';
	width: 60px;
	height: 60px;
	border-radius: 9999px;
	background-color: #F0F7FF;
	opacity: 0;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: -1;
	transition: .3s;
}
.service-link:hover .img_wrap::after{
	opacity: 1;
	scale: 1.2;
	left: -20%;
}

/* 인사이트 섹션 */
.insight-section{
	padding: 10vh 40px;
	background: url('../images/main/renewal/all-board-bg-2.jpg') no-repeat center center;
	background-size: cover;
	
}

.insight-board-container{
	background-color: #fff;
	padding: 16px 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.gallery-list-container{
	display: flex;
	justify-content: flex-start;
	gap: 12px;
	margin: 0;
}
.gallery-item{
	width: 25%;
	max-height: 260px;
	border: 4px solid #fff;
	overflow: hidden;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	background-color: #c2c2c2;
}
.gallery-item a{
	width: 100%;
	height: 100%;
	display: block;
}
.gallery-item img{
	width: 100%;
	height: 100%;
	/* object-fit: fill; */
}
.ceo-insight-container{
	height: 100%;
}
.ceo-insight-item{
	width: 33.333%;
	height: 100%;
}


/* 유튜브 섹션 */
.youtube-section{
	padding: 15vh 40px;
	background: url('../images/main/renewal/youtube-section-bg.jpg') no-repeat bottom 80% center;
	background-size: contain;
}
.youtube-title-box{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
}
.youtube-item-container{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.youtube-item{
	display: flex;
	justify-content: space-between;
	padding: 40px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	/* max-height: 380px; */
	height: 100%;
	gap: 4vh;
}
.youtube-item:first-child{
	background-color: #F8EEFF;
}
.youtube-item:last-child{
	background-color: #F1F9FF;
}

.youtube-item-title{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1 0 auto;
	gap: 4vh;
	width: 20%;
}
.youtube-item-title h2{
	font-size: 44px;
	font-weight: 600;
	color: #444444;
}
.youtube-item-btn{
	display: flex;
	gap: 4px;
	color: #7D7D7D;
}
.youtube-item-btn p{
	font-size: 24px;
	font-weight: 400;
}
.youtube-item-btn span{
	border:1px solid #7D7D7D;
	border-radius: 9999px;
	width: 30px;
	height: 30px;
	font-weight: 400;
	color: #7D7D7D;
}

.youtube-item-img{
	display: flex;
	gap: 20px;
	width: 100%;
	height: auto;
	justify-content: flex-end;
}
.youtube-item-img a{
	width: auto;
	height: 100%;
	display: block;
	border-radius: 10px;
	overflow: hidden;
}
.youtube-item-img img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
/* 2022-03-10 추가 */
@media all and (max-width: 1100px){ 
	.nokr .n_m1d_m_inwrap {padding : 85px 14px 87px 14px;}
	.nokr .n_m1d_m_inwrap h2 {
.service-item a .txt{
	font-size: 18px;
	font-weight: 400;
}
		font-size: 42px;
		line-height: 52px;
		margin-bottom: 50px;
		text-align: center;
	}
	.nokr .board_type01.n_m2d_m.nokr {display: none;}
	.nokr .n_m1d_m_inwrap ul {max-width: 620px;}
	.nokr .n_m1d_m_inwrap ul li {
		width: 50%;
		padding: 0 1%;
	}
	/* 2022-05 추가 */
	.nokr .n_m1d_m_inwrap ul li {display: none;}
	.nokr .n_m1d_m_inwrap ul li.mdp {display: block;}
	.nokr #section02 .title {width: 255px;}
	
}
@media all and (max-width: 767.88px){
	.nokr .n_m1d_m_inwrap ul {width: 80%;}
	.nokr #section02 h2 {font-size: 28px;}
	.nokr #section02 .stxt {
		font-size: 16px; 
		margin: 10px 0 50px;
	}
	.nokr #section02 .title {width: auto;}
}
@media all and (max-width: 550px){
	.nokr .n_m1d_m_inwrap h2 {
		font-size: 36px;
		line-height: 46px;
	}
	.nokr .n_m1d_m_inwrap ul {width: 100%;}
	.nokr #section02 img {width: 55px;}
	.nokr #section02 .txt {font-size: 16px;}
	.nokr #section02 .swiper-wrapper {flex-wrap: wrap;}
	.nokr #section02 .swiper-wrapper .swiper-slide {width: 50%;}
	.nokr #section02 .swiper-wrapper .swiper-slide {margin-bottom: 50px;}
}
@media all and (max-width: 414px){
	.nokr .n_m1d_m_inwrap h2 {
		font-size: 28px;
		line-height: 36px;
	}
}
@media all and (max-width: 375px){ 
	.nokr .n_m1d_m_inwrap ul li {
		width:90%;
		margin: 0 auto 20px;
		padding: 1% 0;
		float: none;
	}
	.nokr .swiper-wrapper {
		flex-wrap: wrap;
		justify-content: center;
	}
	.nokr #section02 .inwrap {padding: 57px 0 35px;}
}

/* Main Slide Styles */
.main-slide-container {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url('../images/main/renewal/slide-pattern.jpg') no-repeat center center;
	background-size: cover;
}

.main-slide-swiper {
	width: 100%;
	height: 100%;
	padding: 6vh 5vw ;
	position: relative;
}

.main-slide {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.main-slide-content {
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10vw;
	z-index: 2;
}
.main-slide-img{
	width: 100%;
	max-width:45vw;
	height: 100%;
	flex: 1 0 auto;
	border-radius: 10px;
	overflow: hidden;
}
.main-slide-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main-slide-text {
	text-align: left;
	color: #333;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.main-slide-text-box{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.main-slide-title {
	font-size: 48px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 0;
	/* color: #ffffff; */
	/* text-shadow: 0 4px 8px rgba(0,0,0,0.3); */
}

.main-subtitle {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0;
	letter-spacing: 0;
	color: #555;
}

.main-slide-btn {
	display: inline-block;
	padding: 16px 16px;
	border-bottom: 1px solid #333;
	color: #333;
	text-decoration: none;
	font-size: 24px;
	font-weight: 500;
	transition: all 0.3s ease;
	align-self: flex-start;
}
.main-slide-btn:hover {
	border-bottom: 1px solid transparent;
	background-color: #00000029;
}

/* Swiper 네비게이션 스타일 */
.main-slide-nav-container {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	height: auto;
	/* padding: 12px; */
}

.main-slide-pagination {
	position: unset !important;
	width: auto !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 12px 0;
}

.main-slide-pagination .swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
	background: #c7c7c7 !important;
	border: none !important;
	border-radius: 50% !important;
	transition: all 0.3s ease !important;
	margin: 0 !important;
	opacity: 1 !important;
}

.main-slide-pagination .swiper-pagination-bullet-active {
	background: #333 !important;
	transform: none !important;
}

.main-slide-button-prev,
.main-slide-button-next {
	position: relative !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #333 !important;
	transition: all 0.3s ease !important;
	margin: 0 !important;
	left: 0 !important;
	right: 0 !important;
}

.main-slide-button-prev:hover,
.main-slide-button-next:hover {
	background: rgba(255, 255, 255, 0.1) !important;
}

.main-slide-button-prev span:after,
.main-slide-button-next span:after {
	content: '';
	width: 8px !important;
	height: 8px !important;
	border-left: 2px solid #333 !important;
	border-bottom: 2px solid #333 !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.main-slide-button-prev span:after {
	transform: translate(-50%, -50%) rotate(45deg) !important;
}

.main-slide-button-next span:after {
	transform: translate(-50%, -50%) rotate(-135deg) !important;
}


/* 애니메이션 */
@keyframes pulse {
	0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
	50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.05); }
}

@keyframes float {
	0%, 100% { transform: translateY(0px); }
	50% { transform: translateY(-20px); }
}

@keyframes techGlow {
	0%, 100% { opacity: 0.6; }
	50% { opacity: 1; }
}

/* 반응형 디자인 */


/* 반응형에서 CEO 인사이트 4번째 아이템 숨기기 */
.ceo-insight-item:nth-child(4){
	display: none;
}
.main-slide-mo{
	display: none;
}

@media (max-width: 1640px) {

	.youtube-item{
		flex-direction: column;
		height: auto;
		max-height: none;
		gap: 40px;
	}
	.youtube-item-title{
		flex-direction: row;
		width: 100%;
	}
	.youtube-item-img{
		height: auto;
	}
	.youtube-item-img a{
		width: 100%;
	}
	.youtube-item-img img, .youtube-item-btn img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.youtube-item-btn p{
		display: none;
	}
	.youtube-item-btn{
		width: 70px;
		height: 70px;
	}

	.main-slide-swiper{
		padding: 3vh 4vw 5vh;
	}
	.main-slide-content{
		gap: 1vw;
	}
	.main-slide-title{
		font-size: 40px;
	}
}

@media (max-width: 1200px) {

	.main-slide-title {
		font-size: 2rem;
	}
	.main-slide-container{
		height: auto;
	}
	.main-slide-swiper{
		padding: 4vh 40px ;
		height: auto;
		display: flex;
		flex-direction: column;
		gap: 50px;
	}
	.main-slide-content{
		flex-direction: column-reverse;
		gap: 4vh;
	}
	.main-slide-text{
		gap: 20px;
		width: 100%;
	}
	.main-slide-text-box{
		gap: 12px;
	}
	.main-slide-btn{
		padding: 16px;
		font-size: 18px;
	}
	.main-slide-img{
		max-width: 100%;
		height: auto;
	}
	.main-slide-nav-container{
		display: none;
	}
	.all-board-wrapper{
		gap: 20px;
	}
	.all-board-container, .youtube-item{
		flex-direction: column;
		gap: 20px;
	}
	.youtube-item-img{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.board-container{
		width: 100%;
	}
	.all-board-title-box{
		margin-bottom: 40px;
	}
	.all-board-main-title h3{
		font-size: 40px;
	}
	.youtube-section{
		padding: 10vh 20px;
	}
	.youtube-item-title{
		gap: 20px;
	}
	.youtube-item{
		height: auto;
		max-height: none;
		gap: 40px;
		padding: 40px 30px;
	}
	.youtube-item-title h2{
		font-size: 44px;
	}
	.youtube-item-btn{
		width: 50px;
		height: 50px;
	}
	.nav-utility,  .nav-logo{
		display: none;
	}
	.ceo-insight-item:nth-child(4){
		display: block;
	}
}

@media (max-width: 768px) {

	.n_m2d_renewal, .insight-section, .youtube-section{
		padding: 8vh 20px;
	}
	.main-slide-swiper{
		padding: 3vh 20px 5vh;
	}
	.main-slide-container,.main-slide{
		height: auto;
	}

	.main-slide-title {
		font-size: 2rem;
	}
	.main-subtitle{
		font-size: 18px;
	}
	.main-slide-btn{
		padding: 16px;
		font-size: 20px;
	}
	.main-slide-subtitle {
		font-size: 1.2rem;
	}
	
	.main-slide-info {
		font-size: 1rem;
	}
	
	.youtube-title-box img{
		width: 30px;
	}
	.youtube-item{
		padding: 30px 20px;
	}
	.youtube-item-title h2{
		font-size: 24px;
	}
	.youtube-item-btn{
		width: 40px;
		height: 40px;
	}
	.all-board-container{
		gap: 20px;
	}
	.all-board-main-title h3{
		font-size: 28px;
	}
	.board-title{
		padding: 4px 0;
	}
	.board-title h3{
		font-size: 20px;
	}
	.board-title a{
		width: 30px;
	}
	.list-container{
		margin: 0;
	}
	.category-tag{
		font-size: 12px;
		padding: 6px;
	}
	.notice-item a{
		padding: 10px 0;
	}
	.notice-title{
		font-size: 18px;
	}
	.notice-date{
		font-size: 14px;
	}

	.service-item-container{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}
	.service-item .service-link{
		gap: 8px;
	}
	#section02 img{
		width: 50px;
	}

	.service-item .img_wrap::after{
		display: none;
	}

}
@media (max-width: 600px) {
	.n_m2d_renewal, .insight-section, .youtube-section{
		padding: 8vh 10px;
	}
	.board-container{
		padding: 16px;
	}
	.gallery-list-container{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.gallery-item{
		width: 100%;
		/* height: 200px; */
	}
	.photo-news-swiper-container .w2{
		left: 30px;
	}
	.photo-news-swiper-container .w2 .elip2{
		font-size: 24px;
	}
	.notice-title{
		font-size: 14px;
	}

	.main-slide-swiper{
		padding: 3vh 20px;
	}
	.main-slide-content{
		gap: 20px;
	}
	.main-slide-text {
		/* max-width: 300px; */
		gap: 1rem;
		flex: 1 0 auto;
	}
	.main-slide-img {
        max-width: 100%;
        height: 300px;
        overflow: hidden;
        flex: unset;
    }
	.main-subtitle{
		font-size: 14px;
	}
	.main-slide-btn{
		padding: 12px;
		font-size: 16px;
	}
	.main-slide-nav-container{
		display: none;
	}
}

@media (max-width: 480px) {
	.main-slide-title {
		font-size: 1.5rem;
	}
	
	.main-slide-subtitle {
		font-size: 1rem;
	}
	
	.main-slide-info {
		font-size: 0.9rem;
	}
	
	.main-slide-btn {
		padding: 10px 10px;
		font-size: 0.9rem;
	}
}