header{position: fixed; top: 0; left: 0; z-index: 9999; width: 100%;background: rgba(0,0,0,0.1); transition: 0.3s;}
header a{color: #fff;}
header .hbox{display: flex; justify-content: space-between; align-items: center;}
header .hbox nav {margin-left: 150px;}
header .hbox nav .navbg{background-color: rgba(255, 255, 255, 255); position: absolute; width: 100%; height: 100%; top: 100%; left: 0; right: 0; height: 280px; display: none; }
header .hbox nav > ul{display: flex; text-align: center;}
header .hbox nav > ul > li{position: relative;}
header .hbox nav > ul > li > a{padding: 32px 40px; display: block;  font-size: 20px; text-transform: uppercase; transition: 0.3s;}
header .hbox nav > ul > li > a:hover{color: #20775c;}
header .hbox nav > ul > li .pc_depth{display: none; position: absolute; top: 100%; left: 50%; width: 100%; height: 280px; transform: translateX(-50%);padding: 0 5px; box-sizing: border-box; }
header .hbox nav > ul > li .pc_depth li a{padding: 20px 0; display: block; color: rgba(0, 0, 0, 0.4); font-size: 16px; font-weight: 500; transition: 0.3s;}
header .hbox nav > ul > li .pc_depth li a:hover{color: #20775c;}
header .hbox .lang{display: flex; align-items: center;}
header .hbox .lang li a{font-size: 18px; font-family: 'metropolis';color: rgba(255,255,255,0.5); transition: 0.3s;} 
header .hbox .lang li:first-of-type{border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 15px; padding-right: 15px;}
header .hbox .lang li.on a{color: #fff;}
.allmenu{display: none;}
.mb_nav{display: none;}


@media screen and (max-width: 1430px){
    header .hbox > h1 a img{width: 70%;}
    header .hbox nav{margin-left: 0;}
    header .hbox nav > ul > li > a{font-size: 16px; padding: 33px 20px;}
    header .hbox nav > ul > li .pc_depth li a{font-size: 13px;word-break: keep-all; line-height: 1.3;}
    header .hbox .lang li a{font-size: 14px;}
    header .hbox .lang li:first-of-type::after{height: 10px; margin: 0 8px;}
}

/* 모바일 메뉴 */
@media screen and (max-width: 1200px){
    header .hbox{padding: 19px 0;}
    header .hbox nav{display: none;}

    .rigmenu{display: flex; align-items: center; cursor: pointer;}
    .allmenu {position: relative; width: 32px; height: 20px; display: block; margin-left: 20px;}
    .allmenu span{position: absolute; width: 100%; height: 2px; background-color: #fff; top: 0;}
    .allmenu span:nth-of-type(2){top: 50%;}
    .allmenu span:nth-of-type(3){top: 100%;}

    .mb_nav{display: block; position: fixed; top: 0; right: 0; background-color: #fff; height: 100vh; width: 70%; z-index: 9999; transition: 0.3s; transform: translateX(100%);}
    .mb_nav a{color: #141414;}
    .mb_nav .top{display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid #e7e7e7;}
    .mb_nav .mobmenu {height: calc(100% - 77px); overflow-y: auto;}
    .mb_nav .top .mob_lang{display: flex; align-items: center;}
    .mb_nav .top .mob_lang li a{font-size: 18px; color: #e7e7e7;}
    .mb_nav .top .mob_lang li:first-of-type {border-right: 1px solid #e7e7e7; margin-right: 10px; padding-right: 10px;}
    .mb_nav .top .mob_lang li.on a{color: #141414;}
    .mb_nav .top button.close_mob{background-color: transparent; outline: none; border: none; padding: 0;cursor: pointer;}
    .mb_nav .top button.close_mob i{font-size: 35px;}
    .mb_nav .mobmenu > li > a {position: relative; display: block; border-bottom: 1px solid #e7e7e7;}
    .mb_nav .mobmenu > li > a > span{font-size: 18px; font-weight: 600; display: block; padding: 20px; cursor: pointer;}
    .mb_nav .mobmenu > li > a i{background-image: url('/img/plus_icon.png'); background-repeat: no-repeat; width: 15px; height: 15px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
    .mb_nav .mobmenu .modep{background-color: #e7e7e7; padding: 15px 20px; display: none;}
    .mb_nav .mobmenu .modep li a{color: #555; padding: 10px 0; display: block;}
    .mb_nav .mobmenu > li > a i{transition: 0.3s;}
    .mb_nav .mobmenu > li > a.on i{transform: translateY(-50%) rotate(180deg);}
}

@media screen and (max-width: 900px){
    header .hbox{padding: 15px 0;}
}



.main{background-position: center; background-size: cover; height: 100vh; position: relative; width: 100%;}
.main .wrap1400{height: 100%; position: relative; z-index: 11;}
.main .txtbox {position: absolute; top: 50%; transform: translateY(-50%);} 
.main .txtbox strong{font-size: 80px; font-family: 'metropolis'; font-weight: 600; text-transform: uppercase; color: #fff; line-height: 1.1;} 
.main .txtbox strong span{color: #3ba558; font-family: 'metropolis'; font-weight: 600;}
.main .txtbox p{font-size: 50px; color: #fff; margin-top: 80px; line-height: calc(60/50);}
.main .scrollbox{position: absolute; right: 0; bottom: 130px; width: 168px; height: 168px; border-radius: 50%; background-color: #3ba558; display: flex;
flex-direction: column;align-items: center;justify-content: center; animation: scrollani 0.7s infinite alternate;}
.main .scrollbox .text{font-family: 'metropolis'; color: #fff; margin-top: 25px; font-size: 24px;}

.main .vdwrap{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat;}
.main .vdwrap::before {content: ''; position: absolute; top: 0; left: 0; background: #000; opacity: 0.2; width: 100%; height: 100%; z-index: 10;}
.main .vdwrap video{position: absolute; top: 0; left: 0;  width: auto; height: 100%; min-width: 100%; min-height: 100%; object-fit: cover;}

.main .vdwrap.vdwrap2{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;}
.main .vdwrap.vdwrap2 iframe{width: 100vw;height: 56.25vw; min-height: 100vh;min-width: 177.77vh;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

@keyframes scrollani {
    to{transform: translateY(0);}
    from{transform: translateY(30px);}
}

@media screen and (max-width: 900px){
    .main .vdwrap video{right: 0; width: 100%;}
    .main .txtbox strong{font-size: 6vw;}
    .main .txtbox p{font-size: 4.3vw; margin-top: 15px;}

    .main .scrollbox{width: 100px; height: 100px;}
    .main .scrollbox img{width: 15%;}
    .main .scrollbox .text{font-size: 13px; margin-top: 10px;}
}

@media screen and (max-width:768px) {
    .main .txtbox strong{font-size: 8vw;}
    .main .txtbox p {font-size: 6.3vw;}
    .main .txtbox p br {display: none;}
}

/* sec02 */
.sec02{text-align: center; background-color: #eee;}
.sec02 .wrap1600{position: relative;}
.sec02 .wrap1600 > img{position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(0); transition: 0.7s;}
.sec02 .wrap1280 strong{font-size: 50px;font-family: 'metropolis'; text-transform: uppercase; font-weight: 700;}
.sec02 .wrap1280 p{font-size: 35px; font-weight: 600; margin-top: 100px; line-height: calc(50/35); word-break: keep-all;}

@media screen and (max-width: 900px){
    .sec02 .wrap1280 p{margin-top: 25px; font-size: 25px; word-break: keep-all;}
}

@media screen and (max-width: 768px){
    .sec02{padding: 30% 0;}
}

/* sec03 */
.sec03{background-image: url('/img/sec03_bg.jpg'); background-position: center; background-size: cover; height: 100vh; padding: 0; position: relative; transition: 0.3s;}
.sec03 .title{text-align: center; color: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 300px;}
.sec03 .title dl dt{text-transform: uppercase; font-family: 'metropolis'; font-size: 50px; font-weight: 500;}
.sec03 .title dl dd{font-size: 50px; margin-top: 30px; word-break: keep-all;}
.sec03 ul{display: flex;}
.sec03 ul li {height: 100vh; width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: 0.3s; cursor: pointer; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, 0.15);}
.sec03 ul li:last-of-type{border-right: 1px solid rgba(255, 255, 255, 0.15);}
.sec03 ul li:hover{background-color: rgba(32, 119, 92, 0.3);}
.sec03 ul li > a{width: 100%; height: 100%; display: block;}
.sec03 ul li .txt{padding-top: 270px; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; box-sizing: border-box; transition: 0.3s;}
.sec03 ul li .txt p{font-size: 34px; color: #fff; line-height: calc(46/34); font-weight: 500; margin-top: 40px;}
.sec03 ul li .txt p span{font-size: 28px; font-family: 'metropolis'; font-weight: 500;}
.sec03 ul li:hover .txt img{animation: sec03ani 3s linear infinite;}
.sec03 ul li:hover .txt{transform: translateY(-20px);}

@keyframes sec03ani {
    to{transform: rotate(0);}
    from{transform: rotate(360deg);}
}

@media screen and (max-width: 1800px){
    .sec03 .title{top: 100px;}
    .sec03 ul li .txt p{margin-top: 25px;}
}

@media screen and (max-width: 1500px){
    .sec03 .title{top: 200px;}
    .sec03 ul li .txt p{margin-top: 25px;}
}

@media screen and (max-width: 1280px){
    header .hbox nav > ul > li > a{font-size: 15px; word-break: keep-all;}
    .sec03 .title{top: 100px;}
    .sec03 .title dl dd{font-size: 40px;}
}


@media screen and (max-width: 900px){
    .sec03 .title{top: 250px;}
    .sec03 .title dl dd{font-size: 25px; word-break: keep-all; margin-top: 20px; line-height: 1.3;}
    .sec03 ul li .txt p{font-size: 16px;}
    .sec03 ul li .txt p span{font-size: 13px;}
}

@media screen and (max-width: 768px){
    .sec03{height: auto; padding: 15% 0 10%;}
    .sec03 .wrap1600{width: 100%;}
    .sec03 .title{position: static; transform:none; margin-bottom: 50px;}
    .sec03 ul{display: block;}
    .sec03 ul li{height: auto; width: auto; padding: 40px 0; border-left: none; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
    .sec03 ul li:first-of-type{border-top: 1px solid rgba(255, 255, 255, 0.15);}
    .sec03 ul li:last-of-type{border-right: none;}
    .sec03 ul li .txt{padding-top: 0;}
    .sec03 ul li .txt > img{width: 10%;}
    .sec03 ul li .txt p{margin-top: 20px;}
}

/* sec04 */
.sec04{text-align: center; background-image: url('/img/hyper_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.sec04 .hp_logo{margin-bottom: 200px;}
.sec04 ul{display: flex; align-items: center;}
.sec04 ul li{width: calc(99.9%/3 - 170px/3); margin-right: 85px; border-radius: 50%; position: relative; background-color: rgba(255, 255, 255, 0.5); cursor: pointer;  position: relative; z-index: 1;}
.sec04 ul li:last-of-type{margin-right: 0;}
.sec04 ul li::after{content: ""; display: block; padding-bottom: 100%;}
.sec04 ul li .txtbox{position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sec04 ul li .txtbox p{font-size: 20px; color: #252525; line-height: calc(30/20); transition: 0.3s;}
.sec04 ul li .txtbox p::before{content: ""; display: block; width: 116px; height: 116px; background-image: url('/img/hyper_icon01.png'); margin: 0 auto 35px; background-repeat: no-repeat; background-position: center; background-size: cover; transition: 0.3s;}
.sec04 ul li:nth-of-type(2) .txtbox p::before{width: 85px; height: 116px; background-image: url('/img/hyper_icon02.png');}
.sec04 ul li:nth-of-type(3) .txtbox p::before{background-image: url('/img/hyper_icon03_over.png');}
.sec04 ul li:last-of-type{background-color: #20775c;}
.sec04 ul li:last-of-type .txtbox p{color: #fff;}
.sec04 ul li:last-of-type .txtbox .blink{width: 100%; height: 100%; position: absolute; border-radius: 50%;}
.sec04 ul li:last-of-type .blink .blk{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: #20775c; z-index: -1; animation: blinkani 2s ease-in-out infinite;}
.sec04 ul li:last-of-type .blink .blk.blink01{width: 120%; height: 120%;  opacity: 0.5;}
.sec04 ul li:last-of-type .blink .blk.blink02{width: 130%; height: 130%; opacity: 0.4; }

.sec04 a.morebtn{margin-top: 100px;}

@keyframes blinkani {
    0%{
        transform: translate(-50%,-50%) scale(0.95);
    }
    50% {
        transform: translate(-50%,-50%) scale(1);
    }
    100% {
        transform: translate(-50%,-50%) scale(0.95);
    }
}

@media screen and (max-width: 1280px){ /*221025 추가*/
    .sec04 ul li {margin-right: 55px;}
    .sec04 ul li .txtbox p {font-size: 1.4063vw; width: 90%;}
    .sec04 ul li .txtbox p::before  {width: 7.0625vw; height: 7.0625vw; background-size: contain;}
    .sec04 ul li:nth-of-type(2) .txtbox p::before {width: 4.6406vw; height: 7.0625vw;}
    
    
}


@media screen and (max-width: 1000px){
    .sec04 ul {justify-content: center;}
    .sec04 ul li {margin-right: 25px;}
    .sec04 ul li .txtbox p{font-size: 13px;}
    .sec04 ul li .txtbox p::before{background-size: contain; width: auto; height: 7.7000vw; margin-bottom: 15px;}
    .sec04 ul li:nth-of-type(2) .txtbox p::before{height: 8.8000vw; width: auto;}
}

@media screen and (max-width: 900px){
    .sec04{padding: 15% 0;}
    .sec04 .hp_logo{margin-bottom: 65px;}
    .sec04 .hp_logo img{width: 50%;}
}

@media screen and (max-width: 768px){
    .sec04 ul{flex-wrap: wrap; justify-content: center; width: 90%; margin: 0 auto;}
    .sec04 ul li{width: calc(99.9%/2 - 30px/2); margin-right: 30px;}
    .sec04 ul li:nth-of-type(2){margin-right: 0;}
    .sec04 ul li:last-of-type{margin-top: 30px;}

    .sec04 ul li .txtbox p {font-size: 14px;}
}

@media screen and (max-width:480px) {
    .sec04 ul {width: 95%;}
    .sec04 ul li {margin-right: 15px;}
    .sec04 ul li .txtbox p::before {margin-bottom: 5px;}
    .sec04 ul li .txtbox p {font-size: 10px;}
    .sec04 ul li:last-of-type {margin-top: 15px;}
}

@media screen and (max-width: 400px){
    /* .sec04 ul li .txtbox p::before{margin-bottom: -13px;} */
}

/* sec05 */
.sec05{padding: 0; position: relative;}
.sec05 .motionwrap{position: relative;}
.sec05 ul { position: relative; height: 100vh;}
.sec05 ul li{background-image: url('/img/data_bg01.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; height: 100vh; position: absolute; width: 100%; z-index: 0; bottom: 0;}
.sec05 ul li:nth-of-type(2){background-image: url('/img/data_bg02.jpg'); height: calc(100vh - 180px);bottom: 0;z-index: 1;}
.sec05 ul li:nth-of-type(3){background-image: url('/img/data_bg03.jpg'); height: calc(100vh - 360px);bottom: 0;z-index: 2; }
.sec05 ul li .txt {margin-top: 65px;}
.sec05 ul li .txt dl{color: #fff;}
.sec05 ul li .txt dl dt{font-size: 25px; text-transform: uppercase; font-weight: 500; margin-bottom: 10px;}
.sec05 ul li .txt dl dt span{font-family: 'metropolis'; font-weight: 500;}
.sec05 ul li .txt dl dd{font-size: 40px; font-family: 'metropolis'; font-weight: 500; margin-bottom: 35px;}
/* .sec05 ul li:last-of-type .txt dl dt{font-size: 45px;}
.sec05 ul li:last-of-type .txt dl dd{font-size: 70px; color: #20775c; margin: 20px 0 35px;} */
.sec05 ul li .txt p{color: #fff; font-size: 25px; line-height: calc(45/25);}
.sec05 .lastbg{ background-repeat: no-repeat; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.sec05 .lastbg .wrap1400{z-index: 3; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute;}
.sec05 .lastbg dl dt{font-family: 'metropolis'; font-weight: 700; font-size: 60px; margin-bottom: 40px;}
.sec05 .lastbg dl dd{font-size: 50px;}
.sec05 .lastbg .videoin{width: 100%; height: 100%; position: fixed;   top: 0;
left: 0;z-index: -1;pointer-events: none;overflow: hidden;}
.sec05 .lastbg .videoin iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; }
.sec05 .lastbg .videoin::after{content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0;}

@media screen and (max-width: 900px){
    .sec05 ul li .txt{margin-top: 78px;}
    .sec05 ul li .txt dl dt{font-size: 18px;}
    .sec05 ul li .txt dl dd{font-size: 25px; margin-bottom: 20px;}
    /* .sec05 ul li:last-of-type .txt dl dt{font-size: 22px;}
    .sec05 ul li:last-of-type .txt dl dd{font-size: 25px; margin: 10px 0 15px;} */
    .sec05 ul li .txt p{font-size: 14px; word-break: keep-all;}

    .sec05 .lastbg dl dt{font-size: 25px; margin-bottom: 15px;}
    .sec05 .lastbg dl dd{font-size: 16px; line-height: 1.3; word-break: keep-all;}
}

@media screen and (max-width: 768px){
    /* .sec05{height: calc(var(--var, 1vh) * 100);} */
    .sec05 ul{height: auto;}
    .sec05 ul li{height: auto; position: static;}
    .sec05 ul li:nth-of-type(2){height: auto;}
    .sec05 ul li:nth-of-type(3){height: auto;}
    .sec05 ul li .txt {margin-top: 0; padding: 50px 0;}
    .sec05 ul li .txt p br{display: none;}
    .sec05 .lastbg{height: auto; position: static;}
    .sec05 .lastbg .wrap1400{height: auto;}
    .sec05 .lastbg .videoin{position: static;}
    .sec05 .lastbg .videoin iframe{position: static; transform: none;}
}

/* sec06 공지사항 */
.sec06{text-align: center; background-color: #f6f6f6;}
.sec06 .wrap1400 > strong{font-size: 50px; font-family: 'metropolis'; text-transform: uppercase; font-weight: 500; display: block; margin-bottom: 50px;}
ul.cmty{display: flex;}
ul.cmty li{width: calc(99.9%/3 - 200px/3); margin-right: 100px; text-align: left; background-color: #fff; position: relative; border: 1px solid #ebebeb; overflow: hidden; box-sizing: border-box;}
/* .sec06 ul li > a::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 10px solid #20775c; box-sizing: border-box; opacity: 0; transition: 0.3s;} */
ul.cmty li:last-of-type{margin-right: 0;}
ul.cmty li > a{display: block; box-sizing: border-box;}
ul.cmty li > a .notice {position: absolute; top: 0; right: 0; font-size: 16px; width: 70px; height: 70px; display: block; line-height: 70px; background-color: #20775c; color: #fff; text-align: center;}
/* .sec06 ul li:hover a::after{opacity: 1;} */
ul.cmty li a .imgbox{background-image: url('/img/comunity_img.png'); background-repeat: no-repeat; background-position: center; background-color: #f4f4f4; background-size: cover; transition: 0.3s;}
ul.cmty li a .imgbox::after{content: ""; display: block; padding-bottom: calc(250/400 * 100%);}
ul.cmty li .txtbox{padding: 30px;}
ul.cmty li .txtbox .date .month{font-size: 16px; color: #666; font-weight: 600; font-family: 'metropolis';  display: block;}
ul.cmty li .txtbox .date .day{color: #20775c; font-weight: 600; font-family: 'metropolis'; font-size: 34px; display: block; margin: 10px 0 20px;}
ul.cmty li .txtbox strong{font-size: 22px; color: #252525; font-weight: 600; display: block; margin-bottom: 20px; line-height: calc(32/20);}
ul.cmty li .txtbox p{font-size: 16px; color: #555; line-height: calc(24/16); word-break: keep-all; margin-bottom: 30px;}
ul.cmty li .txtbox span{font-size: 16px; color: #555;}
ul.cmty li:hover .imgbox{transform: scale(1.05);}

@media screen and (max-width: 1000px){
    .sec06 ul li{width: calc(99.9%/3 - 60px/3); margin-right: 30px;}
    .sec06 ul li .txtbox .date .month{font-size: 13px;}
    .sec06 ul li .txtbox .date .day{font-size: 20px; }
    .sec06 ul li .txtbox strong{font-size: 15px; margin-bottom: 30px; word-break: keep-all;}
    .sec06 ul li > a .notice{width: 50px; height: 50px; line-height: 50px; font-size: 13px;}
}

@media screen and (max-width: 900px){
    .sec06{padding: 15% 0;}
}

@media screen and (min-width: 768px){
    .sec06 ul li:hover a::after{opacity: 1;}
    .sec06 .swiper-pagination{display: none;}
}

@media screen and (max-width: 768px){
    .sec06 ul li:hover a::after{display: none;}

    .sec06 ul li.swiper-slide{transition: 0.3s;}
    /* .sec06 ul li.swiper-slide-active{border: 5px solid #20775c;} */
    .sec06 .swiper-pagination{width: 100%; left: 50%; transform: translateX(-50%); margin-top: 15px;}
    .sec06 .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; transition: 0.3s; margin-right: 6px;}
    .sec06 .swiper-pagination .swiper-pagination-bullet:last-of-type{margin-right: 0;}
    .sec06 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #20775c; width: 30px; border-radius: 10px;}
    .sec06 ul li .txtbox strong{margin-bottom: 10px;}
    .sec06 ul li .txtbox p{font-size: 14px; margin-bottom: 20px;}
    .sec06 ul li .txtbox span{font-size: 14px;}
}

/* sec07 */
.sec07{background-image: url('/img/contact_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center;}
.sec07 p.tit{margin-bottom: 25px; color: #fff; font-size: 30px;font-family: 'metropolis'; }
.sec07 strong{display: block; font-size: 50px; font-family: 'metropolis'; text-transform: uppercase; font-weight: 500; color: #fff;}
a.morebtn{display: block; border: 1px solid #fff; width: 180px; height: 60px; margin: 0 auto; line-height: 60px; margin-top: 45px; position: relative; transition: all 0.3s; z-index: 1; font-size: 22px; color: #fff; font-family: 'metropolis'; font-weight: 600;}

a.black{border: 1px solid #000;color: #000;}

a.morebtn::before{display: block; background-color: #20775c; content: ""; position: absolute; z-index: -1;}
a.morebtn::after{height: 0; left: 50%; top: 50%; width: 0; background-color: #20775c; content: ""; display: block; position: absolute; z-index: -1; transition: all 0.3s;}
a.morebtn:hover{color: #fff; border: 1px solid #20775c;}
a.morebtn:hover::after{height: 100%; left: 0; top: 0; width: 100%; }


@media screen and (max-width: 900px){
    .sec07{padding: 15% 0;}
    .sec07 p{font-size: 15px;}
}

@media screen and (max-width: 768px){
    .sec07{background-position: inherit;}
    a.morebtn{width: 120px; height: 40px; line-height: 40px; font-size: 15px; margin-top: 60px;}
    .sec07 a.morebtn{margin-top: 40px;}
}

/* footer */
footer{background-color: #000; color: #aaa;}
footer .f-top {border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: flex; justify-content: space-between; align-items: center; padding-bottom: 25px; margin-bottom: 40px;}
footer .f-top .lef{display: flex;}
footer .f-top .lef li::after{content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #aaa; vertical-align: middle; margin: 0 18px;}
footer .f-top .lef li:last-of-type::after{display: none;}
footer .f-top .lef li a{color: #aaa;}
footer .f-top .rig{display: flex;}
footer .f-top .rig li:first-of-type{margin-right: 10px;}
footer .f-top .rig li a{text-indent: -9999px; background-image: url('/img/facebook_icon.png'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 48px; height: 48px; display: inline-block; transition: 0.3s;}
footer .f-top .rig li:nth-of-type(2) a{background-image: url('/img/insta_icon.png');}
footer .f-top .rig li a:hover{background-image: url('/img/facebook_icon_over.png');}
footer .f-top .rig li:nth-of-type(2) a:hover{background-image: url('/img/insta_icon_over.png');}
footer .f-bot{display: flex;}
footer .f-bot .f-logo{margin-right: 50px;}
footer .f-bot ul {display: flex; flex-wrap: wrap;}
footer .f-bot ul.bot{margin: 25px 0 30px;}
footer .f-bot ul li{color: #666; margin-right: 30px;}
footer .f-bot ul li:last-of-type{margin-right: 0;}


@media screen and (max-width: 1460px){
    footer .f-bot .list .top li:last-of-type{margin-top: 10px;}
}

@media screen and (max-width: 900px){
    footer{font-size: 13px;}
    footer .f-top .lef li::after{margin: 0 10px;}
    footer .f-bot ul li{margin-bottom: 8px; margin-right: 15px;}
    footer .f-bot .list > p{font-size: 14px;}
}

@media screen and (max-width: 768px){
    footer .f-top{display: block;}
    footer .f-top .lef{margin-bottom: 24px;}
    footer .f-top .rig li:first-of-type{margin-right: 5px;}
    footer .f-bot{display: block;}
    footer .f-bot ul.bot{margin: 15px 0 20px;}
    footer .f-bot .f-logo{margin-right: 0; margin-bottom: 25px;}

    footer .f-bot .list .top li:last-of-type{line-height: 1.3;}
}

@media screen and (max-width: 450px){
    footer .f-top .lef{display: block;}
    footer .f-top .lef li{margin-bottom: 10px;}
    footer .f-top .lef li:last-of-type{margin-bottom: 0;}
    footer .f-top .lef li::after{display: none;}
}



/* 공통 반응형 */
@media screen and (max-width: 900px){
    section .wrap1280 strong.subtit,  section .wrap1400 strong.subtit, section .wrap1600 dt.subtit{font-size: 25px;}
}

/* 메인 사업문의 수정 0221 */
.sec07 ul {display: flex; align-items: center; justify-content: center; margin-top: 30px;}
/* .sec07 ul li{width: 23%;} */
.sec07 ul li:first-of-type{ position: relative; margin-right: 20px;
padding-right: 20px;}
.sec07 ul li:first-of-type::after{content: ""; display: block; width: 1px; height: 100%; background-color: #fff; position: absolute; top: 0; right: 0;}
.sec07 ul li a {display: flex; align-items: center;}
.sec07 ul li a img{width: 45px;}
.sec07 ul li a span{color: #fff; font-size: 22px; display: block; margin-right: 15px;}
.sec07 ul li a p{font-size: 16px; color: #fff; position: relative;}
.sec07 ul li a p::after{content: ""; display: block; width: 0; height: 2px; background-color: #fff; position: absolute; left: 0; margin-top: 5px; transition: 0.3s;}
.sec07 ul li a p:hover::after{width: 100%;}

@media screen and (max-width: 600px){
    .sec07 ul {display: block;}
    .sec07 ul li:first-of-type{margin-right: 0; padding-right: 0; margin-bottom: 20px;}
    .sec07 ul li a{display: block;}
    .sec07 ul li a span{ font-size: 16px; margin-right: 0; margin-bottom: 10px;}
    .sec07 ul li a p{font-size: 13px;}
}