@charset "utf-8";

/* =========================== MAIN */
#mainVisual{overflow:hidden;position:relative}
#mainVisual .pl{white-space:pre-line}
#mainVisual .main_txt{position:absolute;left:50%;top:80px;transform:translateX(-50%);z-index:10;width:85%;max-width:1500px;font-size:15px;color:rgba(255,255,255,0.7)}
#mainVisual .main_txt h1{margin-bottom:46px;font-size:50px;font-weight:600;color:#fff}
#mainVisual .main_txt h1 span{font-weight:700}
#mainVisual .main_txt .bot_txt{line-height:1.6}
#mainVisual .control{display:flex;gap:10px;position:absolute;z-index:10;margin-top:70px;font-weight:600}
#mainVisual .control *{display:flex;align-items:center;justify-content:center}
#mainVisual .control .pager{gap:10px;margin:0 25px;color:rgba(255,255,255,0.5);font-size:15px;font-family:var(--e-font)}
#mainVisual .control svg{width:20px;color:rgba(255,255,255,0.8)}
#mainVisual .control > span{cursor:pointer;width:51px;height:51px;border:1px solid rgba(255,255,255,0.5);transition:all 0.3s}
#mainVisual .control .swiper-pagination-current{color:#fff}
#mainVisual .contact{display:flex;justify-content:space-between;position:absolute;right:20px;bottom:20px;padding:0 40px;margin-top:190px;width:480px;line-height:70px;background:var(--primary);transition:all 0.2s;z-index:50;}
#mainVisual .contact .left{font-size:16px;font-weight:600;color:#fff}
#mainVisual .contact .left span{display:inline-block;padding-right:12px;font-size:14px;font-weight:600;font-family:var(--e-font);color:rgba(255,255,255,0.6)}
#mainVisual .contact .right{display:flex;align-items:center;gap:20px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.6)}
#mainVisual .contact .right em{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#fff;border-radius:50px}
#mainVisual .contact .right svg{width:13px;stroke-width:3px;color:#333;transition:all 0.3s}

/* 스와이퍼 */
#mainVisual .main_slide{position:relative;width:100%;height:450px}
#mainVisual .main_slide ul{height:100%}
#mainVisual .main_slide ul li{width:100%;height:100%;background:no-repeat;background-size:cover;background-position:center}
    #mainVisual .main_slide ul li.bg01 {
        background-image: url('/images/index/cm08145592.jpg')
    }
    #mainVisual .main_slide ul li.bg02 {
        background-image: url('/images/index/wm493808.jpg')
    }
    #mainVisual .main_slide ul li.bg03 {
        background-image: url('/images/index/wm493811.jpg')
    }


/* 반응형 [s] */
@media (hover:hover){
#mainVisual .control > span:hover{border:1px solid #fff}
#mainVisual .contact:hover{transform:translateY(-20px)}
#mainVisual .contact:hover svg{transform:rotate(270deg)}
}
@media (max-width:1380px){
#mainVisual .main_txt{width:85%}
#mainVisual .main_txt h1{font-size:45px}
}
@media (max-width:1024px){
#mainVisual .main_slide{height:400px}
#mainVisual .main_txt{top:70px}
#mainVisual .main_txt h1{margin-bottom:35px;font-size:35px}
#mainVisual .control{margin-top:60px}
#mainVisual .contact{margin-top:185px;padding:0 30px;width:420px;line-height:63px}
}
@media (max-width:768px){
#mainVisual .main_slide{height:520px}
#mainVisual .main_txt{top:100px;text-align:center}
#mainVisual .main_txt h1{margin-bottom:28px;font-size:30px}
#mainVisual .control{left:50%;transform:translateX(-50%);margin-top:40px}
#mainVisual .contact{margin-top:185px;right:50%;transform:translateX(50%) !important;width:100%}
}
@media (max-width:480px){
#mainVisual .main_slide{height:438px}
#mainVisual .main_txt{top:80px;font-size:14px}
#mainVisual .main_txt h1{margin-bottom:20px;font-size:24px}
#mainVisual .control{margin-top:30px}
#mainVisual .control > span{width:46px;height:46px}
#mainVisual .contact{padding:0 20px;margin-top:160px;line-height:58px}
#mainVisual .contact .left{font-size:15px}
#mainVisual .contact .left span{padding-right:8px;font-size:13px}
#mainVisual .contact .right{gap:15px;font-size:14px}
#mainVisual .contact .right em{width:33px;height:33px}
}
@media (max-width:380px){
#mainVisual .main_slide{height:383px}
#mainVisual .main_txt{top:70px;font-size:13px}
#mainVisual .main_txt h1{margin-bottom:15px;font-size:21px}
#mainVisual .control{margin-top:25px}
#mainVisual .control > span{width:43px;height:43px}
#mainVisual .contact{padding:0 16px;margin-top:140px;line-height:52px}
#mainVisual .contact .left{font-size:14px}
#mainVisual .contact .left span{padding-right:6px;font-size:12px}
#mainVisual .contact .right{gap:12px;font-size:13px}
#mainVisual .contact .right em{width:31px;height:31px}
}
/* 반응형 [e] */

/* =========================== atc01 */
#inc01{padding:84px 0}
#inc01 .pl{white-space:pre-line}
#inc01 .top_cont{padding-bottom:154px;font-size:40px;font-weight:300;text-align:center;line-height:1.2;color:#111}
#inc01 .top_cont span{font-weight:700}
#inc01 .cont_box .left{padding:140px 210px 0;width:100%;height:652px;color:rgba(255,255,255,0.8);background:url(../img/main/inc01/bg.jpg) no-repeat}
#inc01 .cont_box .left .txt_box{padding-bottom:112px}
#inc01 .cont_box .left .txt_box span{display:block;padding-bottom:37px;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase}
    #inc01 .cont_box .left .txt_box h3 {
        padding-bottom: 20px;
        font-size: 38px;
        font-weight: 600;
        color: #fff
    }
#inc01 .cont_box .left .txt_box p{white-space:pre-line;word-break:keep-all}
#inc01 .cont_box .left a{display:flex;justify-content:center;align-items:center;gap:24px;position:absolute;width:165px;font-size:14px;font-weight:700;line-height:55px;background:#fff;transition:all 0.2s;cursor:pointer}
#inc01 .cont_box .left a svg{width:18px}
#inc01 .cont_box .right{margin:-214px -14px 0 700px}
#inc01 .cont_box .right ul{display:flex;justify-content:flex-end}
#inc01 .cont_box .right ul li{width:100%;padding:60px;max-width:610px;color:rgba(255,255,255,0.7);background:var(--primary)}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:30px;font-size:25px;color:#fff}
#inc01 .cont_box .right ul li .bot_txt p{font-size:16px;white-space:pre-line;word-break:keep-all}
#inc01 .cont_box .right ul li:last-child{color:#666;background:#fff;border:1px solid #e1e1e1}
#inc01 .cont_box .right ul li:last-child .bot_txt h3{color:#111}
#inc01 .cont_box .right ul li .icon{padding-bottom:70px;text-align:right}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .cont_box .left a:hover{gap:38px}
}
@media(max-width:1600px){
#inc01 .cont_box .right{margin:-214px -14px 0 590px}
}
@media (max-width:1380px){
#inc01{padding:130px 0}
#inc01 .top_cont{padding-bottom:130px;font-size:40px}
#inc01 .cont_box .left{padding:120px 5% 0;height:630px}
#inc01 .cont_box .left .txt_box h3{font-size:33px}
#inc01 .cont_box .right{margin:-206px -14px 0 500px}
#inc01 .cont_box .right ul li{padding:45px;max-width:unset;width:50%}
#inc01 .cont_box .right ul li .icon{padding-bottom:60px}
#inc01 .cont_box .right ul li .icon img{width:51px}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:23px;font-size:23px}
#inc01 .cont_box .right ul li .bot_txt p{white-space:normal}
}
@media (max-width:1024px){
#inc01{padding:100px 0 130px}
#inc01 .top_cont{padding-bottom:90px;font-size:30px}
#inc01 .cont_box .left{padding:110px 2.5% 0;height:555px;background-size:cover;background-position:center}
#inc01 .cont_box .left .txt_box{padding-bottom:95px}
#inc01 .cont_box .left .txt_box span{padding-bottom:25px}
#inc01 .cont_box .left .txt_box h3{padding-bottom:20px;font-size:28px}
#inc01 .cont_box .left a{gap:20px;width:160px;line-height:55px}
#inc01 .cont_box .left a:hover{gap:30px}
#inc01 .cont_box .right{margin:-183px 0 0 300px}
#inc01 .cont_box .right ul li{padding:30px;width:45%}
#inc01 .cont_box .right ul li .icon{padding-bottom:55px}
#inc01 .cont_box .right ul li .icon img{width:41px}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:15px;font-size:21px}
#inc01 .cont_box .right ul li .bot_txt p{font-size:15px}
#inc01 .cont_box .right ul li:last-child{border-right:none}
}
@media (max-width:768px){
#inc01{padding:80px 0 110px}
#inc01 .top_cont{padding-bottom:70px;font-size:27px}
#inc01 .cont_box .left{display:flex;flex-direction:column;align-items:center;padding-top:70px;height:545px}
#inc01 .cont_box .left .txt_box{padding-bottom:50px;text-align:center}
#inc01 .cont_box .left .txt_box span{padding-bottom:20px}
#inc01 .cont_box .left .txt_box h3{padding-bottom:15px;font-size:25px}
#inc01 .cont_box .left .txt_box p{margin:auto;width:80%;white-space:normal}
#inc01 .cont_box .left a{position:static;gap:18px;width:155px;line-height:53px}
#inc01 .cont_box .left a:hover{gap:28px}
#inc01 .cont_box .right{margin:-145px auto 0;width:95%}
#inc01 .cont_box .right ul li{width:100%}
#inc01 .cont_box .right ul li .icon{padding-bottom:45px}
#inc01 .cont_box .right ul li .icon img{width:35px}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:13px;font-size:19px}
}
@media (max-width:580px){
#inc01 .cont_box .left .txt_box p{width:90%}
}
@media (max-width:480px){
#inc01{padding:60px 0 90px}
#inc01 .top_cont{padding-bottom:70px;font-size:23px}
#inc01 .cont_box{position:relative;padding:60px 0;background-image:linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(../img/main/inc01/bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}
#inc01 .cont_box .left{padding-top:0px;height:auto;background:none}
#inc01 .cont_box .left .txt_box{padding-bottom:40px}
#inc01 .cont_box .left .txt_box span{padding-bottom:15px;font-size:14px}
#inc01 .cont_box .left .txt_box h3{padding-bottom:12px;font-size:21px}
#inc01 .cont_box .left .txt_box p{width:95%}
#inc01 .cont_box .left a{gap:12px !important;width:142px;line-height:50px}
#inc01 .cont_box .right{margin:50px auto 0}
#inc01 .cont_box .right ul{flex-direction:column;gap:12px}
#inc01 .cont_box .right ul li{padding:24px;width:100%}
#inc01 .cont_box .right ul li .icon{padding-bottom:35px}
#inc01 .cont_box .right ul li .icon img{width:33px}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:10px;font-size:18px}
#inc01 .cont_box .right ul li .bot_txt p{font-size:14px}
}
@media (max-width:380px){
#inc01{padding:50px 0 80px}
#inc01 .top_cont{padding-bottom:50px;font-size:21px}
#inc01 .cont_box{padding:50px 0}
#inc01 .cont_box .left .txt_box{padding-bottom:30px}
#inc01 .cont_box .left .txt_box span{padding-bottom:12px;font-size:13px}
#inc01 .cont_box .left .txt_box h3{padding-bottom:10px;font-size:19px}
#inc01 .cont_box .left a{width:130px;line-height:48px;gap:10px !important;font-size:13px}
#inc01 .cont_box .right{margin:40px auto 0}
#inc01 .cont_box .right ul{gap:9px}
#inc01 .cont_box .right ul li{padding:20px}
#inc01 .cont_box .right ul li .icon{padding-bottom:30px}
#inc01 .cont_box .right ul li .icon img{width:31px}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:8px;font-size:17px}
#inc01 .cont_box .right ul li .bot_txt p{font-size:13px}
}
/* =========================== atc02 */
.inc02 {
    position: relative;
    margin: 0 auto 0
}

    .inc02 .pl {
/*        white-space: pre-line;*/
        word-break: keep-all
    }

    .inc02 .top_cont {
        display: flex;
        width: 100%;
        max-width: 1500px;
        padding-bottom: 110px;
        margin: 0 auto;
        align-items: flex-end;
        justify-content: space-between
    }

        .inc02 .top_cont .txt_box .subtit {
            font-size: 15px;
            font-weight: 700;
            color: var(--primary);
            text-transform: uppercase
        }

        .inc02 .top_cont .txt_box h3 {
            padding: 70px 0 44px 0;
            font-size: 45px;
            font-weight: 600;
            line-height: 1.2;
            color: #111;
            word-break: keep-all
        }

        .inc02 .top_cont .pager_txt {
            display: flex
        }

            .inc02 .top_cont .pager_txt p {
                width: max-content;
                height: auto;
                border-radius: 0;
                font-size: 17px;
                font-weight: 600;
                background: none;
                opacity: 1;
                transition: all .2s
            }

                .inc02 .top_cont .pager_txt p span {
                    display: block;
                    padding: 0 50px;
                    line-height: 55px;
                    text-align: center;
                    transition: all 0.3s;
                    word-break: keep-all
                }

                .inc02 .top_cont .pager_txt p.on {
                    color: #fff;
                    background: var(--primary)
                }

    .inc02 .img_slide_wrap {
        margin-left: calc((100% - 1500px) / 2)
    }

        .inc02 .img_slide_wrap .cont_box {
            display: flex;
            flex-shrink: 0;
            width: auto
        }

            .inc02 .img_slide_wrap .cont_box .right {
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                padding: 50px 80px;
            }

                .inc02 .img_slide_wrap .cont_box .right .num {
                    padding-bottom: 44px;
                    font-size: 20px;
                    font-weight: 700;
                    color: #111
                }

                .inc02 .img_slide_wrap .cont_box .right .tit {
/*                    padding-bottom: 40px;*/
                    font-size: 40px;
                    font-weight: 700;
                    line-height: 1.3;
                    color: #111;
                    word-break: keep-all
                }

                .inc02 .img_slide_wrap .cont_box .right a {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 30px;
                    width: 165px;
                    margin-top: 50px;
                    font-size: 14px;
                    font-weight: 600;
                    line-height: 55px;
                    color: #fff;
                    background: var(--primary);
                    transition: all 0.2s;
                    cursor: pointer
                }

                    .inc02 .img_slide_wrap .cont_box .right a svg {
                        width: 18px;
                        color: #fff
                    }

/* 반응형 [s] */
@media (hover:hover) {
    .inc02 .top_cont .pager_txt p span:hover {
        color: #fff;
        background: var(--black)
    }

    .inc02 .img_slide_wrap .cont_box .right a:hover {
        gap: 38px
    }
}

@media (max-width:1780px) {
    .inc02 .pl {
        white-space: pre-line;
        font-weight:700;
        color:rgba(0,0,0,0.8);
        font-size:18px;
    }

    .inc02 .top_cont {
        max-width: unset;
        width: 90%
    }

        .inc02 .top_cont .pager_txt p span {
            padding: 0 40px
        }

    .inc02 .img_slide_wrap {
        margin-left: unset
    }

        .inc02 .img_slide_wrap .cont_box .left {
            width: 60%
        }

            .inc02 .img_slide_wrap .cont_box .left img {
                width: 100%;
                height: 450px;
                object-fit: cover
            }

        .inc02 .img_slide_wrap .cont_box .right {
            
            width: 40%;
            display:flex;
            flex-direction:column;
            justify-content:space-evenly;
            padding: 0 80px;

        }
}

@media (max-width:1380px) {
    .inc02 .top_cont {
        gap: 10px;
        width: 95%
    }

        .inc02 .top_cont .txt_box {
            width: 40%
        }

            .inc02 .top_cont .txt_box h3 {
                font-size: 40px
            }

        .inc02 .top_cont .pager_txt p {
            font-size: 16px
        }

            .inc02 .top_cont .pager_txt p span {
                padding: 0 30px
            }

    .inc02 .img_slide_wrap .cont_box .left {
        width: 55%
    }

        .inc02 .img_slide_wrap .cont_box .left img {
            height: 530px;
        }

    .inc02 .img_slide_wrap .cont_box .right {
/*        padding: 50px 50px 0;*/
        width: 45%;
        display:flex;
        flex-direction:column;
        justify-content:space-evenly;
    }

        .inc02 .img_slide_wrap .cont_box .right .num {
            padding-bottom: 20px;
        }

        .inc02 .img_slide_wrap .cont_box .right .tit {
            font-size: 33px
        }
}

@media (max-width:1024px) {
    .inc02 .top_cont {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 70px;
        padding-bottom: 80px
    }

        .inc02 .top_cont .txt_box {
            width: 100%
        }

            .inc02 .top_cont .txt_box h3 {
                padding: 25px 0 20px;
                font-size: 30px
            }

        .inc02 .top_cont .pager_txt {
            width: 100%
        }

            .inc02 .top_cont .pager_txt p {
                width: calc(100% / 4)
            }

                .inc02 .top_cont .pager_txt p span {
                    padding: 0px 10px
                }

    .inc02 .img_slide_wrap .cont_box .left {
        width: 50%
    }

        .inc02 .img_slide_wrap .cont_box .left img {
            height: 450px
        }

    .inc02 .img_slide_wrap .cont_box .right {
        padding: 40px 40px 0;
        width: 50%
    }

        .inc02 .img_slide_wrap .cont_box .right .num {
            padding-bottom: 25px;
            font-size: 18px
        }

        .inc02 .img_slide_wrap .cont_box .right .tit {
            padding-bottom: 30px;
            font-size: 28px
        }

        .inc02 .img_slide_wrap .cont_box .right .txt {
            white-space: normal
        }

        .inc02 .img_slide_wrap .cont_box .right a {
            gap: 20px;
            width: 160px
        }

            .inc02 .img_slide_wrap .cont_box .right a:hover {
                gap: 30px
            }
}

@media (max-width:768px) {
    .inc02 .top_cont {
        gap: 45px;
        padding-bottom: 55px
    }
    .inc02 .pl {
        font-size: 15px !important; 
    }

        .inc02 .top_cont .txt_box h3 {
            padding: 20px 0 15px;
            font-size: 27px
        }

        .inc02 .top_cont .pager_txt p {
            margin: auto;
            width: 90%;
            font-size: 15px
        }

            .inc02 .top_cont .pager_txt p span {
                line-height: 48px
            }

    .inc02 .img_slide_wrap .cont_box {
        position: relative
    }

        .inc02 .img_slide_wrap .cont_box .left {
            width: 100%;
            filter: brightness(0.5)
        }

            .inc02 .img_slide_wrap .cont_box .left img {
                height: 440px
            }

        .inc02 .img_slide_wrap .cont_box .right {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 0px;
            margin: auto;
            width: 95%;
            text-align: center
        }

            .inc02 .img_slide_wrap .cont_box .right .tit {
                padding-bottom: 20px;
                font-size: 25px;
                color: #fff
            }

            .inc02 .img_slide_wrap .cont_box .right .txt {
                margin: auto;
                width: 80%;
                color: rgb(255, 255, 255, 0.6)
            }

            .inc02 .img_slide_wrap .cont_box .right .num {
                padding-bottom: 15px;
                font-size: 16px;
                color: #fff
            }

            .inc02 .img_slide_wrap .cont_box .right a {
                margin-top: 45px;
                gap: 18px;
                width: 155px;
                line-height: 53px
            }

                .inc02 .img_slide_wrap .cont_box .right a:hover {
                    gap: 28px
                }
}

@media (max-width:650px) {
    .inc02 .top_cont .pager_txt p {
        width: calc(100% / 2)
    }

    .inc02 .top_cont .pager_txt {
        flex-wrap: wrap
    }
}

@media (max-width:480px) {
    .inc02 .top_cont {
        gap: 35px;
        padding-bottom: 45px
    }

        .inc02 .top_cont .txt_box .pager_txt span {
            font-size: 14px
        }

        .inc02 .top_cont .txt_box h3 {
            padding: 15px 0 12px;
            font-size: 21px
        }

        .inc02 .top_cont .pager_txt p {
            font-size: 14px
        }

            .inc02 .top_cont .pager_txt p span {
                line-height: 46px
            }

    .inc02 .img_slide_wrap .cont_box .left img {
        height: 390px
    }

    .inc02 .img_slide_wrap .cont_box .right .num {
        padding-bottom: 12px;
        font-size: 15px
    }

    .inc02 .img_slide_wrap .cont_box .right .tit {
        padding-bottom: 15px;
        font-size: 21px
    }

    .inc02 .img_slide_wrap .cont_box .right .txt {
        width: 95%
    }

    .inc02 .img_slide_wrap .cont_box .right a {
        gap: 12px !important;
        margin-top: 35px;
        width: 142px;
        line-height: 50px
    }
}

@media (max-width:380px) {
    .inc02 .top_cont {
        gap: 30px;
        padding-bottom: 40px
    }

        .inc02 .top_cont .txt_box .pager_txt span {
            font-size: 13px
        }

        .inc02 .top_cont .txt_box h3 {
            padding: 12px 0 10px;
            font-size: 19px
        }

        .inc02 .top_cont .pager_txt p {
            font-size: 13px
        }

            .inc02 .top_cont .pager_txt p span {
                line-height: 44px
            }

    .inc02 .img_slide_wrap .cont_box .left img {
        height: 370px
    }

    .inc02 .img_slide_wrap .cont_box .right .num {
        padding-bottom: 10px;
        font-size: 14px
    }

    .inc02 .img_slide_wrap .cont_box .right .tit {
        padding-bottom: 12px;
        font-size: 19px
    }

    .inc02 .img_slide_wrap .cont_box .right a {
        gap: 10px !important;
        margin-top: 30px;
        width: 130px;
        line-height: 48px;
        font-size: 13px
    }
}
/* 반응형 [e] */

/* =========================== atc03 */
#inc03 {padding:184px 0 0}
#inc03 ul { padding-left : 0;}
#inc03 .inner{display:flex;}
#inc03 .inner .left{position:relative;width:35%;height:1000px;padding:100px 5% 0;color:rgba(255,255,255,0.6);background:#171a22}
#inc03 .inner .left .top_box span{display:block;padding-bottom:50px;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase}
    #inc03 .inner .left .top_box h2 {
        padding-bottom: 40px;
        font-size: 45px;
        font-weight: 600;
        line-height: 1.2;
        color: #fff;
        word-break: keep-all
    }
#inc03 .inner .left .top_box p{white-space:pre-line;word-break:keep-all}
#inc03 .inner .left .late_tabs{position:absolute;right:-38px;padding-top:80px}
#inc03 .inner .left .late_tabs li{display:flex;align-items:center;gap:20px;width:270px;padding:0 0 0 30px;line-height:70px;color:rgba(255,255,255,0.3);font-size:18px;transition:all 0.2s;cursor:pointer}
#inc03 .inner .left .late_tabs li em svg{width:18px}
#inc03 .inner .left .late_tabs li.on{display:flex;color:#fff;background:var(--primary)}
#inc03 .inner .left .late_tabs li em{display:none;justify-content:center;align-items:center;height:70px;padding:10px;margin-left:auto;background:#2565e5}
#inc03 .inner .left .late_tabs li.on em{display:flex}
#inc03 .inner .left .late_tabs .num{font-weight:700;font-size:14px}
#inc03 .inner .right{width:65%;padding:0 200px; height:auto; display:flex; align-items:center; margin-top:0}
#inc03 .inner .right .n_lt{display:grid;grid-template-columns:repeat(2, 1fr)}
#inc03 .inner .right .n_lt li{padding:60px 64px}
#inc03 .inner .right .n_lt li:nth-child(n+3){border-top:1px solid #e1e1e1}
#inc03 .inner .right .n_lt li:nth-child(even){border-left:1px solid #e1e1e1}
#inc03 .inner .right .lt_cont_f{color:#666}
#inc03 .inner .right .lt_cont_f p{word-break:keep-all}
#inc03 .inner .right .cate{width:max-content;margin-bottom:26px;font-size:12px;font-weight:700;line-height:30px;text-align:center;background:#f5f5f5;transition:all 0.2s; padding:5px 1rem;}
#inc03 .inner .right .subj{font-size:15px;font-weight:700;color:#111;padding-bottom:34px}
#inc03 .inner .right .subt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
#inc03 .inner .right .date{display:block;padding-top:40px;font-size:15px;font-weight:400;font-family:var(--k-font);color:#888;text-align:left}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .inner .right .news-link:hover .cate{color:#fff;background:var(--primary)}
}
@media (max-width:1380px){
#inc03{padding:140px 0 0}
#inc03 .inner .left{padding:150px 2.5% 0}
#inc03 .inner .left .top_box span{padding-bottom:65px}
#inc03 .inner .left .top_box h2{font-size:40px}
#inc03 .inner .right{padding:0 100px}
#inc03 .inner .right .late_box .n_lt li{padding:50px 30px}
}
@media (max-width:1024px){
#inc03{padding:120px 0 0}
#inc03 .inner{justify-content:space-between}
#inc03 .inner .left{padding:100px 2.5% 0;height:1000px;width:33%}
#inc03 .inner .left .top_box span{padding-bottom:50px}
#inc03 .inner .left .top_box h2{padding-bottom:35px;font-size:30px}
#inc03 .inner .left .top_box p{white-space:normal}
#inc03 .inner .left .late_tabs li{gap:15px;padding-left:25px;width:250px;height:60px;font-size:16px}
#inc03 .inner .left .late_tabs li em{height:60px}
#inc03 .inner .right{padding:0 40px;
}
#inc03 .inner .right .late_box .n_lt li{padding:40px 20px}
#inc03 .inner .right .late_box .lt_cont_f .cate{margin-bottom:20px;font-size:12px}
#inc03 .inner .right .late_box .lt_cont_f .subj{padding-bottom:30px;font-size:12px}
#inc03 .inner .right .late_box .lt_cont_f .subt{font-size:15px}
#inc03 .inner .right .late_box .lt_cont_f .date{font-size:14px}
}
@media (max-width:767px){
#inc03{padding:100px 0 0}
#inc03 .inner{flex-direction:column}
#inc03 .inner .left{padding:40px 2.5%;width:100%;height:auto;text-align:center}
#inc03 .inner .left .top_box span{padding-bottom:20px}
#inc03 .inner .left .top_box p{padding-bottom:0px}
#inc03 .inner .left .top_box h2{padding-bottom:15px;font-size:27px;white-space:normal}
#inc03 .inner .left .late_tabs{display:flex; flex-wrap:wrap; align-items:center;justify-content:center;gap:12px;position:static;margin-top:40px;padding-top:0px;right:2.5%;bottom:60px}
#inc03 .inner .left .late_tabs li{padding-left:25px;font-size:15px;line-height:60px;color:#fff;background-color:var(--primary);width:45%;}
#inc03 .inner .left .late_tabs li em{display:flex;padding:8px;height:53px}
#inc03 .inner .right{padding:0px;margin:0px auto 0;width:95%;}
    #inc03 .inner .right #tabs{
        width:100%;
    }
    #inc03 .inner .right .late_box .n_lt li {
        padding: 40px 2.5%
    }
#inc03 .inner .right .late_box .n_lt li .cate{color:#fff;background-color:var(--primary)}
#inc03 .inner .right .late_box .lt_cont_f{display:flex;flex-direction:column;align-items:center;text-align:center; height:120px;}
#inc03 .inner .right .late_box .lt_cont_f .cate{margin-bottom:25px}
#inc03 .inner .right .late_box .lt_cont_f .subj{padding-bottom:15px; font-size:13px !important;}
#inc03 .inner .right .late_box .lt_cont_f .date{padding-top:35px}    
.news-item{
    padding:25px 12px !important;
}
}
@media (max-width:487px){
#inc03{padding:80px 0 0}
#inc03 .inner .left{padding:20px 2.5%}
#inc03 .inner .left .top_box span{padding-bottom:15px;font-size:14px}
#inc03 .inner .left .top_box h2{padding-bottom:12px;font-size:21px}
#inc03 .inner .left .late_tabs li{gap:12px;padding-left:20px;width:180px;height:52px;font-size:12px}
#inc03 .inner .left .late_tabs li em{height:52px}
#inc03 .inner .left .late_tabs .num{font-size:13px}
#inc03 .inner .right{margin-top:40px}
#inc03 .inner .right .late_box .n_lt{grid-template-columns:repeat(1, 1fr)}
#inc03 .inner .right .late_box .n_lt li{padding:35px 2.5%}
#inc03 .inner .right .late_box .n_lt li:nth-child(even){border-left:none}
#inc03 .inner .right .late_box .n_lt li:nth-child(n+2){border-top:1px solid #e1e1e1}
#inc03 .inner .right .late_box .lt_cont_f .subj{padding-bottom:12px;font-size:17px}
#inc03 .inner .right .late_box .lt_cont_f .date{padding-top:30px}
}
@media (max-width:380px){
#inc03{padding:70px 0 0}
#inc03 .inner .left .top_box span{padding-bottom:12px;font-size:13px}
#inc03 .inner .left .top_box h2{padding-bottom:10px;font-size:19px}
#inc03 .inner .left .late_tabs{gap:10px}
#inc03 .inner .left .late_tabs li{padding-left:15px;height:48px;font-size:13px}
#inc03 .inner .left .late_tabs li em{padding:6px;height:48px}
#inc03 .inner .left .late_tabs .num{font-size:12px}
#inc03 .inner .right{margin-top:30px}
#inc03 .inner .right .late_box .n_lt li{padding:30px 2.5%}
#inc03 .inner .right .late_box .lt_cont_f .cate{margin-bottom:23px;font-size:13px}
#inc03 .inner .right .late_box .lt_cont_f .subj{padding-bottom:10px;font-size:16px}
#inc03 .inner .right .late_box .lt_cont_f .subt{font-size:14px}
#inc03 .inner .right .late_box .lt_cont_f .date{padding-top:30px;font-size:13px}
}
/* 반응형 [e] */

/* =========================== atc04 */
#inc04 .top_box{padding:170px 0 130px 0;display:flex;align-items:flex-end;width:100%;max-width:1500px;margin:0 auto;justify-content:space-between}
#inc04 .top_box h2{color:#111;font-size:45px; font-weight:600; line-height:1.2;white-space:pre-line;word-break:keep-all}
#inc04 .top_box a{display:flex;justify-content:center;align-items:center;gap:30px;width:165px;font-size:14px;font-weight:600;line-height:55px;color:#fff;background:var(--primary);transition:all 0.2s;cursor:pointer}
#inc04 .top_box a svg{width:18px;color:#fff}
#inc04 .top_box a:hover{gap:38px}
#inc04 ul{display:flex;animation:looplogo 40s infinite linear}
#inc04 ul:hover{animation-play-state:paused} 

@keyframes looplogo{0% {transform:translateX(0)} 100% {transform:translateX(-100%)}}

/* 반응형 [s] */
@media (hover:hover){
#inc04 .top_box a:hover{gap:38px}
}
@media (max-width:1380px){
#inc04 .top_box{padding:150px 0 110px;margin:auto;width:95%}
#inc04 .top_box h2{font-size:40px}
}
@media (max-width:1024px){
#inc04 .top_box{padding:130px 0 90px}
#inc04 .top_box h2{font-size:30px}
#inc04 .top_box a{gap:20px;width:160px}
#inc04 .top_box a:hover{gap:30px}
#inc04 ul li{flex-shrink:0;width:340px;height:340px}
#inc04 ul li img{width:100%;height:100%;object-fit:cover}
}
@media (max-width:768px){
#inc04 .top_box{padding:100px 0 60px}
#inc04 .top_box h2{font-size:27px}
#inc04 .top_box a{gap:18px;width:155px;line-height:53px}
#inc04 .top_box a:hover{gap:28px}
#inc04 ul li{width:300px;height:300px}
}
@media (max-width:480px){
#inc04 .top_box{flex-direction:column;align-items:center;text-align:center;padding:80px 0 50px}
#inc04 .top_box h2{font-size:23px;white-space:normal}
#inc04 .top_box a{margin-top:40px;gap:12px !important;width:142px;line-height:50px}
#inc04 ul li{width:250px;height:250px}
}
@media (max-width:380px){
#inc04 .top_box{padding:70px 0 40px}
#inc04 .top_box h2{font-size:21px}
#inc04 .top_box a{margin-top:35px;gap:10px !important;width:130px;line-height:48px;font-size:13px}
#inc04 ul li{width:230px;height:230px}
}
/* 반응형 [e] */