@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

body, h1, h2, h3, h4, h5, h6, input, textarea, select {font-family: 'Noto Sans KR', sans-serif;}
*{padding:0;margin:0;}
ul li{list-style: none;}
a{text-decoration: none;color:inherit;}
.flex{display:flex;}
.inner{max-width:1200px;margin:0 auto;}
.menuinner{max-width:1000px;margin:0 auto;}
.active{background-color: #F40025;}

.container{height:100vh;
    position: relative;
background: url('../img/mainbg.jpg') no-repeat center;
background-size: cover;}
.bar{background-color: rgb(0, 0, 0, 0.7);
position: fixed;width:100%;top:0;z-index: 99;}
.bar .mouse{text-align: right;padding:10px 10px 0 0;}
.navi{gap:80px;height:110px;align-items: center;justify-content: center;
}
.navi ul{gap:80px;}
.navi ul li{font-size:16px;font-weight:bold;color:#dddddd;}
footer{width:100%;height:240px;background-color: #F40025;
}

footer .footbox{height:240px;align-items: center; justify-content: center;gap:100px;}
footer .footbox .right{color:#fff;}
footer .footbox .right h2{margin-bottom:15px;}
footer .footbox .right p{font-size:12px;}
footer .footbox .left img{margin:0 15px;}
.container .bottom{width:100%; height:180px;
background-color: rgb(0, 0, 0, 0.7);bottom:0;position: absolute}
.bottom .botbox article{gap:50px;height:180px;justify-content: center;align-items: center;}

/* sub */
.subbg{
    background: url('../img/subbg1.jpg') no-repeat center;
    background-size: cover;
}
.subbg .submaintxt{
    color:#fff;
    text-align: center;
    padding:170px 0 90px 0;
}
.subbg .submaintxt h2{
    font-size:36px; 
    font-weight:bold;}
.subbg .submaintxt p{font-size:16px; 
    font-weight:bold;
    line-height: 3;}

    .subbg2{
        background: url('../img/subje.jpg') no-repeat center;
        background-size: cover;
    }
    .subbg2 .submaintxt{
        color:#fff;
        text-align: center;
        padding:170px 0 90px 0;
    }
    .subbg2 .submaintxt h2{
        font-size:36px; 
        font-weight:bold;}
    .subbg2 .submaintxt p{font-size:18px; 
        font-weight:bold;
        line-height: 3;}
        .subbg3{
            background: url('../img/bgbgbg.jpg') no-repeat center;
            background-size: cover;
                  
        }
        .subbg3 .submaintxt{
            color:#fff;
            text-align: center;
            padding:170px 0 90px 0;
        }
        .subbg3 .submaintxt h2{
            font-size:36px; 
            font-weight:bold;}
        .subbg3 .submaintxt p{font-size:18px; 
            font-weight:bold;
            line-height: 3;}

            .subbg4{
                background: url('../img/head5bg.png') no-repeat center;
                background-size: cover;
                      
            }
            .subbg4 .submaintxt{
                color:#fff;
                text-align: center;
                padding:200px 0 120px 0;
            }
            .subbg4 .submaintxt h2{
                font-size:36px; 
                font-weight:bold;}
            .subbg4 .submaintxt p{font-size:18px; 
                line-height: 1.5;
            margin-top:25px;}
.submaintxt .subtopimg{margin-top:20px;}
.subbar{background-color: rgb(0, 0, 0, 0.7);}
.subbar .submenu ul{
    justify-content: space-evenly;
    align-items: center;
}

.subbar .submenu ul li{
    color:#fff;
    width:33.3%;
    text-align: center;
    padding:25px 0;   
}

.subbar2{background-color: rgb(0, 0, 0, 0.7);}
.subbar2 .submenu ul{
    justify-content: space-evenly;
    align-items: center;
}

.subbar2 .submenu ul li{
    color:#fff;
    width:50%;
    text-align: center;
    padding:25px 0;   
}

.subcon{
    background: url('../img/subbotbg1.jpg') repeat;
    background-size: cover;
    text-align: center;
    color:#fff;
    padding:150px 0;
}


.subcon1{
    background: url('../img/brandbg1.png') repeat;
    background-size: cover;
    text-align: center;
    color:#fff;
    padding:150px 0;
}

.subline{
    width:50px;
    border-bottom:3px solid #F40025;
    margin:0 auto;
}

.subcon p{color:#AFAFAF; font-size:17px;}
.subcon h3{font-size:20px; font-weight:bold;margin-bottom:15px;}
.subcon h2{padding:20px 0; font-size:24px; font-weight:bold;}
.subcon .ceo{margin-top:25px;}



.subcon .hisimg{
    margin-top:50px;
}
.subcon .foundmedia video{width:85%;margin-bottom:50px;}
.subcon .brandlogo{margin:50px 0;}
.subcon .brandsubimg{margin:50px 0;text-align: center;}
.subcon1 .brandbd{margin:50px 0;}
.subcon1 .brandbd .bdset img{margin:20px;}

.subcon2{
    background: url('../img/subbotbg1.jpg') repeat;
    background-size: cover;
    text-align: center;
    color:#fff;
    padding:150px 0;
}
.subcon2 p{color:#AFAFAF; font-size:17px;}
.subcon2 h3{font-size:20px; font-weight:bold;margin-bottom:15px;}
.subcon2 h2{padding:20px 0; font-size:24px; font-weight:bold;}
.subcon2 .ceo{margin-top:25px;}

.subcon2 .hisimg{
    margin-top:50px;
}
.subcon2 .brandlogo{margin:50px 0;}
.subcon2 .brandsubimg{margin:50px 0;text-align: center;}

.mainc{font-size:22px; font-weight:bold;}
.mains{font-size:16px; font-weight:bold; line-height: 1.5;}
.ddd{color:#AFAFAF;}
.bbbrrr{margin:25px 0;}
.rrrbbb{margin:100px 0;}
.form-wrap{
    background: url('../img/inquiry.png') no-repeat center;
    height:770px;
    margin:50px 0;
    color:#fff;
    position: relative;
    text-align: center;
}
.form-area{
    position: absolute;
    width:100%;
    left:50%;
    top:50%;
    transform: translate(-50%, -40%);
}
.form-area .form-box{margin:20px 0;}
.form-area .form-box .inquiryput{
    width:678px;
    height:30px;
}

.form-area .form-box .inquiryput2{
    width:663px;
    height:30px;
}

.form-area .form-box .inquiryput3{
    width:572px;
    height:30px;
}

#inquiryput4{width:665px; height:30px;}
#inquiryput5{width:575px; height:30px;}

.form-area .form-box textarea{
    width:750px;
    height:100px;
    margin-top:10px;
}

.form-box .formbutton{
   
    padding:15px 80px;
    color:#fff;
    background-color: #F40025;
    border:0;
    border-radius: 10px;
    cursor: pointer;
    font-size:16px;
    font-weight:bold;
}

.con01{gap:10px;align-items: center;justify-content: center;}
.formradio{
    border:1px solid #fff;
    padding:5px 30px;
    border-radius: 5px;
}

.subcon .menucon .title strong{
    font-size:36px;
}

.subcon .menucon .content .menubox{
    padding:50px 30px;
    background-color: rgb(142, 142, 142, 0.1);
    border-radius: 10px;
    align-items: center;
    margin:20px 0;
}

.subcon .menucon .content .menubox .title{width:15%;}

.subcon2 .menucon{gap:20px;}
.subcon2 .menucon .left{width:15%;}
.subcon2 .menucon .right{width:85%;}

.subcon2 .menucon .title strong{
    font-size:36px;
}

.subcon2 .menucon .content .menubox{
    padding:20px 30px;
    background-color: rgb(142, 142, 142, 0.1);
    border-radius: 10px;
    align-items: center;
    margin:20px 0;
}

.subcon .menucon .content .menubox .menu{
    margin-left:50px;
    margin: 0 15px;
}

.subcon2 .menucon .content .menubox .menu{
    margin: 0 15px;
}

.subcon .menucon .content .menubox .title{text-align: left;}
.subcon .menucon .content .menubox .sumname{margin-top:10px;}
.subcon .menucon .content .menubox .menu .list{gap:50px;flex-wrap: wrap;}

.subcon2 .menucon .content .menubox .menu .list{gap:70px;flex-wrap: wrap;}

.subcon2 .menucon .content .menubox .title{width:15%;text-align: left;}

.menuactive{color: #FF2737;text-decoration: underline;font-weight: bold;}

.subcon2 .menucon .left ul{text-align: left;font-size:18px;color:#E2E2E2;}
.subcon2 .menucon .left ul li{
    margin-top:20px;
    margin-left:20px;
}



.menucon .content .menubox .menu .sum p{
    font-size:14px;
    color:#AFAFAF;
}

.subcon .hispc{display:block;}
.subcon .hismobile{display:none;}
.swiper {
   width:650px;
   height:300px;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    flex-shrink: 1;
   
  }

  .swiper-slide img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .swiper .swiper-pagination-bullet{width:16px; height:16px;}
    .swiper .swiper-pagination-bullet-active{background: #F40025;}

  .subcon .menucon .content .menu .list .swiper{margin-left:15px;width:800px;}

  .subcon .rlaejrdud{justify-content: center;align-items: center;gap:20px;margin-left:200px;}
  .subcon .rlaejrdud .rlaejrdudimg{align-items: center;}
 

@media(max-width:1199px){
    
    /* 공통 */
    .inner{max-width:100%;}
    .menuinner{max-width:80%;}
    .mainc{font-size:16px;}
    .mains{font-size:13.5px;line-height: 1.5;}
    .bbbrrr{margin:25px 0;}
    .rrrbbb{margin:100px 0;}
    .subcon .hispc{display:none;}
    .subcon .hismobile{width:100%;display:block;}

    .subbar .submenu ul li{font-size:0.7em;}
    .subbar2 .submenu ul li{font-size:0.7em;}

    .subcon{padding:50px 0;}
    .subcon p{color:#AFAFAF; font-size:10px;}
    .subcon h3{font-size:16px; font-weight:bold;margin-bottom:15px;}
    .subcon h2{padding:20px 0; font-size:13.5px; font-weight:bold;}
    .subcon .hisdyk img{width:50%;}
    .subcon .hisimg img{width:100%;}

    .subcon .rlaejrdud{gap:10px;margin-left:100px;}
    .subcon .rlaejrdud .rlaejrdudimg img{width:35%;}
    .subcon .rlaejrdud h4{font-size:12px;width:85px;}


    .subbg .submaintxt img{width:30%;}
    .subbg .submaintxt h2{font-size:18px;}
    .subbg .submaintxt p{font-size:14px;line-height: 1;margin:0 20px;}

    .subbg2 .submaintxt img{width:30%;}
    .subbg2 .submaintxt h2{font-size:18px;}
    .subbg2 .submaintxt p{font-size:14px;line-height: 1;margin:0 20px;}

    .subbg3 .submaintxt img{width:30%;}
    .subbg3 .submaintxt h2{font-size:18px;}
    .subbg3 .submaintxt p{font-size:14px;line-height: 1;margin:0 20px;}

    .subbg4 .submaintxt img{width:30%;}
    .subbg4 .submaintxt h2{font-size:18px;}
    .subbg4 .submaintxt p{font-size:12px;line-height: 1.25;margin:0 20px;}
    
    /* 메인헤드 */
    .container{max-width:100%;}
    .container .bar .navi{flex-direction: column; width:100%;text-align: center;height:100px;gap:10px;}
    .container .bar .navi .menu ul{gap:10px;}
    .container .bar .navi .menu ul li{font-size:0.8em;}
    
    /* 공통헤드 */
    .subbg{max-width:100%;}
    .subbg .bar .navi{flex-direction: column; width:100%;text-align: center;height:100px;gap:10px;}
    .subbg .bar .navi .menu ul{gap:10px;}
    .subbg .bar .navi .menu ul li{font-size:0.8em;}

    .subbg2{max-width:100%;}
    .subbg2 .bar .navi{flex-direction: column; width:100%;text-align: center;height:100px;gap:10px;}
    .subbg2 .bar .navi .menu ul{gap:10px;}
    .subbg2 .bar .navi .menu ul li{font-size:0.8em;}

    .subbg3{max-width:100%;}
    .subbg3 .bar .navi{flex-direction: column; width:100%;text-align: center;height:100px;gap:10px;}
    .subbg3 .bar .navi .menu ul{gap:10px;}
    .subbg3 .bar .navi .menu ul li{font-size:0.8em;}

    .subbg4{max-width:100%;}
    .subbg4 .bar .navi{flex-direction: column; width:100%;text-align: center;height:100px;gap:10px;}
    .subbg4 .bar .navi .menu ul{gap:10px;}
    .subbg4 .bar .navi .menu ul li{font-size:0.8em;}

    /* 메인푸터 */
    .container .bottom{width:100%;text-align: center; height:auto;}
    .bottom .botbox article{gap:0px;height:auto;display:inline-block;padding:20px 0;}
    .bottom .botbox img{width:45%;}

    /* 전체하단 */
    footer{text-align: center;}
    footer .footbox{height:auto;gap:0px;width:100%;flex-direction: column;}
    footer .footbox .left{width:100%;}
    footer .footbox .left img{margin-top:30px; width:auto; height:35px;}

    /* 서브메뉴 */
    .subbg{width:100%;}
    .subbg .submaintxt{padding:130px 0 35px 0;}
    .submaintxt .subtopimg{margin-top:5px;}
    .subcon .brandsubimg img{width:90%;}
    .subcon .hisimg2 img{width:90%;}
    .subcon .hisimg img{width:90%;}
    .subcon .foundbot img{width:90%;}
    .subcon .foundbot{margin-top:25px !important;}

    /* 폼메일 */
    .form-area{
        position: absolute;
        width:100%;
        left:50%;
        top:50%;
        transform: translate(-50%, -40%);
    }
    .form-area .form-box{margin:20px 0;}
    .form-area .form-box .inquiryput{
        width:178px;
        height:30px;
    }
    
    .form-area .form-box .inquiryput2{
        width:163px;
        height:30px;
    }
    
    .form-area .form-box .inquiryput3{
        width:172px;
        height:30px;
    }
    
    .menucon .title h2{font-size:2em;}
    .menucon .title span{display: block;}
    .subcon .content .menubox{flex-direction: column;}
    .subcon .menucon .content .menubox{
        padding:0;
        border-radius: 10px;
        align-items: center;
        margin:20px 0;
    }

    #inquiryput4{width:165px; height:30px;}
    #inquiryput5{width:75px; height:30px;}

    /* 메뉴소개 부분*/

    .menucon .content .menubox .menu .sum p{font-size:12px;}
    .menucon .content .menubox .menu img{width:100%;}

    .swiper-slide {
        flex-shrink: 0;
      }
     .swiper {
       width:230px;
       height:300px;
       margin-left:20px;
      }

    /* 메뉴소개 공통 끝 */
     .subcon .menucon .content .menu .list .swiper{width:230px;}
     .subcon .menucon .content .menubox{padding:50px 0;width:100%;}
     .subcon .menucon .content .menubox .title{width:100%;text-align: center;}
     .subcon .menucon .content .menubox .menu{margin-left:0px;}
     .subcon .menucon .content .menubox .sumname{margin-top:0px;}
     .subcon .menucon .content .menubox .menu .list{justify-content: center;gap:35px; width:100%;}
   
     .subcon2 .menucon .left article{display:none;}
     .subcon2 .menucon .content .menubox{padding:50px 0;width:100%;flex-direction: column;}
     .subcon2 .menucon .content .menubox .title{width:100%;text-align: center;}
    .subcon2 .menucon .content .menubox .menu{margin-left:0px;}
    .subcon2 .menucon .content .menubox .sumname{margin-top:0px;}
    .subcon2 .menucon{flex-direction: column;}
    .subcon2 .menucon .content .menubox .menu .list{justify-content: center;gap:35px; width:100%;}
    .subcon2 .menucon .left ul{
    display:flex;
    justify-content: center;
    font-size:16px;
    text-align: center;
    gap:10px;
    }
.subcon2 .menucon{gap:20px;}
.subcon2 .menucon .left{width:100%;}
.subcon2 .menucon .right{width:100%;}
.subcon2 .menucon .left ul li{
    margin-top:0px;
    margin-left:0px;
}
.subcon2 .menucon .left ul li{
    padding:10px;
    border:1px solid #F40025;
    border-radius: 50px;
}

}