@charset "utf-8";

@font-face {
	font-family: 'NeueHaasDisplay';
	font-weight: 400;
	src: url(../fonts/NeueHaasDisplayRoman.ttf) format('truetype');
}
@font-face {
	font-family: 'NeueHaasDisplay';
	font-weight: 600;
	src: url(../fonts/NeueHaasDisplayBold.ttf) format('truetype');
}
@font-face {
	font-family: 'NeueHaasDisplay';
	font-weight: 800;
	src: url(../fonts/NeueHaasDisplayBold.ttf) format('truetype');
}

/* Floating Menu */
.fm_lyr {display:none; position:fixed; top:50%; right:69px; margin-top:-240px; z-index:100;}
.fm_lyr ul {margin:0; padding:0; list-style:none;}
.fm_lyr ul li {margin:10px 0;}
.fm_lyr .fm {display:block; width:6px; height:6px; padding:4px; border:4px solid transparent; border-radius:15px;}
.fm_lyr .fm span {display:block; width:6px; height:6px; border-radius:3px; background-color:rgba(0, 0, 0, 0.25); overflow:hidden; text-indent:-9999px;}
.fm_lyr .on .fm {border-color:rgba(0, 0, 0, 0.25);}
.fm_lyr .on .fm span {background-color:rgba(0, 0, 0, 0.5);}

@media all and (min-width:1280px) {
    .fm_lyr {display:block;}
}

/* Popup */
.notice_popup {position:absolute; top:110px; left:50%; width:90%; max-width:400px; transform:translateX(-50%); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); z-index:110;}
.notice_popup .pop_top {display:none;}
.notice_popup .pop_cont img {width:100%; vertical-align:top;}
.notice_popup .pop_btm {height:40px; line-height:40px; padding:0 20px; background-color:#eee; font-size:16px; text-align:right;}
.notice_popup .pop_btm a {color:#444; text-decoration:none;}
.notice_popup .pop_btm a:hover {text-decoration:underline;}
.notice_popup .pop_btm .btn_close {margin-left:20px;}

/* Main Visual */
#section1 {position:relative;}
.main_visual {position:relative; overflow:hidden;}
.main_visual .main_slider {color:#fff;}
.main_visual .slick-slide {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; height:100svh; min-height:700px; background-repeat:no-repeat; background-position:50% 0; background-size:cover; transition:all ease-in-out 0.3s; opacity:0.2;}
.main_vmain_productisual .slick-slide img {display:none;}
.main_visual .slick-slide .headline {max-width:1460px; margin:0 auto; padding:150px 20px 0; box-sizing:border-box;}
.main_visual .slick-slide .headline .tit {line-height:1.3; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);}
.main_visual .slick-slide .headline .tit h2 {font-size:32px;}
.main_visual .slick-slide .headline .desc {margin-top:20px; font-size:18px; line-height:1.4; text-shadow:0 2px 3px rgba(0, 0, 0, 0.3);}
.main_visual .slick-slide .headline .link {margin-top:54px;}
.main_visual .slick-slide .headline .link a {display:inline-block; position:relative; width:110px; height:38px; line-height:36px; border:1px solid #fff; border-radius:20px; overflow:hidden; font-size:18px; font-weight:400; color:#fff; text-align:center; text-decoration:none; vertical-align:top;}
.main_visual .slick-slide .headline .link a span {display:block; position:relative; z-index:2;}
.main_visual .slick-slide .headline .link a::before {content:""; position:absolute; top:50%; left:50%; width:100%; height:0; background:#fff; transform:translate(-50%,-50%) rotate(-45deg); z-index:1; transition:all 0.6s ease;}
.main_visual .slick-slide .headline .link a:hover {color:#000;}
.main_visual .slick-slide .headline .link a:hover::before {height:380%;}
.main_visual .slick-slide .more a {display:inline-block; position:relative; padding:12px 70px 12px 30px; font-size:14px; color:#fff; border-radius:25px; background:url(../img/recruit_arr.png)no-repeat 80% 50%; background-color:rgba(255,255,255,0.1); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:0.2s ease-in-out; overflow:hidden; vertical-align:top;}
.main_visual .slick-slide .more a:hover {background-position:85% 50%; background-color:#0078ff;}
.main_visual .slick-slide .video_bg {display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.main_visual .slick-slide .video_bg video {height:100%; vertical-align:top;}
.main_visual .slick-slide.item1 {background-image:url(../img/main_visual1.jpg); background-position:90% 100%;}
.main_visual .slick-slide.item2 {background-image:url(../img/main_visual2.jpg); background-position:15% 100%;}
.main_visual .slick-slide.item3 {background-image:url(../img/main_visual3.jpg); background-position:70% 50%;}
.main_visual .slick-slide.item_vg .headline {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; height:240px; padding:0 20px;}
.main_visual .slick-slide.item4 .video_bg,
.main_visual .slick-slide.item5 .video_bg,
.main_visual .slick-slide.item6 .video_bg {background-color:#000a31;}
.main_visual .slick-slide.item4 .tit {position:relative; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.8);}
.main_visual .slick-slide.item4 .tit h2,
.main_visual .slick-slide.item6 .tit h2 {position:relative; background-clip:text; text-shadow:none; background:linear-gradient(to left, #0096ff, #1158C1) no-repeat; background-color:#fff; background-size:0% 100%; background-position:left; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:900; font-size:48px; font-family:'NeueHaasDisplay'; font-weight:800; color:#fff;}
.main_visual .slick-slide.item4 .desc,
.main_visual .slick-slide.item6 .desc {opacity:0;}
.main_visual .slick-slide.item4 .desc.animated,
.main_visual .slick-slide.item6 .desc.animated {opacity:1;}
.main_visual .slick-slide.item4 .tit.active h2,
.main_visual .slick-slide.item6 .tit.active h2 {-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:gradientTextFill; animation-name:gradientTextFill;}
.main_visual .slick-slide.item4 .desc {margin-top:-10px; font-size:26px; text-shadow:0 2px 3px rgba(0, 0, 0, 0.8);}
.main_visual .slick-slide.item5 .tit {text-align:center; font-size:38px; font-weight:600; text-shadow:none;}
.main_visual .slick-slide.item5 .tit .hb {display:inline-block; position:relative; overflow:hidden; vertical-align:bottom;}
.main_visual .slick-slide.item5 .tit .hb::after {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#fff;}
.main_visual .slick-slide.item5 .tit .hb span {display:inline-block; position:relative; font-weight:600; text-shadow:none; opacity:0;}
.main_visual .slick-slide.item5 .tit .hb span.active {opacity:1; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:bounceTextIn; animation-name:bounceTextIn;}
.main_visual .slick-slide.item6 .desc {margin-top:-10px; font-size:30px; text-shadow:0 2px 3px rgba(0, 0, 0, 0.8);}
.main_visual .slick-prev:before,
.main_visual .slick-next:before {color:black;}
.main_visual .slick-active {opacity:0.5;}
.main_visual .slick-current {opacity:1;}
.main_visual .progress {position:absolute; left:50%; bottom:130px; width:500px; transform:translate(-50%, 0); text-align:center;}
.main_visual .progress div {display:inline-block; width:80px; padding:15px 0; cursor:pointer; margin:0 4px; color:#fff; vertical-align:top;}
.main_visual .progress div:last-child {margin-right:0;}
.main_visual .progress div strong {display:none;}
.main_visual .progress div span.progress_bar {display:block; width:100%; height:5px; background-color:rgba(255, 255, 255, 0.3);}
.main_visual .progress div span.progress_bar .in_progress {display:block; width:0; height:5px; background-color:#0078ff;}
.main_visual .progress_box {position:absolute; left:50%; bottom:50px; width:100%; max-width:500px; transform:translateX(-50%); text-align:center;}
.main_visual .progress_box .nav_bar {margin-top:15px; margin-bottom:15px; padding:0 20px;}
.main_visual .progress_box .nav_bar ul {display:flex; align-items:center; justify-content:center; gap:30px; margin:0; padding:0; list-style:none;}
.main_visual .progress_box .nav_bar ul li {width:calc(100% / 3);}
.main_visual .progress_box .nav_bar ul li a {display:flex; flex-direction:column; align-items:center; justify-content:center; white-space:nowrap; color:#fff; font-size:12px; opacity:0.5; transition:0.2s ease-in-out;}
.main_visual .progress_box .nav_bar ul li a .progress_cont {position:relative; display:none; width:100px; height:2px; margin-top:10px; background-color:rgba(255, 255, 255, 0.3); overflow:hidden;}
.main_visual .progress_box .nav_bar ul li a .progress_bar {position:absolute; top:0; left:0; display:inline-block; width:0; height:2px; background:linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0)); overflow:hidden;}
.main_visual .progress_box .nav_bar ul li.active a {opacity:1;}
.main_visual .progress_box .nav_bar ul li.active a .progress_cont {display:inline-block;}

@-webkit-keyframes gradientTextFill {
    0% {
        background-color:#fff;
        background-size: 0% 100%;
    }
    100% {
        background-size: 100% 100%;
    }
}

@keyframes gradientTextFill {
    0% {
        background-size: 0% 100%;
    }
    100% {
        background-size: 100% 100%;
    }
}

@-webkit-keyframes bounceTextIn {
    from, 50%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceTextIn {
    from, 50%, 75%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@media all and (min-width:760px) {
    .main_visual .slick-slide .headline {padding:150px 40px 0;}
    .main_visual .slick-slide .headline .tit h2 {font-size:48px;}
    .main_visual .slick-slide .headline .desc {font-size:20px; line-height:1.5;}
    .main_visual .slick-slide.item_vg .headline {height:310px;}
    .main_visual .slick-slide .more a {font-size:16px;}
    .main_visual .slick-slide.item4 .tit h2,
    .main_visual .slick-slide.item6 .tit h2 {font-size:74px;}
    .main_visual .slick-slide.item5 .tit {font-size:64px;}
    .main_visual .slick-slide.item5 .tit .hb::after {height:6px;}
    .main_visual .slick-slide.item4 .desc {margin-top:-20px; font-size:40px;}
    .main_visual .slick-slide.item6 .desc {margin-top:-20px; font-size:48px;}
    .main_visual .progress_box .nav_bar ul {gap:50px;}
    .main_visual .progress_box .nav_bar ul li {width:auto;}
    .main_visual .progress_box .nav_bar ul li a {flex-direction:row; font-size:16px;}
    .main_visual .progress_box .nav_bar ul li a .progress_cont {margin-top:0; margin-left:10px;}
}
@media all and (min-width:1280px) {
    .notice_popup {top:121px; left:auto; right:165px; transform:none;}
    .main_visual .slick-slide .headline {padding:170px 40px 0;}
    .main_visual .slick-slide .headline .tit h2 {font-size:58px;}
    .main_visual .slick-slide .headline .desc {font-size:22px;}
    .main_visual .slick-slide.item_vg .headline {height:360px;}
    .main_visual .slick-slide .more a {font-size:18px;}
    .main_visual .slick-slide.item4 .tit h2,
    .main_visual .slick-slide.item6 .tit h2 {font-size:102px;}
    .main_visual .slick-slide.item4 .desc {font-size:56px;}
    .main_visual .slick-slide.item6 .desc {font-size:66px;}
    .main_visual .slick-slide.item5 .tit {font-size:82px;}
    .main_visual .slick-slide.item5 .tit .hb::after {height:8px;}
    .main_visual .progress_box .nav_bar ul li a {font-size:18px;}
}

@media all and (min-width:1400px) {
    .main_visual .slick-slide .video_bg video {width:120%; height:auto;}
}

/* News Ticker */
.news_ticker {position:absolute; left:0; bottom:-1px; width:100%; height:130px; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.news_ticker .ticker_box {position:relative; max-width:1380px; height:130px; margin:0 auto; overflow:hidden;}
.news_ticker .ticker_box .ticker_tit {position:absolute; top:0; left:0; width:100px; height:30px; line-height:28px; padding:25px 10px 10px 30px; background:url(../img/ticker_tit.png) no-repeat 20px 30px; text-align:center;}
.news_ticker .ticker_box .ticker_tit h2 {font-size:22px; color:#fff;}
.news_ticker .img01 {display:inline-block; width:145px; height:30px; margin-left:20px; background:url(../img/news_img01.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img04 {display:inline-block; width:150px; height:30px; margin-left:20px; background:url(../img/news_img04.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img09 {display:inline-block; width:290px; height:30px; margin-left:20px; background:url(../img/news_img09.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img10 {display:inline-block; width:134px; height:30px; margin-left:20px; background:url(../img/news_img10.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img11 {display:inline-block; width:114px; height:30px; margin-left:20px; background:url(../img/news_img11.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img12 {display:inline-block; width:96px; height:30px; margin-left:20px; background:url(../img/news_img12.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img13 {display:inline-block; width:150px; height:30px; margin-left:20px; background:url(../img/news_img13.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img14 {display:inline-block; width:106px; height:30px; margin-left:20px; background:url(../img/news_img14.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img15 {display:inline-block; width:180px; height:30px; margin-left:20px; background:url(../img/news_img15.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img16 {display:inline-block; width:180px; height:30px; margin-left:20px; background:url(../img/news_img16.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img17 {display:inline-block; width:98px; height:30px; margin-left:20px; background:url(../img/news_img17.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img18 {display:inline-block; width:83px; height:30px; margin-left:20px; background:url(../img/news_img18.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img19 {display:inline-block; width:158px; height:30px; margin-left:20px; background:url(../img/news_img19.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img20 {display:inline-block; width:92px; height:30px; margin-left:20px; background:url(../img/news_img20.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img21 {display:inline-block; width:192px; height:30px; margin-left:20px; background:url(../img/news_img21.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img22 {display:inline-block; width:226px; height:30px; margin-left:20px; background:url(../img/news_img22.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img24 {display:inline-block; width:118px; height:30px; margin-left:20px; background:url(../img/news_img24.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img25 {display:inline-block; width:90px; height:30px; margin-left:20px; background:url(../img/news_img25.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img26 {display:inline-block; width:164px; height:30px; margin-left:20px; background:url(../img/news_img26.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img27 {display:inline-block; width:192px; height:30px; margin-left:20px; background:url(../img/news_img27.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img28 {display:inline-block; width:164px; height:30px; margin-left:20px; background:url(../img/news_img28.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img29 {display:inline-block; width:85px; height:30px; margin-left:20px; background:url(../img/news_img29.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img30 {display:inline-block; width:164px; height:30px; margin-left:20px; background:url(../img/news_img30.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img31 {display:inline-block; width:148px; height:30px; margin-left:20px; background:url(../img/news_img31.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img32 {display:inline-block; width:118px; height:30px; margin-left:20px; background:url(../img/news_img32.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img33 {display:inline-block; width:92px; height:30px; margin-left:20px; background:url(../img/news_img33.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img34 {display:inline-block; width:121px; height:30px; margin-left:20px; background:url(../img/news_img34.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img35 {display:inline-block; width:104px; height:30px; margin-left:20px; background:url(../img/news_img35.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img36 {display:inline-block; width:92px; height:30px; margin-left:20px; background:url(../img/news_img36.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img37 {display:inline-block; width:86px; height:30px; margin-left:20px; background:url(../img/news_img37.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img38 {display:inline-block; width:132px; height:30px; margin-left:20px; background:url(../img/news_img38.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img39 {display:inline-block; width:82px; height:30px; margin-left:20px; background:url(../img/news_img39.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img40 {display:inline-block; width:153px; height:30px; margin-left:20px; background:url(../img/news_img40.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img41 {display:inline-block; width:153px; height:30px; margin-left:20px; background:url(../img/news_img41.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img42 {display:inline-block; width:134px; height:30px; margin-left:20px; background:url(../img/news_img42.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img43 {display:inline-block; width:174px; height:30px; margin-left:20px; background:url(../img/news_img43.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img44 {display:inline-block; width:73px; height:30px; margin-left:20px; background:url(../img/news_img44.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img45 {display:inline-block; width:56px; height:30px; margin-left:20px; background:url(../img/news_img45.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img46 {display:inline-block; width:86px; height:30px; margin-left:20px; background:url(../img/news_img46.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img47 {display:inline-block; width:134px; height:30px; margin-left:20px; background:url(../img/news_img47.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img48 {display:inline-block; width:32px; height:30px; margin-left:20px; background:url(../img/news_img48.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img49 {display:inline-block; width:221px; height:30px; margin-left:20px; background:url(../img/news_img49.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img50 {display:inline-block; width:172px; height:30px; margin-left:20px; background:url(../img/news_img50.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img51 {display:inline-block; width:81px; height:30px; margin-left:20px; background:url(../img/news_img51.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img52 {display:inline-block; width:30px; height:30px; margin-left:20px; background:url(../img/news_img52.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img53 {display:inline-block; width:164px; height:30px; margin-left:20px; background:url(../img/news_img53.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img54 {display:inline-block; width:30px; height:30px; margin-left:20px; background:url(../img/news_img54.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img55 {display:inline-block; width:214px; height:30px; margin-left:20px; background:url(../img/news_img55.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img56 {display:inline-block; width:140px; height:30px; margin-left:20px; background:url(../img/news_img56.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img57 {display:inline-block; width:162px; height:30px; margin-left:20px; background:url(../img/news_img57.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img58 {display:inline-block; width:110px; height:30px; margin-left:20px; background:url(../img/news_img58.png) no-repeat 0 0; vertical-align:top;}
.news_ticker .img59 {display:inline-block; width:162px; height:30px; margin-left:20px; background:url(../img/news_img59.png) no-repeat 0 0; vertical-align:top;}

.scroll_on .news_ticker .img55 {background-image:url(../img/news_img55a.png);}
.scroll_on .news_ticker .img57 {background-image:url(../img/news_img57a.png);}

.news_ticker #news {padding:65px 20px 35px; line-height:30px;}
.news_ticker #news a {position:relative; display:inline-block; max-width:100%; font-size:16px; color:#fff; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; vertical-align:top;}
.news_ticker #news a:hover .sub {text-decoration:underline;}
.news_ticker #newscontent {display:block; width:100%;}
.news_ticker #controls {position:absolute; top:26px; right:10px;}
.news_ticker #controls a {display:inline-block; width:28px; height:28px; margin-left:10px; border:1px solid transparent; background:url(../img/news_ctrl_w.png) no-repeat 0 0; vertical-align:top;}
.news_ticker #controls a svg {display:none;}
.news_ticker #controls a:hover {border-color:#bbb; border-radius:4px;}
.news_ticker #controls #pause_trigger {background-position:0 -28px;}
.news_ticker #controls #prev_trigger {background-position:0 -56px;}
.news_ticker #controls #next_trigger {background-position:0 -84px;}
.news_ticker #controls #play_trigger {opacity:0.5;}

.scroll_on .news_ticker {background-color:#fff;}
.scroll_on .news_ticker .ticker_box .ticker_tit h2,
.scroll_on .news_ticker #news a {color:#000;}
.scroll_on .news_ticker #controls a {background-image:url(../img/news_ctrl.png);}

@media all and (min-width:760px) {
    .news_ticker .ticker_box .ticker_tit {padding:25px 10px 10px 40px;}
    .news_ticker .ticker_box .ticker_tit h2 {font-size:26px;}
    .news_ticker #news {padding:70px 40px 30px 52px;}
    .news_ticker #news a {font-size:18px;}
}

@media all and (min-width:1280px) {
    .news_ticker .ticker_box {padding:0 40px;}
    .news_ticker .ticker_box .ticker_tit {left:20px; padding:50px 10px 50px 40px; background-position:10px 55px;}
    .news_ticker .ticker_box .ticker_tit h2 {font-size:30px;}
    .news_ticker #news {padding:50px 120px 50px 170px;}
    .news_ticker #news a {font-size:20px;}
    .news_ticker #controls {top:50px; right:15px;}
}

/* 제품 소개 */
@font-face {
	font-family: 'NeueHaasDisplay';
	font-weight: 400;
	src: url(../fonts/NeueHaasDisplayMedium.ttf) format('truetype');
}
.main_product_new {padding:20px; background-color:#f4f9fb;}
.main_product_new .product_box {max-width:1480px; margin:0 auto; background-color:#fff; border:1px solid #d3d3d3; box-sizing:border-box;}
.main_product_new .product_box ul {display:flex; flex-wrap:wrap; height:100%; margin:0; padding:0; list-style:none;}
.main_product_new .product_box ul li {width:100%;}
.main_product_new .product_box .box {display:flex; flex-direction:column; align-items:center; height:100%; padding:20px; border-bottom:1px solid #ddd; transition:0.2s ease-in-out; box-sizing:border-box;}
.main_product_new .product_box ul li:last-child .box {border-bottom:0;}
.main_product_new .product_box .box .icon {width:60px; height:60px; background:url(../img/product_icon3.png)no-repeat 0 0;}
.main_product_new .product_box .box .icon span {display:none;}
.main_product_new .product_box .box .icon2 {background-position:0 -60px;}
.main_product_new .product_box .box .icon3 {background-position:0 -120px;}
.main_product_new .product_box .box .icon4 {background-position:0 -180px;}
.main_product_new .product_box .box .tit {margin-top:4px; font-family:'NeueHaasDisplay'; font-size:28px;}
.main_product_new .product_box .box .desc {margin-top:4px; text-align:center; font-size:18px; transition:height 0.2s ease-in-out, opacity 0.2s ease-in-out 0.1s;}
.main_product_new .product_box .box .link {margin:18px 0 40px;}
.main_product_new .product_box .box .link {position:relative; z-index:2; margin:18px 0 0;}
.main_product_new .product_box .box .link a {display:inline-block; height:36px; line-height:34px; padding:0 35px 0 15px; color:#fff; font-size:14px; background:url(../img/reference_icon_arrow.png)no-repeat 85% 50% #0078ff; border:1px solid #0078ff; border-radius:18px; cursor:pointer; transition:0.3s;}

@media all and (min-width:760px) {
    .main_product_new {padding:40px;}
    .main_product_new .product_box ul li {width:50%;}
    .main_product_new .product_box .box {padding:40px; border-right:1px solid #ddd;}
    .main_product_new .product_box ul li:nth-child(2) .box {border-right:0;}
    .main_product_new .product_box ul li:nth-child(3) .box {border-bottom:0;}
    .main_product_new .product_box ul li:last-child .box {border-bottom:0; border-right:0;}
    .main_product_new .product_box .box .tit {font-size:32px;}
}

@media all and (min-width:1280px) {
    .main_product_new {padding:100px 40px;}
    .main_product_new .product_box ul li {flex:1; width:auto;}
    .main_product_new .product_box .box {justify-content:center; height:316px; padding:20px; border-bottom:0;}
    .main_product_new .product_box ul li:first-child .box,
    .main_product_new .product_box ul li:nth-child(2) .box,
    .main_product_new .product_box ul li:nth-child(3) .box {border-right:1px solid #ddd;}
    .main_product_new .product_box ul li:last-child .box {border-right:0;}
    .main_product_new .product_box .box .tit {font-size:36px;}
    .main_product_new .product_box .box .link {margin-bottom:40px;}
    .main_product_new .product_box .box .desc {height:52px; visibility:initial; opacity:1;}
}

/* 토탈 비즈니스 솔루션 */
.main_total_solution {max-width:1460px; margin:0 auto;}
.main_total_solution .box_tit {padding:60px 20px 50px;}
.main_total_solution .box_tit h2 {font-size:28px; line-height:1.4;}
.main_total_solution .box_tit h2 .hl {display:inline-block; color:#0078ff;}
.main_total_solution .box_cont {padding-bottom:60px;}
.main_total_solution .box_cont ul {margin:0; padding:0; list-style:none;}
.main_total_solution .box_cont ul::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.main_total_solution .box_cont ul li {height:180px; margin-bottom:20px; padding:0 20px; box-sizing:border-box;}
.main_total_solution .box_cont ul li.on .sol_box .info_over {display:none;}
.main_total_solution .box_cont ul li.on .sol_box .info_basic {background-color:rgba(0, 122, 255, 0.8);}
.main_total_solution .box_cont ul li.on .sol_box .tit h3 {display:none;}
.main_total_solution .box_cont ul li.on .sol_box .tit strong {font-size:28px; font-weight:600; opacity:1;}
.main_total_solution .box_cont ul li.on .sol_box .tit .close {display:block;}
.main_total_solution .box_cont ul li.on .sol_box .desc,
.main_total_solution .box_cont ul li.on .sol_box .link {display:block;}
.main_total_solution .sol_box {display:block; position:relative; background-repeat:no-repeat; background-size:cover; color:#fff; opacity:0; transition:0.2s;}
.main_total_solution .sol_box .info_over {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.main_total_solution .sol_box .info_basic {height:180px; padding:20px 10px 20px 24px; box-sizing:border-box; background-color:rgba(4, 27, 60, 0.5);}
.main_total_solution .sol_box .tit h3 {margin-bottom:5px; font-size:26px;}
.main_total_solution .sol_box .tit strong {font-size:18px; font-weight:400; opacity:0.5;}
.main_total_solution .sol_box .desc {padding-top:5px; font-size:16px; line-height:1.3;}

.main_total_solution .sol_box1 {background-image:url(../img/sol_box1.png); background-position:50% 0;}
.main_total_solution .sol_box2 {background-image:url(../img/sol_box2.png); background-position:20% 0;}
.main_total_solution .sol_box3 {background-image:url(../img/sol_box3.png); background-position:90% 0;}
.main_total_solution .sol_box4 {background-image:url(../img/sol_box4.png); background-position:50% 0;}

@media all and (min-width:760px) {
    .main_total_solution .box_tit {padding:60px 40px 50px;}
    .main_total_solution .box_tit h2 {font-size:38px;}
    .main_total_solution .box_cont ul {padding:0 20px;}
    .main_total_solution .box_cont ul li {float:left; width:50%; padding:0 10px;}
    .main_total_solution .sol_box .tit h3 {font-size:30px;}
    .main_total_solution .sol_box .tit strong {font-size:20px;}
}

@media all and (min-width:1280px) {
    .main_total_solution .box_tit {padding:100px 40px 70px;}
    .main_total_solution .box_tit h2 {font-size:48px;}
    .main_total_solution .box_cont {padding-bottom:110px;}
    .main_total_solution .box_cont ul li {height:270px; margin-bottom:40px; padding:0 20px;}
    .main_total_solution .sol_box .info_basic {height:270px; padding:35px 60px;}
    .main_total_solution .sol_box .tit h3 {font-size:42px;}
    .main_total_solution .sol_box .tit strong {font-size:26px;}
    .main_total_solution .sol_box .desc {font-size:18px; line-height:1.4;}
}

/* 레퍼런스 정보 */
.main_reference .hl {color:#00c6ff;}
.main_reference .reference_banner {position:relative; height:660px; overflow:hidden; color:#fff;}
.main_reference .reference_banner .banner {position:relative; height:480px;}
.main_reference .reference_banner .banner .text {position:relative; width:100%; padding-top:60px; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3); z-index:1;}
.main_reference .reference_banner .banner .text h2 {line-height:38px; padding:0 20px; font-size:28px;opacity:0; transition:0.2s;}
.main_reference .reference_banner .banner .bg {position:absolute; bottom:0; left:0; width:100%; height:745px; background:url(../img/reference_info_box.jpg) no-repeat 50% 0; background-size:cover;}
.main_reference .bar_block {position:relative; height:30px; margin-top:50px; z-index:1;}
.main_reference .bar_block .bar {position:absolute; bottom:5px; left:-270px; width:270px; height:30px; background:url(../img/reference_bar.png) no-repeat 0 0; transition:0.5s;}
.main_reference .reference_block {position:relative; background:url(../img/reference_block.png) repeat-x 0 0; z-index:1;}
.main_reference .reference_info {padding:40px 20px 20px;}
.main_reference .reference_info ul {margin:0; padding:0; list-style:none;}
.main_reference .reference_info ul::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.main_reference .reference_info ul li {float:left; width:50%; margin-bottom:20px; padding:0 10px; box-sizing:border-box;}
.main_reference .reference_info .data_box .data {display:inline-block; height:45px; line-height:45px; color:#069cfb; text-shadow:5px 5px 8px rgba(0, 0, 0, 0.4);}
.main_reference .reference_info .data_box .data strong {font-size:40px; line-height:1;}
.main_reference .reference_info .data_box .tit {height:30px; line-height:30px; padding:10px 0; font-size:16px; color:#fff;}
.main_reference .reference_info .data_box .tit .icon {display:none; width:30px; height:30px; margin-right:4px; background:url(../img/reference_icon3a.png) no-repeat 0 0; background-size:30px 150px; vertical-align:top;}
.main_reference .reference_info .data_box .tit .ho {display:none;}
.main_reference .reference_info .data_box2 .tit .icon {background-position:0 -30px;}
.main_reference .reference_info .data_box3 .tit .icon {background-position:0 -60px;}
.main_reference .reference_info .data_box4 .tit .icon,
.main_reference .reference_info .data_box6 .tit .icon {background-position:0 -90px;}
.main_reference .reference_info .data_box5 .tit .icon {background-position:0 -120px;}
.animated .main_reference .reference_banner .bar {left:0;}

@media all and (min-width:760px) {
    .main_reference .reference_banner {height:750px;}
    .main_reference .reference_banner .banner {height:510px;}
    .main_reference .reference_banner .banner .text h2 {max-width:1380px; margin:0 auto; padding:0 40px; line-height:50px; font-size:38px;}
    .main_reference .reference_block {background-image:url(../img/reference_block2.png);}
    .main_reference .reference_info ul li {float:left; width:50%; margin-bottom:40px; padding:0 20px;}
    .main_reference .reference_info .data_box .data {height:60px; line-height:60px;}
    .main_reference .reference_info .data_box .data strong {font-size:48px;}
    .main_reference .reference_info .data_box .tit {font-size:18px;}
    .main_reference .reference_info .data_box .tit .icon {display:inline-block;}
}

@media all and (min-width:1280px) {
    .main_reference .reference_banner {height:850px;}
    .main_reference .reference_banner .banner {height:650px;}
    .main_reference .reference_banner .banner .text {padding-top:120px;}
    .main_reference .reference_banner .banner .text h2 {font-size:48px; line-height:70px;}
    .main_reference .reference_banner .banner .bg {height:984px;}
    .main_reference .bar_block {height:40px;}
    .main_reference .bar_block .bar {bottom:0; height:40px;}
    .main_reference .reference_info {max-width:1420px; margin:0 auto; padding:40px 20px 60px;}
    .main_reference .reference_info ul li {float:left; width:33%; margin-bottom:60px; padding:0 20px;}
    .main_reference .reference_info ul li:nth-child(2),
    .main_reference .reference_info ul li:nth-child(5) {width:34%;}
    .main_reference .reference_info .data_box .data {height:80px; line-height:80px;}
    .main_reference .reference_info .data_box .data strong {font-size:68px;}
    .main_reference .reference_info .data_box .tit {height:34px; line-height:34px; font-size:20px;}
    .main_reference .reference_info .data_box .tit .icon {display:inline-block; width:34px; height:34px; margin-right:6px; background-size:34px 170px;}
    .main_reference .reference_info .data_box .tit .ho {display:inline;}
    .main_reference .reference_info .data_box2 .tit .icon {background-position:0 -34px;}
    .main_reference .reference_info .data_box3 .tit .icon {background-position:0 -68px;}
    .main_reference .reference_info .data_box4 .tit .icon,
    .main_reference .reference_info .data_box6 .tit .icon {background-position:0 -103px;}
    .main_reference .reference_info .data_box5 .tit .icon {background-position:0 -136px;}
}

/* 레퍼런스 목록 */
.main_customer {max-width:1460px; margin:0 auto; padding:0 0 50px;}
.main_customer .box_tit {display:none;}
.main_customer .box_cont ul {margin:0; padding:0 10px; list-style:none;}
.main_customer .box_cont ul::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.main_customer .box_cont ul li {float:left; width:50%; height:110px; padding:10px; box-sizing:border-box;}
.main_customer .box_cont ul li.on {position:relative; z-index:4;}
.main_customer .box_cont ul li.on .cstm_card {position:absolute; top:0; left:0; width:calc(200% - 20px); min-width:320px; min-height:230px; margin:0 10px; padding:15px 25px 30px; background:#fff; border:1px solid #e3e3e3; box-shadow:0 5px 10px rgba(0, 0, 0, 0.25);}
.main_customer .box_cont ul li.on .cstm_card .card_over {display:none;}
.main_customer .box_cont ul li.on .cstm_card .card_head .logo {display:none; filter:none;}
.main_customer .box_cont ul li.on .cstm_card .card_head .logo img {height:50px;}
.main_customer .box_cont ul li.on .cstm_card .card_head .logo2 {display:block;}
.main_customer .box_cont ul li.on .cstm_card .card_head .class {display:none;}
.main_customer .box_cont ul li.on .cstm_card .card_head .close {display:block;}
.main_customer .box_cont ul li.on .cstm_card .card_body {display:block; color:#000;}
.main_customer .box_cont ul li.on .cstm_card6 .card_head .logo {display:none;}
.main_customer .box_cont ul li.on .cstm_card6 .card_head .logo2 {display:block;}
.main_customer .box_cont ul li:nth-child(2n).on .cstm_card {left:auto; right:0;}
.main_customer .cstm_card {display:block; position:relative; min-height:90px; padding:15px 20px; box-sizing:border-box; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; color:#fff; transition:0s;}
.main_customer .cstm_card .card_over {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.main_customer .cstm_card .card_head {height:60px;}
.main_customer .cstm_card .card_head .logo {filter:brightness(0) invert(1);}
.main_customer .cstm_card .card_head .logo img {height:25px; vertical-align:top;}
.main_customer .cstm_card .card_head .logo2 {display:none;}
.main_customer .cstm_card .card_head .class {padding-top:15px; line-height:20px; font-size:12px; text-align:right;}
.main_customer .cstm_card1 {background-image:url(../img/jp/ref_card01.png);}
.main_customer .cstm_card2 {background-image:url(../img/jp/ref_card02.png);}
.main_customer .cstm_card3 {background-image:url(../img/jp/ref_card03.png);}
.main_customer .cstm_card4 {background-image:url(../img/jp/ref_card04.png);}
.main_customer .cstm_card5 {background-image:url(../img/jp/ref_card05.png);}
.main_customer .cstm_card6 {background-image:url(../img/jp/ref_card06.png);}
.main_customer .cstm_card7 {background-image:url(../img/jp/ref_card07.png);}
.main_customer .cstm_card8 {background-image:url(../img/jp/ref_card08.png);}
.main_customer .cstm_card9 {background-image:url(../img/jp/ref_card09.png);}
.main_customer .cstm_card10 {background-image:url(../img/jp/ref_card10.png);}
.main_customer .cstm_card11 {background-image:url(../img/jp/ref_card11.png);}
.main_customer .cstm_card12 {background-image:url(../img/jp/ref_card12.png);}
.main_customer .cstm_card13 {background-image:url(../img/jp/ref_card13.png);}
.main_customer .cstm_card14 {background-image:url(../img/jp/ref_card14.png);}
.main_customer .cstm_card15 {background-image:url(../img/jp/ref_card15.png);}
.main_customer .cstm_card .card_head .logo_kor {position:relative;}
.main_customer .cstm_card .card_head .logo_kor::after {content:'KOREA'; display:flex; align-items:center; justify-content:center; position:absolute; top:30px; left:0; width:30px; height:10px; border:1px solid #fff; border-radius:15px; font-size:6px;}

@media all and (min-width:760px) {
    .main_customer {padding:0 0 100px;}
    .main_customer .box_cont ul {padding:0 20px;}
    .main_customer .box_cont ul li {height:140px;}
    .main_customer .box_cont ul li.on .cstm_card {width:calc(100% - 20px);}
    .main_customer .cstm_card {min-height:120px;}
    .main_customer .cstm_card .card_head .logo img {height:35px;}
    .main_customer .cstm_card .card_head .class {padding-top:30px; font-size:14px;}
    .main_customer .cstm_card .card_head .logo_kor::after {top:40px; width:40px; height:18px; font-size:10px; border-radius:20px;}
}

@media all and (min-width:1280px) {
    .main_customer {padding:0 0 150px;}
    .main_customer .box_cont ul {padding:20px 20px;}
    .main_customer .box_cont ul li {width:33.3%; height:280px; padding:20px;}
    .main_customer .cstm_card {min-height:240px; padding:25px 40px; transition:0.2s;}
    .main_customer .cstm_card .card_over {display:none;}
    .main_customer .cstm_card .card_head {height:50px; line-height:50px;}
    .main_customer .cstm_card .card_head .logo {float:left;}
    .main_customer .cstm_card .card_head .logo img {height:50px;}
    .main_customer .cstm_card .card_head .class {position:absolute; bottom:25px; right:40px; padding:0;}
    .main_customer .cstm_card .card_head .logo_kor::after {top:55px; width:60px; height:22px; font-size:14px; border-radius:30px;}
}

/* 새소식 */
.main_news {max-width:1460px; margin:0 auto; padding:50px 0;}
.main_news .box_tit {height:50px; line-height:50px; padding:0 20px;}
.main_news .box_tit .tit {float:left;}
.main_news .box_tit .tit h2 {font-size:28px;}
.main_news .box_tit .more {float:right; padding:9px 0; line-height:normal;}
.main_news .box_tit .more a {display:inline-block; position:relative; width:90px; height:30px; line-height:30px; border:1px solid #0078ff; border-radius:20px; overflow:hidden; font-size:14px; font-weight:400; color:#0078ff; text-align:center; text-decoration:none; vertical-align:top;}
.main_news .box_tit .more a span {position:relative; z-index:2;}
.main_news .box_tit .more a::before {content:""; position:absolute; top:50%; left:50%; width:100%; height:0; background:#0078ff; transform:translate(-50%,-50%) rotate(-45deg); z-index:1; transition:all 0.6s ease;}
.main_news .box_tit .more a:hover {border-color:#0078ff; color:#fff;}
.main_news .box_tit .more a:hover::before {height:380%;}
.main_news .box_cont ul {margin:0; padding:0; list-style:none;}
.main_news .box_cont ul::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.main_news .box_cont ul li {padding:20px; box-sizing:border-box;}
.main_news .box_cont ul li:nth-child(2n) .news_card .type {border-color:#1158c1; color:#1158c1;}
.main_news .news_card .type {padding-bottom:10px; border-bottom:3px solid #0078ff; font-size:18px; font-weight:600; color:#0078ff;}
.main_news .news_card .logo {margin-top:15px; padding:5px 0; border:1px solid #ddd; text-align:center;}
.main_news .news_card .logo img {vertical-align:top;}
.main_news .news_card .sub {padding:15px 0; font-size:20px; line-height:1.4;}
.main_news .news_card .date {font-family:Arial; font-size:17px; color:#666;}
.main_news .news_card:hover .sub {text-decoration:underline;}

@media all and (min-width:760px) {
    .main_news .box_tit {padding:0 40px;}
    .main_news .box_tit .tit h2 {font-size:38px;}
    .main_news .box_cont ul {padding:0 20px;}
    .main_news .box_cont ul li {float:left; width:50%;}
}

@media all and (min-width:1280px) {
    .main_news .box_tit {height:68px; line-height:68px; padding:0 40px 40px;}
    .main_news .box_tit .tit h2 {font-size:48px;}
    .main_news .box_tit .more {padding:15px 0;}
    .main_news .box_tit .more a {width:110px; height:38px; line-height:38px; font-size:16px}
    .main_news .box_cont ul li {float:left; width:25%;}
    .main_news .news_card .type {padding-bottom:15px; font-size:20px;}
    .main_news .news_card .logo {margin-top:20px;}
    .main_news .news_card .sub {padding:20px 0; font-size:22px;}
}

/* 블로그 */
.main_blog {max-width:1460px; margin:0 auto; padding:50px 0 100px;}
.main_blog .box_tit {height:50px; line-height:50px; padding:0 20px;}
.main_blog .box_tit .tit {float:left;}
.main_blog .box_tit .tit h2 {font-size:28px;}
.main_blog .box_tit .more {float:right; padding:9px 0; line-height:normal;}
.main_blog .box_tit .more a {display:inline-block; position:relative; width:90px; height:30px; line-height:30px; border:1px solid #0078ff; border-radius:20px; overflow:hidden; font-size:14px; font-weight:400; color:#0078ff; text-align:center; text-decoration:none; vertical-align:top;}
.main_blog .box_tit .more a span {position:relative; z-index:2;}
.main_blog .box_tit .more a::before {content:""; position:absolute; top:50%; left:50%; width:100%; height:0; background:#0078ff; transform:translate(-50%,-50%) rotate(-45deg); z-index:1; transition:all 0.6s ease;}
.main_blog .box_tit .more a:hover {border-color:#0078ff; color:#fff;}
.main_blog .box_tit .more a:hover::before {height:380%;}
.main_blog .box_cont {padding:0;}
.main_blog .blog_card {height:312px;}
.main_blog .blog_card .thmb {background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:0.2s;}
.main_blog .blog_card .thmb img {max-width:100%; visibility:hidden;}
.main_blog .blog_card .sub {padding:20px 0; line-height:1.4;}
.main_blog .blog_card .sub strong {font-size:18px; font-weight:400;}
.main_blog .slick-list {width:100%; padding:20px 0 0;}
.main_blog .slick-slide {padding:0 20px; box-sizing:border-box;}
.main_blog .slick-prev,
.main_blog .slick-next {display:none !important; top:130px; width:40px; height:57px;}
.main_blog .slick-prev::before,
.main_blog .slick-next::before {display:none;}
.main_blog .slick-prev {left:-40px; background:url(../img/slick_prev.png) no-repeat 50% 50%;}
.main_blog .slick-next {right:-40px; background:url(../img/slick_next.png) no-repeat 50% 50%;}
.main_blog .slick-dots li button {padding:4px;}
.main_blog .slick-dots li button:before {content:''; top:4px; left:4px; width:12px; height:12px; background-color:#000; border-radius:6px; opacity:0.25;}
.main_blog .slick-dots li.slick-active button:before {opacity:0.75;}

@media all and (min-width:760px) {
    .main_blog .box_tit {padding:0 40px;}
    .main_blog .box_tit .tit h2 {font-size:38px;}
    .main_blog .box_cont {padding:0 20px;}
}

@media all and (min-width:1280px) {
    .main_blog .box_tit {height:68px; line-height:68px; padding:0 40px 40px;}
    .main_blog .box_tit .tit h2 {font-size:48px;}
    .main_blog .box_tit .more {padding:15px 0;}
    .main_blog .box_tit .more a {width:110px; height:38px; line-height:38px; font-size:16px;}
    .main_blog .blog_card {height:332px;}
    .main_blog .blog_card .thmb {height:220px;}
    .main_blog .slick-slide {height:332px;}
    /* .main_blog .slick-slide:hover .blog_card .thmb {margin-top:-20px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.25);} */
    .main_blog .slick-slide:hover .blog_card .sub {text-decoration:underline;}
    .main_blog .slick-prev,
    .main_blog .slick-next {display:block !important;}
}

/* 도입 문의 */
.main_inquiry {background:#0275f9 url(../img/contact_bg.jpg) no-repeat 100% 50%; color:#fff;}
.main_inquiry .inquiry_form {max-width:1460px; margin:0 auto;}
.main_inquiry .inquiry_form .box_tit {padding:60px 20px 50px; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);}
.main_inquiry .inquiry_form .box_tit h2 {font-size:38px; line-height:1.4;}
.main_inquiry .inquiry_form .box_cont {padding:0 20px 60px; font-size:22px;}
.main_inquiry .inquiry_form .col_div {border-bottom:1px solid rgba(255, 255, 255, 0.25);}
.main_inquiry .inquiry_form .col_div::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.main_inquiry .inquiry_form .col_div:first-child {border-top:1px solid rgba(255, 255, 255, 0.25);}
.main_inquiry .inquiry_form .col_div dl {margin:0; padding:10px 10px 10px 210px; box-sizing:border-box;}
.main_inquiry .inquiry_form .col_div dl::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.main_inquiry .inquiry_form .col_div dl dt {float:left; width:210px; line-height:50px; margin-left:-210px; padding-left:25px; box-sizing:border-box;}
.main_inquiry .inquiry_form .col_div dl dd {float:left; width:100%; margin:0; padding:0;}
.main_inquiry .inquiry_form .col_div .input_txt,
.main_inquiry .inquiry_form .col_div .frm_select {height:50px; line-height:50px; padding:0 12px; border:0; border-radius:5px; background:rgba(255, 255, 255, 0.1); font-size:22px; color:#fff; vertical-align:middle; outline:none;}
.main_inquiry .inquiry_form .col_div .frm_select {min-width:100px; background-image:url(../img/ico_drop.gif); background-repeat:no-repeat; background-position:right 8px top 50%; -webkit-appearance:none; appearance:none;}
.main_inquiry .inquiry_form .col_div .frm_select option {color:#000;}
.main_inquiry .inquiry_form .col_div .phone .input_txt {width:80px;}
.main_inquiry .inquiry_form .col_div .mail .input_txt,
.main_inquiry .inquiry_form .col_div .mail .frm_select {width:150px;}
.main_inquiry .inquiry_form .col_div .textarea {width:100%; max-width:1028px; padding:8px 12px; border:0; border-radius:5px; background:rgba(255, 255, 255, 0.1); font-size:22px; color:#fff; vertical-align:top; resize:none; outline:none;}
.main_inquiry .inquiry_form .col_div.col2 dl {float:left; width:50%;}
.main_inquiry .inquiry_form .chk_div {padding:8px 0;}
.main_inquiry .inquiry_form .chk_div label {display:inline-block; height:34px; line-height:32px; margin-right:70px; vertical-align:top; cursor:pointer;}
.main_inquiry .inquiry_form .chk_div label:last-child {margin:0;}
.main_inquiry .inquiry_form .chkbox {display:inline-block; width:24px; height:24px; margin:5px 5px 5px 0; background:url(../img/inquiry_chkbox.png) no-repeat 0 0; background-size:30px 60px; vertical-align:top; overflow:hidden; text-indent:-9999px; font-size:0;}
.main_inquiry .inquiry_form .chkbox .input_chk {visibility:hidden;}
.main_inquiry .inquiry_form .chkbox_on {background-position:0 -30px;}
.main_inquiry .inquiry_form .agree {padding:35px 25px;}
.main_inquiry .inquiry_form .agree a {display:inline-block; height:34px; line-height:34px; color:#fff;}
.main_inquiry .inquiry_form .agree a:hover {text-decoration:underline;}
.main_inquiry .inquiry_form .agree label {display:inline-block; height:34px; line-height:32px; margin-right:20px; vertical-align:top; cursor:pointer;}
.main_inquiry .inquiry_form .guide {padding:0 25px; opacity:0.75;}
.main_inquiry .inquiry_form .btn_area {height:70px; padding:50px 0 0; text-align:center;}
.main_inquiry .inquiry_form .btn_area .btn {min-width:172px; height:70px; line-height:68px; padding:0 35px; background-color:#000; border-radius:35px;; font-size:24px; font-weight:600; text-align:center; color:#00e2ff; cursor:pointer; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.main_inquiry .inquiry_form .btn_area .btn:hover {margin-top:-5px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);}
.main_inquiry .inquiry_contact {max-width:1460px; margin:0 auto; padding:40px 20px 50px; text-align:center;}
.main_inquiry .inquiry_contact::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.main_inquiry .inquiry_contact .fr {padding-top:30px;}
.main_inquiry .inquiry_contact .hl {color:#00e2ff;}
.main_inquiry .inquiry_contact .tit {margin-bottom:20px;}
.main_inquiry .inquiry_contact .tit h2 {font-size:22px; line-height:1.3;}
.main_inquiry .inquiry_contact .tel {font-size:22px;}
.main_inquiry .inquiry_contact .guide {display:block; margin-top:10px; font-size:14px;}
.main_inquiry .inquiry_contact .tel_pkg, .main_inquiry .inquiry_contact .tel_saas {display:inline-block; vertical-align:top; line-height:1;}
.main_inquiry .inquiry_contact .tel_saas {margin-top:20px;}
.main_inquiry .inquiry_contact .btn {height:64px; line-height:62px; padding:0 35px; background-color:#000; border-radius:35px; font-size:20px; font-weight:600; text-align:center; color:#00e2ff; cursor:pointer; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.main_inquiry .inquiry_contact .btn::before {content:''; display:inline-block; width:22px; height:24px; margin:20px 8px 0 0; background:url(../img/ico_write.png) no-repeat 0 0; vertical-align:top;}
.main_inquiry .inquiry_contact .btn:hover {margin-top:-5px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);}
.main_inquiry .inquiry_contact .btn_pop {display:none;}

@media all and (min-width:760px) {
    .main_inquiry .inquiry_form .box_tit {padding:60px 40px 50px;}
    .main_inquiry .inquiry_form .box_cont {padding:0 40px 60px;}
    .main_inquiry .inquiry_contact {padding:40px 40px 50px;}
    .main_inquiry .inquiry_contact .tit h2 {font-size:32px;}
    .main_inquiry .inquiry_contact .tel {font-size:26px;}
    .main_inquiry .inquiry_contact .guide {margin-top:15px; font-size:16px;}
}

@media all and (min-width:1280px) {
    .main_inquiry {display:block;}
    .main_inquiry .inquiry_form .box_tit {padding:100px 40px 70px;}
    .main_inquiry .inquiry_form .box_tit h2 {font-size:48px;}
    .main_inquiry .inquiry_form .box_cont {padding:0 40px 100px;}
    .main_inquiry .inquiry_contact {height:347px; padding:80px 40px 0; text-align:left; box-sizing:border-box;}
    .main_inquiry .inquiry_contact .fl {float:left;}
    .main_inquiry .inquiry_contact .fr {float:right; height:70px; padding:100px 110px 0 0;}
    .main_inquiry .inquiry_contact .tit h2 {font-size:45px;}
    .main_inquiry .inquiry_contact .tel {font-size:28px;}
    .main_inquiry .inquiry_contact .guide {font-size:18px;}
    .main_inquiry .inquiry_contact .btn {height:70px; line-height:68px; font-size:24px;}
    .main_inquiry .inquiry_contact .btn::before {margin:24px 8px 0 0;}
    .main_inquiry .inquiry_contact .btn_pop {display:inline-block;}
    .main_inquiry .inquiry_contact .btn_link {display:none;}
}

@media all and (min-width:1650px) {
    .main_inquiry .inquiry_contact .fr {padding:100px 0 0 0;}
}

.inquiry_popup {display:none; position:fixed; top:50%; left:50%; width:780px; height:calc(100vh - 100px); min-height:250px; max-height:715px; border-radius:15px; overflow:hidden; box-sizing:border-box; box-shadow:0 8px 15px rgba(0, 0, 0, 0.3); opacity:0; transform:translate(-50%, -45%); transition:0.2s; z-index:2000;}
.inquiry_popup .inquiry_tit {position:relative; height:42px; line-height:42px; padding:25px 40px; text-align:center; background-color:#5b34ff; color:#fff;}
.inquiry_popup .inquiry_tit strong {font-size:30px;}
.inquiry_popup .inquiry_tit .btn_close {position:absolute; top:20px; right:20px; width:29px; height:29px; background:url(../img/btn_close2.gif) no-repeat 50% 50%; cursor:pointer;}
.inquiry_popup .inquiry_tit .btn_close span {display:none;}
.inquiry_popup .inquiry_form {height:calc(100% - 92px); padding:10px 40px 40px; font-size:16px; background-color:#fff; box-sizing:border-box; overflow-y:auto;}
.inquiry_popup .inquiry_form .col_div {border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.inquiry_popup .inquiry_form .col_div::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.inquiry_popup .inquiry_form .col_div dl {margin:0; padding:10px 10px 10px 110px; box-sizing:border-box;}
.inquiry_popup .inquiry_form .col_div dl::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.inquiry_popup .inquiry_form .col_div dl dt {float:left; width:100px; margin-left:-110px; padding:0 0 0 10px; line-height:40px;}
.inquiry_popup .inquiry_form .col_div dl dd {float:left; width:100%; margin:0; padding:0;}
.inquiry_popup .inquiry_form .col_div .input_txt,
.inquiry_popup .inquiry_form .col_div .frm_select {height:40px; line-height:38px; padding:0 8px; border:0; border-radius:5px; border:1px solid #dfdfdf; font-size:16px; vertical-align:middle; outline:none; box-sizing:border-box;}
.inquiry_popup .inquiry_form .col_div .input_txt {width:220px;}
.inquiry_popup .inquiry_form .col_div .input_txt:focus {border-color:#5b34ff;}
.inquiry_popup .inquiry_form .col_div .frm_select {min-width:72px; background-image:url(../img/ico_drop2.gif); background-repeat:no-repeat; background-position:right 8px top 50%; -webkit-appearance:none; appearance:none;}
.inquiry_popup .inquiry_form .col_div .frm_select option {color:#000;}
.inquiry_popup .inquiry_form .col_div .frm_select:focus {border-color:#5b34ff;}
.inquiry_popup .inquiry_form .col_div .phone .input_txt {width:72px;}
.inquiry_popup .inquiry_form .col_div .mail .input_txt,
.inquiry_popup .inquiry_form .col_div .mail .frm_select {width:150px;}
.inquiry_popup .inquiry_form .col_div .textarea {width:100%; max-width:1028px; padding:8px 12px; border:0; border-radius:5px; border:1px solid #dfdfdf; font-size:16px; vertical-align:top; box-sizing:border-box; resize:none; outline:none;}
.inquiry_popup .inquiry_form .col_div .textarea:focus {border-color:#5b34ff;}
.inquiry_popup .inquiry_form .chk_div label {display:inline-block; height:34px; line-height:32px; margin:3px 25px 0 0; vertical-align:top; cursor:pointer;}
.inquiry_popup .inquiry_form .col_div.col2 {padding:0;}
.inquiry_popup .inquiry_form .col_div.col2 dl {float:left; width:50%; padding-left:110px; padding:10px 0 10px 110px;}
.inquiry_popup .inquiry_form .chkbox {display:inline-block; width:21px; height:21px; margin:7px 5px 7px 0; background:url(../img/inquiry_chkbox3.png) no-repeat 0 0; background-size:26px 52px; vertical-align:top; overflow:hidden; text-indent:-9999px; font-size:0;}
.inquiry_popup .inquiry_form .chkbox .input_chk {visibility:hidden;}
.inquiry_popup .inquiry_form .chkbox_on {background-position:0 -26px;}
.inquiry_popup .inquiry_form .guide {padding-top:20px; text-align:center;}
.inquiry_popup .inquiry_form .agree {padding:10px 0; text-align:center;}
.inquiry_popup .inquiry_form .agree a {display:inline-block; height:34px; line-height:32px;}
.inquiry_popup .inquiry_form .agree a:hover {text-decoration:underline;}
.inquiry_popup .inquiry_form .agree label {display:inline-block; height:34px; line-height:32px; margin-right:15px; vertical-align:top; cursor:pointer;}
.inquiry_popup .inquiry_form .btn_area {height:64px; text-align:center;}
.inquiry_popup .inquiry_form .btn_area .btn {min-width:160px; height:60px; line-height:60px; padding:0 35px; background-color:#5b34ff; border-radius:35px;; font-size:20px; font-weight:600; text-align:center; color:#fff; cursor:pointer; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.inquiry_popup .inquiry_form .btn_area .btn::before {content:''; display:inline-block; width:22px; height:24px; margin:18px 8px 0 0; background:url(../img/ico_write2.png) no-repeat 0 0; vertical-align:top;}
.inquiry_popup .inquiry_form::-webkit-scrollbar {width:8px; height:8px; background-color:rgba(0, 0, 0, 0.10);}
.inquiry_popup .inquiry_form::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.20);}
.inquiry_popup.pop_open {opacity:1; transform:translate(-50%, -52%); animation:fadein 0.2s;}

@keyframes fadein {
    from {opacity:0; transform:translate(-50%, -45%);} 
    to {opacity:1; transform:translate(-50%, -52%);}
}

/* 구축사례 */
.main_case {max-width:1460px; margin:0 auto; padding:50px 0 100px;}
.main_case .box_tit {padding:0 20px 50px;}
.main_case .box_tit h2 {font-size:28px;}
.main_case .box_cont ul {display:flex; flex-wrap:wrap; margin:0; padding:0 10px; list-style:none;}
.main_case .box_cont ul li {width:100%; padding:10px; box-sizing:border-box;}
.main_case .cstm_card {position:relative; height:420px; background:no-repeat 0 0; background-size:cover; color:#fff; transition:0.3s ease-out; overflow:hidden;}
.main_case .cstm_card::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.45); transition:0.3s; z-index:1;}
.main_case .cstm_card .card_head h3 {position:relative; padding-top:50px; font-size:28px; text-align:center; z-index:2;}
.main_case .cstm_card .card_body {text-align:center;}
.main_case .cstm_card .card_body .button {position:relative; z-index:2; padding-top:20px;}
.main_case .cstm_card .card_body .button .btn {display:inline-block; height:36px; line-height:34px; padding:0 35px 0 15px; color:#fff; font-size:14px; background:url(../img/reference_icon_arrow.png)no-repeat 85% 50% #0078ff; border:1px solid #0078ff; border-radius:18px; cursor:pointer; transition:0.3s;}
.main_case .cstm_card .card_body .desc {position:relative; padding:20px 40px 0; font-size:16px; transition:0.3s; z-index:2;}
.main_case .cstm_card .card_body .desc br {display:none;}
.main_case .cstm_card .card_body .image {position:absolute; width:100%; height:250px; bottom:0; right:0; transition:0.8s;}
.main_case .cstm_card1 {background-image:url(../img/main_ref_card1.png);}
.main_case .cstm_card2 {background-image:url(../img/main_ref_card2.png);}
.main_case .cstm_card3 {background-image:url(../img/main_ref_card3.png);}
.main_case .cstm_card4 {background-image:url(../img/main_ref_card4.png);}
.main_case .cstm_card1 .image {background:url(../img/mian_ref_img1.png)no-repeat 100% 0;}
.main_case .cstm_card2 .image {background:url(../img/mian_ref_img2.png)no-repeat 100% 0;}
.main_case .cstm_card3 .image {background:url(../img/mian_ref_img3.png)no-repeat 100% 0;}
.main_case .cstm_card4 .image {background:url(../img/mian_ref_img4.png)no-repeat 100% 0;}

@media all and (min-width:760px) {
  .main_case .box_tit h2 {font-size:32px;}
  .main_case .box_cont ul li {width:50%;}
  .main_case .cstm_card .card_body .desc br {display:inline;}
}

@media all and (min-width:1280px) {
  .main_case .box_tit {padding:0 40px 70px;}
  .main_case .box_tit h2 {font-size:42px;}
  .main_case .box_cont ul li {width:25%; padding:0 20px;}
  .main_case .cstm_card::before {opacity:0;}
  .main_case .cstm_card:hover::before {opacity:1;}
  .main_case .cstm_card .card_body .button .btn {padding:0 25px; background-color:#000; background-image:none; border:1px solid #000;}
  .main_case .cstm_card:hover .card_body .button .btn {padding:0 35px 0 15px; background-color:#0078ff; background-image:url(../img/reference_icon_arrow.png); border:1px solid #0078ff;}
  .main_case .cstm_card .card_body .desc {visibility:hidden; opacity:0;}
  .main_case .cstm_card .card_body .image {bottom:-250px;}
  .main_case .cstm_card:hover {box-shadow:1px 5px 10px rgba(0, 0, 0, 0.25);}
  .main_case .cstm_card:hover .card_body .desc {visibility:inherit; opacity:1;}
  .main_case .cstm_card:hover .card_body .image {bottom:0;}
}