@charset "utf-8";
@font-face {
    font-family: 'NEXEN_TIRE_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/NEXEN_TIRE_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

main *{
    word-break:keep-all;
}
main h2{
    margin-bottom:15px;
    color:#111;
    font-family: 'NEXEN_TIRE_Bold';
    font-size:28px;
    line-height:1;
}

main h2.tit_en{
    font-family: 'Lato', sans-serif;
    font-size:30px;
    font-weight:900;
}

main h2 span{
    margin-left:4px;
    color:#4123c3;
    font-family: 'Lato', sans-serif;
    font-weight:700;
    font-size:40px;
}

main section{
    margin-bottom:84px;
}

main section:nth-child(-n+2) h2 span{
    color:#f55642;
}

main .main-sec6 h2 span,
main .main-sec7 h2 span{
    color:#f55642;
}

main .swiper{
    position: relative;
    overflow:hidden;    
}

main .swiper_v1{
    position: relative;
}

main .swiper_v1 .btn-wrap{
    display: flex;
    align-items:center;
    justify-content: center;
    width:100px;
    height:32px;
    transform:translateY(12px);
}

main .swiper_v1 .btn-wrap>div{
    position: relative;
    width:auto;
    height:auto;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    margin:0;
    background:transparent;
}

main .swiper_v1 .btn-wrap{
    position: absolute;
    right:0;
    bottom:0;
    color:#fff;
    background:#647b88;
    z-index:10;
}

main .swiper_v1 .btn-wrap i{
    font-size:18px;
    color:#fff;
}

main .swiper_v1 .btn-wrap .page{
    margin-left:4px;
    color:#fff;
    font-family: 'Lato', sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1;
    letter-spacing:-0.08em;
}

main .swiper_v1 .swiper-pagination{
    display: none;
}

main .swiper-pagination-bullet{
    width:12px;
    height:12px;
    margin:0 4px;
    background:#efefef;
    opacity:1;
 }
 


 main .swiper-pagination-bullet-active{
    border-radius:0;
    background:#4123c3;
 }

 main .main-sec1 .swiper-pagination-bullet-active{
    background:#f55642;
 }
 
 main .main-sec6 .swiper-pagination-bullet-active,
 main .main-sec7 .swiper-pagination-bullet-active{
    background:#f55642;
 }

/*sec1*/

.main-sec1{
    margin-top:53px;
}

.main-sec1>div:first-of-type{
    width:calc(100% - 264px);
    padding-right:30px;
}

.main-sec1 .swiper-sec1 img{
    border:1px solid #dfdfdf;
}

.main-sec1 .banner{
    display: block;
    position: relative;
    width:264px;
    height:calc(100% - 40px);
    padding:15px 21px;
    background:url(../images/main-banner.jpg) center no-repeat;
}

.main-sec2{
    margin-top:87px;
    margin-bottom:69px;
}

.main-sec1 .banner p{
    color:#fff;
    font-size:22px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:-0.08em;
}

.main-sec2 .tab-btn::after{
    position: absolute;
    top:50%;
    left:50%;
    display: block;
    width:4px;
    height:12px;
    background:#f55642;
    content:'';
    transform:translate(-50%, -50%) rotate(45deg);
    transition:transform 0.3s;
}

.main-sec2 .tab-btn.tab2::after{
    transform:translate(-50%, -50%) rotate(-45deg);
}

.main-sec2 .tab-btn button{
    color:#111;
    font-family: 'NEXEN_TIRE_Bold';
    font-size:22px;
    opacity: 0.4;
}

.main-sec2 .tab-btn button.active{
    opacity: 1;
}

.main-sec2 .tab-btn button:nth-child(1){
    padding-right:28px;
}

.main-sec2 .tab-list-wrap{
    width:calc(100% - 217px);
    max-width:600px;
}

.main-sec2 .tab-list{
    display: none;
    width:100%;
}

.main-sec2 .tab-list.active{
    display:flex;
}

.main-sec2 .tab-list>li{
    position: relative;
    height:121px;
    padding:0 10px;
    text-align:center;
}

.main-sec2 .tab-list>li::after{
    position: absolute;
    top:50%;
    right:0;
    display: block;
    width:1px;
    height:121px;
    background:#ededed;
    transform:translateY(-50%);
    content:'';
}

.main-sec2 .tab-list>li:last-of-type::after{
    display: none;
}

.main-sec2 .tab-list>li a{
    display: flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    height:100%;
}

.main-sec2 .tab-list>li svg{
    fill:#818181;
}

.main-sec2 .tab-list>li svg .st0{
    fill:#fff;
}

.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(1):hover svg{
    animation:ico1 0.6s;
    animation-timing-function:ease-in;
    fill:#f55642;
    transition:all 0.6s;
}

.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(2):hover .ico2{
    animation:jump 0.6s;
}

.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(2):hover .ico2 .st1{
    fill:#f55642;
    transition:all 0.6s;
}

.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(3):hover .ico3{
    animation:ico3 0.6s;
}

.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(3):hover .ico3-1 .st1{
    fill:#f55642;
    transition:all 0.6s;
}

@keyframes jump{
    50%{
        transform:translateY(-5px);
    }
    100%{
        transform:translateY(0px);
    }
}

@keyframes ico1{
    10%{
        transform:translateX(3px) rotate(3deg);
    }
    30%{
        transform:translateX(-3px) rotate(-3deg);
    }
    50%{
        transform:translateX(2px) rotate(2deg);
    }
    70%{
        transform:translateX(-2px) rotate(-2deg);
    }
    100%{
        transform:translateX(0px) rotate(0deg);
    }
}

@keyframes ico3{
    to{
        transform:rotate(360deg);
    }
}

.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(4):hover .ico4-1,
.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(4):hover .ico4-2,
.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(4):hover .ico4-3{
    fill:#f55642;
    transition:all 0.6s;
    animation:jump 0.6s;
}

.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(4):hover .ico4-2{
    transition-delay: 0.3s;
    animation-delay:0.3s;
}

.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(4):hover .ico4-3{
    transition-delay: 0.6s;
    animation-delay:0.6s;
}

.main-sec2 .tab-list:nth-of-type(1)>li:nth-of-type(5):hover .ico5{
    fill:#f55642;
    transition:all 0.6s;
    animation:jump 0.6s;
}



.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(1) svg{
    transform:translateX(10px);
}

.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(1) .ico6 line{
    fill:none;
    stroke:#808181;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
    stroke-dasharray:30px;
    stroke-dashoffset:30px;
}

.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(1):hover .ico6{
    animation:ico6 1.5s;
    fill:#f55642;
    transition:all 0.6s;
    transform-origin: 30% 50%;
}

.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(1):hover .ico6 line{
    animation:ico6-line 1s;
    stroke:#f55642;
    transition:all 0.6s;
}

@keyframes ico6{
    60%{
        transform:translateX(10px);
    }
    80%{
        transform:translateX(0px);
    }
    85%{
        transform:translateX(0px) rotate(-3deg);
    }
    95%{
        transform:translateX(0px) rotate(0deg);
    }
    95%{
        transform:translateX(0px) rotate(3deg);
    }
    100%{
        transform:translateX(0px) rotate(0deg);
    }
}

@keyframes ico6-line{
    0%{
        stroke-dashoffset:-30px;
    }
    40%{
        stroke-dashoffset:0px;
    }
    100%{
        stroke-dashoffset:30px;
    }
}

.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(2) svg{
    transform:translateY(-10px);
}

.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(2):hover .ico7{
    animation:ico7 0.8s;
    fill:#f55642;
    transition:all 0.3s;
    /* animation-timing-function:ease-in; */
}

@keyframes ico7{
    50%{
        transform:translateY(-10px);
    }
    60%{
        transform:translateY(-8px);
    }
    100%{
        transform:translateY(0px);
    }
}


.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(3):hover .ico8{
    animation:ico8 0.8s;
    transform-origin:center bottom;
}

.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(3):hover .ico8-1{
    fill:#f55642;
    transition:all 2s;
}

@keyframes ico8{
    0%{
        transform:scaleY(0.9);
    }
    50%{
        transform: translateY(-5px);
    }
    60%{
        transform:scaleY(1.05) translateY(-3px);
    }
    100%{
        transform:scaleY(1) translateY(0px);
    }
}

/* .main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(3) .ico8-2{
    transform:scaleY(1);
    transform-origin:center bottom;
}

.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(3):hover .ico8-2{
    transform:scaleY(1.4);
    transition:all 0.6s;
} */


.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(4):hover .ico9-1{
    transform:translateY(14px);
    transition:all 0.6s;
}

.main-sec2 .tab-list:nth-of-type(2)>li:nth-of-type(4):hover .ico9-2{
    fill:#f55642;
    transform:translateY(-8px);
    transition:all 0.6s;
}

.main-sec2 .tab-list>li span{
    display: block;
    height:50px;
    color:#333;
    font-size:16px;
    letter-spacing:-0.04em;
    line-height:1.3;
    font-weight:500;
}

.main-sec2 .tab-list:nth-of-type(1)>li{
    width:20%;
}

.main-sec2 .tab-list:nth-of-type(2)>li{
    width:25%;
}

.main-sec3{
    
    height:343px;
    background:#f8f8f8;
}

.main-sec3>div{
    position: relative;
    height:100%;
}

.main-sec3 h2{
    margin-bottom:27px;
}

.main-sec3 .txt{
    width:100%;
    max-width:360px;
}

/* .main-sec3 .txt,
.main-sec3 .swiper-sec3-2 .btn_wrap{
    transform:translateY(-40px);
} */

.main-sec3 .txt .swiper-sec3-1 h3{
    font-size:24px;
    font-weight:700;
    line-height:1.5;
}

.main-sec3 .txt .swiper-sec3-1 p{
    margin-top:12px;
    font-size:18px;
    font-weight:300;
    line-height:1.7;
}

.main-sec3 .swiper-sec3-2{
    position: absolute;
    right:0;
    bottom:0;
    max-width:622px;
    padding-bottom:40px;
    padding-right:100px;
    transform:translate(80px, 95px);
}

.main-sec3 .swiper-sec3-2 .swiper-slide-active{
    box-shadow:17px 17px 17px rgba(100, 100, 100, 0.13);
}

.main-sec3 .swiper-sec3-2 .btn_wrap{
    display: flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    bottom:40px;
    left:0;
    width:219px;
    height:55px;
    background:#fff;
    z-index:10;
}

.main-sec3 .swiper-sec3-2 .btn_wrap>div{
    position: relative;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    margin:0;
    width:auto;
    height:auto;
    background:transparent;
}

.main-sec3 .swiper-sec3-2 .btn_wrap>div>i{
    font-size:18px;
}

.main-sec3 .swiper-sec3-2 .btn_wrap .page{
    position: relative;
    margin:0 17px;
}

.main-sec3 .swiper-sec3-2 .btn_wrap .page span{
    padding:0 15px;
    color:#1c1b22;
    font-size:14px;
}

.main-sec3 .swiper-sec3-2 .btn_wrap .page::after{
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    width:1px;
    height:14px;
    background:#ebebeb;
    content:'';
    transform:translate(-50%, -50%);
}

/* .main-sec3 .swiper-sec3-2 .btn_wrap>div.swiper-button-next{
    transform:rotate(180deg);
} */

/* .main-sec4{
    margin-top:83px;
    margin-bottom:84px;
} */

.main-sec4 .list-type1>li>.box{
    display: block;
    width:100%;
    padding:30px;
    margin-bottom:30px;
    border:1px solid #dfdfdf;
}

.main-sec4 .list-type1>li>.box:last-child{
    margin-bottom:0;
}

.main-sec4 .list-type1>li .tit{
    display: flex;
    align-items:center;
    padding-bottom:24px;
    border-bottom:1px solid #dfdfdf;
    margin-bottom:23px;
}

.main-sec4 .list-type1>li .tit span{
    display: flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:59px;
    margin-right:16px;
    color:#666;
    font-size:16px;
    line-height:1.2;
    background:#f5f5f5;
}

.main-sec4 .list-type1>li .tit h3{
    color:#2d2a26;
    font-size:21px;
    font-weight:700;
    letter-spacing:-0.05em;
    line-height:1.4;
}

.main-sec4 .list-type1>li .txt{
    color:#666;
    font-size:16px;
    letter-spacing:-0.025em;
}

.main-sec4 .list-type1>li ul.txt li{
    position: relative;
    padding-left:7px;
    margin-bottom:6px;
}

.main-sec4 .list-type1>li ul.txt li::before{
    position: absolute;
    top:0px;
    left:0;
    content:'-';
}

.main-sec4 .list-type1>li>.box.h-half{
    height: auto;
}

/* .main-sec4 .list-type1>li>.box>li:last-of-type .tit{
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0;
} */

.main-sec4 .list-type2{
    margin-left: -12.5px;
    margin-left: -12.5px;
    margin-bottom: -25px;
}

.main-sec4 .list-type2>li{
    padding-left: 12.5px;
    padding-left: 12.5px;
    margin-bottom: 25px;
}

.main-sec4 .list-type2 .box{
    border:1px solid #dfdfdf;
}

.main-sec4 .list-type2 .box .tit{
    display: flex;
    justify-content: space-between;
    padding: 15px;
    color: #333;
}

.main-sec4 .list-type2 .box .tit h3{
    font-size: 16px;
    font-weight: 700;
}

.main-sec4 .list-type2 .box .tit span{
    color: #666;
    font-size: 15px;
    font-weight: 700;
}

.main-sec4 .list-type2 .box .img img{
    width: 100%;
}

.main-sec4 .list-type2 .list-type1>li{
    width:50%;
}

/*modal*/
/* .slide-modal{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -15%;
    margin-left: -15%;
    z-index: 9999;
}

.slide-modal .modal-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-modal .modal-cont{
    width: 100%;
    max-width: 600px;
    padding: 30px;
    background: #fff;
    border-radius: 5px;
}

.slide-modal .modal-cont .swiper-sec4{
    position: relative;
    overflow: hidden;
}

.slide-modal .modal-cont .swiper-sec4 img{
    width: 100%;
}

.slide-modal .modal-cont .swiper-sec4 .swiper-button-next,
.slide-modal .modal-cont .swiper-sec4 .swiper-button-prev{
    background: none;
    width: auto;
    height: auto;
    font-size: 40px;
    top: 50%;
    color: #fff;
}

.slide-modal .modal-cont .swiper-sec4 .swiper-button-prev{
    left: 0;
}

.slide-modal .modal-cont .swiper-sec4 .swiper-button-next{
    right: 0;
}

.backdrop{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.13);
    z-index: 9998;
} */

.modal-dialog{
    max-width: 750px;
}

.modal-dialog.modal-dialog-centered{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100% - 100px);
    margin: 0 auto;
}

.modal.fade .modal-dialog{
    transform: translate(0,-25px);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.modal .modal-content {
    padding: 20px;
}

.modal .swiper-sec4{
    max-width: 750px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.modal .swiper-sec4 .swiper-slide{
    width: 100% !important;
}

.modal .swiper-sec4 img{
    width: 100%;
}

.modal .swiper-sec4 .swiper-button-next,
.modal .swiper-sec4 .swiper-button-prev{
    background: none;
    width: auto;
    height: auto;
    font-size: 40px;
    top: 50%;
    color: #fff;
}

.modal .swiper-sec4 .swiper-pagination{
    position: relative;
    margin-top: 10px;
    font-size: 0;
}

/*sec5*/

.main-sec5 .swiper-sec5 .swiper-slide .main-video{
    width:calc(100% - 265px);
    padding-right:30px;
}

.main-sec5 .swiper-sec5 .swiper-slide .info{
    width:265px;
}

.main-sec5 .swiper-sec5 .swiper-slide .info .logo-img{
    display: flex;
    align-items:center;
    justify-content:center;
    /* width:100%;
    max-width:264px;
    height:70px; 
    padding:0 20px;*/
    border:1px solid #dfdfdf;
}

.main-sec5 .swiper-sec5 .swiper-slide .info h3{
    margin-top:40px;
    margin-bottom:23px;
    color:#2d2a26;
    font-size:23px;
    letter-spacing:-0.025em;
}

.main-sec5 .swiper-sec5 .swiper-slide .info .txt{
    color:#333;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.025em;
    line-height:1.5;
}

.main-sec5 .swiper-sec5 .swiper-slide .info .txt b{
   font-weight:500;
}

.main-sec5 .swiper-sec5 .swiper-pagination{
   position: absolute;
   width:auto;
   left:auto;
   right:265px;
   bottom:0;
   font-size:0;
   transform: translateX(100%);
}





.main-sec6 .sec6-list{
    border-bottom:4px solid #333;
    margin:0;
}

.main-sec6 .sec6-list .box-wrap{
    width:25%;
    min-height:330px;
    /* padding: 17px 15px; */
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    word-break:keep-all;
}

.main-sec6 .sec6-list .box-wrap:hover{
    background:#feeeec;
}

.main-sec6 .sec6-list .box-wrap .more{
    position: relative;
    display: block;
}

.main-sec6 .sec6-list .box-wrap .more::after{
    display: block;
    position:absolute;
    top:17px;
    right:15px;
    width:39px;
    height:39px;
    border:1px solid #bbb;
    border-radius:100%;
    background:url(../images/sec6_arr.png) center no-repeat;
    content:'';
}

.sec6-list .box{
    padding: 17px 15px;
}

.main-sec6 .sec6-list .box-wrap:nth-of-type(4n){
    border-right:none;
}

.main-sec6 .sec6-list .box-wrap .cate{
    display: inline-block;
    justify-content:center;
    align-items:center;
    min-width:64px;
    height:29px;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    color:#fff;
    font-family: 'NEXEN_TIRE_Bold';
    font-size:18px;
    text-align: center;
    line-height:1;
    border-radius:14.5px;
    background:#292929;
}

.main-sec6 .sec6-list .box-wrap .cate.cate_v2{
    background:#f55642;
}

.main-sec6 .sec6-list .box-wrap .location{
    position: relative;
    top: -3px;
    right: -8px;
    font-size: 16px;
    color: #f55642;
}

.main-sec6 .sec6-list .box-wrap .cate2{
    display: block;
    margin-top:22px;
    margin-bottom:5px;
    font-size:15px;
    font-weight:700;
    letter-spacing:-0.02em;
}

.main-sec6 .sec6-list .box-wrap .cate2.cate2_v2{
    color:#f55642
}

.main-sec6 .sec6-list .box-wrap .date{
    font-family: 'Lato', sans-serif;
    font-size:27px;
    font-weight:900;
}

.main-sec6 .sec6-list .box-wrap .date span{
    font-family: 'Noto sans KR', sans-serif;
    font-weight:700;
}

.main-sec6 .sec6-list .box-wrap h3{
    margin-top:8px;
    margin-bottom:21px;
    color:#333;
    font-size:18px;
    line-height:1.4;
}

.main-sec6 .sec6-list .box-wrap p{
    color:#666;
    font-size:15px;
    line-height:1.4;
    letter-spacing:-0.02em;
}

.main-sec6 .sec6-list .box-wrap .link{
    color:#666;
    font-size: 13px;
    border-bottom: 1px solid #666;
}

/* .main-sec6 .swiper-sec6{
    display: none;
} */

@media (min-width:576px) {
    .sec6-list>div{
        display: flex;
        flex-wrap: wrap;
    }

    .sec6-list .box-wrap{
        width: 25%;
        height: auto;
    }

    .sec6-list .box{
        height: 100%;
    }
}

#sec4,
#sec6{
    margin-top:-200px;
    padding-top:200px;
}

@media (max-width:1110px){
    .main-sec3>div{
        justify-content:space-between;
    }
    .main-sec3 .swiper-sec3-2{
        max-width:512px;
        padding:0;
        transform:translate(0px, 55px);
        box-shadow:17px 17px 17px rgba(100, 100, 100, 0.13);
    }
    
    .main-sec3 .swiper-sec3-2 .swiper-slide-active{
        box-shadow:none;
    }

    .main-sec3 .swiper-sec3-2 .btn_wrap{
        bottom:0;
    }
}

@media (max-width:991px){
    .main-sec3{
        height:auto;
        margin-bottom:140px;
    }

    .main-sec3>div{
        padding-top:57px;
        flex-direction:column;
    }

    .main-sec3 .txt{
        max-width:none;
        text-align:center;
        transform: none;
        margin-bottom:30px;
    }
    
    .main-sec3 .txt .swiper-sec3-1 p{
        margin-top:0px;
    }

    .main-sec3 .txt .swiper-sec3-1 br{
        display: none;
    }

    .main-sec3 .swiper-sec3-2{
        position: relative;
        max-width:100%;
        transform:translateY(55px);
        margin-top:-55px;
    }

    .main-sec3 .swiper-sec3-2 img{
        width:100%;
    }
}

@media (max-width:767px) {
    main .swiper_v1 .btn-wrap{
        /* display: none; */
        background:transparent;
    }

    

    /* .swiper_v1 .swiper-pagination-bullet{
        width:12px;
        height:12px;
        margin:26px 7.5px 0;
        background:#efefef;
        opacity:1;
     } */

     /* main .swiper_v1 .swiper-pagination-bullet-active{
        background:#f55642;
     } */
    
    .main-sec1{
        flex-direction:column;
    }
    
    .main-sec1>div:first-of-type{
        width:100%;
        padding:0;
        margin-bottom:57px;
    }

    .main-sec1 .swiper-sec1{
        width:100%;
        max-width:none;
    }

    .main-sec1 .swiper-sec1 img{
        width:100%;
    }

    .main-sec1 .banner{
        width:100%;
        height:250px;
        padding-right: 30%;
        background:url(../images/main-banner_m.jpg) #342178 bottom right / cover no-repeat;
    }

    .main-sec1 .banner p:first-of-type{
        font-family: 'NEXEN_TIRE_Bold';
        margin-top:20px;
        font-size:33px;
        font-weight:normal;
        letter-spacing:0;
    }

    .main-sec1 .banner p:first-of-type>span{
        font-family: 'NanumBarunGothic';
        font-size:23px;
        letter-spacing:-0.01em;
    }

    .main-sec1 .banner p.t-show{
        font-size:17px;
        font-weight:normal;
    }

    .main-sec1 .banner p.t-show::before{
        display: block;
        width:27px;
        height:4px;
        margin-top:17px;
        margin-bottom:18px;
        background:#fff;
        content:'';
    }
    

    /*sec2*/
    .main-sec2{
        flex-direction:column;
        align-items:center;
    }

    .main-sec2 h2{
        display: none;
    }

    .main-sec2 .tab-btn{
        display: flex;
        margin-bottom: 24px;
    }

    .main-sec2 .tab-btn button span{
        display: inline-block
    }

    .main-sec2 .tab-list-wrap{
        width:100%;
        max-width:none;
        border:1px solid #ededed;
    }

    .main-sec2 .tab-list{
        flex-wrap:wrap;
    }

    .main-sec2 .tab-list>li{
        width:33.33% !important;
        height:169px;
        border-right:1px solid #ededed;
    }

    .main-sec2 .tab-list>li:nth-of-type(3n){
        border-right:none;
    }

    .main-sec2 .tab-list>li:nth-of-type(-n+3){
        border-bottom:1px solid #ededed;
    }

    .main-sec2 .tab-list>li>a{
        justify-content:center;
    }

    .main-sec2 .tab-list>li::after{
        display: none;
    }

    .main-sec2 .tab-list>li svg{
        min-height:55px;
        margin-bottom:15px;
    }

    .main-sec2 .tab-list>li span{
        height:auto
    }

    .main-sec2 .tab-list>li span br{
        display: none;
    }

    
    
    .main-sec4 .list-type1>li{
        margin-bottom:30px;
    }

    .main-sec4 .list-type1>li:last-of-type{
        margin-bottom:0;
    }

    .main-sec4 .list-type1>li>a{
        padding:18px;
    }

    .main-sec4 .list-type1>li .tit h3 br,
    .main-sec4 .list-type1>li .tit p br{
        display: none;
    }
    
    .main-sec4 .list-type1>li p{
        margin-top:18px;
        padding-top:11px;
    }

    .main-sec4 .list-type1>li p br{
        display: none;
    }

    .main-sec5 .swiper-sec5 .swiper-slide{
        flex-direction:column;
    }

    .main-sec5 .swiper-sec5 .swiper-slide .main-video{
        width:100%;
        padding:0;
    }


    .main-sec5 .swiper-sec5 .swiper-slide .info{
        width:100%;
        margin-top:31px;
    }
    
    .main-sec5 .swiper-sec5 .swiper-slide .info .logo-img{
        display: none;
    }

    .main-sec5 .swiper-sec5 .swiper-slide .info h3{
        margin-top:0;
    }


    .main-sec5 .swiper-sec5 .swiper-pagination{
        position: relative;
        right:auto;
        width:100%;
        margin-top:35px;
        padding-top:30px;
        border-top:1px solid #dddddd;
        transform:none;
    }

    .main-sec6 .sec6-list .box-wrap{
        width: 50%;
        padding-bottom:17px;
    }

    .main-sec6 .sec6-list .box-wrap:nth-child(3n){
        border-right:1px solid #ddd;
    }

    .main-sec6 .sec6-list .box-wrap:nth-child(2n){
        border-right:none;
    }
    
    .main-sec6 .sec6-list .box-wrap h3 br,
    .main-sec6 .sec6-list .box-wrap p br{
        display: none;
    }

    #sec4,
    #sec6{
        margin-top:-106px;
        padding-top:106px;
    }

}


@media (max-width : 680px) {
    .main-sec1 .banner{
        height:220px;
    }
}


@media (max-width:575px){

   

    .main-sec6 .sec6-list .box-wrap{
        width: 100%;
        min-height: 345px;
        /* padding-bottom:17px; */
    }

    main .swiper_v1 .swiper-pagination{
        display: block;
        position: inherit;
        text-align:center;
        font-size:0;
        margin-top:26px;
    }

    .main-sec6 .swiper-sec6 .swiper-pagination{
        position: relative;
        margin-top:30px;
    }

    .main-sec6 .sec6-list.swiper .box-wrap{
        width:100%;
        border-right:none;
    }
    
    .main-sec1 .banner{
        height:auto;
        min-height : 185px;
        /* background-size:auto 90%; */
    }
    .main-sec1 .banner p:first-of-type>span{
        font-size:16px;
    }
    .main-sec1 .banner p:first-of-type{
        font-size:20px;
    }
    .main-sec1 .banner p.t-show{
        font-size:14px;
    }
    /* .main-sec5 .swiper-sec5 .swiper-slide>a>div .img{
        width:145px;
        height:39px;
    } */

    .main-sec6 .sec6-list .box-wrap .date{
        font-size:25px;
    }

    #sec4,
    #sec6{
        margin-top:-58px;
        padding-top:58px;
    }
}