@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2022-08-08
******************************************************** */
#grid{display: none;}
/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and ( min-width: 1281px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}

@media all and (min-width:1281px){
	.main-page #header{transform:translateY(calc(-1 * var(--header-height)))}
	.main-page.active #header{transform:translateY(0)}
}
#rightBar{transform:translateX(6rem);}
.active #rightBar,
.sub-page #rightBar{transform:translateX(0rem)}

/* ******************  메인 비주얼 ********************** */
#mainVisual{width:100%; max-width:1670px; position:relative; margin-top:calc(var(--header-height) + 4rem);}
.main-visual-con-wrap{position: relative;}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
	 overflow:visible;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1; height:70rem;}
.main-visual-con .slick-list{margin:0 -2.5rem;}
.main-visual-con .slick-list .slick-slide{margin:0 2.5rem;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative; /* border-radius:0 20rem 0 0; */ overflow:hidden; transition:var(--transition-custom2); transition-delay:0.5s;}
.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	transform: scale(1,1);
	transition:all 3s 0s;
}


.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item.active-item .main-visual-img{/* animation: image-zoom-out 8s 1s forwards; */transform: scale(1.05,1.05); 	transition:all 4s 1s;}
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100vw; 
	height:100%;
	z-index:1;
}
.main-visual-txt-con:before{position: absolute; content:''; width:100%; height:30rem; bottom:0; left:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.6+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.main-visual-txt-box{
	display:flex;
	align-items:flex-end;
	height:100%;
}
.main-visual-txt-inner{margin-bottom:5rem;}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2,
.main-visual-txt-box .main-visual-txt3,
.main-visual-txt-box .main-visual-more-btn{
	opacity:0; 
}
.main-visual-txt-box .main-visual-txt1{font-size:1.8rem; font-weight:600; letter-spacing:-0.02em; color:#fff; margin-bottom:2rem;}
.main-visual-txt-box .main-visual-txt1 span{color:var(--main-color2);}
.main-visual-txt-box .main-visual-txt2{font-size:4.2rem; letter-spacing:-0.02em; color:#fff; font-weight:600; margin-bottom:3rem; max-width: 104rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.25;}
.main-visual-txt-box .main-visual-txt3{font-size:1.6rem; letter-spacing:-0.02em; color:rgba(255,255,255,0.8); line-height:1.75; max-width: 104rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item.main-visual-item{border-radius:0 15rem 0 0;}
.active-item .main-visual-txt1,
.active-item .main-visual-txt2,
.active-item .main-visual-txt3,
.active-item .main-visual-more-btn{
	animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.active-item .main-visual-txt1{animation-delay:1.1s;}
.active-item .main-visual-txt2{animation-delay:1.3s;}
.active-item .main-visual-txt3{animation-delay:1.5s;}
.active-item .main-visual-more-btn{animation-delay:0.8s;}
.main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.active-item .main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.0,1.0)
	}
	to {
		transform: scale(1.08,1.08)
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/* 메인 비주얼 :: pause,play */
.main-visual-progress{position: absolute; bottom:5rem; right:5rem; width:15rem; height:15rem; z-index:99; border:5px solid rgba(255,255,255,0.4); box-sizing:border-box; border-radius:50%;}
.main-visual-progress svg{overflow: visible; position:absolute;  top:-3px; left:-3px; width:calc(15rem - 5px); height:calc(15rem - 5px); fill:none; stroke:var(--main-color2); transform:rotate(-90deg);}
.main-visual-progress svg circle{transform-origin: center; stroke: var(--main-color2); stroke-dasharray: 471; stroke-dashoffset: 0; stroke-width: 5px;}
.main-visual-progress svg circle.pause{stroke-dashoffset:471 !important;}

.main-visual-progress .slick-control-btns{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; vertical-align:top;}
.main-visual-progress .slick-control-btns button{color:#fff; vertical-align:top;}
.main-visual-progress .slick-control-btns button i{vertical-align:top; font-size:3.6rem; position:relative; top:-1px;}
.main-visual-progress .slick-control-btns .slick-play-btn{display:none;}

.main-visual-progress-bar{position: absolute; bottom:0; left:0; width:100%; height:5px; background:rgba(255,255,255,0.4); z-index:9;}
.main-visual-progress-bar span{position: absolute; content:''; width:0; height:100%; left:0; background:var(--main-color2);}

/* 메인 비주얼 :: 카운터 */
.main-visual-conuter{position:relative; z-index:11; font-size:2rem; color:#000; letter-spacing:-0.05em; width:100vw; font-weight:700; text-align:center; margin-top:4.2rem;}
.main-visual-conuter > .area{position: relative; display: inline-flex; align-items:center; justify-content:center;}
.main-visual-conuter span,
.main-visual-conuter .middle{display:inline-block; vertical-align:middle;}
.main-visual-conuter .middle{margin:0 10px}
.main-visual-conuter .middle svg{position: relative; top:-2px; width:8px; height:8px;}
.main-visual-conuter .cur-num{display: block; width:2.4rem;}
.main-visual-conuter .total-num{font-size:0.8em; font-weight:600;}

/* 메인 비주얼 :: 화살표 */
.main-visual-conuter .slick-arrow{position:absolute; top:50%;transform:translateY(-50%); border:0; cursor:pointer; z-index:9; font-size:2.4rem; color:#000;}
.main-visual-conuter .slick-arrow.slick-prev{left:-4.5rem;}
.main-visual-conuter .slick-arrow.slick-next{right:-4.5rem;}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.cm-main-tit-box{display: flex; align-items:flex-end; justify-content:space-between;}
.cm-main-tit{position: relative;}
.cm-main-tit .tit{position: relative; z-index:9; font-size:4.2rem; line-height:1.42; letter-spacing:-0.05em; color:#000; font-weight:800;}
.cm-main-tit .circle-reverse{position: absolute; content:''; width:46px; height:46px; top:0.8rem; left:-0.5rem; transform:translate(-50%, -50%); mix-blend-mode: difference;  z-index:9;}
.cm-main-tit .circle-reverse svg{width:100%; height:100%;}
.cm-main-tit .circle-reverse svg circle{fill: #fff;}
.cm-main-tit .circle{position: absolute; content:''; width:46px; height:46px; top:0.8rem; left:-0.5rem; transform:translate(-50%, -50%); z-index:1; }
.cm-main-tit .circle svg{width:100%; height:100%;}
.cm-main-tit.green .circle svg circle{fill:#7339c1;}
.cm-main-tit.blue .circle svg circle{fill:#f37637}

.cm-main-tit-box .cm-main-link{font-size:4.2rem; color:#000;	}
.cm-main-tit-box .cm-main-link span{display: flex; align-items:center; }
.cm-main-tit-box .cm-main-link em{font-size:1.6rem; line-height:1.2; letter-spacing:-0.05em; color:#000; font-weight:700; margin-right:1.2rem;}

/* 공통 :: 타이틀 오버 라인 */
@media all and (min-width:801px){
	.cm-board-line{display: inline; position: relative; background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: 100% 100%; background-size: 0% 2px; transition: background-size .4s ease, color 0.2s ease-in-out; padding-bottom: 1px;}
	.cm-board-line:hover{background-position: 0% 100%; background-size: 100% 2px;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
#mainContent1{margin-top:18rem;}
.main-board-con{border-top:2px solid #000; border-bottom:2px solid #000; margin-top:3rem;}
.main-board-list{display: flex;}
.main-board-list .list-item{position: relative; width:33.33%; padding:5rem; box-sizing:border-box;}
.main-board-list .list-item:before{position: absolute; content:''; width:1px; height:calc(100% - 10rem); top:5rem; right:0; background:#eaeaea;}
.main-board-list .list-item:nth-child(3):before{display: none;}
.main-board-list .list-item a{position: relative;}
.main-board-list .list-item a:before{position: absolute; content:''; bottom:0rem; right:0rem; width:3.6rem; height:3.6rem; background:no-repeat center; background-size:cover; background-image:url('/images/main/main_board_arrow.png'); opacity:0; transition:var(--transition-custom);}
.main-board-list .list-item .category{display: inline-block; font-size:1.5rem; line-height:1.66; letter-spacing:-0.05em; color:#7598AA; font-weight:600; background:rgba(117, 152, 170, 0.1); border-radius:0.5rem; padding:0px 0.7rem; box-sizing:border-box; margin-bottom:0.4rem;}
.main-board-list .list-item .category.board{background:rgba(12, 137, 200, 0.1); color:var(--main-color);}
.main-board-list .list-item .board-tit{font-size:2.4rem; line-height:1.5; letter-spacing:-0.02em; color:#000; font-weight:800;}
.main-board-list .list-item .board-txt{font-size:1.6rem; line-height:1.75; letter-spacing:-0.02em; color:#666; font-weight:500; margin-top:2rem;}
.main-board-list .list-item .date{font-size:1.6rem; line-height:1; letter-spacing:-0.05em; color:#aaa; font-weight:500; margin-top:5.8rem;}

.main-board-list .list-item a:hover:before{opacity:1;}
.main-board-list .list-item a:hover .cm-board-line{background-position: 0% 100%; background-size: 100% 2px;}


/* -------- 메인 컨텐츠 :: 컨텐츠2 -------- */
#mainContent2{margin-top:20rem;}
.main-gallery-con{margin-top:3rem;}
.main-gallery-list{display: flex; align-items:flex-start; justify-content:space-between;}
.main-gallery-list .list-item{width:100%}
.main-gallery-list .list-item .img-box{position: relative; width:100%;}
.main-gallery-list .list-item .img-box .img{position: relative; display: block; width:100%; height:0;}
.main-gallery-list .list-item .img-box .img img{position: absolute; width:100%; height:100%; margin:auto; top:0; left:0; bottom:0; right:0; object-fit:cover;}
.main-gallery-list .list-item .img-box .category{position: absolute; top:2rem; left:2rem; display: inline-block; font-size:1.5rem; line-height:1.66; letter-spacing:-0.05em; color:#fff; font-weight:500; background:#000; border-radius:0.5rem; padding:0px 1rem; box-sizing:border-box; z-index:9;}

.main-gallery-list .list-item a:hover .cm-board-line{background-position: 0% 100%; background-size: 100% 2px;}

.main-gallery-list .left-box{width:64.789%; max-width:920px;}
.main-gallery-list .left-box .list-item .img-box .img{padding-top:52.174%;}
.main-gallery-list .left-box .list-item .txt-box{position: relative; width:calc(100% - 3.6rem); margin-top:3rem;}
.main-gallery-list .left-box .list-item .txt-box:before{position: absolute; content:''; top:0rem; right:0rem; width:3.6rem; height:3.6rem; background:no-repeat center; background-size:cover; background-image:url('/images/main/main_board_arrow.png');}
.main-gallery-list .left-box .list-item .txt-box .tit{font-size:3.2rem; line-height:1.4375; letter-spacing:-0.02em; color:#000; font-weight:800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-gallery-list .left-box .list-item .txt-box .txt{font-size:1.6rem; line-height:1.75; letter-spacing:-0.02em; color:#666; font-weight:500; margin-top:1.5rem;}
.main-gallery-list .left-box .list-item .txt-box .date{font-size:1.6rem; line-height:1.875; letter-spacing:-0.02em; color:#aaa; font-weight:500; margin-top:0.5rem;}

.main-gallery-list .right-box{width:30.986%; max-width:440px;}
.main-gallery-list .right-box .list-item:first-child{margin-bottom:3.5rem;}
.main-gallery-list .right-box .list-item .img-box .img{padding-top:52.272%;}
.main-gallery-list .right-box .list-item .txt-box{margin-top:2rem;}
.main-gallery-list .right-box .list-item .txt-box .tit{font-size:2rem; line-height:1.4375; letter-spacing:-0.02em; color:#000; font-weight:700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-gallery-list .right-box .list-item .txt-box .date{font-size:1.6rem; line-height:1.875; letter-spacing:-0.02em; color:#aaa; font-weight:500; margin-top:0.5rem;}


/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
#mainContent3{position: relative; margin-top:14rem; padding:9rem 0 8rem;}
#mainContent3:before{position: absolute; content:''; width:61.22vw; height:100%; background:#f6f6f6; border-radius:0 15rem 0 0; top:0; left:0;}

.main-member-con{position: relative; display: flex; justify-content:space-between; margin-top:8rem;}
.main-member-left{width:35%; max-width:500px;}

.member-count-list{position: relative; border-top:2px solid #000; border-bottom:2px solid #000; margin-top:8rem;}
.member-count-list .top-list{display: flex; align-items:center; justify-content:center; border-bottom:2px solid #eee; padding:2rem 0;}
.member-count-list .top-list .list-item{width:20%; text-align:center;}
.member-count-list .top-list .list-item .num{font-size:3.2rem; line-height:1.28; letter-spacing:-0.05em; color:#000; font-weight:600;}
.member-count-list .top-list .list-item .txt{position: relative; display: inline-block; font-size:1.6rem; line-height:1.28; letter-spacing:-0.05em; color:#000; font-weight:600; padding-left:0;}
.member-count-list .top-list .list-item .txt:before{position: absolute; content: ''; width: 7px; height: 7px; background: var(--main-color); border-radius: 50%; top: 0.5rem; left: -1.2rem;}
.member-count-list .top-list .list-item:nth-child(1) .txt:before{background:#00B8EE}
.member-count-list .top-list .list-item:nth-child(2) .txt:before{background:#F3CC00}
.member-count-list .top-list .list-item:nth-child(3) .txt:before{background:#B2B5B6}
.member-count-list .top-list .list-item:nth-child(4) .txt:before{background:#6CB92D}
.member-count-list .top-list .list-item:nth-child(5) .txt:before{background:#E96E9E}

.member-count-list .bottom-list{display: flex; align-items:center; justify-content:center; padding:4rem 0;}
.member-count-list .bottom-list .list-item{width:33.33%; text-align:center;}
.member-count-list .bottom-list .list-item .num{font-size:6rem; line-height:1.28; letter-spacing:-0.05em; color:#000; font-weight:600;}
.member-count-list .bottom-list .list-item .txt{font-size:1.6rem; line-height:1.28; letter-spacing:-0.05em; color:#000; font-weight:600;}
.main-member-left .plus-link{display: flex; align-items:center; justify-content:flex-end; font-size:1.5rem; line-height:1.2; letter-spacing:-0.05em; color:#000; font-weight:700; margin-top:1rem; text-align:right;}
.main-member-left .plus-link .icon{display: block; width:2rem; height:2rem; margin-left:1rem;}
.main-member-left .plus-link .icon svg{width:100%;}

.member-count-list .bottom-list .list-item.point .num{color:var(--main-color);}
.member-count-list .bottom-list .list-item.point .txt{display: inline-block; position: relative; padding-left:1.4rem;}
.member-count-list .bottom-list .list-item.point .txt:before{position: absolute; content:''; width:7px; height:7px; background:var(--main-color); border-radius:50%; top:0.6rem; left:0;}
.member-count-list .bottom-list .list-item.point02 .num{color:var(--main-color2);}
.member-count-list .bottom-list .list-item.point02 .txt:before{background:var(--main-color2);}

.main-member-right{overflow:hidden; margin-right:-30rem; width:calc(58.451% + 30rem); padding-bottom:3rem;}
.main-member-list{/* margin-right:-4rem; */ max-width:84rem;}
.main-member-list .list-item{/* margin-right:4rem; */ box-shadow: 1rem 1rem 4rem #00000008; transition:var(--transition-custom); overflow:hidden;}
.main-member-list .list-item .img-box{}
.main-member-list .list-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:125%;}
.main-member-list .list-item .img-box span img{position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:100%; height:100%; object-fit: cover;}
.main-member-list .list-item .txt-box{position: relative; width:100%; padding:2.5rem; box-sizing:border-box; background:#fff;  transition:var(--transition-custom);}
.main-member-list .list-item .txt-box:before{position: absolute; content:''; top:2.5rem; right:2.5rem; width:2.7rem; height:2.7rem; background:no-repeat center; background-size:cover; background-image:url('/images/main/main_board_arrow.png'); opacity:0;  transition:var(--transition-custom);}
.main-member-list .list-item .txt-box:after{position: absolute; content:''; top:2.5rem; right:2.5rem; width:2.7rem; height:2.7rem; background:no-repeat center; background-size:cover; background-image:url('/images/main/main_board_arrow_w.png'); opacity:0;  transition:var(--transition-custom);}
.main-member-list .list-item .txt-box .name-en{display: block; width:calc(100% - 2.5rem); font-size:1.4rem; line-height:1.85; letter-spacing:-0.02em; color:rgba(0,0,0,0.8); font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:var(--transition-custom);}
.main-member-list .list-item .txt-box .name{font-size:2.4rem; line-height:1.16; letter-spacing:-0.05em; color:#000; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:0.5rem; transition:var(--transition-custom);}
.main-member-list .list-item .txt-box .info{font-size:1.5rem; line-height:1.73; letter-spacing:-0.05em; color:#000; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:var(--transition-custom);}

.main-member-list .slick-list{overflow:visible;}
.main-member-list .slick-list .slick-slide{margin-right:4rem;}

/* 카운터 */
.main-member-conuter{position:relative; z-index:11; font-size:2rem; color:#000; letter-spacing:-0.05em; font-weight:700; width:100%; text-align:right; margin-top:8rem;}
.main-member-conuter > .area{position: relative; display: inline-flex; align-items:center; justify-content:center; padding-right:4.5rem;}
.main-member-conuter span,
.main-member-conuter .middle{display:inline-block; vertical-align:middle;}
.main-member-conuter .middle{margin:0 10px}
.main-member-conuter .middle svg{position: relative; top:-2px; width:8px; height:8px;}
.main-member-conuter .total-num{font-size:0.8em; font-weight:600;}

/* 화살표 */
.main-member-conuter .slick-arrow{position:absolute; top:50%;transform:translateY(-50%); border:0; cursor:pointer; z-index:9; font-size:2.4rem; color:#000;}
.main-member-conuter .slick-arrow.slick-prev{left:-4.5rem;}
.main-member-conuter .slick-arrow.slick-next{right:0rem;}

/* hover */
.main-member-list .list-item:hover{box-shadow: 1rem 1rem 4rem #0000001A; border-radius:0 6rem 0 0;}
.main-member-list .list-item:hover .txt-box{background:var(--main-color);}
.main-member-list .list-item:hover .txt-box:before{opacity:0;}
.main-member-list .list-item:hover .txt-box:after{opacity:1;}
.main-member-list .list-item:hover .txt-box .name-en{color:rgba(255,255,255,0.8);}
.main-member-list .list-item:hover .txt-box .name,
.main-member-list .list-item:hover .txt-box .info{color:#fff;}


/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
#mainContent4{position: relative; padding:9.5rem 0; overflow:hidden;}
#mainContent4 .bg{position: absolute; top:0; left:0; width:100%; height:100%;}
#mainContent4 .bg img{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
#mainContent4 .area{position: relative;}

.main-program-con{display: flex; justify-content:space-between; align-items:flex-end;}
.main-program-con .main-program-tit-box{}
.main-program-con .main-program-tit-box .tit{display: flex; align-items:flex-end; margin-left:-2.8rem;}
.main-program-con .main-program-tit-box .tit em{font-size:4.2rem; line-height:0.8; letter-spacing:-0.05em; color:#fff; font-weight:600; margin-left:1rem;}
.main-program-con .main-program-tit-box .txt{font-size:1.8rem; line-height:1.55; letter-spacing:-0.02em; color:#fff; margin-top:3.6rem;}

.main-program-con .main-program-list{display: flex; flex-wrap:wrap; justify-content:space-between; max-width:55rem; width:38.733%;}
.main-program-con .main-program-list .list-item{position: relative; width:calc(50% - 0.5rem); height:0; padding-top:calc(50% - 0.5rem); margin-bottom:1rem;}
.main-program-con .main-program-list .list-item:nth-child(n+3){margin-bottom:0;}
.main-program-con .main-program-list .list-item a{position: absolute; display: flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255, 0.1); backdrop-filter: blur(15px) brightness(1.5); transition:var(--transition-custom);}
.main-program-con .main-program-list .list-item a .tit{font-size:2rem; line-height:1.5; letter-spacing:-0.02em; color:#fff; font-weight:500; margin-top:3rem;}
.main-program-con .main-program-list .list-item a .txt{font-size:1.4rem; line-height:1.5; letter-spacing:-0.05em; color:#fff; font-weight:500; padding-top:3.3rem; display: none;}
.main-program-con .main-program-list .list-item a .txt i{position: relative; top:1px; margin-left:5px;}


/* -------- 메인 컨텐츠 :: 컨텐츠5 -------- */
#mainContent5{margin-top:15rem;}
.main-public-con{display: flex; padding:14rem 0 19rem;}
.main-public-con .left-box{position: relative; width:50%; padding-right:14rem; box-sizing:border-box;}
.main-public-con .left-box:before{position: absolute; content:''; width:100vw; height:calc(100% + 33rem); right:0; top:-14rem; background:#f6f6f6; border-radius:0 15rem 0 0; z-index:-1;}
.main-public-con .right-box{position: relative; width:50%; padding-left:9rem; box-sizing:border-box;}

.main-public-con .main-report-list{display: flex; margin:3rem -2rem 0;}
.main-public-con .main-report-list .list-item{width:calc(50% - 4rem); margin:0 2rem;}
.main-public-con .main-report-list .list-item .img-box{margin-bottom:1.5rem;}
.main-public-con .main-report-list .list-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:136.363%;}
.main-public-con .main-report-list .list-item .img-box span img{position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:100%; height:100%; object-fit: cover;}
.main-public-con .main-report-list .list-item .txt{font-size:1.6rem; line-height:1.4375; letter-spacing:-0.02em; color:#000; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.main-public-con .main-youtube-list{border-top:2px solid #000; border-bottom:2px solid #000; margin-top:3rem;}
.main-public-con .main-youtube-list .list-item{border-bottom:1px solid #eee}
.main-public-con .main-youtube-list .list-item:last-child{border-bottom:0;}
.main-public-con .main-youtube-list .list-item a{display: flex; justify-content:space-between; align-items:center; padding:2.6rem 3rem; box-sizing:border-box;}
.main-public-con .main-youtube-list .list-item a .txt{font-size:2rem; line-height:1.8; letter-spacing:-0.02em; color:#000; font-weight:600; max-width:calc(100% - 3rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-public-con .main-youtube-list .list-item a .icon{width:2.8rem;}
.main-public-con .main-youtube-list .list-item a .icon svg{width:100%;}

.main-public-con .main-report-list .list-item a:hover .cm-board-line,
.main-public-con .main-youtube-list .list-item a:hover .cm-board-line{background-position: 0% 100%; background-size: 100% 2px;}