.pc,.pc2{display: block;}
.ta,.mo{display: none;}

@media(max-width:1300px){
    .pc2{display: none;}
    .ta{display: block;}
}

@media(max-width:600px){
    .pc{display: none;}
    .mo{display: block;}
}


/**** header full***/

/* body의 스크롤바 숨기기 */
.no-scroll {
    overflow: hidden;
}

/* #header-full 요소에 스크롤바 유지 */
#header-full {
    height: 100vh;
    /*overflow-y: scroll;*/
}

#header-full {
    z-index: 500;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    opacity: 0;
}

#header-full.on {
    display: flex;
    opacity: 1;
}


#header-full .col {
    overflow: hidden;
    flex: 1 1 50%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#header-full .col:first-child {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 0 40px;
    max-width: 600px;
    text-align: center;
}
#header-full .col:first-child .background {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('./images/main/sitemap-left-bg.png') no-repeat center / cover;
    border-radius: 0 0 100px 0;
}

#header-full .col:Last-child {
    overflow-y: scroll;
    height: 100vh;
    background: url('./images/main/sitemap-right-bg.png') no-repeat right -20px bottom -20px / auto 213px;
    display: flex;
    align-items: center;
}

#header-full .title {
    overflow: hidden;
    font-size: 34px;
    color: #fff;
}
#header-full .title .split {
    display: block;
}
#header-full .title img {
    vertical-align: middle;
    width: auto;
    max-width: 100%;
}

#header-full .nav {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#header-full .nav .depth1 {
    display: flex;
    flex-wrap: wrap;
    margin: 10rem 0 5rem 7rem;
    height: 100%;
    align-content: center;
}
#header-full .nav .depth1 > li {
    display: flex;
    margin-bottom: 70px;
    flex-direction: column;
    align-items: flex-start;
}
#header-full .nav .depth1 > li > a {
    flex-shrink: 0;
    display: inline-block;
    position: relative;
    margin-right: 11.8rem;
    min-width:3.5em;
    font-size: 2.1rem;
    font-weight: 800;
    font-family: 'SCDream';
    color: #000B6CFF;
    transition: color ease .15s;
}
#header-full .nav .depth1 > li > a span {
    padding: 5px 0;
    display: inline-block;
    position: relative;
}
#header-full .nav .depth1 > li:last-child {
    margin-bottom: 0;
}


#header-full .nav .depth2 {
    display: flex;
    margin-top: 30px;
    flex-direction: column;
}
#header-full .nav .depth2 > li {
    flex-shrink: 0;
    position: relative;
}
#header-full .nav .depth2 > li:first-child > a {
    padding-left: 0;
}
#header-full .nav .depth2 > li > a {
    display: inline-block;
    position: relative;
    font-size: 1.35rem;
    font-weight: 400;
    font-family:'Pretendard';
    color: var(--title-txt);
    margin-bottom: 24px;
}

#header-full .nav .depth2 > li > a:hover {
    color: var(--sky-color);
    transition: all 0.2s;
}

#header-full .nav .depth1 > li:hover span {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .2) 30%, #000 50%, rgba(0, 0, 0, .2) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
    transition: all 0.2s;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}



#header-full .close {
    position: absolute;
    top: 15px;
    right: 10px;
    margin: auto;
    width: 50px;
    height: 50px;
}
#header-full .close a {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden;
}


/************** header *************/
#abs-header{position:absolute;top:0;left:0;width:100%;height:100px;z-index:1000;transition: all .3s;}
#abs-header .header-wrap{position: relative;}
#abs-header .header-wrap::after{content:'';display: block;clear: both;}
#abs-header .header-wrap #logo{
    float: left;
    margin: 1rem 2rem;
    text-align: center;
}
#abs-header .header-wrap #logo a{display: block;width:200px;height:60px;margin:0 auto;background: url('./images/main/logo.png') no-repeat;}
#abs-header .header-wrap .menu-wrap{float:right;}
#abs-header .header-wrap .menu{float: left;}
#abs-header .header-wrap .menu .main-menu{display:table;position: relative;}
#abs-header .header-wrap .menu .main-menu::after{content: '';display: block;clear:both;}
#abs-header .header-wrap .menu .main-menu>li{display:table-cell;float:left;position:relative;}
#abs-header .header-wrap .menu .main-menu>li>a{display:block;position:relative;margin:40px 2.5rem;font-size:1.3rem;color:#fff;text-align: center;font-weight: 400;}
#abs-header .header-wrap .menu .main-menu>li .line{display:none;position: absolute;bottom:-1px;left:50%;transform: translateX(-50%); width:100%;height:6px;background: #00C3FF;z-index:-1;}
#abs-header .header-wrap .menu .main-menu>li:hover .line{display: block;}
#abs-header .header-wrap .menu .main-menu>li:hover .sub-menu{display: block;}
#abs-header .header-wrap .menu .main-menu>li .sub-menu{display: none;position:absolute;top:100px;left:50%;width:180px;transform: translateX(-50%); padding:30px 18px;background:#00C3FF;}
#abs-header .header-wrap .menu .main-menu>li .sub-menu::before{content:'';position: absolute;top:-7px;left:50%;transform: translateX(-50%);width:0;height: 0;border-bottom:7px solid #00C3FF;border-right:7px solid transparent;border-left:7px solid transparent;}
#abs-header .header-wrap .menu .main-menu>li .sub-menu li{margin-bottom:18px;line-height: 1.5;}
#abs-header .header-wrap .menu .main-menu>li .sub-menu li:last-child{margin-bottom:0;}
#abs-header .header-wrap .menu .main-menu>li .sub-menu li a{font-size:17px;color:#fff;}
#abs-header .header-wrap .menu .main-menu>li .sub-menu li a:hover{text-decoration: underline;}

#abs-header .header-wrap .sitemap{float:right; margin-left:2rem;}
#abs-header .header-wrap .sitemap li{float: left;}
#abs-header .header-wrap .sitemap li .lang{position:relative;display: block;width:70px;height: 35px;margin:35px 0;padding:10px 15px;border:1px solid #fff;border-radius: 25px;color:#fff;}
#abs-header .header-wrap .sitemap li .lang::after{content:'';position: absolute;top:13px;right:12px;width:12px;height:6px;background: url('./images/main/lang_t.png') no-repeat;}
#abs-header .header-wrap .sitemap li .s-menu {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    margin: 2.5rem;
    background: url('./images/main/sitemap.png') no-repeat;
}
#abs-header.scroll .header-wrap .sitemap li .s-menu {
    display: block;
    width: 1.6rem;
    height: 1.4rem;
    margin: 1.8rem 2.3rem 1.8rem 1.8rem;
    background: url('./images/main/sitemap_s.png') no-repeat;
}


#abs-header.on {height:100%;background: #09162d;}
#abs-header.on .header-wrap .menu .main-menu>li .sub-menu{display: block;left:45px;transform: translateX(0);width:170px;padding:0;background:none;}
#abs-header.on .header-wrap .menu .main-menu>li .sub-menu::before{display: none;}
#abs-header.on .header-wrap .menu .main-menu>li .sub-menu li a{color:#bbb;}
#abs-header.on .header-wrap .menu .main-menu>li .sub-menu li:hover a{color:#00C3FF;}
#abs-header.on .header-wrap .sitemap li .lang{color:#00C3FF}
#abs-header.on .header-wrap .sitemap li .lang::after{background: url('./images/main/lang.png') no-repeat;}
#abs-header.on .header-wrap .sitemap li .s-menu{position: relative;color:transparent;}
#abs-header.on .header-wrap .sitemap li .s-menu::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background: url('./images/main/close.png') no-repeat;background-size:contain;}

#abs-header.scroll{position: fixed;top:0;left:0;height:80px;border:1px solid #ebebeb;background:#fff;}
#abs-header.scroll .header-wrap #logo{margin-top:12px;}
#abs-header.scroll .header-wrap #logo a{width:180px;height:54px;background: url('./images/main/logo_s.png') no-repeat;}
#abs-header.scroll .header-wrap .menu .main-menu>li>a{margin:2rem 2.5rem;color:#000;font-size:18px; font-weight: 700;}
#abs-header.scroll .header-wrap .menu .main-menu>li .sub-menu{top:80px;}
#abs-header.scroll .header-wrap .sitemap li .lang{margin:20px 0;color:#00C3FF;border:1px solid #999;}
#abs-header.scroll .header-wrap .sitemap li .lang::after{background: url('./images/main/lang.png') no-repeat;}
#abs-header.on.scroll {height:430px;background: #09162d;border:none;}
#abs-header.on.scroll .header-wrap #logo a{width:165px;height:61px;margin:0 auto;background: url('./images/main/logo.png') no-repeat; ;}
#abs-header.on.scroll .header-wrap .menu .main-menu>li>a{color:#fff;}
#abs-header.on.scroll .header-wrap .menu .main-menu>li .sub-menu{display: block;left:45px;top:90px;transform: translateX(0);width:170px;padding:0;background:none;}
#abs-header.on.scroll .header-wrap .menu .main-menu>li .sub-menu::before{display: none;}
#abs-header.on.scroll .header-wrap .menu .main-menu>li .sub-menu li:hover a{color:#00C3FF;}
#abs-header.on.scroll .header-wrap .sitemap li .lang{color:#00C3FF}
#abs-header.on.scroll .header-wrap .sitemap li .lang::after{background: url('./images/main/lang.png') no-repeat;}
#abs-header.on.scroll .header-wrap .sitemap li .s-menu{position: relative;color:transparent;}
#abs-header.on.scroll .header-wrap .sitemap li .s-menu::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background: url('./images/main/close.png') no-repeat;background-size:contain;}


#abs-header.on .header-wrap .menu .main-menu>li .sub-menu li a:hover{text-decoration: none;}


#abs-header .mo-menu-wrap{display:none;}
#abs-header .mo-menu-bak{display:none;}

@media(max-width:1700px){
    #abs-header-full .col:first-child {
        max-width: 400px;
    }
}


@media(max-width:1500px) {
    #abs-header.on .header-wrap .menu .main-menu > li .sub-menu {
        left: 20px;
        width: 130px;
    }

    #abs-header-full .nav .depth1 > li > a {
        margin-right: 7rem;
        font-size: 2rem;
    }

    #abs-header-full .nav .depth2 > li > a {
        font-size: 1.15rem;
    }

    #abs-header-full .title img {
        width: 90px;
    }
}

@media(max-width:1440px){
    .mainForm-top{display: none;}
    #abs-header .header-wrap #logo{margin:10px 10px 10px 20px;}
    #abs-header .header-wrap .menu .main-menu>li>a{margin:20px 25px;}
    #abs-header .header-wrap .right-menu li{margin:0 20px;}
    #abs-header .header-wrap .sitemap li .s-menu{margin:1.8rem 2.3rem 1.8rem 1.8rem;}
    #abs-header .header-wrap .right-menu li .s-menu{margin:unset;padding: 13px 10px;}
    #abs-header.on .header-wrap .menu .main-menu>li .sub-menu{left:24px;width:130px;}
    #abs-header .header-wrap .menu .main-menu>li .sub-menu{top: 60px;}
    #abs-header.scroll .header-wrap #logo a{width: 200px;height:55px;}
    #abs-header.scroll .header-wrap .menu .main-menu>li>a{margin:20px 25px;}
    #abs-header.scroll .header-wrap .menu .main-menu>li .sub-menu{top: 60px;}
    #abs-header.scroll .header-wrap .right-menu li .s-menu { margin: unset; }
    #abs-header.scroll .header-wrap .right-menu li .s-menu .xi-bars {margin: 10px 0;color:#000;font-size:20px;}
    #abs-header.on.scroll .header-wrap .right-menu li .s-menu .xi-bars {margin: 10px 0;color:#000;font-size:20px;}
    #abs-header.on.scroll .header-wrap #logo a{width: 107px;height:45px;}
    #abs-header.on.scroll .header-wrap .menu .main-menu>li .sub-menu{left:24px;top:60px;width:130px;}
    #abs-footer .footer-wrap{margin:0 30px;}
}

@media(max-width:1300px){
    #abs-header .header-wrap .menu .main-menu>li>a{margin:40px 1.9rem;}
    #abs-header.on.scroll .header-wrap .menu .main-menu>li .sub-menu{left:10px;width:130px;}
    #abs-header .header-wrap .sitemap {
        margin-left: 0;
    }
    #abs-header-full .nav .depth1 > li > a {margin-right: 6.5rem; font-size: 1.5rem; }
    #abs-header-full .nav .depth1 {margin: 10rem 0 5rem 5rem; }
    #abs-header-full .nav .depth2 > li > a {
        margin-bottom: 20px;
    }
}
@media(max-width:1200px){

    #abs-header-full .nav .depth1 > li > a {margin-right: 5rem;}
    #abs-header-full .nav .depth2 > li > a {font-size: 1rem;}
}


@media(max-width:1150px){
    #abs-header.on.scroll{height:100px;background: transparent;}
    #abs-header .header-wrap #logo {margin:1rem 1.5rem;}
    #abs-header .header-wrap #logo a{width:150px;height:45px;background: url('./images/main/m_logo.png') no-repeat;}
    #abs-header .header-wrap .menu {display: none;}
    #abs-header .header-wrap .sitemap li .s-menu {margin: 1.7rem;}
    #abs-header.scroll .header-wrap .sitemap li .s-menu {margin: 1.8rem 1.4rem;}
    #abs-header.scroll .header-wrap .sitemap li{margin-top:0;}

    #abs-header-full {display: none;}
    #abs-header-full.on {display: none;}

}

@media(max-width:1150px){
    #abs-header .mo-menu-wrap.on {
        display: block;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        background: rgba(0,0,0,.5);
    }

    #abs-header .mo-menu-wrap.on .mo-menu {
        z-index: 1000;
        width: 85%;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        background: #fff;
        transition: right .5s;
    }
}


@media(max-width:400px){
    #abs-header .mo-menu-wrap.on .mo-menu {
        width: 100%;
    }
    #abs-header .mo-menu-wrap .mo-list .mo-main>li>a {
        font-size: 17px !important;
    }
}


#abs-header.on .mo-menu-wrap .mo-menu{right:0;}
#abs-header .mo-menu-wrap .mo-menu .mo-header{width: 100%;height:80px;background: #fff; border-bottom: 1px solid #EAEAEA;}
#abs-header .mo-menu-wrap .mo-menu .mo-header .m-header{float:left;margin:16px 20px;}
#abs-header .mo-menu-wrap .mo-menu .mo-header .mo-lang{display:inline-block;position:relative;width:70px;height:30px;margin:30px 0;padding:0 15px;border:1px solid #fff;border-radius: 25px;font-size:14px;color:#fff;line-height: 30px;}
#abs-header .mo-menu-wrap .mo-menu .mo-header .mo-lang::after{content:'';position: absolute;top:10px;right:15px;width:12px;height:6px;background: url('./images/main/lang_t.png') no-repeat;}
#abs-header .mo-menu-wrap .mo-menu .mo-header .m-close {
    display: block;
    float: right;
    padding: 27px;
    position: fixed;
    right: 0;
    top: 0;
}
#abs-header .mo-menu-wrap .mo-list{width:100%;height:auto;background: #fff;}
#abs-header .mo-menu-wrap .mo-list .mo-main{}
#abs-header .mo-menu-wrap .mo-list .mo-main::after{content:'';display: block;clear: both;}
#abs-header .mo-menu-wrap .mo-list .mo-main>li{float:left;width:100%;}
#abs-header .mo-menu-wrap .mo-list .mo-main>li>a{position:relative;display:block;padding:25px 0 25px 30px;color:#111;font-family:'SCDream';font-weight:500;font-size:18px;background: #fff;}
#abs-header .mo-menu-wrap .mo-list .mo-main>li>a::after{content:'';position: absolute;top:50%;right:25px;width:12px;height:2px;background: #ccc;}
#abs-header .mo-menu-wrap .mo-list .mo-main>li>a::before{content:'';position: absolute;top:42%;right:30px;width:2px;height:12px;background: #ccc;}
/*#abs-header .mo-menu-wrap .mo-list .mo-main>li:last-child a::after,*/
/*#abs-header .mo-menu-wrap .mo-list .mo-main>li:last-child a::before{display: none;}*/
#abs-header .mo-menu-wrap .mo-list .mo-main>li.on>a::after{background: #bbb;}
#abs-header .mo-menu-wrap .mo-list .mo-main>li.on>a::before{display: none;}
#abs-header .mo-menu-wrap .mo-list .mo-main .mo-sub{display:none;position:relative;width:100%;padding:20px 0 20px 45px;background: #F4FCFF;}
#abs-header .mo-menu-wrap .mo-list .mo-main .mo-sub::after{content:'';display: block;clear: both;}
#abs-header .mo-menu-wrap .mo-list .mo-main .mo-sub li{float:left;width:100%;height:50px;}
#abs-header .mo-menu-wrap .mo-list .mo-main .mo-sub li:last-child{margin-bottom:0;}
#abs-header .mo-menu-wrap .mo-list .mo-main .mo-sub li a{position:relative;display:block;padding:12px 0;font-size:17px;color:#444;}
#abs-header .mo-menu-wrap .mo-list .mo-main .mo-sub li a:hover, a.active {color:var(--sky-color);}

#abs-header .mo-menu-wrap .mo-list .mo-main .mo-sub li a::before {
    display: none;
    content:'';position: absolute;top:50%;left:-10px;transform: translateY(-50%); width:3px;height:3px;border-radius: 50%;background: #666;
}

#abs-header.on .mo-menu-bak{display:block;position:fixed;top:0;left:0;z-index:50;width:100%;height:100vh;background: rgba(0,0,0,.5);
}

@media(max-width:360px){
    #abs-header .mo-menu-wrap .mo-menu .mo-header .m-close {
        padding: 28px 20px;
    }
    #abs-header.scroll .header-wrap #logo a{width: 140px;background-size:contain;}
    #abs-header .header-wrap #logo a{width: 140px;background-size:contain;}
    #abs-header .header-wrap .menu-wrap{width: 90px;}
}

/************** footer *************/
#abs-footer .footer-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.abs-footer-list {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}

#abs-footer{padding:50px 10px;background: #091328;}
.mainForm-top{position:fixed;bottom:2%;right:1%;display: block;z-index:100;width:60px;height:60px;border-radius:50%;background:rgba(114, 121, 150, 0.3);}
.mainForm-top::after{content:'';position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:23px;height:13px;background: url('../css/images/main/top.png') no-repeat;}
.abs-footer-list img {
    margin-right: 30px;
}
#abs-footer{padding:50px 0;background: #091328;}
#abs-footer .top{position:fixed;bottom:2%;right:1%;display: block;z-index:100;width:60px;height:60px;border-radius:50%;background:rgba(114, 121, 150, 0.3);}
#abs-footer .top::after{content:'';position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:23px;height:13px;background: url('./images/main/top.png') no-repeat;}
#abs-footer .footer-wrap .rec-wrap{position: relative;}
#abs-footer .footer-wrap .rec-wrap::after{content: '';display: block;clear: both;}
#abs-footer .footer-wrap .rec-wrap .rec-tit{}
#abs-footer .footer-wrap .rec-wrap .rec-tit h2{display:inline-block;position:relative;margin:0 30px 0 70px;font-size: 45px;color:#fff;text-transform: uppercase;}
#abs-footer .footer-wrap .rec-wrap .rec-tit h2::before{content: '';position: absolute;top:-12px;left:-60px;width:55px;height:55px;background: url('./images/main/qa.png') no-repeat;}
#abs-footer .footer-wrap .rec-wrap .rec-tit span{display:inline-block;font-size: 17px;color:#fff;}
#abs-footer .footer-wrap .rec-wrap .rec-form{float: left;margin:25px 0 10px;}
#abs-footer .footer-wrap .rec-wrap .rec-form .rec-con{width:49%;height:60px;margin-right:1%;padding-left:25px;font-size:15px;color:#bdbdbd;border:none;background: #fff;}
#abs-footer .footer-wrap .rec-wrap .rec-form .rec-con:nth-child(2){margin-right:0;}
#abs-footer .footer-wrap .rec-wrap .rec-form #rec-txt{width: 100%;height:130px;margin-top:2%;padding:5px;}
#abs-footer .footer-wrap{position:relative;max-width:1400px;margin:0 auto;}
#abs-footer .footer-wrap .abs-footer-list li{position:relative;margin-bottom:5px;}
#abs-footer .footer-wrap .abs-footer-list li::after{content:'';display:block;clear:both;}
#abs-footer .footer-wrap .abs-footer-list li img{float: left;margin-right:30px;}
#abs-footer .footer-wrap .abs-footer-list li p{overflow:hidden;font-size:15px;font-weight: 400;line-height: 1.5;color:#bdbdbd;}
#abs-footer .copyright {font-size:15px;color:#6d6d70;}
#abs-footer .abs-t-img {display:inline;max-width:100%;border:0px;line-height:0;margin:auto 30px auto 0}

@media(max-width:1400px){
    #abs-footer .top{display: none;}
    #abs-footer .footer-wrap{margin:0 25px;}
    .abs-footer-list img {
        margin-bottom: 10px;
    }
}

@media(max-width:1000px){
    #abs-footer .footer-wrap::after{display: none;}
}


@media(max-width:500px){
    #abs-footer .footer-wrap .rec-wrap .rec-tit h2::before{top:-20px;}
    #abs-footer .footer-wrap .rec-wrap .rec-tit span{margin:10px 0 0 5px;}
    #abs-footer .footer-wrap .rec-wrap .rec-form .rec-con{width:100%;margin:0 0 5px;}
    #abs-footer .footer-wrap .rec-wrap .rec-form #rec-txt{margin-top:0;}
    #abs-footer .footer-wrap .abs-footer-list li img{margin-right:25px;}
    #abs-footer .footer-wrap .abs-footer-list li p{font-size: 12px;}
    #abs-footer .footer-wrap .copyright{font-size: 12px;}
    #abs-footer .abs-t-img {margin-bottom: 10px}

    .spacing_telfax {
        display: block;
    }
}