/*ALL CSS-----------------------------------------------------*/
@import url('//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

* {
    font-family: 'Pretendard Variable';
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*letter-spacing: -1px;*/
}


.y_inner{width: calc(100% - 100px); margin: 0 auto;}
.y_view_inner {
    width: 1360px;
    margin: 0 auto;
}

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


    .y_inner {
        width: calc(100% - 60px);
        margin: 0 auto;
    }

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

    .y_view_inner {
        width: calc(100% - 60px);
        margin: 0 auto;
    }

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


    .y_inner {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .y_view_inner {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

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


    .y_inner {
        width: calc(100% - 20px);
        margin: 0 auto;
    }
    .y_view_inner {
        width: calc(100% - 20px);
        margin: 0 auto;
    }

}



/* 헤더 */
#y_header{position:fixed; top:0; width: 100%; height: 110px; transition: .2s; z-index: 99999;
	background: rgba(25, 26, 31, 0.75);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 10px;
    backdrop-filter: blur(15px);
}
#y_header .y_inner{display: flex; align-items: center; justify-content: space-between; height: 100%;}
#y_header .y_inner h1{width: 18%;}
#y_header .y_inner h1 a img{display: block;}
#y_header .y_inner .y_menu_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#y_header .y_inner .y_menu_inner li{padding: 0 0px; color:#fff; font-size: 1rem; font-weight: 500; position: relative; height: 100%; vertical-align: middle;}
.y_menu_on a{font-weight: 500; text-align: center; display: flex; flex-direction: column; align-items: center; width: 130px; opacity: 0.35;
    transition: .3s; height: 100%; justify-content: center;}
#y_header .y_inner .y_menu_inner li a:hover {
    opacity: 1;
}
#y_header .y_inner .y_menu_inner li a.active{opacity: 1;}

#y_header .y_inner .y_menu_inner li a p{margin-top: 7px;font-weight: 300;}
#y_header .y_inner .y_search{width: 18%; display: flex; align-items: center; justify-content: space-between;}
#y_header .y_inner .y_search input{
    width: calc(100% - 65px);
    height: 50px;
    border-radius: 25px;
    border: 0px;
    padding: 0 25px;
    background: #333841;
    color: #7d8695;
	outline: none;
}
#y_header .y_inner .y_search input::placeholder{
    color: #7d8695;
}
#y_header .y_inner .y_search .y_search_btn{
    width: 50px;
    aspect-ratio: 1;
    background-color: #bb06e1;
    border-radius: 50%;
}



/* #y_header.scr_on{background-color: #fff; border-bottom: 1px solid #e8e8e8;}
#y_header.scr_on .y_inner .y_menu_inner li{
    color: #333;
}
#y_header.scr_on .y_inner h1 a img:nth-child(2) {
    display: block;
}
#y_header.scr_on .y_inner h1 a img:nth-child(1) {
    display: none;
}
#y_header.y_on {
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
}

#y_header.y_on .y_inner .y_menu_inner li {
    color: #333;
}

#y_header.y_on .y_inner h1 a img:nth-child(2) {
    display: block;
}

#y_header.y_on .y_inner h1 a img:nth-child(1) {
    display: none;
}
.y_menu_back{
    position: absolute;
    background: rgba(182,212,249,1);
    top: 100px;
    width: 100%;
    height: 0px;
    left: 0;
    z-index: -1;
    transition: .3s;
} */
/* #y_header.y_on .y_menu_back{height: 230px; border-bottom: 1px solid #e8e8e8;} */

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

    #y_header .y_inner .y_menu_inner {
            display: none;

        }
    #y_header.y_on .y_menu_back {
        height: 00px;
        border-bottom: 0px solid #e8e8e8;
    }
    #y_header .y_inner .y_search {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

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

    #y_header {
            position: fixed;
            top: 0;
            width: 100%;
            height: 90px;
            transition: .2s;
            z-index: 99999;
        }
        /*#y_header .y_inner h1 a img {
            height: 50px;
        }*/

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

    #y_header {
            position: fixed;
            top: 0;
            width: 100%;
            height: 70px;
            transition: .2s;
            z-index: 99999;
        }
    /*#y_header .y_inner h1 a img {
        height: 40px;
    }*/
    #y_header .y_inner .y_search input {
        width: calc(100% - 55px);
        height: 40px;
        border-radius: 25px;
        border: 0px;
        padding: 0 25px;
        background: #333841;
        color: #7d8695;
    }

    #y_header .y_inner .y_search input::placeholder {
        color: #7d8695;
    }

    #y_header .y_inner .y_search .y_search_btn {
        width: 40px;
		height: 40px;
        aspect-ratio: 1;
        background-color: #642172;
        border-radius: 50%;
    }
    #y_header .y_inner .y_search .y_search_btn img{
        width: 20px;

    }

}
@media screen and (max-width: 560px){
    #y_header .y_inner .y_search{
        display: none;
    }

}

/* 2차메뉴 */
#y_header .y_inner .y_menu_inner .y_depth2{
	text-align: center;
	position: absolute;
	display: none;
	width: calc(100% + 30px);
	left: calc(50%);
	transform: translateX(-50%);
	top: 110px;
	transition: .3s;
	background: rgba(25, 26, 31, 0.8);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
	padding: 20px 0;
}
/* #y_header.y_on .y_inner .y_menu_inner .y_depth2{display: block; width: 100%;}
#y_header .y_inner .y_menu_inner .y_depth2 li{padding-left: 0px; padding-top: 10px;}
#y_header .y_inner .y_menu_inner .y_depth2 li a{
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    transition: .2s;
}
#y_header .y_inner .y_menu_inner .y_depth2 li a:hover{
    color: #00489b;
    font-size: .875rem;
    font-weight: 800;} */
#y_header .y_inner .y_menu_inner .y_depth2>li>a{
    width: 100%;
    letter-spacing: 0;
}
#y_header .y_inner .y_menu_inner li:hover .y_depth2 {
    display: block;
}

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

    #y_header .y_inner .y_menu_inner {
        display: none;

    }
    #y_header.y_on .y_inner .y_menu_inner .y_depth2 {
        display: none;
        width: 100%;
    }

}

/* 모바일메뉴 */
.y_m_menu_btn{display: none;}

.y_m_menu {
    display: none;
    position: relative;
}
.y_m_menu .y_m_menu_inner{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.y_m_menu_inner>li>a{
    font-size: 2rem;
    color: #fff;
    font-weight: 800;
    padding: 10px 0;
    display: block;
    position: relative;
}
.y_m_menu_inner>li>a::after {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #642172;
    border-radius: 50%;
    position: absolute;
    bottom: 18px;
    margin-left: 7px;
}
.y_m_menu_inner .y_depth2{
    width: 100%;
    background-color: transparent;
    
    margin: 0 auto;
    padding: 10px 0;
    display: none;
}
.y_m_menu_inner .y_depth2 li{
    padding: 3px 0;
    font-size: 1.25rem;
    color: #ccc;
}
#y_header .y_inner .y_m_menu .y_search {
    width: 50%;
    display: none;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 1480px){
    .y_m_menu_btn {
        width: 32px;
        height: 24px;
        display: block;
        position: relative;
        cursor: pointer;
    }
    .y_m_menu_btn span{
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        position: absolute;
        transition: .2s;
    }
    /* #y_header.y_on .y_inner .y_m_menu_btn span{
        background-color: #333;
    }
    #y_header.scr_on .y_inner .y_m_menu_btn span {
        background-color: #333;
    } */
    .y_m_menu_btn span:nth-child(1){
        top: 0;
    }
    .y_m_menu_btn span:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
    }
    .y_m_menu_btn span:nth-child(3) {
        bottom: 0;
    }

    .y_m_menu_btn:hover span:nth-child(1){
        top: 50%;
        transform: translateY(-50%);
    }

    .y_m_menu_btn:hover span:nth-child(2) {
        display: none;
    }

    .y_m_menu_btn:hover span:nth-child(3) {
        top: 50%;
        transform: translateY(-50%);
    }
    .y_m_menu {
        display: block;
        position: fixed;
        top: 0px;
        backdrop-filter: blur(4px) brightness(.3);
		-webkit-backdrop-filter: blur(4px) brightness(.3);
		-moz-backdrop-filter: blur(4px) brightness(.3);
		-o-backdrop-filter: blur(4px) brightness(.3);
		-ms-backdrop-filter: blur(4px) brightness(.3);
        width: 100%;
        transform: translateX(100%);
        height: 100vh;
        text-align: center;
        padding-top: 100px;
        transition: .3s;
    }
    .y_m_menu.y_on3{
    transform: translateX(-30px);
    }
    .y_m_close_btn {
        width: 32px;
        height: 24px;
        display: block;
        position: absolute;
        cursor: pointer;
        right: 30px;
        top: 35px;
    }

    .y_m_close_btn span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        position: absolute;
        transition: .2s;
    }


    .y_m_close_btn span:nth-child(1) {
        top: 50%;
        transform: rotate(45deg);
    }

    .y_m_close_btn span:nth-child(2) {
        display: none;
    }

    .y_m_close_btn span:nth-child(3) {
        top: 50%;
        transform: rotate(135deg);
    }

    .y_m_close_btn:hover span:nth-child(1) {
        top: 50%;
        transform: translateY(-50%);
    }

    .y_m_close_btn:hover span:nth-child(2) {
        display: none;
    }

    .y_m_close_btn:hover span:nth-child(3) {
        top: 50%;
        transform: translateY(-50%);
    }
}


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

    .y_m_menu.y_on3 {
        transform: translateX(-20px);
    }
}


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

    .y_m_menu_btn {
        width: 28px;
        height: 20px;
        display: block;
        position: relative;
        cursor: pointer;
    }
    .y_m_menu.y_on3 {
        transform: translateX(-10px);
    }
    .y_m_close_btn {
        width: 28px;
        height: 20px;
        display: block;
        position: absolute;
        cursor: pointer;
        right: 10px;
        top: 25px;
    }
    


}

@media screen and (max-width: 560px){
    #y_header .y_inner .y_m_menu .y_search {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        top: 25px;
        left: 25px;
    }

    .y_inner .y_m_menu .y_search input {
        width: calc(100% - 55px);
        height: 40px;
        border-radius: 25px;
        border: 0px;
        padding: 0 25px;
        background: #333841;
        color: #7d8695;
    }

    #y_header .y_m_menu .y_inner .y_search input::placeholder {
        color: #7d8695;
    }

    #y_header .y_m_menu .y_inner .y_search .y_search_btn {
        width: 40px;
        aspect-ratio: 1;
        background-color: #642172;
        border-radius: 50%;
    }

    #y_header .y_m_menu .y_inner .y_search .y_search_btn img {
        width: 20px;

    }


}



/* 메인 */
.y_main_vd{margin-top: 110px; width: 100%;}
.y_index_swiper .swiper-slide {
    position: relative;
    width: 100%;
    height: 500px;
    
}

/*.y_index_swiper .swiper-slide1 {
    background: url(/img/y_main_vd1.jpg) no-repeat center / cover;

}
.y_index_swiper .swiper-slide2 {
    background: url(/img/y_main_vd2.jpg) no-repeat center / cover;

}
.y_index_swiper .swiper-slide3 {
    background: url(/img/y_main_vd3.jpg) no-repeat center / cover;

}*/

.y_index_swiper .swiper-slide img {
    object-position: center;
    object-fit: cover;
    width: auto;
    height: 100%;
}

.y_index_swiper .swiper-slide .main_text {
    position: absolute;
    top: 50%;
    left: 200px;
    transform: translate(0, -50%);
	overflow:hidden;
}

.y_index_swiper .swiper-slide .main_text h2 {
    color: #fff;
    font-weight: 700;
    font-size: 4.125rem;
    margin-bottom: -10px;
	transform: translate(0, 50%);
	opacity:0;
}

.y_index_swiper .swiper-slide .main_text p {
    color: #fff;
    font-weight: 400;
    font-size: 1.375rem;
	transform: translate(0, 50%);
	opacity:0;

}

.y_index_swiper .swiper-slide .main_text a {
    display: block;
    width: 365px;
    height: 65px;
    background-color: #29a7ff;
    text-align: center;
    line-height: 65px;
    font-size: 1.5rem;
    border-radius: 32.5px;
    margin-top: 60px;
	opacity:0;
}

.y_index_swiper .swiper-slide-active .main_text h2{transform: translate(0%, 0%); opacity:1;}
.y_index_swiper .swiper-slide-active .main_text p{transform: translate(0%, 0%); opacity:1;}
.y_index_swiper .swiper-slide-active .main_text a{opacity:1;}
/*@media screen and (max-width: 1024px){
    .y_main_vd {
        margin-top: 90px;
        width: 100%;
    }
    .y_index_swiper .swiper-slide .main_text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .y_index_swiper .swiper-slide {
        position: relative;
        width: 100%;
        height: 400px;
        object-position: center;
        object-fit: cover;
    }

    .y_index_swiper .swiper-slide .main_text h2 {
        color: #fff;
        font-weight: 700;
        font-size: 3.25rem;
        margin-bottom: -10px;
    }

    .y_index_swiper .swiper-slide .main_text p {
        color: #fff;
        font-weight: 400;
        font-size: 1.25rem;
    }

    .y_index_swiper .swiper-slide .main_text a {
        text-align: center;
        display: block;
        width: 250px;
        height: 50px;
        background-color: #29a7ff;
        text-align: center;
        line-height: 50px;
        font-size: 1.375rem;
        border-radius: 32.5px;
        margin: 30px auto;
    }

}*/

@media screen and (max-width: 720px) {
    .y_main_vd {
        margin-top: 70px;
        width: 100%;
    }

}

@media screen and (max-width: 480px) {
    .y_index_swiper .swiper-slide .main_text h2 {
            color: #fff;
            font-weight: 700;
            font-size: 3rem;
            margin-bottom: 0px;
        }
    
        .y_index_swiper .swiper-slide .main_text p {
            color: #fff;
            font-weight: 400;
            font-size: 1.125rem;
        }
    .y_index_swiper .swiper-slide .main_text a {
        text-align: center;
        display: block;
        width: 180px;
        height: 40px;
        background-color: #29a7ff;
        text-align: center;
        line-height: 40px;
        font-size: 1.125rem;
        border-radius: 32.5px;
        margin: 30px auto;
    }
    .y_slide_block{display: block;}

}
/* 메인컨텐츠 */

.y_main_list{margin-top: 50px;}

.y_main_list .y_main_list1>ul{display: flex; align-items: center;margin-bottom: 30px;gap: 20px;}

.y_main_list .y_main_list1>ul>li{width: calc( ( 100% - 80px ) / 5 ); aspect-ratio: 1; border-radius: 12px; overflow: hidden; position:relative; transition: .3s;}
.y_main_list .y_main_list1>ul>.y_main_list1_img .y_main_more{
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	backdrop-filter: blur(3px) brightness(.5);
	opacity:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	transition:0.3s;
	
}
.y_main_list .y_main_list1>ul>.y_main_list1_img img{transition:0.3s;}
.y_main_list .y_main_list1>ul>.y_main_list1_img:hover img{transform:scale(1.05);}
.y_main_list .y_main_list1>ul>li:hover .y_main_more{opacity:1;}
.y_main_list .y_main_list1>ul>li .y_main_more h5{
	font-size:1.5rem;
	font-weight:600;
	margin-bottom:15px;
}
.y_main_list .y_main_list1>ul>li .y_main_more p{
	font-size:1.25rem;
	font-weight:600;
	color: #29a7ff;
	display: flex;
	align-items:center;
	justify-content:center;
	letter-spacing:0px;
}
.y_main_list .y_main_list1>ul>li .y_main_more p img{
	width:20px;
	margin-left: 20px;
}
.y_main_list .y_main_list1 ul>li>img{
    object-fit: cover;
    width: 100%;
	border-radius:15px;
    animation: ani01;
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-delay: 0s;
}
@keyframes ani01 {
  0% { width: 0; height:100%;}
  100% { width: 100%; height:100%;}
}
.y_main_list .y_main_list1 ul .y_list_info{background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; padding-left: 0px;}
.y_main_list .y_main_list1 ul .y_list_info a{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 80px);
    aspect-ratio: 1.1;
    align-content: space-between;
}
.y_main_list .y_main_list1 ul .y_list_info h5{
    font-size: 2rem;
    font-weight: 500;
    height: 30%;
	width:100%;
}
.y_block_main{display: block;}
.y_main_list .y_main_list1 ul .y_list_info p {
    line-height: 28px;
    height: calc(70% - 30px);
}
.y_main_list .y_main_list1 ul .y_list_info button{
    position: relative;
    width: 100%;
    height: 30px;
    display: block;
}
.y_main_list .y_main_list1 ul .y_list_info button span{
    position: absolute;
    bottom: 10px;
    left: 0;
}
.y_main_list .y_main_list1 ul .y_list_info button img{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}


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

    .y_main_list .y_main_list1 ul .y_list_info a {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 60px);
        aspect-ratio: 1.2;
        align-content: space-between;
    }

    .y_main_list .y_main_list1 ul .y_list_info h5 {
        font-size: 1.75rem;
        font-weight: 500;
        height: 30%;
    }

    .y_block_main {
        display: block;
    }

    .y_main_list .y_main_list1 ul .y_list_info p {
        line-height: 24px;
        height: calc(70% - 30px);
        font-size: 1rem;
    }

    .y_main_list .y_main_list1 ul .y_list_info button {
        position: relative;
        width: 100%;
        height: 30px;
        display: block;
    }

    .y_main_list .y_main_list1 ul .y_list_info button span {
        position: absolute;
        bottom: 10px;
        left: 0;
    }

    .y_main_list .y_main_list1 ul .y_list_info button img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .y_block_main {
        display: inline-block;
    }
}
@media screen and (max-width: 1480px) { 
	.y_main_list .y_main_list1>ul{gap: 10px;} 
    .y_main_list .y_main_list1>ul>li {
            width: calc( ( 100% - 40px ) / 5 );
            aspect-ratio: 1;
            border-radius: 12px;
            overflow: hidden;
        }
    /*.y_main_list .y_main_list1>ul>li:nth-last-child(1){
        display: none;
    }*/
    .y_main_list .y_main_list1 ul .y_list_info a {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 60px);
        aspect-ratio: 1.1;
        align-content: space-between;
    }

    .y_main_list .y_main_list1 ul .y_list_info h5 {
        font-size: 1.75rem;
        font-weight: 500;
        height: 30%;
    }

    .y_block_main {
        display: block;
    }

    .y_main_list .y_main_list1 ul .y_list_info p {
        line-height: 24px;
        height: calc(70% - 30px);
        font-size: 1rem;
    }

    .y_main_list .y_main_list1 ul .y_list_info button {
        position: relative;
        width: 100%;
        height: 30px;
        display: block;
    }

    .y_main_list .y_main_list1 ul .y_list_info button span {
        position: absolute;
        bottom: 10px;
        left: 0;
    }

    .y_main_list .y_main_list1 ul .y_list_info button img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .y_block_main {
        display: inline-block;
    }
}

@media screen and (max-width: 1200px) {
    .y_main_list .y_main_list1>ul>li {
        /*width: calc(100% / 4 - 10px);*/
        aspect-ratio: 1;
        border-radius: 12px;
        overflow: hidden;
    }
}

/*@media screen and (max-width: 1024px) {
    .y_main_list {
        margin-top: 30px;
    }
    .y_main_list .y_main_list1>ul {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 15px;
        }
    .y_main_list .y_main_list1>ul>li {
        width: calc(100% / 3 - 10px);
        aspect-ratio: 1;
        border-radius: 12px;
        overflow: hidden;
    }
    .y_main_list .y_main_list1 ul .y_list_info{
        width: 100%;
        height: 80px;
        margin-bottom: 15px;
    }

    .y_main_list .y_main_list1 ul .y_list_info a {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: calc(100% - 60px);
        aspect-ratio: initial;
        justify-content: space-between;
        align-items: center;
    }

    .y_main_list .y_main_list1 ul .y_list_info h5 {
        font-size: 1.5rem;
        font-weight: 500;
        height: 30%;
        padding-right: 20px;
        width: auto;
    }

    .y_block_main {
        display: block;
    }

    .y_main_list .y_main_list1 ul .y_list_info p {
        line-height: auto;
        height: inherit;
        font-size: 1rem;
        width: calc(70% - 20px);
    }

    .y_main_list .y_main_list1 ul .y_list_info button {
        position: relative;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .y_main_list .y_main_list1 ul .y_list_info button span {
        position: static;
    }

    .y_main_list .y_main_list1 ul .y_list_info button img {
        display: none;
    }

    .y_block_main {
        display: inline-block;
    }
}*/
/*@media screen and (max-width: 580px) {
    .y_main_list {
        margin-top: 20px;
    }
    .y_main_list .y_main_list1>ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .y_main_list .y_main_list1>ul>li {
        width: calc(100% / 2 - 5px);
        aspect-ratio: 1;
        border-radius: 12px;
        overflow: hidden;
    }
    .y_main_list .y_main_list1>ul>li:nth-last-child(2) {
        display: none;
    }
    .y_main_list .y_main_list1 ul .y_list_info {
        width: 100%;
        height: 50px;
        margin-bottom: 10px;
    }

    .y_main_list .y_main_list1 ul .y_list_info a {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: calc(100% - 30px);
        aspect-ratio: initial;
        justify-content: space-between;
        align-items: center;
    }

    .y_main_list .y_main_list1 ul .y_list_info h5 {
        font-size: 1.25rem;
        font-weight: 500;
        height: 30%;
        padding-right: 20px;
        width: auto;
    }

    .y_block_main {
        display: block;
    }

    .y_main_list .y_main_list1 ul .y_list_info p {
        display: none;
    }

    .y_main_list .y_main_list1 ul .y_list_info button {
        position: relative;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .y_main_list .y_main_list1 ul .y_list_info button span {
        position: static;
    }

    .y_main_list .y_main_list1 ul .y_list_info button img {
        display: none;
    }

    .y_block_main {
        display: inline-block;
    }
}*/


/* 서브리스트페이지 */
.y_sub_list {
    margin-top: 150px;
}

.y_sub_list .y_sub_list1>ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: start;
    margin-bottom: 30px;
}

.y_sub_list .y_sub_list1>ul>li {
    width: calc(100% / 6 - 17px);
    margin-right: 20px;
    border-radius: 12px;
    margin-bottom: 30px;
}
.y_sub_list .y_sub_list1>ul>li>a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    transition: .3s;
}
.y_sub_list .y_sub_list1>ul>li>a>b{
    display: block;
    width: 100%;
    aspect-ratio:1;
    position: relative;
	overflow:hidden;
    transition: .3s;
	border-radius: 10px;
}
.y_sub_list .y_sub_list1>ul>li:nth-child(6n) {
    margin-right: 0px;
}


.y_sub_list .y_sub_list1 ul>li>a>b>img {
    object-fit: cover;
    width: 100%;
	height:auto;
    border-radius: 12px;
	position:relative;
	transition: .3s;
	animation: ani01;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-delay: 0s;
}
@keyframes ani01 {
  0% { width: 0; height:100%;}
  100% { width: 100%; height:100%;}
}
.y_sub_list .y_sub_list1 ul>li>a>b>img:hover{

	transform:scale(1.05);
}
.y_sub_list .y_sub_list1 ul>li>a>span{
    display: inline-block;
    padding: 5px 15px;
    font-size: .8125rem;
    background-color: #8f0d0c;
    position: absolute;
    top: 13px;
    left: 15px;
    border-radius: 30px;
    z-index: 99;
}
.y_sub_list .y_sub_list1 ul>li>a>.y_sub_list_text{
    padding: 15px 0px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    display: block;
    transition: .3s;
}
.y_sub_list .y_sub_list1>ul>li>a:hover .y_sub_list_text{
    display: flex;
}
.y_sub_list .y_sub_list1 ul>li>a>.y_sub_list_text p{
    font-size: .875rem;
    color: #c1c4cd;
    margin-top: 10px;
	/*word-break: keep-all;*/
	min-height: 45px;
}


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

    .y_sub_list .y_sub_list1>ul>li {
        width: calc(100% / 5 - 12px);
        margin-right: 15px;
        border-radius: 12px;
        margin-bottom: 15px;
    }
    .y_sub_list .y_sub_list1>ul>li>a{
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        transition: .3s;
    }
    .y_sub_list .y_sub_list1>ul>li:nth-child(5n) {
        margin-right: 0px;
    }
    .y_sub_list .y_sub_list1>ul>li:nth-child(6n) {
        margin-right: 15px;
    }

		.y_sub_list .y_sub_list1>ul>li:nth-child(30n) {
        margin-right: 0;
    } /*231206*/

}

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

    .y_sub_list .y_sub_list1>ul>li {
        width: calc(100% / 4 - 12px);
        margin-right: 15px;
        aspect-ratio: auto;
        border-radius: 12px;
        overflow: visible;
        margin-bottom: 15px;
    }

    .y_sub_list .y_sub_list1>ul>li>a {
        display: flex;
        width: 100%;
        height: 100%;
        position: relative;
        transition: .3s;
        flex-direction: column;
    }
    .y_sub_list .y_sub_list1>ul>li>a>img{
        border-radius: 12px;
    }
    .y_sub_list .y_sub_list1>ul>li:nth-child(4n) {
        margin-right: 0px;
    }

    .y_sub_list .y_sub_list1>ul>li:nth-child(5n) {
        margin-right: 15px;
    }

		.y_sub_list .y_sub_list1>ul>li:nth-child(20n) {
        margin-right: 0;
    } /*231206*/

    .y_sub_list {
        margin-top: 110px;
    }

    .y_sub_list .y_sub_list1>ul {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: start;
        margin-bottom: 20px;
    }

    .y_sub_list .y_sub_list1 ul>li>a>.y_sub_list_text {
        width: 100%;
        height: 100%;
        position: static;
        padding: 11px 0px;
        display: block;
        flex-direction: column;
        justify-content: end;
        backdrop-filter: none;
        display: flex;
        transition: .3s;
    }

    .y_sub_list .y_sub_list1>ul>li>a:hover .y_sub_list_text {
        display: flex;
    }

    .y_sub_list .y_sub_list1 ul>li>a>.y_sub_list_text p {
        font-size: .875rem;
        color: #c1c4cd;
        margin-top: 5px;
    }

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

    .y_sub_list .y_sub_list1>ul>li {
        width: calc(100% / 3 - 8px);
        margin-right: 12px;
        aspect-ratio: auto;
        border-radius: 12px;
        overflow: visible;
        margin-bottom: 10px;
    }

    .y_sub_list .y_sub_list1>ul>li>a {
        display: flex;
        width: 100%;
        height: 100%;
        position: relative;
        transition: .3s;
        flex-direction: column;
    }

    .y_sub_list .y_sub_list1>ul>li>a>img {
        border-radius: 12px;
    }



    .y_sub_list .y_sub_list1>ul>li:nth-child(4n) {
        margin-right: 12px;
    }
    .y_sub_list .y_sub_list1>ul>li:nth-child(3n) {
        margin-right: 0px;
    }
    .y_sub_list .y_sub_list1>ul>li:nth-child(5n) {
        margin-right: 12px;
    }

		.y_sub_list .y_sub_list1>ul>li:nth-child(15n) {
        margin-right: 0;
    } /*231206*/

    .y_sub_list {
        margin-top: 90px;
    }

    .y_sub_list .y_sub_list1>ul {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: start;
        margin-bottom: 15px;
    }

    .y_sub_list .y_sub_list1 ul>li>a>.y_sub_list_text {
        width: 100%;
        height: 100%;
        position: static;
        padding: 11px 0px;
        display: block;
        flex-direction: column;
        justify-content: end;
        backdrop-filter: none;
        display: flex;
        transition: .3s;
    }

    .y_sub_list .y_sub_list1>ul>li>a:hover .y_sub_list_text {
        display: flex;
    }

    .y_sub_list .y_sub_list1 ul>li>a>.y_sub_list_text p {
        font-size: .875rem;
        color: #c1c4cd;
        margin-top: 5px;
    }

    .y_sub_list .y_sub_list1 ul>li>a>span {
        display: inline-block;
        padding: 3px 12px;
        font-size: .8125rem;
        background-color: #8f0d0c;
        position: absolute;
        top: 10px;
        left: 10px;
        border-radius: 30px;
        z-index: 99;
    }

}

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

    .y_sub_list .y_sub_list1>ul>li {
        width: calc(100% / 2 - 5px);
        margin-right: 8px;
        aspect-ratio: auto;
        border-radius: 12px;
        overflow: visible;
        margin-bottom: 10px;
    }

    .y_sub_list .y_sub_list1>ul>li>a {
        display: flex;
        width: 100%;
        height: 100%;
        position: relative;
        transition: .3s;
        flex-direction: column;
    }

    .y_sub_list .y_sub_list1>ul>li>a>img {
        border-radius: 12px;
    }



    .y_sub_list .y_sub_list1>ul>li:nth-child(2n) {
        margin-right: 0px;
    }
        .y_sub_list .y_sub_list1>ul>li:nth-child(2n-1) {
            margin-right: 9px;
        }

    .y_sub_list {
        margin-top: 90px;
    }

    .y_sub_list .y_sub_list1>ul {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: start;
        margin-bottom: 15px;
    }

    .y_sub_list .y_sub_list1 ul>li>a>.y_sub_list_text {
        width: 100%;
        height: 100%;
        position: static;
        padding: 11px 0px;
        display: block;
        flex-direction: column;
        justify-content: end;
        backdrop-filter: none;
        display: flex;
        transition: .3s;
    }

    .y_sub_list .y_sub_list1>ul>li>a:hover .y_sub_list_text {
        display: flex;
    }

    .y_sub_list .y_sub_list1 ul>li>a>.y_sub_list_text p {
        font-size: .875rem;
        color: #c1c4cd;
        margin-top: 5px;
    }

}


/* 뷰페이지 */
.y_view_block{display: block;}
.y_sub_view_top{
    width: 100%;
    margin-top: 160px;
    display: flex;
    justify-content: space-between;
}
.y_sub_view_top .y_view_img{
    width: 50%;

}
.y_sub_view_top .y_view_img img{
    object-fit: cover;
    width: 100%;
    border-radius: 12px;

}
.y_sub_view_top .y_view_info{
    width: calc(50% - 50px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.y_sub_view_top .y_view_info .y_navigation{
    font-size: .9375rem;
    color: #7c8296;
}

.y_sub_view_top .y_view_info .y_navigation a{vertical-align: middle;}

.y_sub_view_top .y_view_info .y_view_text{
    margin-top: 38px;
}
.y_sub_view_top .y_view_info .y_view_text h5{
    font-size: 1.875rem;
    font-weight: 600;
}
.y_sub_view_top .y_view_info .y_view_text p {
    line-height: 28px;
    color: #7c8296;
    margin-top: 15px;
}
.y_sub_view_top .y_view_info .y_view_cate{
    margin-top: 15px;
    padding: 35px 40px;
    background-color: rgba(35, 39, 47, 0.7);
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
}
.y_sub_view_top .y_view_info .y_view_cate div{
    width: 100px;
    color: #7c8296;
}
.y_sub_view_top .y_view_info .y_view_cate p{
    width: calc(100% - 100px);
    line-height: 28px;
}
.y_sub_view_top .y_view_info .y_view_cate div:nth-child(1) {
    margin-bottom: 20px;
}
.y_sub_view_top .y_view_info .y_view_down{
    margin-top: 22px;
}
.y_sub_view_top .y_view_info .y_view_down p>span{
    font-size: .875rem;
    color: #7c8296;
    letter-spacing: 0px;
}
.y_sub_view_top .y_view_info .y_view_down .y_view_down_btn{
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    /*justify-content: space-between;*/
    margin-top: 10px;
	gap: 10px;
}
.y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li{
    width: calc( ( 100% - 40px ) / 5 );
    background-color: rgba(35, 39, 47, 0.7);
    border-radius: 10px;
    aspect-ratio: 1;
    transition: .2s;
}
.y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li a{
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li:hover{
    background-color: rgb(54, 59, 68);
}

.y_sub_view_top .y_view_next{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.y_sub_view_top .y_view_next a{
opacity: 0.2;
    transition: 0.2s;
}
.y_sub_view_top .y_view_next a:hover{
opacity: 0.7;

}
.y_view_detail{
	width:100%;
	padding:50px;
	border-radius:10px;
	background-color: rgba(35, 39, 47, 0.7);
	margin-top:50px;

}
.y_view_detail .y_view_text p{
	font-weight: 400;

}
.y_view_detail .y_view_video{
	width: 100%;
	height:708px;
	margin-top:30px;
}
.y_view_detail .y_view_video iframe{
	width: 100%;
	height:100%;
}

.y_view_list .y_view_list_tit{
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 20px;
}
.y_view_list .y_view_list_tit>span{
    font-size: .9375rem;
    color: #7c8296;
}
.y_view_list .y_view_list_img{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.y_view_list .y_view_list_img li{
    width: calc(100% / 5 - 16px);
    margin-right: 20px;
    aspect-ratio: 1;
    margin-bottom: 17px;
	position: relative;
}
.y_view_list .y_view_list_img li:nth-child(5n){
    margin-right: 0px;
}
.y_view_list .y_view_list_img li a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	border-radius: 12px;
}
.y_view_list .y_view_list_img li img{
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
	transition:0.3s;
}
.y_view_list .y_view_list_img li img:hover{
    transform:scale(1.05);
}

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

    .y_sub_view_top {
        width: 100%;
        height: auto;
        margin-top: 160px;
        display: flex;
        justify-content: space-between;
    }

    .y_sub_view_top .y_view_img {
        width: calc(50% - 50px);
        height: 100%;

    }

    .y_sub_view_top .y_view_img img {
        object-fit: initial;
        height: 100%;
        border-radius: 12px;

    }

    .y_sub_view_top .y_view_info {
        width: calc(50%);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .y_sub_view_top .y_view_info .y_navigation {
        font-size: .9375rem;
        color: #7c8296;
    }

    .y_sub_view_top .y_view_info .y_view_text {
        margin-top: 28px;
    }

    .y_sub_view_top .y_view_info .y_view_text h5 {
        font-size: 1.875rem;
        font-weight: 600;
    }

    .y_sub_view_top .y_view_info .y_view_text p {
        line-height: 28px;
        color: #7c8296;
        margin-top: 10px;
    }

    .y_sub_view_top .y_view_info .y_view_cate {
        margin-top: 10px;
        padding: 25px 30px;
        background-color: rgba(35, 39, 47, 0.7);
        display: flex;
        flex-wrap: wrap;
        border-radius: 10px;
    }

    .y_sub_view_top .y_view_info .y_view_cate div {
        width: 100px;
        color: #7c8296;
    }
    .y_sub_view_top .y_view_info .y_view_cate div:nth-child(1) {
        margin-bottom: 10px;
    }
    .y_sub_view_top .y_view_info .y_view_cate p {
        width: calc(100% - 100px);
        line-height: 25px;
    }

    .y_sub_view_top .y_view_info .y_view_down {
        margin-top: 17px;
    }

    .y_sub_view_top .y_view_info .y_view_down p>span {
        font-size: .875rem;
        color: #7c8296;
        letter-spacing: 0px;
    }

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn {
        display: flex;
        align-items: center;
        /*justify-content: space-between;*/
        margin-top: 10px;
    }

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li {
        width: calc( ( 100% - 40px ) / 5 );
        background-color: rgba(35, 39, 47, 0.7);
        border-radius: 10px;
        aspect-ratio: 1;
        transition: .2s;
    }

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li a img{
        height: 60%;
    }

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li:hover {
        background-color: rgb(54, 59, 68);
    }

    .y_sub_view_top .y_view_next {
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;

    }

    .y_sub_view_top .y_view_next a {
        opacity: 0.2;
        transition: 0.2s;
    }

    .y_sub_view_top .y_view_next a:hover {
        opacity: 0.7;

    }
	.y_view_detail .y_view_video{
		width: 100%;
		height:47vw;
		margin-top:30px;
	}
    .y_view_list .y_view_list_tit {
        font-size: 1.25rem;
        font-weight: 600;
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .y_view_list .y_view_list_tit>span {
        font-size: .9375rem;
        color: #7c8296;
    }

    .y_view_list .y_view_list_img {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .y_view_list .y_view_list_img li {
        width: calc(100% / 5 - 16px);
        margin-right: 20px;
        aspect-ratio: 1;
        margin-bottom: 17px;
    }

    .y_view_list .y_view_list_img li:nth-child(5n) {
        margin-right: 0px;
    }

    .y_view_list .y_view_list_img li img {
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
    }



}




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

    .y_sub_view_top {
        width: 100%;
        height: auto;
        margin-top: 120px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .y_sub_view_top .y_view_img {
        width: 50%;
        height: 100%;

    }

    .y_sub_view_top .y_view_img img {
        object-fit: initial;
        height: 100%;
        border-radius: 12px;

    }

    .y_sub_view_top .y_view_info {
        width: calc(50% - 20px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 00px;
    }

    .y_sub_view_top .y_view_info .y_navigation {
        font-size: .9375rem;
        color: #7c8296;
    }

    .y_sub_view_top .y_view_info .y_view_text {
        margin-top: 12px;
    }

    .y_sub_view_top .y_view_info .y_view_text h5 {
        font-size: 1.875rem;
        font-weight: 600;
    }

    .y_sub_view_top .y_view_info .y_view_text p {
        line-height: 20px;
        color: #7c8296;
        margin-top: 7px;
    }

    .y_sub_view_top .y_view_info .y_view_cate {
        margin-top: 10px;
        padding: 15px 20px;
        background-color: rgba(35, 39, 47, 0.7);
        display: flex;
        flex-wrap: wrap;
        border-radius: 10px;
    }

    .y_sub_view_top .y_view_info .y_view_cate div {
        width: 70px;
        color: #7c8296;
    }

    .y_sub_view_top .y_view_info .y_view_cate div:nth-child(1) {
        margin-bottom: 10px;
    }

    .y_sub_view_top .y_view_info .y_view_cate p {
        width: calc(100% - 70px);
        line-height: 20px;
    }

    .y_sub_view_top .y_view_info .y_view_down {
        margin-top: 15px;
    }

    .y_sub_view_top .y_view_info .y_view_down p>span {
        font-size: .875rem;
        color: #7c8296;
        letter-spacing: 0px;
    }

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn {
        display: flex;
        align-items: center;
        /*justify-content: space-between;*/
        margin-top: 10px;
		gap: 7px;
    }

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li {
        width: calc( ( 100% - 28px ) / 5 );

        background-color: rgba(35, 39, 47, 0.7);
        border-radius: 10px;
        aspect-ratio: 1;
        transition: .2s;
    }

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li a img {
        height: 60%;
    }

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li:hover {
        background-color: rgb(54, 59, 68);
    }

    .y_sub_view_top .y_view_next {
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;

    }

    .y_sub_view_top .y_view_next a {
        opacity: 0.2;
        transition: 0.2s;
    }

    .y_sub_view_top .y_view_next a:hover {
        opacity: 0.7;

    }
	.y_view_detail{
		width:100%;
		padding:30px;
		border-radius:10px;
		background-color: rgba(35, 39, 47, 0.7);
		margin-top:30px;

	}
	.y_view_detail .y_view_video{
		width: 100%;
		height:47vw;
		margin-top:30px;
	}
    .y_view_list .y_view_list_img li {
        width: calc(100% / 4 - 8px);
        margin-right: 10px;
        aspect-ratio: 1;
        margin-bottom: 7px;
    }

    .y_view_list .y_view_list_img li:nth-child(5n) {
        margin-right: 10px;
    }

    .y_view_list .y_view_list_img li:nth-child(4n) {
        margin-right: 0px;
    }

    .y_view_list .y_view_list_img li img {
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
    }



}
@media screen and (max-width: 760px){
    .y_sub_view_top {
            width: 100%;
            height: auto;
            margin-top: 90px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
    .y_sub_view_top .y_view_info .y_navigation {
            font-size: .9375rem;
            color: #7c8296;
            margin-top: 15px;
        }
    .y_sub_view_top .y_view_img {
            width: 100%;
            height: 100%;
    
        }
    
        .y_sub_view_top .y_view_img img {
            object-fit: initial;
            height: 100%;
            border-radius: 12px;
    
        }
    
        .y_sub_view_top .y_view_info {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-top: 00px;
        }

		.y_view_detail{
		width:100%;
		padding:20px;
		border-radius:10px;
		background-color: rgba(35, 39, 47, 0.7);
		margin-top:30px;

	}
	.y_view_detail .y_view_video{
		width: 100%;
		height:47vw;
		margin-top:20px;
	}
        .y_view_list .y_view_list_tit {
            font-size: 1.25rem;
            font-weight: 600;
            margin-top: 30px;
            margin-bottom: 15px;
        }
    
        .y_view_list .y_view_list_tit>span {
            font-size: .9375rem;
            color: #7c8296;
        }
    
        .y_view_list .y_view_list_img {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
    
        .y_view_list .y_view_list_img li {
            width: calc(100% / 3 - 7px);
            margin-right: 10px;
            aspect-ratio: 1;
            margin-bottom: 7px;
        }
    
        .y_view_list .y_view_list_img li:nth-child(5n) {
            margin-right: 10px;
        }
    
        .y_view_list .y_view_list_img li:nth-child(4n) {
            margin-right: 10px;
        }
    
        .y_view_list .y_view_list_img li:nth-child(3n) {
            margin-right: 0px;
        }
    
        .y_view_list .y_view_list_img li img {
            width: 100%;
            object-fit: cover;
            border-radius: 10px;
        }
        .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn {
            display: flex;
            align-items: center;
            justify-content: start;
            margin-top: 10px;
        }
        .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li {
            width: calc( ( 100% - 32px ) / 5 );
            background-color: rgba(35, 39, 47, 0.7);
            border-radius: 10px;
            aspect-ratio: 1;
            transition: .2s;
        }
    }


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

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn {
        display: flex;
        align-items: center;
        /*justify-content: space-between;*/
        margin-top: 10px;
    }

    .y_sub_view_top .y_view_info .y_view_down .y_view_down_btn li {
        width: calc( ( 100% - 32px ) / 5 );
        background-color: rgba(35, 39, 47, 0.7);
        border-radius: 10px;
        aspect-ratio: 1;
        transition: .2s;
    }
}
/* footer */
.y_footer{background-color: #000000; color: #fff; font-size: .875rem; font-weight: 400; padding: 15px 0; margin-top: 70px;}
.y_footer h2 img{display: block;}

@media screen and (max-width: 1024px) {
    .y_footer {
        font-size: .875rem;
        font-weight: 400;
        padding: 15px 0;
        margin-top: 30px;
    }

    .y_footer img {
        height: 40px;
    }
}



@media screen and (max-width: 720px){
    .y_footer {
        font-size: .875rem;
        font-weight: 400;
        padding: 15px 0;
        margin-top: 20px;
    }
    .y_footer img {
        height: 40px;
    }
}
@media screen and (max-width: 480px) {
    .y_footer {
        font-size: .875rem;
        font-weight: 400;
        padding: 15px 0;
        margin-top: 10px;
    }

    .y_footer img {
        height: 40px;
    }
}


/*---2023.10.26 - 커스텀 css---*/

/*input*/
.commonInput{height: 52px;line-height: 50px;padding: 0 20px;border: 1px solid #464c56;border-radius: 5px;overflow: hidden;background: #333841;outline: none;color: #fff;}
.commonInput::placeholder{color: rgba(255,255,255,.3);}
.commonW100{display: block;width: 100%;}

.commonSubmit{line-height: 50px;background: #29a7ff;border-radius: 5px;overflow: hidden;font-weight: bold;font-size: 1.13rem;transition: background .25s ease;}
.commonSubmit:hover{background: #1a7de7;}

/*margin*/
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}

@media screen and (max-width: 480px){
    
	.commonInput{height: 45px;line-height: 43px;padding: 0 15px;border-radius: 3px;}

	.commonSubmit{line-height: 45px;border-radius: 3px;}
}

/*--header--*/
.hdGnb>ul{display: flex;align-items: center;justify-content: center;}
.hdGnb>ul>li{opacity: .4;position: relative;transition: opacity .1s ease;}
.hdGnb>ul>li:hover{opacity: 1;}
.hdGnb>ul>li>a{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 140px;height: 110px;text-align: center;}
.hdGnb>ul>li>a>figure{display: flex;align-items: center;justify-content: center;height: 50px;}
.hdGnb>ul>li>a img{display: block;}
.hdGnb>ul>li>a>i{margin-top: 5px;font-weight: 500;}

.hdGnb>ul>li>ul{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 120%;z-index: 1;background: #F00;padding: 14px 0;border-radius: 5px;overflow: hidden;display: none;transition: top .45s ease;
	background: rgba(25, 26, 31, 0.9);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px;
    backdrop-filter: blur(20px);
}
.hdGnb>ul>li>ul.on{top: calc( 100% - 10px );}
.hdGnb>ul>li>ul>li>a{display: block;width: 100%;text-align: center;padding: 5px 0;font-weight: 400;color: #989fa9;transition: color .2s ease;}
.hdGnb>ul>li>ul>li:hover>a{color: #FFF;}

/*Mobile*/
.moBtn{display: none;}

/*--공통 반응형--*/
@media screen and (max-width: 1480px){
    
	#y_header{height: 90px;}
	#y_header .y_inner{width: 95%;}
	.y_main_vd{margin-top: 90px;}
	
	#y_header .y_inner h1{width: auto;}
	#y_header .y_inner h1 a img, .y_footer h2 img{max-width: 140px;}
	
	.hdGnb>ul>li>a{width: 120px;height: 90px;}
	.hdGnb>ul>li>a>figure{height: 40px;}
	.hdGnb>ul>li>a img{height: 100%;}
	.hdGnb>ul>li>a>i{margin-top: 3px;}
	
	#y_header .y_inner .y_search{width: 20%;}
	#y_header .y_inner .y_search input{width: calc(100% - 55px);height: 45px;padding: 0 20px;}
	#y_header .y_inner .y_search .y_search_btn{width: 45px;}
	#y_header .y_inner .y_search .y_search_btn img{max-width: 20px;}

	.y_index_swiper .swiper-slide{height: 400px;}
	.y_swiper-button-prev, .y_swiper-button-next{display: none !important;}

	.y_index_swiper .swiper-slide .main_text{left: 2.5%;}
	.y_index_swiper .swiper-slide .main_text h2{font-size: 3.4rem;margin-bottom: 5px;}
	.y_index_swiper .swiper-slide .main_text p{font-size: 1.2rem;}
	.y_index_swiper .swiper-slide .main_text a{width: 260px;height: 55px;line-height: 55px;font-size: 1.3rem;margin-top: 40px;}

	.y_main_list .y_main_list1>ul{margin-bottom: 20px;}
	.y_main_list .y_main_list1 ul .y_list_info a{width: 100%;height: 100%;padding: 25px;}
	.y_main_list .y_main_list1 ul .y_list_info h5{height: auto;}

	.y_main_list .y_main_list1>ul>li .y_main_more h5{font-size: 1.25rem;margin-bottom: 3px;}
	.y_main_list .y_main_list1>ul>li .y_main_more p img{margin-left: 10px;}
	.y_main_list .y_main_list1>ul>li .y_main_more p{font-size: 1.13rem;}
}

@media screen and (max-width: 1280px){ 
	 
	 #y_header .y_inner h1 a img, .y_footer h2 img{width: 110px;}

	.hdGnb>ul>li>a{width: 110px;}
	
	.y_main_list1>ul>li{width: calc(100% / 4 - 10px) !important;}
	.y_main_list1>ul>li:last-child{display: none;}
}

@media screen and (max-width: 1080px){ 
	 
	#y_header{height: 80px;}
	.y_main_vd{margin-top: 80px;}

	.hdGnb, #y_header .y_inner .y_search{display: none;}

	.y_index_swiper .swiper-slide{height: 300px;}
	.y_index_swiper .swiper-slide .main_text h2{font-size: 3rem;margin-bottom: 0;}
	.y_index_swiper .swiper-slide .main_text p{font-size: 1.13rem;}
	.y_index_swiper .swiper-slide .main_text a{width: 220px;height: 50px;line-height: 50px;margin-top: 30px;}

	.y_index_swiper .swiper-pagination-bullets{bottom: 15px !important;}
	.y_index_swiper .swiper-pagination-bullet{width: 8px;height: 8px;bottom: 15px;}

	.y_footer{margin-top: 50px;}

	/*Mobile*/
	.moBtn{display: block;width: 25px;height: 100%;position: relative;z-index: 1;}
	.moBtn span{position: absolute;top: 39px;left: 0;width: 100%;height: 2px;background: #FFF;transition: all .45s ease;}
	.moBtn span:nth-child(1){transform: translateY(-9px);}
	.moBtn span:nth-child(3){transform: translateY(9px);}

	.moBtn.on span:nth-child(1), .moBtn.on span:nth-child(3){width: 35px;left: -5px;}
	.moBtn.on span:nth-child(1){transform: translateY(0) rotate(45deg);}
	.moBtn.on span:nth-child(2){transform: translateX(100%);opacity: 0;}
	.moBtn.on span:nth-child(3){transform: translateY(0) rotate(-45deg);}
}

@media screen and (max-width: 968px){ 
	
	.y_main_list1{overflow-y: hidden;overflow-x: scroll;}
	.y_main_list .y_main_list1>ul{width: 1200px;margin-bottom: 0;margin-top: 20px;}
	.y_main_list .y_main_list1:first-child>ul{margin-top: 0;}
    .y_main_list1>ul>li{width: calc(100% / 5 - 10px) !important;}
	.y_main_list1>ul>li:last-child{display: block;}

	.y_main_list1::-webkit-scrollbar {
		display: none;
	}

	.y_main_list1{
		-ms-overflow-style: none; /* 인터넷 익스플로러 */
		scrollbar-width: none; /* 파이어폭스 */
	}
}

@media screen and (max-width: 720px){ 
	
	#y_header{height: 60px;}
	#y_header .y_inner{width: 90%;}
	#y_header .y_inner h1 a img, .y_footer h2 img{width: 100px;}

	/*Mobile*/
	.moBtn{width: 22px;}
	.moBtn span{top: 29px;}
	.moBtn span:nth-child(1){transform: translateY(-7px);}
	.moBtn span:nth-child(3){transform: translateY(7px);}

	.moBtn.on span:nth-child(1), .moBtn.on span:nth-child(3){width: 28px;left: -3px;}

	.y_main_vd{margin-top: 60px;}
	.y_index_swiper .swiper-slide{height: 250px;width: 90%;}
	.y_index_swiper .swiper-slide .main_text{left: 5%;}
	.y_index_swiper .swiper-slide .main_text h2{font-size: 24px;}
	.y_index_swiper .swiper-slide .main_text p{font-size: 13px;}
	.y_index_swiper .swiper-slide .main_text a{margin-left: 0;width: 140px;height: 40px;line-height: 40px;margin-top: 25px;font-size: 14px;}

	.y_index_swiper .swiper-pagination-bullets{bottom: 10px !important;}
	.y_index_swiper .swiper-pagination-bullet{width: 5px;height: 5px;}

	.y_main_list, .y_footer{margin-top: 20px;}
	.y_main_list, .y_footer .y_inner{width: 90%;}
	
	.y_main_list .y_main_list1 ul .y_list_info h5{font-size: 18px;}
	.y_main_list .y_main_list1 ul .y_list_info p{line-height: 160%;opacity: .75;}
	.y_main_list .y_main_list1 ul .y_list_info a{padding: 13px 18px;}
	
	.y_main_list .y_main_list1>ul{width: 900px;}
	.y_main_list1>ul>li{width: calc(100% / 5 - 8px) !important;}
	.y_main_list .y_main_list1>ul>li{border-radius: 10px;}

	.y_main_list .y_main_list1>ul>li .y_main_more h5{font-size: 14px;}
	.y_main_list .y_main_list1>ul>li .y_main_more p img{margin-left: 5px;}
}

/*--mobile Menu--*/
.moWrap{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 9999;display: none;}
.moBg{position: absolute;top: 0;left: 0;right: auto;width: 0;height: 100%;transition: width .8s ease;
	background: rgba(25, 26, 31, 0.8);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 10px;
    backdrop-filter: blur(15px);
}

.moGnb{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding-top: 80px;position: relative;z-index: 1;transform: translateY(30px);opacity: 0;transition: transform .8s, opacity .3s;}
.moGnb>ul{display: flex;justify-content: center;width: 90%;}
.moGnb>ul>li{position: relative;width: 17%;}
.moGnb>ul>li::after{content: "";position: absolute;top: 12px;right: -1px;width: 1px;height: 25px;background: rgba(255,255,255,.3);z-index: 1;}
.moGnb>ul>li:last-child::after{display: none;}
.moGnb>ul>li>a{display: block;}
.moGnb>ul>li>a figure{display: flex;align-items: center;justify-content: center;height: 50px;}
.moGnb>ul>li>a i{display: block;text-align: center;font-size: 1.3rem;font-weight: 500;margin-top: 15px;}
.moGnb>ul>li>ul{display: none;}

/*on*/
.moBg.on{left: auto;right: 0;width: 100%;}
.moGnb.on{transform: translateY(0);opacity: 1;}

@media screen and (max-width: 960px){ 
	
	.moGnb>ul{flex-wrap: wrap;row-gap: 50px;}
	.moGnb>ul>li{width: 33.333%;}
	.moGnb>ul>li:nth-child(3n)::after{display: none;}
}

@media screen and (max-width: 720px){ 
	
	.moGnb{padding-top: 60px;}
	.moGnb>ul{flex-wrap: wrap;row-gap: 50px;}
	.moGnb>ul>li{width: 50%;}
	.moGnb>ul>li:nth-child(2n)::after{display: none;}
	.moGnb>ul>li:nth-child(3n)::after{display: block;}
	.moGnb>ul>li:last-child::after{display: none;}
}

.tbl_head01 td{color: #000;}

/*메인페이지 - 리스트가 없을때*/
.y_main_list .y_main_list1>ul>li.mainList_0{width: calc( ( 100% / 5 ) * 4) ;height: 50px;text-align: center;line-height: 50px;color: #7d8695;}


/*231205 LHB*/
.y_view_down p>span i{margin-right:10px; position:relative; word-break:keep-all; }
.y_view_down p>span i:after{content:'';width:1px;height:10px; background-color:#fff;opacity:.2;position:absolute;right:-7px; top:50%; transform:translateY(-50%); }
.y_view_down p>span i:last-child{margin-right:0; }
.y_view_down p>span i:last-child:after{display:none;}

.y_sub_view_top .y_view_img {overflow: hidden; border-radius: 12px;}
.y_sub_view_top .y_view_img > a{display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.y_sub_view_top .y_view_img img{border-radius:0 !important;}

@media screen and (max-width: 720px){ 
	
	.y_view_down p>span i:after{height: 8px;}
}

/*---2024.1.22 - 수정사항 반영---*/
.addLogo a{display: flex;align-items: flex-end;gap: 10px;}
.addLogo a span{font-weight: bold;font-size: 1.13rem;margin-bottom: -5px;white-space: nowrap;}
h2.addLogo a span{color: #494f59;} /*footer*/

@media screen and (max-width: 1280px){ 
	
	.addLogo a{flex-direction: column;align-items: flex-start;gap: 0;}
	.addLogo a span{margin-bottom: 0;margin-top: 3px;}
}

@media screen and (max-width: 1080px){ 
	
	.addLogo a{flex-direction: row;align-items: flex-end;gap: 8px;}
	.addLogo a span{margin-top: 0;margin-bottom: -5px;font-size: 1rem;}
}

/*---2024.3.12 - 수정사항 반영---*/
.y_footer .y_inner{display: flex;align-items: center;gap: 20px;}

.cultureLogo{display: flex;align-items: center;gap: 15px;}
.cultureLogo img{max-width: 180px;}

.ft_info i{display: block;line-height: 160%;color: #858687;font-weight: 500;}

@media screen and (max-width: 1080px){ 
	
	.y_footer img{height: auto;}
}

@media screen and (max-width: 720px){ 
	
	.y_footer .y_inner, .cultureLogo{gap: 10px;}
	.y_footer .y_inner{align-items: flex-start;flex-direction: column;}

	.cultureLogo img{max-width: 120px;}

	.ft_info i{font-size: 13px;}
}