/*header {display:none;}*/
::-webkit-scrollbar {display:none;}

.container-section {margin-bottom:0;}
footer {margin-top:0;}

/**/
.swiper {
    width: 100%;
    height: 100vh;
}
@media(max-width:768px){
    .swiper {height:auto;}
}
@media(max-width:430px){
    #swiper-main {overflow-x:hidden !important;}
}
.swiper-slide .ani{opacity:0; transition:all 200ms;}
.swiper-slide-active .ani{opacity:0; transition:all 700ms;}

/**/
.swiper-pagination {
    right:auto !important; left:10px; transform:none;
}
.swiper-pagination span {
    margin:0 0 45px 30px !important; position:relative;
    background:#fff; width:10px; height:2px; transition:all 300ms;
    opacity:1;
}
.swiper-pagination span:last-child{margin-bottom: 0 !important;}
#swiper-main .swiper-pagination-vertical.swiper-pagination-bullets,
#swiper-main .swiper-vertical>.swiper-pagination-bullets {transform:none !important; top: 40%; left: 0;}
.swiper-pagination span.swiper-pagination-bullet-active {
    width:40px; margin-left:0 !important;
}
.swiper-pagination span.swiper-pagination-bullet:before {
    position:absolute; margin:auto; top:0; right:-26px; bottom:0; left:auto;
    height:20px; color:#fff; line-height:20px; font-size:13px; display:none;
    font-family: "Montserrat", sans-serif; font-weight: 500;
}
.swiper-pagination span.swiper-pagination-bullet:nth-child(1):before {content:'01';}
.swiper-pagination span.swiper-pagination-bullet:nth-child(2):before {content:'02';}
.swiper-pagination span.swiper-pagination-bullet:nth-child(3):before {content:'03';}
.swiper-pagination span.swiper-pagination-bullet:nth-child(4):before {content:'04';}
.swiper-pagination span.swiper-pagination-bullet:nth-child(5):before {content:'05';}
.swiper-pagination span.swiper-pagination-bullet:nth-child(6):before {content:'06';}
.swiper-pagination span.swiper-pagination-bullet:nth-child(7):before {content:'07';}
.swiper-pagination span.swiper-pagination-bullet-active:before {display:block;}

/**/
#tnb .wrap .tnb-r .link {background-image:url(/images/content/layout/tnb_icon_link_w.png) ;}
#tnb .wrap .tnb-r .globe {background-image:url(/images/content/layout/tnb_icon_globe_w.png) ;}
#tnb.active .wrap .tnb-r .link {background-image:url(/images/content/layout/tnb_icon_link_b.png) ;}
#tnb.active .wrap .tnb-r .globe {background-image:url(/images/content/layout/tnb_icon_globe_b.png) ;}
#tnb.active .wrap .tnb-r #site-map-toggle span{background: #333;}

    /**/
#logo a {background-image:url(/images/content/layout/logo.png); transition:all 600ms;}
#tnb a.m1 {color:#fff; transition:all 600ms;}
header #site-map-toggle span,
header:hover #site-map-toggle span{background: #fff;}

/**/
header[data-ai="1"] #logo a {background-image:url(/images/content/layout/logo_b.png);}
header[data-ai="1"] #tnb a.m1 {color:#333;}
header[data-ai="1"] #tnb .wrap .tnb-r .link {background-image:url(/images/content/layout/tnb_icon_link_b.png) ;}
header[data-ai="1"] #tnb .wrap .tnb-r .globe {background-image:url(/images/content/layout/tnb_icon_globe_b.png) ;}
header[data-ai="1"] #site-map-toggle span{background: #000;}
header[data-ai="1"] header #site-map-toggle span,
header[data-ai="1"] header:hover #site-map-toggle span,
header[data-ai="1"] header.in-active #site-map-toggle span {background: #000;}
#swiper-main[data-ai="1"] .swiper-pagination span {background:#000;}
#swiper-main[data-ai="1"] .swiper-pagination span.swiper-pagination-bullet:before {color:#000;}

/**/
a.view-more {
    color:#666; display:inline-block; border:1px solid #454545; padding:16px 26px; border-radius:30px;
    font-size:14px; font-family: 'Pretendard' , sans-serif; line-height: 1;
}
a.view-more i {margin-left:30px;}

/**/
#section-1 {background:url(/images/content/main/se_01_visual_01.jpg) repeat center center; background-size:cover;}
#section-1 .wrap {display:flex; align-items: center; height:100%;}
#section-1 .wrap .rect {}
#section-1 .wrap .rect div:nth-child(1){line-height: 1.3; font-weight: 700;}
#section-1 .wrap .rect div:nth-child(2){font-weight: 600; margin-top: 10px;}
#section-1 .main-quick {display:flex; width:500px; margin-top:90px; height:140px; position:relative; transform:scale(1);}
#section-1 .main-quick .box {
    display:flex; flex-direction: column; justify-content: center; align-items: center;
    width:140px; height:140px; background:rgba(255,255,255,.3);  color: #fff;
    position: relative;
    transition:color 300ms, border-radius 300ms, transform 300ms, background 300ms;
}
#section-1 .main-quick .box .icon {
    height:55px; display:flex; align-items: center; justify-content: center; width: 100%;
    position:relative; z-index:10;
}
#section-1 .main-quick .box:nth-child(1) .icon{background: url(/images/content/main/se_01_quick_01.png) no-repeat center;}
#section-1 .main-quick .box:nth-child(2) .icon{background: url(/images/content/main/se_01_quick_02.png) no-repeat center;}
#section-1 .main-quick .box:nth-child(3) .icon{background: url(/images/content/main/se_01_quick_03.png) no-repeat center;}
#section-1 .main-quick .box .name {font-size:15px; font-weight:bold; margin-top:6px; position:relative; z-index:10; }
#section-1 .main-quick .box:after {
    background:linear-gradient(110deg, #20b7e6, #54dec9);
    content:''; display:block; position:absolute; top:0; left:0;
    width:100%; height:100%; transition:all 300ms; opacity: 0;
}
#section-1 .main-quick .box:nth-child(1),
#section-1 .main-quick .box:nth-child(1):after{border-radius:10px 0 0 10px;}
#section-1 .main-quick .box:nth-child(2){background:rgba(255,255,255,.6);}
#section-1 .main-quick .box:nth-child(3),
#section-1 .main-quick .box:nth-child(3):after{border-radius:0 10px 10px 0;}
#section-1 .main-quick .box:hover {
    color:#fff;
}
#section-1 .main-quick .box:hover:after{opacity: 1;}
#section-1 .main-quick .box:nth-child(1):hover .icon{background: url(/images/content/main/se_01_quick_01w.png) no-repeat center;}
#section-1 .main-quick .box:nth-child(2):hover .icon{background: url(/images/content/main/se_01_quick_02w.png) no-repeat center;}
#section-1 .main-quick .box:nth-child(3):hover .icon{background: url(/images/content/main/se_01_quick_03w.png) no-repeat center;}

#section-1 .owl-carousel,
#section-1 .owl-stage-outer,
#section-1 .owl-stage,
#section-1 .owl-item,
#section-1 .item {height:100%; position: relative;}
#section-1 .owl-carousel .owl-dots {position:absolute; margin:auto; top:auto; right:0; bottom:2%; left:0;}
#section-1 .owl-carousel .owl-dots .owl-dot {}
#section-1 .owl-carousel .owl-dots .owl-dot span {background:#000; border:1px solid #fff; transition:all 300ms; outline:0;}
#section-1 .owl-carousel .owl-dots .owl-dot.active span {width:30px; background:#fff; border:1px solid #000;}

#section-1 .scroll-down{
    position: fixed; bottom: 0; font-size: 13px; font-weight: 500; font-family: 'Poppins', sans-serif;
    color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; right: 1%; opacity: 0.8;
}
#section-1 .scroll-down .virtical{transform: rotate(90deg);}
#section-1 .scroll-down .circle{width: 4px; height: 4px; background: #fff; border-radius: 50%; margin-top: 50px;}
#section-1 .scroll-down .line-ani{
    position: relative; width: 2px; height: 80px; background:rgba(255,255,255,0.3); overflow: hidden; margin-top: 15px;
}
#section-1 .scroll-down .line-ani:after{
    position: absolute; content: ''; width: 2px; height: 40px; background: #fff; top: 0%; transition: 0.3s;
    animation: topAni 2s ease infinite;
}
@keyframes topAni{
    0% {
        top: 0%;
    }
    100% {
        top: 100%;
    }
}

@media(max-width:1200px){
    #section-1{height:90vh !important;}
}
@media(max-width:768px){
    #section-1{height:70vh !important;}
    #section-1 .main-quick {zoom: 0.8; margin-top: 60px;}
    /*#section-1 .main-quick .box:nth-child(1) {border-radius:10px 10px 0 0;}*/
    #section-1 .main-quick .box:nth-child(2) {}
    /*#section-1 .main-quick .box:nth-child(3) {border-radius:0 0 10px 10px;}*/
    #section-1 .scroll-down{display: none;}
}

/**/
#section-2 {
    text-align:center; padding-top:80px; background:url(/images/content/main/se_02_bg.jpg) repeat center center;
    position:relative; background-size:cover;
}
#section-2 .wrap {height:100%; display:flex; align-items: center;}
#section-2 .boxs {display:flex; justify-content: space-between; margin-top:80px;}
#section-2 .boxs .box {
    width:23%; padding:60px 30px; box-shadow:6px 6px 20px rgba(97, 97, 97, 0.26); border-radius:30px 0 30px 0;
    position:relative; overflow:hidden; transition:all 300ms;
    background:#fff;
}
#section-2 .boxs .box:after {
    background:linear-gradient(110deg, #20b7e6, #54dec9);
    content:''; display:block; position:absolute; top:0; left:0;
    width:100%; height:100%; opacity:0; transition:all 300ms;
}
#section-2 .boxs .box > div {}
#section-2 .boxs .box .icon {
    position:relative; z-index:10;
    margin-bottom:25px; height:85px; display:flex; align-items: center; justify-content: center;
}
#section-2 .boxs .box .icon .img{width: 100%; height: 100%;}
#section-2 .boxs .box .subject {margin-bottom:30px; transition:all 300ms; position:relative; z-index:10; }
#section-2 .boxs .box .text {
    color:#888; line-height:28px; transition:all 300ms; position:relative; font-family: 'Pretendard' , sans-serif;
    z-index:10;
}
#section-2 .boxs .box .view-detail {
    position:absolute; top:auto; right:0; bottom:0; left:auto; padding:12px 20px;
    background:#fff; color:#666; font-size:13px; border-radius:20px 0 0 0;
    display:block; opacity:0; z-index:10; transition: all 300ms;
    font-family: 'Poppins', sans-serif;
}
#section-2 .boxs .box:nth-child(1) .icon .img{background: url(/images/content/main/se_02_box_01.png) no-repeat center;}
#section-2 .boxs .box:nth-child(2) .icon .img{background: url(/images/content/main/se_02_box_02.png) no-repeat center;}
#section-2 .boxs .box:nth-child(3) .icon .img{background: url(/images/content/main/se_02_box_03.png) no-repeat center;}
#section-2 .boxs .box:nth-child(4) .icon .img{background: url(/images/content/main/se_02_box_04.png) no-repeat center;}

#section-2 .boxs .box:hover:after {opacity:1;}
#section-2 .boxs .box:hover .subject {color:#fff;}
#section-2 .boxs .box:hover .text {color:#fff;}
#section-2 .boxs .box:hover .view-detail {opacity:1;}

#section-2 .boxs .box:nth-child(1):hover .icon .img{background: url(/images/content/main/se_02_box_01w.png) no-repeat center;}
#section-2 .boxs .box:nth-child(2):hover .icon .img{background: url(/images/content/main/se_02_box_02w.png) no-repeat center;}
#section-2 .boxs .box:nth-child(3):hover .icon .img{background: url(/images/content/main/se_02_box_03w.png) no-repeat center;}
#section-2 .boxs .box:nth-child(4):hover .icon .img{background: url(/images/content/main/se_02_box_04w.png) no-repeat center;}

@media(max-width:1200px){
    #section-2 {height:auto; padding:80px 0;}
    #section-2 .boxs {flex-wrap: wrap;margin-top: 60px;}
    #section-2 .boxs .box {width:48%; margin-bottom:4%;}
    #section-2 .boxs .box:nth-child(3),
    #section-2 .boxs .box:nth-child(4) {margin-bottom:0;}
}
@media(max-width:768px){
    #section-2 .boxs .box {width:80%; margin:auto auto 4% auto;}
    #section-2 .boxs .box:nth-child(3) {margin-bottom:4%;}
    #section-2 .boxs .box:last-child {margin-bottom:0;}
}
@media(max-width:425px){
    #section-2 .boxs .box {width:100%;}
}

/**/
#section-3 {background:url(/images/content/main/se_03_bg.jpg) repeat center center; background-size:cover;}
#section-3 .wrap {color:#fff; display:flex; align-items: center; justify-content: center; height:100%;}
#section-3 .wrap .rect {text-align:center;}
#section-3 .wrap .line {height:1px; width:20px; background:rgba(255,255,255,0.4); margin:20px auto;}
#section-3 .wrap a {
    color:#fff; display:inline-block; border:1px solid #fff; padding:16px 26px; border-radius:30px; margin-top:80px;
}
#section-3 .wrap a i{margin-left: 10px;}

@media(max-width:1200px){
    #section-3 {padding:80px 0;}
}

/**/
#section-4 {}
#section-4 .wrap {display:flex; align-items: center; height:100%;}
#section-4 .wrap .rect {width:100%;}
#section-4 .head {text-align:center; margin-bottom:80px;}
#section-4 .body {display:flex; justify-content: space-between;}
#section-4 .body > div {width:48%;}
#section-4 .news {}
#section-4 .news-head {display:flex; justify-content: space-between; align-items: center;}
#section-4 .news-head .arrow a{font-size: 22px; line-height: 1; color: #999; transition: all 0.3s;}
#section-4 .news-head .arrow:hover a{color: #333;}
#section-4 .news-body {margin-top:20px; border-top:2px solid #333;}
#section-4 .news-body .post {
    padding:25px 15px 15px 15px; display:flex; justify-content: space-between; align-items: center;
    border-bottom:1px solid #ccc; transition:all 300ms;
}
#section-4 .news-body .post:last-child {border-bottom:0;}
#section-4 .news-body .post .date {width:110px; padding-right:20px; margin-right:20px; text-align:center; position:relative;}
#section-4 .news-body .post .date > div:nth-child(1) {height:35px; line-height:30px;}
#section-4 .news-body .post .date > div:nth-child(2) {color: #999; font-family: 'Pretendard' , sans-serif;}
#section-4 .news-body .post .date:after {
    content:''; width:1px; height:20px; background:#bfbfbf;
    position:absolute; margin:auto; top:0; right:8px; bottom:0; left:auto;
}
#section-4 .news-body .post .subject {width:100%; color:#999999; transition:all 300ms; font-family: 'Pretendard' , sans-serif;}
#section-4 .news-body .post:hover {background:#f5f9fc;}
#section-4 .news-body .post:hover .subject {color:#333; font-weight:bold;}
#section-4 .link {}
#section-4 .link > div {display:flex; justify-content: space-between; align-items: center; height:50%;}
#section-4 .link > div .fs-18{font-family: 'Pretendard' , sans-serif; font-weight: 300; margin-top: 10px;}
#section-4 .link .notice {border-bottom:1px solid #ccc;}
#section-4 .link .customer {}
#section-4 .link .icon {
    border-radius:100%; width:110px; height:110px; background:#fff;
    display:flex; justify-content: center; align-items:center;
    box-shadow:0 0 50px 0 rgba(32, 183, 230, 0.3); transform:scale(1);
    position: relative;
}
#section-4 .link .icon:after {
    background:linear-gradient(110deg, #20b7e6, #54dec9); border-radius:100%;
    content:''; display:block; position:absolute; top:0; left:0;
    width:100%; height:100%; opacity:0; transition:all 300ms;
}
#section-4 .link .icon .img {zoom: 0.8; width:45px; height: 54px; position: relative; z-index: 999;}
#section-4 .link .notice .icon .img {background: url(/images/content/main/se_04_icon_01.png) no-repeat center;}
#section-4 .link .customer .icon .img {background: url(/images/content/main/se_04_icon_02.png) no-repeat center;}
#section-4 .link .icon:hover:after {opacity: 1;}
#section-4 .link .notice .icon:hover .img {background: url(/images/content/main/se_04_icon_01w.png) no-repeat center;}
#section-4 .link .customer .icon:hover .img {background: url(/images/content/main/se_04_icon_02w.png) no-repeat center;}

@media(max-width:1200px){
    #section-4 {padding:80px 0;}
    #section-4 .fs-42{font-size:36px;}
    #section-4 .fs-38{font-size:30px;}
    #section-4 .head{margin-bottom: 60px;}
    #section-4 .news-body .post .subject{font-size:15px;}
}
@media(max-width:768px){
    #section-4 .body {flex-wrap:wrap;}
    #section-4 .body > div {width:100%;}
    #section-4 .body .news {}
    #section-4 .body .link {margin-top:20px;}
    #section-4 .body .link > div {padding:20px 0;}
    #section-4 .body .link > div:last-child {padding-bottom:0;}
}
@media(max-width:425px){
    #section-4 .link .icon {transform:scale(0.6);}
    #section-4 .link .icon img {}
}
@media(max-width:375px){
    #section-4 .link .icon {display:none;}
}

/**/
#section-5 {background:url(/images/content/main/se_05_bg.jpg) repeat center center; background-size:cover;}
#section-5 .wrap {height:100%; display:flex; justify-content: center; align-items: center;}
#section-5 .wrap .box {
    width:100%; background:#fff; border-radius:40px 0 40px 0; padding:80px 80px;
    display:flex; justify-content: space-between;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
}
#section-5 .wrap .box > div {width:50%;}
#section-5 .online{padding: 50px 0;}
#section-5 .online .address {margin:100px 0 30px 0; color: #888;}
#section-5 .form {}
#section-5 .form .table {
    display:flex; justify-content:space-between; align-items: center; flex-wrap: wrap;
    font-family: 'Pretendard' , sans-serif; border-top: 2px solid #ccc;
    margin-bottom: 0.5rem;
}
#section-5 .form .item {
    width:48%; margin-bottom:10px; display:flex; justify-content: space-between; align-items: center;
    border-bottom:1px solid #eee; padding: 15px 0;
}
#section-5 .form .item > div:nth-child(1) {width:100px; color: #666;}
#section-5 .form .item > div:nth-child(1) span{color: #ed4f55;}
#section-5 .form .item > div:nth-child(2) {width:85%; }
#section-5 .form .item > div {}
#section-5 .form .item input {width:100%; border:0;}
#section-5 .form .item.ta {width:100%; flex-direction: column; align-items: flex-start;}
#section-5 .form .item.ta textarea {width:100%; border:0;}
#section-5 .form .item.ta div {width:100%;}
#section-5 .submit {display:flex; justify-content: space-between; align-items: center; color:#999; font-family: 'Pretendard' , sans-serif;}
#section-5 .submit input[type=submit] {
    background:#20b7e5; color:#fff; border-radius:30px; padding:14px 30px; border:0; outline:0;
    font-family: 'Poppins', sans-serif; font-size:14px; line-height: 1;
}

@media(max-width:1200px){
    #section-5 {padding:80px 0;}
    #section-5 .wrap .box {padding:50px 40px;}
    #section-5 .form .item > div:nth-child(1){font-size:15px;}
}
@media(max-width:768px){
    #section-5 .wrap .box {flex-wrap:wrap;}
    #section-5 .wrap .box > div {width:100%;}
    #section-5 .online .address {margin:10px 0 10px 0;}
    #section-5 a.view-more {top:0; right:0; padding:10px 15px 8px 15px; font-size:11px; margin-bottom:20px;}
}
@media(max-width:500px){
    #section-5 .wrap .box {padding:30px 20px;}
    #section-5 .form .item {width:100%;}
}