/* COMMON */
#wrap { width: 100%; text-align: center; background-color: #010d2a;}
.container { margin: 0 auto; padding: 0 200px; width: 100%; max-width: 1680px;  }
#content { padding: 0; }
#content section { height: 100vh; display: flex; justify-content: center; align-items: center; }
.iScrollLoneScrollbar { opacity: 0 !important; }


/* .ns-font {} */

.ani,
.ani2,
.ani3,
.ani4 { opacity: 0; }

section { overflow: hidden; }
section .fp-tableCell { display: flex; justify-content: center; align-items: center; padding-top: 65px; }

/* 노멀라이징 END */


footer.section { display: block !important; height: 177px !important; }
footer.section .fp-tableCell { display: block !important; height: 100% !important; }


/* 탑 메뉴 RNB 메뉴 기본 세팅 & 첫번째 메인 페이지 */

[class^=fp-viewing-page] .rnb-menu-nav { background-color: rgba(255, 255, 255, .0); transition: all .3s ease-in-out; }
[class^=fp-viewing-page] .rnb-menu-nav .r-nav { color: #fff; transition: color .3s ease-in-out; }
[class^=fp-viewing-page] .rnb-menu-nav .r-nav::after {background-color: rgba(255, 255, 255, 0.3); transition: all .3s ease-in-out; }
/*[class^=fp-viewing-page]:not(.fp-viewing-page1) .rnb-menu-nav { background-color: rgba(255, 255, 255, .8); }
[class^=fp-viewing-page]:not(.fp-viewing-page1) .rnb-menu-nav .r-nav { color: #000; }
[class^=fp-viewing-page]:not(.fp-viewing-page1) .rnb-menu-nav .r-nav::after {background-color: #51555c; }*/
[class^=fp-viewing-page] .rnb-menu-nav .r-nav .r-nav-icon::before { opacity: 1; transition: opacity .3s ease-in-out; }
[class^=fp-viewing-page] .rnb-menu-nav .r-nav .r-nav-icon::after { opacity: 0; transition: opacity .3s ease-in-out; }

/* [class^=fp-viewing-6] .rnb-menu-nav {background-color: rgba(0, 0, 0, .1);} */
[class^=fp-viewing-5] .rnb-menu-nav .r-nav {color: #fff;}
[class^=fp-viewing-5] .rnb-menu-nav .r-nav .r-nav-icon::before { opacity: 1; transition: opacity .3s ease-in-out; }
[class^=fp-viewing-5] .rnb-menu-nav .r-nav .r-nav-icon::after { opacity: 0; transition: opacity .3s ease-in-out; }

/* [class^=fp-viewing-page] .rnb-menu-nav .r-nav .r-nav-icon.ico06::before { opacity: 1; transition: opacity .3s ease-in-out; }
[class^=fp-viewing-page] .rnb-menu-nav .r-nav .r-nav-icon.ico06::after { opacity: 0; transition: opacity .3s ease-in-out; } */

/*[class^=fp-viewing-page]:not(.fp-viewing-page1) .rnb-menu-nav .r-nav .r-nav-icon::before { opacity: 0; }
[class^=fp-viewing-page]:not(.fp-viewing-page1) .rnb-menu-nav .r-nav .r-nav-icon::after { opacity: 1; }*/





/* page-nav */
.page-count-nav { position: fixed; width: 10px; top: 50%; left: 50px; transform: translateY(-50%); transition: all .2s ease-in-out; z-index: 99; }
.page-count-nav div { width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; margin-bottom: 23px; }
.page-count-nav div.on { background-color: #fff; }
.page-count-nav.black div { border: 1px solid #333; }
.page-count-nav.black div.on { background-color: #333; }

/* 마우스 스크롤 */
.mouse-scroll-wrap { position: absolute; left: 0; bottom: 50px; width: 100%; height: 40px; z-index: 99; }
.mouse-scroll-wrap img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); animation: mouse .8s linear 0s infinite alternate both; }
.mouse-scroll-wrap img.b { opacity: 0; }
.mouse-scroll-wrap span { display: inline-block; padding-top: 50px; font-size: 14px; color: #fff; }
.mouse-scroll-wrap.black img.b { opacity: 1; }

@keyframes mouse {
    0% { top: 0px; }
    100% { top: -10px }
}

/* 색션 공통 */
/* 카테고리 제목 */
.sk-section .categ-tit-wrap { position: relative; width: 100%; padding-bottom: 130px; text-align: center; }
.sk-section .categ-tit-wrap::after { content: ""; position: absolute; bottom: 50px; left: 50%; width: 58px; height: 3px; transform: translateX(-50%); background-color: #fff; }
.sk-section .categ-tit-wrap .categ-tit { position: relative; width: 100%; font-size: 45px; font-weight: 500; line-height: 1.3; letter-spacing: -.8px; color: #fff; }
.sk-section .categ-tit-wrap .categ-tit:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; font-size: 250px; color: #fff; font-weight: 700; opacity: .05; white-space: nowrap; letter-spacing: -9px; transform: translate(-50%, -50%) }
/* 콘텐츠 박스 flex 영역 */
.sk-section .categ-cont-wrap { display: flex; width: 100%; max-width: 1280px; margin: 0 auto; }

/* #섹션01 */
#sk-section01 {position: relative; width: 100%; }
#sk-section01 {height: 1080px;}
#sk-section01 video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#sk-section01 .box-txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); z-index: 1; }
#sk-section01 .main-slogan-wrap { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; z-index: 1; }
#sk-section01 .main-slogan-wrap .main-tit { display: block; margin-bottom: 50px; font-size: 57.77px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; color: #fff;  }
#sk-section01 .main-slogan-wrap .main-tit span { display: block; font-size: 86.65px; font-weight: 900; letter-spacing: 0; color: #fff;  }
#sk-section01 .main-slogan-wrap .main-sub-tit { display: block; font-size: 54px; font-weight: 400; letter-spacing: -1px; color: #fff; }
#sk-section01 .swiper-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#sk-section01 .swiper-slide { position: relative; overflow: hidden; }

#sk-section01 .swiper-slide .box-img { width: 100%; height: 100%; background-position: center; background-size: cover; transition: transform 10s ease-out; }
#sk-section01 .swiper-slide .box-img .box-obj { width: 100%; height: 100%; }
#sk-section01 .swiper-slide .box-img .box-obj .obj { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; opacity: 0; }

#sk-section01 .swiper-slide .box-img .box-obj .obj.light { animation: light-1 1s .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-iteration-count: infinite; }
#sk-section01 .swiper-slide .box-img .box-obj .obj.dna { animation: dna-1 5s .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-timing-function: ease-out; }
#sk-section01 .swiper-slide .box-img .box-obj .obj.eye1.a1 { animation: eye-1 1s .2s; animation-fill-mode: forwards; }
#sk-section01 .swiper-slide .box-img .box-obj .obj.eye2.a1 { animation: eye-2 1s .5s; animation-fill-mode: forwards; }
#sk-section01 .swiper-slide .box-img .box-obj .obj.eye3.a1 { animation: eye-3 1s .9s; animation-fill-mode: forwards; }
#sk-section01 .swiper-slide .box-img .box-obj .obj.eye4.a1 { animation: eye-4 1s .7s; animation-fill-mode: forwards; }
#sk-section01 .swiper-slide .box-img .box-obj .obj.eye5.a1 { animation: eye-5 1s .8s; animation-fill-mode: forwards; }
#sk-section01 .swiper-slide .box-img .box-obj .obj.eye6.a1 { animation: eye-6 1s .5s; animation-fill-mode: forwards; }

#sk-section01 .swiper-slide .box-img .box-obj .obj.a2 { animation: updown 2s; animation-fill-mode: forwards; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
#sk-section01 .swiper-slide .box-img .box-obj .obj.eye2.a2 { animation: updown2 2.5s; animation-fill-mode: forwards; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
#sk-section01 .swiper-slide .box-img .box-obj .obj.eye5.a2 { animation: updown2 2s; animation-fill-mode: forwards; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

/* #sk-section01 .swiper-slide .box-img .box-obj .obj1 { top: 50%; left: 50%; animation: rotate 20s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: linear; background-position: left top; background-size: cover; opacity: .6; transform-origin: 15.6% 26.5%; transform: scale(1.2) translate(-12%, -19%) rotate(0deg); } */
#sk-section01 .swiper-slide .box-img .box-obj .obj1 { top: 0%; left: 0%; width: calc(100% / 3); animation: rotate 20s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: linear; background-position: center; background-size: 100%; opacity: .6; transform: translate(-50%, -50%) rotate(0deg); }
#sk-section01 .swiper-slide .box-img .box-obj .obj2 { animation: light-1 1s .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-iteration-count: infinite; }
#sk-section01 .swiper-slide .box-img .box-obj .obj3 { animation: updown 4s .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
#sk-section01 .swiper-slide .box-img .box-obj .obj4 { top: 50%; left: 50%; max-width: calc(100% / 1.5); max-height: calc(100% * 1.5);  transform: translate(-50%, -50%) scale(2) rotate(0); animation: rotate2 60s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: linear; }
#sk-section01 .swiper-slide .box-img .box-obj .obj5 { animation: updown3 4s .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
#sk-section01 .swiper-slide .box-img .box-obj .obj6 { animation: updown2 4s .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

#sk-section01 .swiper-slide.swiper-slide-active .box-img { transform: scale(1.1); }


/* #sk-section01 .swiper-slide img { position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%); transition: transform 10s ease-out; }
#sk-section01 .swiper-slide > img { width: 1920px; }
#sk-section01 .swiper-slide .box-obj { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#sk-section01 .swiper-slide .box-obj .obj { position: absolute; }
#sk-section01 .swiper-slide .box-obj .obj.light { top: 0%; left: 0%; }
#sk-section01 .swiper-slide .box-obj .obj.dna { top: 0%; left: 0%; }
#sk-section01 .swiper-slide .box-obj .obj.eye1 { top: 0%; left: 0%; }
#sk-section01 .swiper-slide .box-obj .obj.eye2 { top: 0%; left: 0%; }
#sk-section01 .swiper-slide .box-obj .obj.eye3 { top: 0%; left: 0%; }
#sk-section01 .swiper-slide .box-obj .obj.eye4 { top: 0%; left: 0%; }
#sk-section01 .swiper-slide .box-obj .obj.eye5 { top: 0%; left: 0%; }
#sk-section01 .swiper-slide .box-obj .obj.eye6 { top: 0%; left: 0%; }
#sk-section01 .swiper-slide.swiper-slide-active img { transform: scale(1.1) translate(-50%, -50%); } */

@keyframes rotate {
    from {
        transform: translate(-40%, -40%) rotate(0deg);
    }
    
    to {
        transform: translate(-40%, -40%) rotate(360deg);
    }
}

@keyframes rotate2 {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2) rotate(0deg);
    }
    5% {
        opacity: 1;
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(2) rotate(360deg);
    }
}

@keyframes light-1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes updown {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(-4%, 4%, 0);
    }
}

@keyframes updown2 {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(-3%, 5%, 0);
    }
}

@keyframes updown3 {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(3%, -5%, 0);
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* #섹션02 */
#sk-section02 {position: relative; width: 100%; }
#sk-section02 .deco { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/images/main/sk-main-bg-deco-01.png); background-position: left top; background-size: auto 100%; transition: all 10s ease-out;  }
#sk-section02 .deco.zoom { transform: scale(1.3); }
#sk-section02 .container2 { position: relative; padding: 0; width: 100%; }
/* #sk-section02 .categ-tit-wrap .categ-tit:after { content: "OUR SCIENCE & TECHNOLOGY"; } */
#sk-section02 .categ-cont-wrap { justify-content: space-between; }
#sk-section02 .categ-cont-wrap .sec2-img-box { position: relative; width: 33.33%; max-width: 420px; text-align: center; overflow: hidden; }
#sk-section02 .categ-cont-wrap .sec2-img-box > a { display: block; width: 100%; }
#sk-section02 .categ-cont-wrap .sec2-img-box .box-img { overflow: hidden; }
#sk-section02 .categ-cont-wrap .sec2-img-box img { display: block; width: 100%; transform: scale(1); transition: all 7s ease-out; }
#sk-section02 .categ-cont-wrap .sec2-img-box img:hover { transform: scale(1.15); }
#sk-section02 .categ-cont-wrap .sec2-img-box .box-video { position: relative; }
#sk-section02 .categ-cont-wrap .sec2-img-box strong { position: absolute; display: block; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); font-size: 40px; font-weight: 500; line-height: 1; letter-spacing: -1px; color: #fff; }
#sk-section02 .categ-cont-wrap .sec2-img-box p { margin: 0; padding-top: 40px; font-size: 16px; line-height: 1.5; color: #fff; }
#sk-section02 .categ-cont-wrap .sec2-img-box span { display: block; font-size: 16px; color: #fff; line-height: 1.6; }

/* #섹션03 */
#sk-section03 { position: relative; width: 100%; }
#sk-section03 .deco { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-image: url(/images/main/sk-main-bg-deco-02.png); background-position: right top; background-size: auto; }
/* #sk-section03 .fp-tableCell { display: block; } */
#sk-section03 .fp-scrollable { width: 100%; }
#sk-section03 .container { position: relative; margin: 0; padding: 0 90px; max-width: 1900px; height: auto; }
#sk-section03 .categ-tit-wrap { padding-bottom: 100px; }
#sk-section03 .n-slider-wrap { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; }
#sk-section03 .n-slider-wrap .swiper-container { z-index: 3; }
#sk-section03 .n-slider-wrap .n-slider { height: 380px; }
#sk-section03 .n-slider-wrap .n-slider .item { position: relative; background-position: center; background-size: cover; }
#sk-section03 .n-slider-wrap .n-slider .item > img { display: none; width: 100%; max-width: 1280px; }
#sk-section03 .n-slider-wrap .n-slider .item .box-img { position: absolute; top: 0; left: 0; width: calc(100% - 457px); height: 100%; background-position: center; background-size: cover; }
#sk-section03 .n-slider-wrap .n-slider .item .box-img img { display: none; width: 100%; max-width: 1280px; }
#sk-section03 .n-slider-wrap .n-slider .txt-more-box { display: flex; align-items: flex-end; position: absolute; top: 0; right: 0; width: 457px; height: 100%; background-color: #343332; }
#sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt { position: relative; padding: 0 40px 65px; width: 100%; text-align: left; }
#sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt em { display: block; margin-bottom: 35px; font-size: 18.5px; color: #FF7A00; font-style: normal; }
#sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt strong { display: block; font-size: 22px; color: #fff; font-weight: 500; }
#sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt p { margin-top: 25px; font-size: 16px; color: #fff; font-weight: 300; opacity: .8; }
#sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt a.more { position: absolute; top: 0; right: 40px; font-size: 13px; color: #fff; font-weight: 300; }
#sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt a.more i { display: inline-block; position: relative; top: -3px; margin-left: 10px; width: 15px; height: 1px; background-color: #fff; }
#sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt a.more i:after { content: ""; display: block; position: absolute; top: -2px; right: 0; width: 6px; height: 1px; background-color: #fff; transform: rotate(45deg); }
#sk-section03 .categ-cont-wrap { position: relative; padding: 10px 0 20px; }
#sk-section03 .categ-cont-wrap .swiper-container { position: relative; z-index: 1; overflow: hidden !important; }
#sk-section03 .categ-cont-wrap ul { display: flex; width: 100%; }
#sk-section03 .categ-cont-wrap ul li { display: flex; align-items: stretch; width: 635px; min-height: 200px; background-color: #343332; }
/* #sk-section03 .categ-cont-wrap ul li + li { margin-left: 10px; } */
#sk-section03 .categ-cont-wrap ul li .box-img { flex: 1; width: 100%; max-width: 300px; background-position: center; background-size: cover; background-color: #fff; }
#sk-section03 .categ-cont-wrap ul li .box-img img { display: none; width: 100%; }
#sk-section03 .categ-cont-wrap ul li .box-txt { flex: 1; padding: 15px 15px; text-align: left; }
#sk-section03 .categ-cont-wrap ul li .box-txt em { display: block; margin-bottom: 15px; font-size: 14px; color: #fff; font-weight: 300; font-style: normal; }
#sk-section03 .categ-cont-wrap ul li .box-txt strong { font-size: 16px; color: #fff; font-weight: 400; }
#sk-section03 .categ-cont-wrap ul li .box-txt p { margin-top: 10px; min-height: 42px; font-size: 14px; color: #fff; font-weight: 200; }
#sk-section03 .categ-cont-wrap ul li .box-txt a.btn { display: flex; justify-content: center; align-items: center; margin-top: 10px; width: 130px; height: 30px; background-color: #e5012d; font-size: 12px; color: #fff; font-weight: 500; }
#sk-section03 .categ-cont-wrap .slider-nav { position: absolute; width: 100%; max-width: 1280px; height: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#sk-section03 .categ-cont-wrap .slider-nav .arrow { position: absolute; width: 50px; height: 50px; }
#sk-section03 .categ-cont-wrap .slider-nav .arrow#a-left { background: url(/images/draft/b-arrow-left.png) no-repeat; left: -70px; }
#sk-section03 .categ-cont-wrap .slider-nav .arrow#a-right { background: url(/images/draft/b-arrow-right.png) no-repeat; right: -70px; }


#sk-section03 .categ-cont-wrap + .categ-cont-wrap { margin-bottom: 100px; }

#sk-section03 .wn_tab { margin: 0 auto 40px; width: 100%; max-width: 1270px; height: 65px; }
#sk-section03 .wn_tab ul { display: flex; width: 100%; height: 100%; }
#sk-section03 .wn_tab ul li { width: 100%; height: 100%; border: 1px solid #b7b7b7; }
#sk-section03 .wn_tab ul li.on { border-color: #ea002c; background-color: #ea002c; }
#sk-section03 .wn_tab ul li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 22px; color: #b7b7b7; }
#sk-section03 .wn_tab ul li.on a { color: #fff; }

/* #섹션04 */
#sk-section04 { position: relative; width: 100%;  }
#sk-section04 .deco { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/images/main/sk-main-bg-deco-03.png); background-position: left bottom;  }
#sk-section04 .deco { animation: updown2 4s .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
#sk-section04 .deco2 { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-image: url(/images/main/sk-main-bg-deco-04.png); background-position: right top;  }
#sk-section04 .deco2 { animation: updown3 4s .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
#sk-section04 .fp-tableCell { display: flex; align-items: center; width: auto; }
#sk-section04 .container { position: relative; padding: 0; height: auto; }
/* #sk-section04 .categ-tit-wrap .categ-tit:after { content: "OUR PRODUCTS"; } */
#sk-section04 .product-con-wrap { position: relative; display: flex; width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 40px;}
#sk-section04 .pc-tab-nav { display: flex; margin-bottom: 30px; width: 370px; height: 40px; font-size: 25px; text-align: center; justify-content: space-between; z-index: 1; }
#sk-section04 .pc-tab-nav .tab-btn { width: 180px; }
#sk-section04 .pc-tab-nav .tab-btn a { display: block; width: 100%; height: 40px; border: 1px solid #c0c0c0; font-size: 19px; color: #b7b7b7; line-height: 38px;}
#sk-section04 .pc-tab-nav .tab-btn:first-child {  }
#sk-section04 .pc-tab-nav .tab-btn:hover a,
#sk-section04 .pc-tab-nav .tab-btn:focus a,
#sk-section04 .pc-tab-nav .tab-btn:active a,
#sk-section04 .pc-tab-nav .tab-btn.active a,
#sk-section04 .pc-tab-nav .tab-btn.on a { border: 1px solid #ea002c; background-color: #ea002c; color: #fff; }
#sk-section04 .product-con-wrap .pr-cont-box { display: flex; }
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box { padding-top: 80px; max-width: 652px; min-width: 410px; min-height: 562px; text-align: left; }
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .pr-categ { display: block; font-size: 20px; font-weight: 500; color: #FF7A00; padding-bottom: 30px; }
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .pr-tit { display: block; padding-bottom: 20px; font-size: 50px; font-weight: 600; color: #fffefe; letter-spacing: -2px;  }
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box p { font-size: 20px; color: #fffefe; line-height: 1.5;  }
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box p span { display: block; font-weight: 200; line-height: 1.4; }
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box p.color-orange { position: relative; display: inline-block; font-size: 20px; color: #C13B01; padding-top: 10px;  } 
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box p.color-orange::after { content: ""; position: absolute; bottom: 4px; left: 0; width: 100%; height: 1px; background-color: #C13B01;  }
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box p.color-orange > span { display: inline-block; font-weight: 500;  }
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .more-btn { margin-top: 70px; width: 220px;}
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .more-btn a { position: relative; display: block; padding: 0 28px; width: 100%; height: 50px; border: 1px solid #888e9c; font-size: 18px; font-weight: 200; line-height: 50px; color: #fffefe;  }
#sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .more-btn a span { content: ""; position: absolute; top: 50%; right: 28px;  width: 34px; height: 13px; transform: translateY(-50%); background: url(/images/draft/pr-more-ico.png) no-repeat; }
#sk-section04 .product-con-wrap .pr-cont-box .pr-img-box { width: 100%; max-width: 610px; }
#sk-section04 .product-con-wrap .pr-cont-box .pr-img-box img { display: block; width: 100%; }
#sk-section04 .product-nav-wrap {  width: 100%; max-width: 1280px; margin: 0 auto; }
#sk-section04 .product-nav-wrap ul { width: 100%; display: flex; justify-content: space-between; }
#sk-section04 .product-nav-wrap ul li { width: 25%; height: 40px; border: 1px solid #d2d2d2; font-size: 16px; color: #b7b7b7; text-align: center; line-height: 38px; letter-spacing: -2px;  box-sizing: border-box; cursor: pointer; }
#sk-section04 .product-nav-wrap ul li  ~ li { margin-left: 15px; }
#sk-section04 .product-nav-wrap ul li:hover,
#sk-section04 .product-nav-wrap ul li:focus,
#sk-section04 .product-nav-wrap ul li:active,
#sk-section04 .product-nav-wrap ul li.active,
#sk-section04 .product-nav-wrap ul li.on { border: 1px solid #393939; background-color: #393939; color: #fff; }

#sk-section04 .fp-tableCell {width: 100%; max-width: 1280px;}
#sk-section04 .product-con-wrap .pr-cont-box { width: 100%; align-items: center; justify-content: space-between;}
#sk-section04 .product-con-wrap .pr-cont-box .pr-img-box.wid {max-width: 488px;}
#sk-section04 .product-con-wrap .pr-cont-box .pr-img-box.wid2 {max-width: 560px;}

/*@media screen and (max-width: 1000px) {
  header, .page-count-nav, #content {display:none;}
}*/

@media (max-width: 1549px) {
    #sk-section04 .product-nav-wrap ul { flex-wrap: wrap; }
    #sk-section04 .product-nav-wrap ul li { margin-bottom: 10px; width: calc(50% - 14px); }
    #sk-section04 .product-nav-wrap ul li ~ li { margin-left: 0; }

	#sk-section01 .swiper-slide .box-img .box-obj .obj4 { max-width: calc(100% * 1.5); max-height: calc(100% * 1.5); background-size:contain;}
}

@media (max-width: 1330px) {
    #sk-section04 .container { padding: 0 20px; }

    #sk-section01 .main-slogan-wrap .main-tit { font-size: 45px; }
    #sk-section01 .main-slogan-wrap .main-tit span { font-size: 74px; }
    #sk-section01 .main-slogan-wrap .main-sub-tit { font-size: 32px; }

    #sk-section02 .categ-cont-wrap .sec2-img-box video { width: 320px; height: 320px; }
    #sk-section02 .categ-cont-wrap .sec2-img-box strong { font-size: 30px; }
    #sk-section03 .n-slider-wrap .n-slider .txt-more-box { width: 350px; }

	#sk-section03 .n-slider-wrap .n-slider .item .box-img { width: calc(100% - 350px) }
}
@media(max-width: 1100px){
    #sk-section02 .categ-cont-wrap .sec2-img-box p { padding: 40px 10px 0; }
    #sk-section02 .categ-cont-wrap .sec2-img-box span  { display: inline; }
}
@media (max-width: 1023px) {

	footer.section { height: auto !important; }
    #content section { padding: 80px 0; height: auto; }

    .sk-section .categ-tit-wrap .categ-tit { font-size: 32px; }

    #content section#sk-section01 { height: 100vh; }
 
    #sk-section01 .main-slogan-wrap .main-tit { font-size: 33px; }
    #sk-section01 .main-slogan-wrap .main-tit span { font-size: 62px; }
    #sk-section01 .main-slogan-wrap .main-sub-tit { font-size: 20px; }

    #sk-section02 .categ-cont-wrap { flex-direction: column; }
    #sk-section02 .categ-cont-wrap .sec2-img-box { display: flex; margin-top: 20px; width: 100%; max-width: 100%; }
    #sk-section02 .categ-cont-wrap .sec2-img-box:nth-child(2) { flex-direction: row-reverse; }
    #sk-section02 .categ-cont-wrap .sec2-img-box .box-txt { display: flex; justify-content: center; align-items: center; padding: 20px; text-align: left; }
    #sk-section02 .categ-cont-wrap .sec2-img-box:nth-child(2) .box-txt { text-align: right; }
    #sk-section02 .categ-cont-wrap .sec2-img-box p { padding: 0; }
    #sk-section02 .categ-cont-wrap .sec2-img-box .box-txt p span { display: inline; }
    #sk-section02 .categ-cont-wrap .sec2-img-box strong { font-size: 24px; }

    #sk-section03 .container { padding: 0 100px; }
    #sk-section03 .n-slider-wrap .n-slider { height: auto; }
    #sk-section03 .n-slider-wrap .n-slider .item { background: none !important; }
    #sk-section03 .n-slider-wrap .n-slider .item .box-img { position: relative; width: 100%; height: auto; background: none !important; }
    #sk-section03 .n-slider-wrap .n-slider .item > img { display: block; }
	#sk-section03 .n-slider-wrap .n-slider .item .box-img img { display: block; }
    #sk-section03 .n-slider-wrap .n-slider .txt-more-box { position: relative; top: auto; right: auto; width: 100%; height: auto; }
    #sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt { padding: 20px; }
    #sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt a.more { top: 22px; }
    #sk-section03 .categ-cont-wrap { margin-top: 30px; border: none; }
    /* #sk-section03 .categ-cont-wrap ul { flex-direction: column; } */
    #sk-section03 .categ-cont-wrap ul li { flex-direction: column; width: 100%; height: auto; }
    #sk-section03 .categ-cont-wrap ul li + li { margin-top: 20px; margin-left: 0; }
    #sk-section03 .categ-cont-wrap ul li .box-img { flex: none; width: 100%; max-width: 100%; }
    #sk-section03 .categ-cont-wrap ul li .box-img img { display: block; }
    #sk-section03 .categ-cont-wrap ul li .box-txt { flex: none; position: relative; padding: 20px 20px 60px; width: 100%; }
    #sk-section03 .categ-cont-wrap ul li .box-txt a.btn { position: absolute; bottom: 20px; right: 20px; }
    /* #sk-section03 .categ-cont-wrap ul li:nth-child(even) { flex-direction: row-reverse; } */
    /* #sk-section03 .categ-cont-wrap ul li:nth-child(even) .box-txt a.btn { right: auto; left: 20px; } */

	#sk-section03 .wn_tab { height: 50px; }
    #sk-section03 .wn_tab ul li a { font-size: 18px; }

    #sk-section04 .product-con-wrap .pc-tab-nav { width: 100%; justify-content: center; font-size: 20px; }
    #sk-section04 .product-con-wrap .pc-tab-nav .tab-btn { width: 50%; max-width: 180px; }
    #sk-section04 .product-con-wrap .pc-tab-nav .tab-btn + .tab-btn { margin-left: 10px; }
    #sk-section04 .product-con-wrap .pr-cont-box { flex-direction: column-reverse; /*padding-top: 80px;*/ width: 100%; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-img-box { margin: 0 auto; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box { margin-top: 30px; padding-top: 0; min-height: auto; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .pr-tit { font-size: 38px; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box p { font-size: 18px; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box p.color-orange { font-size: 18px; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .pr-categ { font-size: 18px; }

    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .more-btn a { font-size: 16px; }
    #sk-section04 .product-nav-wrap ul li { font-size: 18px; }

    .page-count-nav { display: none; }
}

@media (max-width: 767px) {
    #sk-section01 .main-slogan-wrap .main-tit { font-size: 26px; }
    #sk-section01 .main-slogan-wrap .main-tit span { font-size: 48px; }

    #sk-section02 .container2 { padding: 0 20px; }
    #sk-section02 .categ-cont-wrap .sec2-img-box { flex-direction: column; }
    #sk-section02 .categ-cont-wrap .sec2-img-box:nth-child(2) { flex-direction: column; }
    #sk-section02 .categ-cont-wrap .sec2-img-box .box-txt { text-align: center; }
    #sk-section02 .categ-cont-wrap .sec2-img-box:nth-child(2) .box-txt { text-align: center; }
    #sk-section02 .categ-cont-wrap .sec2-img-box video { width: 100%; max-width: 320px; }

    #sk-section03 .container { padding: 0 20px; }
    #sk-section03 .n-slider-wrap .slider-nav { position: relative; top: auto; left: auto; margin-top: 20px; transform: translate(0); }
    #sk-section03 .n-slider-wrap .slider-nav .arrow { display: inline-block; position: relative; }
    #sk-section03 .n-slider-wrap .slider-nav .arrow#a-left { left: auto; }
    #sk-section03 .n-slider-wrap .slider-nav .arrow#a-right { right: auto; }
    #sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt strong { font-size: 18px; }
    #sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt em { margin-bottom: 15px; }
    #sk-section03 .n-slider-wrap .n-slider .txt-more-box .box-txt p { margin-top: 12px; }

    #sk-section04 .container { padding: 0 20px; }
    #sk-section04 .product-con-wrap { padding-bottom: 50px; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box { min-width: 100%; min-height: auto; padding-top: 0; text-align: center; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .pr-tit { font-size: 30px; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box p { font-size: 16px; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .more-btn { margin: 30px auto 0; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box .more-btn a { text-align: left; }
    #sk-section04 .product-nav-wrap ul li { width: 100%; }
    #sk-section04 .product-con-wrap .pr-cont-box .pr-txt-box p.color-orange::after { display: none; }
    
}

@media (max-width: 550px) {
    #sk-section01 .main-slogan-wrap .main-tit { font-size: 22px; }
    #sk-section01 .main-slogan-wrap .main-tit span { font-size: 36px; }

	#sk-section01 .swiper-slide .box-img .box-obj .obj4 { max-width: calc(100% * 3.5); max-height: calc(100% * 3.5); background-size:contain;}

    #sk-section03 .categ-cont-wrap ul li { flex-direction: column; }
    #sk-section03 .categ-cont-wrap ul li:nth-child(even) { flex-direction: column; }
    #sk-section03 .categ-cont-wrap ul li .box-img { max-width: 100%; background: none; }
    #sk-section03 .categ-cont-wrap ul li .box-img img { display: block }
    #sk-section03 .categ-cont-wrap ul li:nth-child(even) .box-txt a.btn { left: auto; right: 20px; }
}

/* #섹션05 */
#sk-section05 { background-image: url(/images/main/sec5-bg.jpg); background-size: cover; background-position: center; }
#sk-section05 .container { position: relative; margin: 0; padding: 0 90px; max-width: 1900px; height: auto; }
#sk-section05 .cart-con-wrap { display: flex; justify-content: space-between; margin: 0 auto; padding: 80px 90px; max-width: 1280px; background-color: #020f2c; }
#sk-section05 .cart-con-wrap .box-left { flex: 1; margin-right: 20px; width: 100%; max-width: 660px; overflow: hidden; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont { display: flex; justify-content: space-between; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont strong { font-size: 80px; font-weight: 500; color: #ff7a00; line-height: 1; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont span { font-size: 14px; color: #fff; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc { display: flex; flex-direction: column; justify-content: center;  }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc p { display: flex; justify-content: space-between; position: relative; text-align: justify; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc p + p { margin-top: 7px; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc p span + span { margin-left: 10px; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc span {  font-size: 16px; font-weight: 500; color: #fff; opacity: .5; }

/*
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc.pos p span { color: #ff4545; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc.neg p span { color: #29adeb; }
*/
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc p:first-child:before { font-size: 10px; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc.pos p:first-child:before { content: "▲"; position: absolute; top: 0px; left: -15px; color: #ff4545; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc.neg p:first-child:before { content: "▼"; position: absolute; top: 0px; left: -15px; color: #29adeb; }
#sk-section05 .cart-con-wrap .box-left .box-cart { margin-top: 25px; width: 100%; height: 320px; }

#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc.neg span {  font-size: 22px; font-weight: 500; color: #4482BA; opacity: .8; }
#sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc.pos span {  font-size: 22px; font-weight: 500; color: #ff4545; opacity: .88; }

#sk-section05 .cart-con-wrap .box-right { padding: 113px 0 15px; width: 370px; }
#sk-section05 .cart-con-wrap .box-right .box-btns { }
#sk-section05 .cart-con-wrap .box-right .box-btns ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#sk-section05 .cart-con-wrap .box-right .box-btns ul li { margin-bottom: 10px; width: calc(50% - 5px); max-width: 180px; height: 248px; }
#sk-section05 .cart-con-wrap .box-right .box-btns ul li a { display: flex; flex-direction: column; justify-content: center; align-items: center;; height: 100%; background-color: #02091a; }
#sk-section05 .cart-con-wrap .box-right .box-btns ul li a img { margin-bottom: 22px; }
#sk-section05 .cart-con-wrap .box-right .box-btns ul li a p {  font-size: 18px; color: #fff; }
/* rect {
    stroke-dasharray: 10 5;
  } */
 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #sk-section05 .cart-con-wrap .box-left { max-width: 100%; overflow: hidden; }
}

@media (max-width: 1250px) {
    #sk-section05 .cart-con-wrap { padding: 70px; }
    #sk-section05 .cart-con-wrap .box-left .box-cart-cont strong { font-size: 50px; }
    #sk-section05 .cart-con-wrap .box-left .box-cart-cont span { font-size: 12px; }
    #sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc span { font-size: 14px; }
    #sk-section05 .cart-con-wrap .box-right { padding: 84px 0 15px; width: 310px; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li { margin-bottom: 10px; width: calc(50% - 5px); max-width: 150px; height: 195px; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li a img { width: 60px; }
}

@media (max-width: 1024px) {
    #sk-section05 .container { padding: 0 50px; }
    #sk-section05 .cart-con-wrap { flex-direction: column; padding: 60px 70px; }
    #sk-section05 .cart-con-wrap .box-left { margin-right: 0; max-width: 100%; }
    #sk-section05 .cart-con-wrap .box-right { padding: 0; margin-top: 20px; width: 100%; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul { flex-wrap: nowrap; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li { margin-bottom: 0; width: 100%; max-width: 100%; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li + li { margin-left: 10px; }
}

@media (max-width: 768px) {
    #sk-section05 .cart-con-wrap { padding: 60px; }
    #sk-section05 .cart-con-wrap .box-left .box-cart { margin-top: 10px; }
    #sk-section05 .cart-con-wrap .box-left .box-cart-cont strong { font-size: 40px; }
    #sk-section05 .cart-con-wrap .box-left .box-cart-cont span { font-size: 13px; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li { height: 140px; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li a img { margin-bottom: 14px; width: 40px; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li a p { font-size: 15px; }
}

@media (max-width: 650px) {
    #sk-section05 .cart-con-wrap .box-left .box-cart-cont span { font-size: 10px; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul { flex-wrap: wrap; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li { width: calc(50% - 5px); }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li:nth-child(even) { margin-left: 10px; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li:nth-child(n+3) { margin-top: 10px; }
    #sk-section05 .cart-con-wrap .box-right .box-btns ul li + li { margin-left: 0px; }

}

@media (max-width: 650px) {
    #sk-section05 .container { padding: 0 20px; }
    #sk-section05 .cart-con-wrap { padding: 30px; }
}

@media (max-width: 480px) {
    #sk-section05 .container { padding: 0 10px; }
    #sk-section05 .cart-con-wrap { padding: 10px; }
    #sk-section05 .cart-con-wrap .box-left .box-cart-cont strong { font-size: 30px; }
    #sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc span { font-size: 14px; }
    #sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc p + p { margin-top: 2px; }
    #sk-section05 .cart-con-wrap .box-left .box-cart-cont .box-cart-subc.pos p:first-child:before { top: -1px; }
}