.m{display: none;}
.tab{display: none;}
.pc{display: block;}
/* .main_visual{
    background: black url(../../../img/main_img1.png) no-repeat center center / cover;
    height: calc(100vh - 120px);
}  */
.main_visual{}
.main_visual .swiper{}

.main_visual{
    position: relative;
}
.main_visual .plus{
    z-index: 1;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main_visual .swiper .swiper-wrapper{}
.main_visual .swiper .swiper-wrapper .swiper-slide .inner{
    height: 100%;
    color: #ffff;
    display: flex;
    gap: 24px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.main_visual .swiper .swiper-wrapper .swiper-slide .inner .sub-tit{
    font-size: 28px;
}
.main_visual .swiper .swiper-wrapper .swiper-slide .inner .tit{
    font-size: 80px;
    line-height: 120%;
    font-weight: bold;
}
.main_visual .swiper .swiper-wrapper .swiper-slide .inner .eng{
    font-size: 16px;
    opacity: 50%;
}
.main_visual .swiper .swiper-wrapper .swiper-slide:nth-child(1){
    background: black url(../../../img/main_img1.png) no-repeat center center / cover;
    height: 100vh;
}
.main_visual .swiper .swiper-wrapper .swiper-slide:nth-child(2){
    background: black url(../../../img/main_img2_.jpg) no-repeat center center / cover;
    height: 100vh;
}
.main_visual .swiper .swiper-wrapper .swiper-slide:nth-child(3){
    background: black url(../../../img/main_img1.png) no-repeat center center / cover;
    height: 100vh;
}
.swiper-button-prev {
    left: 44%;
    top:90%
}
.swiper-button-next {
    right: 44%;
    top:90%
}
.swiper-button-next, .swiper-button-prev{
    color: #ffff;
}
.div_wrap{
    padding: 80px 0 0;
}
.main_keyword{
    max-width: 1920px;
    overflow: hidden;
    margin: 0 auto;
    display: flex !important;
}
.main_keyword .list {
    display: flex;
    justify-content: center;
    min-width: max-content;
    flex-wrap: nowrap;
    line-height: 1;
    padding: 20px 36px 20px;
    border: 2px solid #ddd;
    text-align: center;
    border-radius: 50px;
}
.js-marquee{
    display: flex;
    gap: 20px;
}
.js-marquee-wrapper{
    display: flex;
}
.main_keyword .list:hover{border-color: #009FE1; background: #009FE1; color: white;}
/*con1 커스텀에있음 */









.con2.main_container h3 button{
    color: #DDDDDD;
    font-size: 2rem;
}
.con2.main_container h3 button:hover{
    color: #fff;
    font-weight: bold;
}
.con2.main_container h3 button.selected{
    color: #fff;
    font-weight: bold;
}
.con2.main_container h3 .line{
    width: 1px;
    height: 20px;
    background-color: #fff;
}
.con2.main_container h3{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    opacity: 1;
    height: 30px;
}
.con2.main_container .wrap{
    display: flex;
    flex-direction: column;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    max-width: 1760px;
    margin: 0 auto;
}
.con2.main_container .wrap .row .tit{
    width: 300px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    cursor: pointer;
}
.con2.main_container .wrap .row .num{
    width: max-content;
    display: none;
}
.con2.main_container .wrap .row .date{white-space: nowrap;}
.con2.main_container .wrap .el{
}
.con2.main_container .wrap .row{
    padding: 30px 30px;
    color: #fff;
    display: flex;
    gap: 80px;
    border-bottom: 1px solid #fff;
}
.con2.main_container .wrap .row:last-child{
    border-bottom: 0px solid #fff;
    
}


















.con3 .inner .col.col-1{
    display: flex !important;
    flex-direction: column !important;
    gap: 80px;
}
.con3 .inner .col-box{
    
}
.con3 .inner .col-box .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 860px;
}
.con3 .inner .col-box .pic img {
    transition: transform 0.5s ease; /* 부드러운 확대 전환 */
}

.con3 .inner .col-box .pic:hover img {
    opacity: 0.6;
    transform: scale(1.2);
}
.con3 .inner .col-box .pic .con3-ico img {
    width: 20px;
     opacity: 1;
    height: auto;
}
.con3 .inner .col-box .pic .con3-ico {
    display: none;
    transition: all 0.5 ease;
}
.con3 .inner .col-box .pic:hover .con3-ico {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    z-index: 12;
    position: absolute;
    top: 40px;
    right: 40px;
    /* transform: translate(50% , 50%); */
    border-radius: 1000px;
    border: 1px solid #fff;
    background-color: #000000a3;
    padding: 4px 20px;
}
.con3 .inner .col-box .pic {
    position: relative;
    background-color: #000;
    overflow: hidden;
    border-radius: 60px 60px 0 0;
    height: 560px;
}
.con3 .inner .col-box .text .txt{
    font-size: 1.5rem;
}
.con3 .inner .col-box .text .tit{
    font-size: 2.5rem;
    font-weight: bold;
    padding-bottom: 32px;
}
.con3 .inner .col-box .text{
    max-width: 860px;
    border-radius: 0 0 60px 60px;
    border: 1px solid #DDDDDD;
    border-top: 0px;
    padding: 56px 80px;
}
.con3 .inner .col-box{cursor: pointer;}
.con3 .inner{
    display: flex;
    align-items: end;
    gap: 40px;
    justify-content: center;
}
.con3 {
    color: #000 !important;
}
.con3 .logo-box img{
    padding-top: 172.5px;
    padding-bottom: 172.5px;
    max-width: 860px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.con3 .logo-box{
    background-color: #fff;
    /* padding: 146.7px; */
    display: flex;
    align-items: center;
    justify-content: center;
}