header {
    background:rgba(255,255,255,0);
    border-bottom:none;
}
#container {
    padding: 0 0;
}
main {
    min-height:100rem;
}

/* visual */
.main-visual {

}
.main-visual .mainvs {

}
/* .main-visual .mainvs .swiper-slide {
    position:relative;
    height:98.5rem;
} */

.main-visual .mainvs .swiper-slide {
    position:relative;max-width:100%;height:0;overflow: hidden;
    padding-top: 56.25%;
}
.main-visual .mainvs .swiper-slide::after {
    display:block;
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
    background:transparent;
}
.main-visual .mainvs .swiper-slide iframe {
    position:absolute;width:100%;height:100%;top: 0;left: 0;
    z-index:0;
}
@media (min-aspect-ratio: 16/9) {
    .main-visual .mainvs .swiper-slide iframe { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
    .main-visual .mainvs .swiper-slide iframe { width: 300%; left: -100%; }
}

.main-visual .mainvs .swiper-slide video {
    position:absolute;width:100%;height:100%;top: 0;left: 0;
    z-index:0;
}
@media (min-aspect-ratio: 16/9) {
    .main-visual .mainvs .swiper-slide video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
    .main-visual .mainvs .swiper-slide video { width: 300%; left: -100%; }
}

.main-visual .mainvs .bg-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}
.main-visual .mainvs .bg-img img {
    width: 100%;
    height: 98.5rem;
    object-fit: cover;
}
.main-visual .mainvs .bg-img img.for-mobile {
    display:none;
}
.main-visual .mainvs .slg {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:8rem;
    color:#fff;
    font-weight:600;
    white-space:nowrap;
    text-shadow: 0 0 2.9rem rgba(0,0,0,0.8);
    z-index:3;
}
.main-visual .mainvs .slg em {
    font-style:normal;
}
@media (max-width:991px){
    /* .main-visual .mainvs .swiper-slide {
        height:80rem;
    } */    
    .main-visual .mainvs .swiper-slide {
        padding-top: 75%;
    }
    .main-visual .mainvs .bg-img img {
        height:80rem;
    }    
    .main-visual .mainvs .slg {
        line-height:1.4;
    }
    .main-visual .mainvs .slg em {
        display:block;
    }
}
@media (max-width:580px){
    /* .main-visual .mainvs .swiper-slide {
        height:auto;
    } */
    .main-visual .mainvs .swiper-slide {
        padding-top: 168%;
    }    
    .main-visual .mainvs .bg-img {
        /* position: relative;
        top:inherit;
        left:inherit;
        width: 100%;
        height: 100%;
        transform:inherit;
        z-index: 2;
        text-align: center; */
    }
    .main-visual .mainvs .bg-img img {
        height:auto;
        object-fit:inherit;
    }
    .main-visual .mainvs .bg-img img.for-pc {
        display:none;
    }
    .main-visual .mainvs .bg-img img.for-mobile {
        display:block;
    }
    .main-visual .mainvs .slg {
        font-size:6rem;
    }
}
@media (max-width:450px){
    .main-visual .mainvs .swiper-slide {
        padding-top: 168%;
    }     
    .main-visual .mainvs .slg {
        font-size:5rem;
    }
}

/* title */
.mtit {

}
.mtit span {
    font-size:1.8rem;
    color:var(--red);
    font-weight:650;
}
.mtit p {
    margin-top:2rem;
    font-family: 'Futura Std';
    font-size:3rem;
    color:#000;
    font-weight:500;
}
.mtit h2 {
    margin-top:1rem;
    font-family: 'Futura Std';
    font-size:4.8rem;
    color:var(--red);
    font-weight:600;
}
@media (max-width:580px){
    .mtit span {
        font-size:1.6rem;
    }
    .mtit p {
        font-size:2.8rem;
    }
    .mtit h2 {
        font-size:3.8rem;
    }
}

/* our-brand */
.our-brand {
    margin-top:15rem;
    padding:0 3.125%;
}
.our-brand .banner {
    margin-top:5rem;
}
.our-brand .banner ul {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:3.2rem;
}
.our-brand .banner ul li {
    flex:1;
}
.our-brand .banner ul li a {
    display:block;
    font-size:0;
}
.our-brand .banner ul li a img {
    width:100%;
}
.our-brand .banner ul li a .img2 {
    display:none;
}
.our-brand .banner ul li a:hover .img1 {
    display:none;
}
.our-brand .banner ul li a:hover .img2 {
    display:block;
}
@media (max-width:991px){
    .our-brand .banner ul {
        gap:2rem;
    }
}
@media (max-width:520px){
    .our-brand .banner ul {
        flex-wrap:wrap;
    }
    .our-brand .banner ul li {
        flex-basis:100%;
    }
}
@media (max-width:450px){
    .our-brand {
        margin-top:10rem;
        padding:0 5%;
    }
    .our-brand .banner {
        margin-top:3rem;
    }
}

/* our-product */
.our-product {
    margin-top:10rem;
    padding:0 3.125%;
}
.our-product .mtit {
    margin-bottom:27rem;
}
.our-product .row {
    display:flex;
    justify-content:space-between;
    column-gap:8rem;
}
.our-product .col-1 {
    flex:1;
}
.our-product .col-1 .prd-wrap + .prd-wrap {
    margin-top:20rem;
}
.our-product .col-2 {
    flex:1;
}
.our-product .col-2 .prd-wrap + .prd-wrap {
    margin-top:13rem;
}
.our-product .prd-wrap .thumb {
    font-size:0;
}
.our-product .prd-wrap .thumb img {
    width:100%;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.our-product .prd-wrap .thumb:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.our-product .prd-wrap .info {
    padding:3rem;
}
.our-product .prd-wrap .info span {
    font-size:2rem;
    color:#000;
    font-weight:500;
}
.our-product .prd-wrap .info h3 {
    margin:1rem 0 2rem;
    font-size:4.2rem;
    color:#000;
    font-weight:600;
}
.our-product .prd-wrap .info p {
    font-size:2rem;
    color:#757575;
    line-height:1.4;
    margin-bottom:3rem;
}

@media (max-width:1230px){
    .our-product .row .col-1 .prd-wrap .info p br {
        display:none;
    }
}
@media (max-width:1100px){
    .our-product .row .col-2 .prd-wrap .info p br {
        display:none;
    }
}
@media (max-width:991px){
    .our-product .row {
        column-gap:4rem;
    }
    .our-product .prd-wrap .info {
        padding:3rem 0;
    }
}
@media (max-width:750px){
    .our-product .mtit {
        margin-bottom: 5rem;
    }
    .our-product .row {
        flex-wrap:wrap;
    }
    .our-product .row .col-1 {
        flex-basis:100%;
    }
    .our-product .row .col-2 {
        flex-basis:100%;
        margin-top:6rem;
    }
    .our-product .col-1 .prd-wrap + .prd-wrap {
        margin-top:6rem;
    }
    .our-product .col-2 .prd-wrap + .prd-wrap {
        margin-top:6rem;
    }
    .our-product .col-1 .mtit + .prd-wrap {
        padding-left:15%;
    }
    .our-product .col-1 .mtit + .prd-wrap + .prd-wrap {
        padding-right:15%;
    }
    .our-product .row .col-1 .prd-wrap .info p br {
        display:block;
    }
    .our-product .col-2 > .prd-wrap:nth-child(1) {
        padding-right:15%;
    }
    .our-product .col-2 > .prd-wrap:nth-child(2) {
        padding-left:15%;
    }
    .our-product .row .col-2 .prd-wrap .info p br {
        display:block;
    }
}
@media (max-width:580px){
    .our-product .prd-wrap .info span {
        font-size:1.8rem;
    }
    .our-product .prd-wrap .info h3 {
        font-size:3.2rem;
    }
    .our-product .prd-wrap .info p {
        font-size:1.8rem;
    }
}
@media (max-width:450px){
    .our-product {
        padding:0 5%;
        margin-top:6rem;
    }
}
@media (max-width:430px){
    .our-product .row .col-1 .prd-wrap .info p br {
        display:none;
    }
}
@media (max-width:370px){
    .our-product .row .col-2 .prd-wrap .info p br {
        display:none;
    }
}

/* neoflam-news */
.neoflam-news {
    margin-top:14rem;
    padding:0 3.125%;
}
.neoflam-news .news-tit {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
}
.neoflam-news .news-tit h2 {
    font-size:4.8rem;
    color:#000;
    font-weight:650;
}
.neoflam-news ul {
    margin-top:3rem;
    display:flex;
    justify-content:space-between;
    gap:8rem;
}
.neoflam-news ul li {
    flex:1;
    display:flex;
    flex-direction:column;
}
.neoflam-news ul .thumb {
    font-size:0;
}
.neoflam-news ul .thumb img {
    width:100%;
}
.neoflam-news ul .info {
    flex:1;
    padding:2rem 0;
    display: flex;
    flex-direction: column;    
}
.neoflam-news ul .info span {
    font-size:1.8rem;
    color:var(--red);
    font-weight:500;
}
.neoflam-news ul .info h3 {
    margin:1rem 0 4rem;
    font-size:2.3rem;
    color:#000;
    font-weight:600;
    line-height:1.4;
}
.neoflam-news ul .info p {
    font-size:1.6rem;
    color:#757575;
}
@media (max-width:1200px){
    .neoflam-news ul {
        gap:3.2rem;
    }
}
@media (max-width:991px){
    .neoflam-news ul .info h3 br {
        display:none;
    }
}
@media (max-width:580px){
    .neoflam-news .news-tit h2 {
        font-size:3.8rem;
    }
    .neoflam-news ul {
        flex-wrap:wrap;
    }
    .neoflam-news ul li {
        flex-basis:100%;
    }
    .neoflam-news ul .info span {
        font-size:1.6rem;
    }
    .neoflam-news ul .info h3 {
        font-size:2rem;
        margin:1rem 0 2rem;
    }
}
@media (max-width:450px){
    .neoflam-news {
        padding:0 5%;
        margin-top:10rem;
    }
    .neoflam-news .news-tit {
        align-items:center;
    }
    .neoflam-news .news-tit .more span {
        font-size:0;
    }
}

@media (max-width:380px){
    .neoflam-news .news-tit {
        flex-wrap:wrap;
        justify-content:space-between;
        gap:1rem;
    }
    .neoflam-news .news-tit .more {
        margin-left:auto;
    }
}

/* 영상 */
.mov-wrap {
    margin-top:14rem;
    padding:0 3.125%;
}
.mov-wrap .mov-box {
    position:relative;
    padding-top:56.29%;
}
.mov-wrap .mov-box img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
}
.mov-wrap .mov-box .txt {
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    text-align:center;
    transform:translate(-50%,-50%);
}
.mov-wrap .mov-box .txt h2 {
    font-size:6.4rem;
    color:#fff;
    font-weight:600;
    line-height:1.4;
}
.mov-wrap .mov-box .txt .play-btn {
    margin-top:6rem;
    width:35.6rem;
    height:9rem;
    background:url("../png/video_btn.png") no-repeat center;
    background-size:contain;
    z-index:2;
    font-size:0;
    cursor: pointer;
}

@media (max-width:991px){
    .mov-wrap .mov-box .txt h2 {
        font-size:4.4rem;
    }
}
@media (max-width:580px){
    .mov-wrap .mov-box .txt h2 {
        font-size:3.2rem;
    }
    .mov-wrap .mov-box .txt .play-btn {
        margin-top:4rem;
        width:25rem;
        height:6.3rem;
        background:url("../png/video_btn.png") no-repeat center;
        background-size:contain;
    }
}
@media (max-width:450px){
    .mov-wrap {
        padding:0 5%;
    }
}
@media (max-width:420px){
    .mov-wrap .mov-box .txt h2 {
        font-size:2.4rem;
    }
    .mov-wrap .mov-box .txt .play-btn {
        margin-top:4rem;
        width:20rem;
        height:5.1rem;
        background:url("../png/video_btn.png") no-repeat center;
        background-size:contain;
    }
}


/* swiper */
.swiper-button-prev {
    left:3.125%;
}
.swiper-button-next {
    right:3.125%;
}
.swiper-button-next:after, 
.swiper-button-prev:after {
    color:#fff;
}
@media (max-width:450px){
    .swiper-button-prev {
        left:5%;
    }
    .swiper-button-next {
        right:5%;
    }
}