._resources{}
._resources ._small{
	font-size: 20px; font-weight: 400; letter-spacing: -0.04em;
	line-height: calc(29/20); margin-bottom: calc(20/20*1em); color: #000;
}
@media screen and (max-width: 820px) {
	._resources ._small{font-size: 18px;}
}
@media screen and (max-width: 500px) {
	._resources ._small{font-size: 16px;}
}
@media screen and (max-width: 360px) {
	._resources ._small{font-size: 14px;}
}
._resources h3{
	font-size: 48px; font-weight: 600; letter-spacing: -0.04em;
	line-height: calc(56/48); margin-bottom: calc(80/48*1em);
}
._resources h3 span{
	-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
._resources h3 small{
	font-size: 20px;
	display: block;
	margin-top: calc(20/20*1em);
	font-weight: 400;
}
._resources .swiperArea{
	display: flex; gap: 10px;margin-bottom: 180px;
}
._resources .swiperBx{width: calc(50% - 5px); position: relative;}
._resources .swiper{}
._resources .swiper-slide{}

._resources .swiperBx.thumb{}
._resources .swiperBx.thumb .swiper{}
._resources .swiperBx.thumb .swiper-slide{position: relative; overflow: hidden;}
._resources .swiperBx.thumb .swiper-slide img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}

._resources .swiperBx.thumb .swiper-slide::before {
	content:''; display: block; padding-bottom: calc(440/715*100%);
}

._resources .swiperBx.thumb .swiper-slide::after {
	content:''; display: block; position: absolute; left: 0; top: 0;
	width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);
	transition: opacity 0.5s;
}
._resources .swiperBx.thumb .swiper-slide-active::after{opacity: 0;}

/* ._resources .swiperBx.info{background


-color: var(--purple);} */

._resources .swiperBx.info{padding: 30px 0; padding-left: 90px; padding-right: 70px; box-sizing: border-box;}
._resources .swiperBx.info .swiper{position: relative; height: 100%;}
._resources .swiperBx.info .swiper-wrapper{}
._resources .swiperBx.info .swiper-slide{
	box-sizing: border-box; display: flex; align-items: center; flex-direction: column; align-items: flex-start;
	justify-content: flex-start; opacity: 0; transition: opacity 0.5s;
}
._resources .topBx{
	display: flex;
	align-items: center;
	position: relative;
	gap: 2px;
    /* right: 3px; */
}
._resources .topBx .left span{
	font-size: 13px; color: #484848;
	padding: .5em; box-sizing: border-box;display: block; border: 1px solid #cdcdcd; border-radius: 3px;
}
._resources .topBx .titBx{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
._resources .topBx p{
	font-size: 14px; letter-spacing: -0.04em; color: #7d7d7d;
}

._resources .swiperBx.info .swiper-slide .txtBx{margin-top: 25px;}
._resources .swiperBx.info .swiper-slide .txtBx > p{
	font-size: 28px; font-weight: 600; line-height: calc(39/28);letter-spacing: -0.04em;
}

._resources .swiperBx.info .swiper-slide .txtBx ._moreBtn{margin-top: 48px;width: fit-content;}
._resources .downBtn a{
	font-size: 16px; letter-spacing: -0.04em; background-color: var(--purple); color: #fff;
	padding: .6em 1em; box-sizing: border-box; border-radius: 5px;
	line-height: calc(25/16);
	display: inline-flex; align-items: center; gap: 6px;
	transition: background-color 0.3s;
}
._resources .downBtn a:hover{background-color: #00a8f0;}


._resources .swiperBx.info .swiper-slide-active{opacity: 1;}
._resources .swiperBx.info .swiper-slide svg{max-width: 115px; opacity: 0.5; margin-bottom: 20px;}
._resources .swiperBx.info .swiper-slide svg *{fill: #fff;}

._resources .swiperBx.info .controlBx{display: flex;width: 100%;position: relative;top: -25px;z-index: 11;}
._resources .swiperBx.info .controlBx .control{display: flex; align-items: center; gap: 12px;width: 100%;margin-right: 30px;}
._resources .swiperBx.info .controlBx .control .paging span{font-size: 16px;font-weight: 400;}
._resources .swiperBx.info .controlBx .control .paging span.current{color: #000;}
._resources .swiperBx.info .controlBx .control .paging span.total{color: #bdbdbd;}

._resources .swiperBx.info .controlBx .progressBar{max-width:100px;width: 100%;}
._resources .swiperBx.info .controlBx .swiper-pagination-progressbar{
	background: #c9c9c9; position: relative;}
._resources .swiperBx.info .controlBx .swiper-pagination-progressbar-fill{ position: absolute;
	left: 0; top: 0;
	max-width: 100px;width: 100%; height:2px;
	transform-origin: left top;
	background: #000;}
._resources .swiperBx.info .controlBx .swiper-pagination-progressbar.swiper-pagination-horizontal{height: 2px;}

._resources .swiperBx.info .arrowBx{
	display: flex; align-items: center; gap: 30px; color: var(--purple);
	font-size: 28px;
}
._resources .swiperBx.info .arrowBx div{cursor: pointer; opacity: 0.2;}
html.pc ._resources .swiperBx.info .arrowBx div:hover{opacity: 1;}
._resources .swiperBx.info .arrowBx div i{}

._resources .tabArea{
	margin-top: 100px; margin-bottom: 50px;
	display: flex; flex-wrap: wrap; gap: 10px;
}
._resources .tabArea div{
	font-size: 17px; color: #5c5b5e ; padding: 1.3em 2em; border-radius: 10px;
	border: 2px solid #efefef; box-sizing: border-box; cursor: pointer;
	background-color: #efefef;
	transition: background-color 0.3s,color 0.3s, border-color 0.3s;
	max-width: 150px;
    width: 100%;
    text-align: center;
}
._resources .tabArea div.on{background-color: #fff !important; color: var(--purple) !important;border-radius: 10px;border: 2px solid var(--purple);box-sizing: border-box;position: relative;}
._resources .tabArea div.on::after{content: "\e942"; display: block; position: absolute; left: 50%; bottom:-20%;font-size: 17px;color: #fff;font-family: 'xeicon';padding: .1em .5em;box-sizing: border-box;background-color: var(--purple);border-radius: 9.5px;transform: translateX(-50%);}
html.pc ._resources .tabArea div:hover{background-color: #fff; color: var(--purple); border-color: var(--purple);border: 2px solid var(--purple);}

._resources .tabArea div p{}

._resources .listArea{}
._resources .listArea .top{
	display: flex; align-items: flex-end; gap: 20px; justify-content: space-between; flex-wrap: wrap;
	margin-bottom: 14px;
}
._resources .listArea .top ._total{}
._resources .listArea .top ._searchBar{}
._resources .listArea .list{
	padding-top: 40px; border-top: 2px solid #000; box-sizing: border-box;
	display: flex; flex-wrap: wrap;
	gap: 78px 25px;
}
._resources .listArea .list li{
	width: calc(100% / 3 - (25px * 2 / 3));
	display: flex;flex-direction: column;justify-content: space-between;
}
._resources .listArea .list li a{}
._resources .listArea .list li .video_item .imgBx{position: relative; overflow: hidden;border-radius: 12px;}
._resources .listArea .list li .video_item .imgBx::before {
	content:''; display: block; padding-bottom: calc(285/462*100%);
}

._resources .listArea .list li .video_item .imgBx img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}

._resources .listArea .list li .txtBx{
	padding: 24px 0;box-sizing: border-box;
	display: flex; flex-direction: column; align-items: flex-start;
}
._resources .listArea .list li .txtBx p.desc{
	font-size: 20px; font-weight: 600; line-height: calc(29/20);
	margin-top: 1em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 호버 */
._resources .listArea .list li .video_item .imgBx img{transition: transform 1s;}
/* ._resources .listArea .list li .txtBx{transition: background-color 0.4s, color 0.4s,border-color 0.4s;} */
/* ._resources .listArea .list li .txtBx .category{transition: background-color 0.4s,color 0.4s;} */
html.pc .download_list .listArea .list li .video_item:hover .imgBx img{transform: scale(1.2);}
/* html.pc .download_list .listArea .list li:hover .txtBx{background-color: var(--purple); border-color: transparent; color: #fff;}
html.pc .download_list .listArea .list li:hover .txtBx .category{ background-color: #fff; color: var(--purple);} */


@media screen and (max-width:1600px) {
	/* 리스트 */
	._resources .listArea .list{gap: 30px 20px;}
	/* ._resources .listArea .list li{width: calc(100% / 4 - (20px * 3 / 4));} */
}
@media screen and (max-width:1440px) {

	/* 탭 */
	._resources .tabArea div{font-size: 16px;}
}
@media screen and (max-width:1280px) {
	._resources h3{font-size: max(calc(48/1280*100vw),30px);}

	/* 슬라이드 */
	._resources .swiperBx.info{padding: 20px 0; padding-left: 50px;}
	._resources .swiperBx.info .swiper-slide .txtBx > p{font-size: 22px;}
	._resources .downBtn a {font-size: 15px;}

	/* 탭 */
	._resources .tabArea div{font-size: 15px;}

	/* 리스트 */
	._resources .listArea .list li a .txtBx p.desc{font-size: clamp(18px, 18 / 1024 * 100vw, 20px);}
	._resources .listArea .list li .downBtn{margin-top: 20px;}
}
@media screen and (max-width:1024px) {
	/* 슬라이드 */
	._resources.download_list .swiperArea{margin-bottom: 0;}
	._resources .swiperArea{margin-bottom: 140px;}
	._resources .swiperBx.info{padding: unset; padding-left: 30px;}
	._resources .swiperBx.info .swiper-slide .txtBx > p{font-size: 18px;}
	._resources .downBtn a {font-size: 14px;}

	._resources .swiperBx.info .arrowBx{font-size: 24px; gap: 20px;}

	/* 리스트 */
	._resources .listArea .list li{width: calc(100% / 2 - ( 20px * 1 / 2 ));}
	._resources .listArea .list li a .txtBx p.desc{font-size: clamp(16px, 16 / 820 * 100vw, 18px);}
}
@media screen and (max-width:820px) {
	._resources h3{font-size: max(calc(30/820*100vw),22px);}
	._resources h3 small{font-size: 18px;}

	/* 슬라이드 */
	._resources .swiperArea{flex-direction: column;}
	._resources .swiperBx{width: 100%;}
	._resources.video_list .swiperBx.video .swiper-slide iframe {
		pointer-events: none;
	}
	._resources .swiperBx.info{background-color: transparent; padding-top: 20px;padding-left: 0;}
	._resources .swiperBx.info .controlBx{position: unset;margin-top: 20px;}
	._resources .swiperBx.info .arrowBx{font-size: 20px; gap: 15px;}
	._resources .downBtn a {font-size: 13px;}

	/* 카테고리 */
	._resources .tabArea div{font-size: 13px; max-width: 100px; width: 100%; padding: 1.3em 1em;}
	._resources .tabArea div.on::after{font-size: 16px;}

	/* 리스트 */
	._resources .listArea .list{padding-top: 30px;}
	._resources .listArea .list li{width: calc(100% / 2 - ( 20px * 1 / 2 ));}
}
@media screen and (max-width:500px) {
	._resources h3{margin-bottom: 20px;}
	._resources h3 small{font-size: 16px;}

	/* 슬라이드 */
	._resources .swiperArea{gap: 6px;}
	/* ._resources .swiperBx.info .swiper-slide{padding: 20px 16px;} */
	._resources .swiperBx.info .swiper-slide .txtBx > p{font-size: 17px;}
	/* ._resources .topBx .left span,._resources .topBx p{font-size: 12px;} */
	._resources .swiperBx.info .arrowBx{font-size: 18px; gap: 10px;}
	._resources .downBtn a {font-size: 13px;}
	._resources .swiperBx.info .controlBx .control .paging span{font-size: 14px;}

	/* 카테고리 */
	._resources .tabArea{gap: 4px; margin-top: 60px;}
	._resources .tabArea div{font-size: 14px; padding: 8px 14px; width: calc(50% - 2px);max-width: unset;}
	._resources .tabArea div.on::after{display: none;}

	/* 리스트 */
	._resources .listArea .top{flex-direction: column; gap: 10px;}
	._resources .listArea .list{gap: 30px 10px;}
	._resources .listArea .list li{width: 100%;}
	._resources .listArea .list li a .txtBx{padding: 10px 8px; margin-bottom: 14px;}
	._resources .listArea .list li a .txtBx p.desc{margin-top: 8px;}
	._resources .listArea .list li a .txtBx .category{font-size: 10px;}
}
@media screen and (max-width:360px) {
	._resources h3 small{font-size: 14px;}
}
@media screen and (max-width:320px) {}


/* 다운로드 팝업 */
.popupBx{
	width: 100%;height: 100dvh;
	background-color: rgba(0,0,0,0.85);
	position: fixed; left: 0; top: 0;
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	overflow-y: auto;
	box-sizing: border-box;
}
.popupBx .inner{
	max-width: 1520px;
	width: 95%;
	height: 100%;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 80px 0;box-sizing: border-box;
}
.popupBx .inner .close{font-size: 32px;cursor: pointer;
	display: flex; align-items: center; justify-content: flex-end;
	color: #fff;
}
.popupBx .inner .cont{width: 100%;padding-bottom: 40px;}
.popupBx .inner .cont .tit{text-align: center;}
.popupBx .inner .cont .tit span{
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.04em;
	color: #cfb3ff;
}
.popupBx .inner .cont .tit p{
	font-size: 39px;
	font-weight: 600;
	letter-spacing: -0.04em;
	color: #fff;
	margin-top: 20px;
	line-height: 1.3;
}

.popupBx .inner .cont .formBx{
	width: 100%;max-width: 1000px;
	margin: 0 auto;
	margin-top: 60px;
	padding-bottom: 45px;
}
.popupBx .inner .cont .formBx .row{display: flex; gap: 50px;margin-bottom: 30px;width: 100%;}
.popupBx .inner .cont .formBx .row:last-child{margin-bottom: 0;}
.popupBx .inner .cont .formBx .row label{display: flex; flex-direction: column; gap: 10px;width: 100%;}
.popupBx .inner .cont .formBx .row span{font-size: 17px;font-weight: 600;letter-spacing: -0.04em;color: #fff;}
.popupBx .inner .cont .formBx .row span em{color: #cfb3ff; display: inline-block; padding-left: 3px;}
.popupBx .inner .cont .formBx .row label input{padding: .8em 1.2em;border-radius: 5px;border: none;font-size: 16px;color: #9a9a9a;}
.popupBx .inner .cont .formBx .row label input::placeholder{color: #9a9a9a;}

.popupBx .inner .cont .formBx .row > div .selectBox {position: relative;cursor: pointer;}
.popupBx .inner .cont .formBx .row > div .selectBox input {
    width: 100%;
	padding: .8em 1.2em;
    box-sizing: border-box;
    background-color: #fff;
    border: none;
    color: #9a9a9a;
    font-size: 16px;
    font-weight: 400;
	border-radius: 5px;
    cursor: pointer;
}

.popupBx .inner .cont .formBx .row > div {display: flex;flex-direction: column;gap: 10px;width: 100%;}

.popupBx .inner .cont .formBx .row > div .selectBox i {display: flex; align-items: center; justify-content: center; font-size: 20px; transition: .4s;position: absolute;top: 25%;right: 4%;color: #000;}

.popupBx .inner .cont .formBx .row .selectBox.active i {transform: scaleY(-1);}
.popupBx .inner .cont .formBx .row .selectBox .optWrap {position: absolute; left: 0; top: 100%; padding-bottom: 10px; width: 100%; text-align: center; cursor: pointer; padding-top: 2px; display: none;}
.popupBx .inner .cont .formBx .row .selectBox .optWrap ul {max-height: 200px; overflow-y: auto;  width: 100%; background: #fff;border-radius: calc(7/16*1em);position: relative;z-index: 2;}

.popupBx .inner .cont .formBx .row .selectBox .optWrap ul::-webkit-scrollbar {width: 8px;}
.popupBx .inner .cont .formBx .row .selectBox .optWrap ul::-webkit-scrollbar-thumb {background: #2f3542; border-radius: 10px;}
.popupBx .inner .cont .formBx .row .selectBox .optWrap ul li span {font-size: calc(14/16*1em); padding: calc(11/14*1em) 0; width: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .4s;color: #9a9a9a;}
.popupBx .inner .cont .formBx .row .selectBox .optWrap ul li:hover span {background: #ddd;}

.popupBx .inner .cont .line{width: 100%; max-width: 1024px; height: 1px; background: #424242; margin: 0 auto;}


.popupBx .inner .cont .agreeBx {width: 100%;max-width: 1000px;margin: 0 auto;padding-top: 30px;box-sizing: border-box;display: flex; flex-direction: column; gap: 10px;}
.popupBx .inner .cont .agreeBx .agree input{display: none;}
.popupBx .inner .cont .agreeBx .agree .radio_pill {display: flex;gap: 14px;align-items: flex-start; color: #fff;}
.popupBx .inner .cont .agreeBx .agree .radio_pill > div{
	display: flex; gap: 4px; align-items: center; flex-wrap: wrap;
}
.popupBx .inner .cont .agreeBx .agree .radio_pill > div a{font-size: 12px; }
.popupBx .inner .cont .agreeBx .agree i {font-size: 18px;color: #fff;line-height: 1.3; transform: translateY(-1.5px);}
.popupBx .inner .cont .agreeBx .agree span {font-size: 16px;font-weight: 400;color: #fff;line-height: 1.3; letter-spacing: -0.04em;}
#personal:checked + .radio_pill i::before {content: "\e92e";color: #fff;}
#marketing:checked + .radio_pill i::before {content: "\e92e";color: #fff;}

.popupBx .inner .cont .agreeBx .agree .txtBx{margin-top: 10px;}
.popupBx .inner .cont .agreeBx .agree .txtBx p{
	font-size: 16px;
	font-weight: 400;
	color: #c5c5c5;
	line-height: calc(24/16);
	letter-spacing: -0.04em;
	background-color: #484848;
	max-width: 486px;
	width: 100%;
	padding: 1em 1.2em;
	box-sizing: border-box;
	border-radius: 5px;
	margin-left: 20px;
}

.popupBx .inner .cont .submitBtn{margin-top: 30px;max-width: 180px;width: 100%;margin: 0 auto;padding-top: 50px;padding-bottom: 50px;}
.popupBx .inner .cont .submitBtn > *{
	/* background-color: var(--purple); */
	background-image: linear-gradient(to right, #1665c5, var(--purple));
	color: #fff;
	padding: 1em 1.2em;
	box-sizing: border-box;
	border-radius: 7px;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 6px;
	border: 0; cursor: pointer;
}
.popupBx .inner .cont .submitBtn > * > div i {margin: 0 -8px;animation: arrow 1.5s linear infinite forwards;font-size: 20px;}


@keyframes arrow {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

.popupBx .inner .cont .submitBtn > * > div i:nth-child(1){animation-delay: 0s;}
.popupBx .inner .cont .submitBtn > * > div i:nth-child(2){animation-delay: 0.1s;}
.popupBx .inner .cont .submitBtn > * > div i:nth-child(3){animation-delay: 0.15s;}


/* 팝업 반응형 */
@media screen and (max-width:1680px) {}
@media screen and (max-width:1440px) {
	.popupBx .inner .cont .tit p{font-size: clamp(34px, 34 / 1280 * 100vw, 39px);}
}
@media screen and (max-width:1280px) {
	.popupBx .inner .cont .tit p{font-size: clamp(30px, 30 / 1024 * 100vw, 34px);}
	.popupBx .inner .cont .formBx .row span{font-size: 16px;}
}
@media screen and (max-width:1024px) {
	.popupBx .inner .close{font-size: 24px;}
	.popupBx .inner .cont .tit p{font-size: clamp(26px, 26 / 820 * 100vw, 30px);}

	.popupBx .inner .cont .formBx .row{gap: 30px;}
	.popupBx .inner .cont .formBx .row label input {font-size: 14px;}
	.popupBx .inner .cont .formBx .row > div .selectBox input{font-size: 14px;}
}
@media screen and (max-width:820px) {
	.popupBx .inner .cont .formBx .row span {font-size: clamp(15px, 15 / 500 * 100vw, 16px);}
	.popupBx .inner .cont .formBx .row label input {font-size: clamp(13px, 13 / 500 * 100vw, 14px);}
	.popupBx .inner .cont .formBx .row > div .selectBox input{font-size: clamp(13px, 13 / 500 * 100vw, 14px);}

	.popupBx .inner .cont .agreeBx .agree span{font-size: clamp(14px, 14 / 500 * 100vw, 16px);}

	.popupBx .inner .cont .agreeBx .agree .txtBx p{max-width: unset; margin-left: 0;}
	.popupBx .inner .cont .agreeBx .agree .txtBx p br{display: none;}
	.popupBx .inner .cont .agreeBx .agree .txtBx p{font-size: clamp(14px, 14 / 500 * 100vw, 16px);}

	.popupBx .inner .cont .submitBtn > *{font-size: clamp(14px, 14 / 500 * 100vw, 16px);}
	.popupBx .inner .cont .submitBtn > * > div i{font-size: clamp(18px, 18 / 500 * 100vw, 20px);}
}
@media screen and (max-width:500px) {
	.popupBx .inner{width: 90%;padding: 60px 0;}
	.popupBx .inner .close {
        font-size: 20px;
    }
	.popupBx .inner .cont .tit p{font-size: clamp(24px, 24 / 360 * 100vw, 26px);}
	.popupBx .inner .cont .formBx .row{flex-direction: column;}
}
@media screen and (max-width:360px) {

	.popupBx .inner .cont .tit span{font-size: clamp(14px, 14 / 280 * 100vw, 16px);}

	.popupBx .inner .cont .tit p {font-size: clamp(22px, 22 / 360 * 100vw, 24px);line-height: 1.3;}

}





/* 비디오 리스트 별도 스타일 */
._resources .swiperBx.video{width: 100%;overflow: visible;}
._resources .swiperBx.video .swiper{overflow: visible;}

._resources.video_list .swiperBx.video .swiper-slide{position: relative;}
._resources.video_list .swiperBx.video .swiper-slide::after {
	content: '';
	position: absolute;
	left: 0; bottom: 0;
	width: 100%; height: 100%;
	z-index: 12;
	background: linear-gradient(to top, rgba(17, 3, 41, 0.65) 20%, rgba(17, 3, 41, 0.45) 30%, rgba(0, 0, 0, 0.0) 50%);
	border-radius: 11.5px;
  }
/* ._resources.video_list .swiperBx.video .swiper-slide.hide::after {
opacity: 0;
} */
._resources.video_list .swiperBx.video .swiper-slide::before{padding-bottom: calc(739/1316*100%); content: ''; display: block;border-radius: 11.5px;}
._resources.video_list .swiperBx.video .swiper-slide .iframeBx{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;border-radius: 11.5px;pointer-events: none !important; z-index: -1 !important; overflow: hidden;
}
._resources.video_list .swiperBx.video .swiper-slide iframe{width: 100%; height: 100%;}

._resources.video_list .swiperBx.video .swiper-slide .playBtn{
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
	width: 10em;height: 10em;
	z-index: 2;border: none;
	background: transparent !important;
	cursor: pointer;
}
/* ._resources.video_list .swiperBx.video .swiper-slide .playBtn.hide{opacity: 0;pointer-events: none;} */

._resources.video_list .swiperBx.video .swiper-slide .playBtn img{width: 100%; height: 100%;}

/* 슬라이드 안에 내용 */
._resources.video_list .swiperBx.video .swiper-slide .txtBx{
	position: absolute;left: 4%; bottom: 5%;
	display: flex; align-items: flex-start; justify-content: center;flex-direction: column;
	opacity: 1;
  	transition: opacity 0.3s ease;
	z-index: 13;
	padding-right: 3vw;
}
._resources.video_list .swiperBx.video .swiper-slide .txtBx.hide {
	opacity: 0;
	pointer-events: none; /* 클릭 막기 */
}
._resources.video_list .topBx .left span{background-color: var(--purple);border: none;color: #fff;padding: 0.6em;}
._resources.video_list .titBx {
	font-size: 22px;font-weight: 600;color: #fff;line-height: calc(46/30);letter-spacing: -0.04em;
	margin-top: 0.4em;margin-bottom: 1em;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

._resources.video_list .timeBx{
	width: 100%;
	font-size: 14px;letter-spacing: -0.04em;color: #9e9e9e;
	display: flex;align-items: center;gap: 8px;border-bottom: 1px solid rgba(255, 255, 255, 0.23);padding-bottom: .8em;
}
._resources.video_list .timeBx p{font-weight: 700;}
._resources.video_list .timeBx span{font-weight: 300;}

._resources.video_list .tag{
	display: flex;align-items: center;gap: 14px;
	color: #d7d7d7;font-size: 14px;font-weight: 500;
	padding-top: 1em;
}
._resources.video_list .tag span{
	padding: .6em .8em;background-color: rgba(200, 200, 200, 0.25);border-radius: 3px;
}



._resources.video_list .swiperBx.video .swiper-nav{display: flex; align-items: center; justify-content: space-between; gap: 12px;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index: 111;font-size: 52px;width: 100%;
	color: rgba(255, 255, 255, 0.7);transition: color 0.3s ease;
}
._resources.video_list .swiperBx.video .swiper-nav .btn-next{cursor: pointer;margin-right: 5px;}
._resources.video_list .swiperBx.video .swiper-nav .btn-prev{cursor: pointer;margin-left: 5px;}
html.pc ._resources.video_list .swiperBx.video .swiper-nav .btn-next:hover, html.pc ._resources.video_list .swiperBx.video .swiper-nav .btn-prev:hover{color: #fff;}


._resources.video_list .swiperBx.video .controlBx{display: flex;justify-content: center; width: 100%;z-index: 11;}
._resources.video_list .swiperBx.video .controlBx .control{display: flex; align-items: center; justify-content: center; gap: 12px;max-width: 160px;width: 100%;}
._resources.video_list .swiperBx.video .controlBx .arrowBx{display: flex; align-items: center; justify-content: center; gap: 12px;}

/* progressbar */
._resources .swiperBx.video .controlBx{margin-top: 40px;display: flex; align-items: center; gap: 20px;position: absolute;}
._resources .swiperBx.video .controlBx .progressBar{max-width:100px ;width: 100%;}
._resources .swiperBx.video .controlBx .progressBar{
	position:relative; max-width:100px; width:100%; height:2px; background:#c9c9c9; overflow:hidden; border-radius:2px;
  }
  ._resources .swiperBx.video .controlBx .progressBar .fill{
	position:absolute; inset:0 auto 0 0; width:100%; height:100%;
	background:#000; transform-origin:left; transform:scaleX(0); transition:none;
  }
._resources .swiperBx.video .controlBx .swiper-pagination-progressbar.swiper-pagination-horizontal{height: 2px;}

._resources .swiperBx.video .controlBx .control .paging span{font-size: 16px;font-weight: 500;}
._resources .swiperBx.video .controlBx .control .paging span{color: #000;}
/* ._resources .swiperBx.video .controlBx .control .paging span.total{color: #bdbdbd;} */



._resources .swiperBx.video .arrowBx{
	display: flex; align-items: center; gap: 30px; color: var(--purple);
	font-size: 28px;
}
._resources .swiperBx.video .arrowBx div{cursor: pointer; opacity: 0.2;}
html.pc ._resources .swiperBx.video .arrowBx div:hover{opacity: 1;}
._resources .swiperBx.video .arrowBx div i{}



._resources.video_list .listArea .list{gap: 60px 43px;flex-direction: column;}
._resources.video_list .listArea .list li{width: 100%;border-bottom: 1px solid #e1e1e1;padding-bottom: 30px;box-sizing: border-box;}
._resources.video_list .listArea .list li .video_item{display: flex;}
._resources.video_list .listArea .list li .video_item .imgBx{width: 100%;max-width: 689px;}
._resources.video_list .listArea .list li .video_item .imgBx iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
._resources.video_list .listArea .list li .video_item .imgBx::before {padding-bottom: calc(388/689*100%);}

._resources.video_list .listArea .list li .video_item .txtBx{
    padding: 50px 0;
    margin-left: 120px;
    /* padding-right: 70px; */
    box-sizing: border-box;
    max-width: 400px;
    width: 100%;
    box-sizing: border-box;
}

._resources.video_list .listArea .list li .video_item .titBx{color: #000;}
._resources.video_list .listArea .list li .video_item .timeBx{border-bottom: 1px solid #e1e1e1;color: #8f8d8d;}
._resources.video_list .listArea .list li .video_item .tag span{background-color: #ededed;color: #666666;}
._resources.video_list .listArea .list li .video_item .titBx {margin-bottom: 2.2em;font-size: 24px;cursor: pointer;}

._resources.video_list .submitBtn{
	margin-top: 50px;
}


/* ._resources.video_list .submitBtn{
	max-width: 146px;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
}
._resources.video_list .submitBtn a{
	background-image: linear-gradient(to right, #1665c5, var(--purple));
    color: #fff;
    padding: 1em 1.2em;
    box-sizing: border-box;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 6px;
} */

/* 호버 */
/* ._resources.video_list .listArea .list li .imgBx{transition: border-radius 0.5s;}
html.pc ._resources.video_list .listArea .list li:hover .imgBx{ border-radius: 25px;}
html.pc ._resources.video_list .listArea .list li:hover .imgBx img{transform: scale(1.2);} */


@media screen and (max-width:1680px) {
	/* ._resources.video_list .titBx{font-size: clamp(32px, 32 / 1440 * 100vw, 34px);} */
	._resources.video_list .listArea .list li .video_item .titBx{font-size: clamp(22px, 22 / 1440 * 100vw, 24px);}

}
@media screen and (max-width:1440px) {
	/* ._resources.video_list .titBx{font-size: clamp(28px, 28 / 1280 * 100vw, 32px);} */
	._resources.video_list .listArea .list li .video_item .txtBx{margin-left: 80px;}

	._resources.video_list .swiperBx.video .swiper-nav{font-size: clamp(45px, 45 / 1440 * 100vw, 52px);}
}
@media screen and (max-width:1280px) {
	/* ._resources.video_list .titBx{font-size: clamp(26px, 26 / 1024 * 100vw, 28px);} */
	._resources.video_list .titBx{font-size: clamp(18px, 18 / 820 * 100vw, 22px);}
	._resources.video_list .listArea .list li .video_item .titBx{font-size: clamp(20px, 20 / 1024 * 100vw, 22px);}
	/* ._resources.video_list .swiperBx.video .swiper-slide .txtBx {
		max-width: 400px;
		left: 5%;
		bottom: -8%;
	} */

	._resources.video_list .swiperBx.video .swiper-nav{font-size: clamp(40px, 40 / 1024 * 100vw, 45px);}
}
@media screen and (max-width:1024px) {
	/* ._resources.video_list .swiperBx.video .swiper-slide .txtBx {
        max-width: 350px;
        bottom: -12%;
    } */
	._resources.video_list .listArea .list li{padding-bottom: 0;}
	._resources.video_list .listArea .list li .video_item{flex-direction: column;}
	._resources.video_list .listArea .list li .video_item .imgBx{max-width: unset;}
	._resources.video_list .listArea .list li .video_item .timeBx{border-bottom: none;padding-bottom: 0;}
	._resources.video_list .listArea .list li .video_item .txtBx{margin-left: 0;max-width: 550px;padding: 40px 0;}

	._resources.video_list .swiperBx.video .swiper-nav{font-size: clamp(35px, 35 / 820 * 100vw, 40px);}



}
@media screen and (max-width:820px) {
	._resources.video_list .titBx{font-size: clamp(22px, 22 / 500 * 100vw, 24px);}
	._resources.video_list .listArea .list li .video_item .titBx{font-size: clamp(18px, 18 / 500 * 100vw, 20px);}
	._resources.video_list .swiperBx.video .swiper-slide .iframeBx{position: unset; height: 60vw;}
	/* ._resources.video_list .swiperBx.video .swiper-slide iframe{position: relative;
	height: 60vw;}
	._resources.video_list .swiperBx.video .swiper-slide iframe:before{
		background-color: #fff;} */
	._resources.video_list .swiperBx.video .swiper-slide::after{display: none;}
	._resources.video_list .swiperBx.video .swiper-slide::before{position: unset;background-color: transparent;padding-bottom: unset;}
	._resources.video_list .swiperBx.video .swiper-slide .txtBx{position: unset;transform: none;margin-top: 40px;max-width: unset;}

	._resources.video_list .swiperBx.video .controlBx{justify-content: center;}
	._resources.video_list .titBx{color: #000;}
	._resources.video_list .tag{color: #5c5b5e;}

	._resources.video_list .listArea .list li .video_item .titBx {margin-top: 1em;margin-bottom: 1em;}

	._resources.video_list .swiperBx.video .swiper-nav{top: 31vw;font-size: clamp(30px, 30 / 500 * 100vw, 35px);}

}
@media screen and (max-width:500px) {
	._resources.video_list .titBx{font-size: clamp(20px, 20 / 360 * 100vw, 22px);}
	._resources.video_list .listArea .list li .video_item .titBx{font-size: clamp(16px, 16 / 360 * 100vw, 18px);}
	/* ._resources .topBx .left span, ._resources .topBx p{font-size: clamp(11px, 11 / 360 * 100vw, 12px);} */
	._resources.video_list .tag{font-size: clamp(12px, 12 / 360 * 100vw, 14px);}

	._resources .swiperBx.video .controlBx .control .paging span{font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
	._resources .swiperBx.video .arrowBx{font-size: clamp(22px, 22 / 360 * 100vw, 24px);}

	/* ._resources.video_list .submitBtn{max-width: 120px;} */
	/* ._resources.video_list .submitBtn a{font-size: 14px;} */

	._resources.video_list .swiperBx.video .swiper-nav{font-size: clamp(25px, 25 / 500 * 100vw, 30px);}
}
@media screen and (max-width:360px) {
	/* ._resources.video_list .submitBtn{max-width: 100px;} */
	/* ._resources.video_list .submitBtn a{font-size: 13px;} */
}


.popupVideo{
	position: fixed; left: 0; top: 0; width: 100%; height: 100dvh; background-color: rgba(0,0,0,0.92); z-index: 99999;
	display: flex; align-items: center; justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}
.popupVideo .inner{
	max-width: 1500px;
	width: 95%;
	height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	border-radius: 10px;
	display: inline-flex;align-items: center;justify-content: center;
}
.popupVideo.active{
	opacity: 1;
	visibility: visible;
}
.popupVideo .cont{width: 100%;max-width: 1170px;margin: 0 auto;}
.popupVideo .inner .close{font-size: 32px;cursor: pointer;
	color: #fff;
	display: flex;
}
.popupVideo .inner .close.n1{height: 88vh;align-items: flex-start;}
.popupVideo .tit{display: flex;align-items: flex-start;gap: 70px;}
.popupVideo .topBx{display: flex;gap: 12px; align-items: center;}
.popupVideo .topBx .left span{
	font-size: 13px; letter-spacing: -0.04em; color: #fff;
	padding: .5em; box-sizing: border-box;display: block; border: 1px solid #fff; border-radius: 3px;
}
.popupVideo .topBx p{
	font-size: 14px; letter-spacing: -0.04em; color: #7d7d7d;
}
.popupVideo .titBx p{font-size: 26px;font-weight: 600;letter-spacing: -0.04em;color: #fff;line-height: calc(38/27);}
.popupVideo .titBx .desc{margin-top: 1em;font-size: 16px;}
.popupVideo .titBx span{font-weight: 400;letter-spacing: -0.04em;color: #e1e1e1;line-height: 1.5;}


.popupVideo .videoBx{padding-top: 60px;}
.popupVideo .video{position: relative;}
.popupVideo .video:before{content: ''; display: block; padding-bottom: calc(557/1170*100%);border-radius: 10.5px;}
.popupVideo .video iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;border-radius: 10.5px;}

.popupVideo .close.n2{display: none;}
.popupVideo ._moreBtn{margin-top: 40px;}

/* 팝업 */

@media screen and (max-width:1680px) {}
@media screen and (max-width:1440px) {
	.popupVideo .titBx p{font-size: clamp(24px, 24 / 1280 * 100vw, 26px);}

}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.popupVideo .titBx p{font-size: clamp(22px, 22 / 820 * 100vw, 24px);}
	.popupVideo .inner{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		padding: unset;
	}
	.popupVideo .inner .close{font-size: clamp(24px, 24 / 820 * 100vw, 28px);
		position: unset;
	}
	.popupVideo .inner .close.n1{display: none;}
	.popupVideo .inner .close.n2{display: flex;justify-content: flex-end;margin-bottom: 40px;}

	.popupVideo .tit{gap: 70px;}
}
@media screen and (max-width:820px) {
	.popupVideo .tit {
        flex-direction: column;
        gap: 30px;
    }
	.popupVideo .videoBx {
		padding-top: 40px;
	}
	.popupVideo .titBx span br{display: none;}

	.popupVideo .inner .close{font-size: clamp(20px, 20 / 500 * 100vw, 24px);}
	.popupVideo .inner .close.n2{margin-bottom: 25px;}
}
@media screen and (max-width:500px) {
	.popupVideo .inner{width: 90%;}
	.popupVideo .titBx p{font-size: clamp(18px, 18 / 360 * 100vw, 22px);}
	.popupVideo .titBx .desc{font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
}
@media screen and (max-width:360px) {}



._resources.video_list .swiperBx.video .swiper-slide .mob_dragArea{display: none;}
@media screen and (max-width:820px) {
	/* ._resources.video_list .swiperBx.video .swiper-slide .mob_dragArea{
		position: absolute;
		inset: 0;
		background-color: rgba(0,0,0,0.5);
		cursor: pointer;
		z-index: 13123123 !important;
		display: block;
	} */

}




._resources.video_list .swiperBx.video .swiper,
._resources.video_list .swiperBx.video .controlBx {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .4s ease, transform .4s ease;
}

/* Swiper 초기화가 완료되면 자동으로 붙는 클래스 활용 */
._resources.video_list .swiperBx.video .swiper.swiper-initialized,
._resources.video_list .swiperBx.video .controlBx.ready {
  opacity: 1;
  transform: translateY(0);
}


.popupBx .inner .cont .tit .mob_msg{display: none;}

@media screen and (max-width:1024px) {

	.popupBx .inner .cont .tit .mob_msg{
		display: block;
		font-size: 12px;
		color: #cfb3ff;
		margin-top: 10px;
		line-height: 1.5;
	}
}



/* 251204 영문페이지 */
._resources.eng h3 small{ display: none; }