body{font-family: 'Noto Sans KR', sans-serif; color:#111;}
body *,body :after,body :before{box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position: center;}
.container-fluid.main-page{text-align:center}
.main_top_slide_image{width:100%}
.gnb{position:fixed;top:0;right:0;left:0;z-index:80;width:100vw;font-size:0;background-color:#fff;transition:background .3s,border .3s;}
.nav-wrap .depth1-group{padding:0;margin:0;font-size:0}
.depth_1 a{display:block;padding:20px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;color:#111;transition:color .3s ease}
.gnb h1,.gnb li,.nav_wrap{display:inline-block}
.gnb_content{position:relative;width: 100%;padding:16px 20px 10px;margin:0 auto;text-align:center;}
.logo_dark{display:none}
.gnb.top_default .logo_dark{display:none}
.gnb .logo_dark{display:block}
.gnb .logo_white{display:none}
.gnb.top_default .logo_white{display:block}
.logo-link img{width:103px;height:auto}
h1.logo{vertical-align:middle;margin-bottom:15px;position:absolute;left: 1%;bottom:9px}
.nav-wrap .depth1-group .depth1-item .depth1-h2 .depth1-link{display:block;padding: 20px 10px;font-size: 18px;font-weight:500;line-height:24px;letter-spacing:0;color:#111;transition:color .3s ease}
.nav-wrap .depth1-group .depth1-item .depth1-h2{margin:0 15px}
.nav-wrap .depth1-group{padding:0;margin:0;font-size:0;display: flex;}
.nav-wrap{display:inline-block;/* margin-left:40px; */}
.all_menu{display: none;position:absolute;right:10px;bottom:29px}
.bg-img{width:100%;height:100%;background-size:cover;background-position:center}
.content{width:100%;overflow:hidden}
.title-wrap{width: 100%;padding:83px 20px 57px;margin:0 auto}

@media (max-width: 1500px) {
.title-wrap .title-desc{opacity: 1;  transform: translate(0px, 0px);}
.title-wrap .title {    translate: 0px 0px;        opacity: 1;}
}
.title-wrap .title-desc{text-align:center;font-size:36px;font-weight:400;letter-spacing:0;color: #111;.sub_desc {font-family: NotoSansCJKkr medium !important;
};.sub_desc {font-family: NotoSansCJKkr medium !important;
};font-family: NotoSansCJKkr medium !important;margin-top: 20px;}
.title-wrap .title{font-size:20px;line-height:30px;color:#0089f2;font-weight:800;text-align:center;font-family: Montserrat,sans-serif;}
.container{max-width:100%!important}
.main_sub_img>div{height:967px;position:relative;width:100%}
.main_top_text h1 p{font-size:65px;font-family:Montserrat,sans-serif;color:#fff;transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0}
.gnb.top_default{background:0 0}
.gnb.top_default a{color:#fff!important}
.main_top_img{position:relative}
.main_top_text{--padding:1.5vmin;--duration:400ms;--delay:calc(var(--duration) / 2);--ease:cubic-bezier(0.25, 1, 0.5, 1);position:absolute;top: 50%;left:50%;text-align:center;transform:translate(-50%,-50%);/* height: 300px; */}
.main_top_text div,.main_top_text span,.top_text_bottom p{color:#fff;font-size:24px;}
.top_text_bottom span{transform:translateY(-9px);-webkit-transform:translateY(0);position:relative;width:95%;display:inline-block;transform:scaleX(0);font-size:0}
.top_text_bottom span::after{content:"";position:absolute;top: -2px;left:0;background-color:#fff;height:2px;width:100%;transition:transform .4s calc(400ms / 2) cubic-bezier(.25,1,.5,1)}
.top_text_bottom{position:relative;overflow:hidden;height: 36px;margin-top: 60px;}
.top_text_bottom p{transform: translateY(101px);}
.text_wrap>*{color:#fff}
.text_wrap h2{font-size:48px;margin-top:16px;opacity:0;}
.text_wrap h3{font-size:20px;font-family:Montserrat,sans-serif}
.text_wrap p{font-size:17px;margin-top:56px}
.view_more_btn button{font-size:13px;color:#fff;display:inline-block;border-radius:32px;padding:17px 23px;margin-top:44px;position:relative;width:173px;text-align:left;border:1px solid #fff}
.view_more_btn button::after{content:url(../images/more_arrow.png);margin-left:33px;position:absolute;top:19px}
.text_wrap{position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)}
.main_sub_lists{position:relative}
.main_sub_img_wrap{width:100%;height:800px;overflow:hidden;position:relative}
.main_sub_img{position:absolute;width:100%;height:800px}
.main_sub_img.active h2,.main_sub_img.active h3{transform:translateY(0);opacity:1}
.text_wrap>*{transition:all ease .3s 0s;opacity:0;transition-delay:.1s;transform:translateY(200px)}
.main_sub_img .text_wrap p:nth-of-type(1){opacity:0;transform:translateY(200px);transition:all ease .8s 0s}
.main_sub_img .view_more_btn{transform:translateY(50px)}
.main_sub_img.active .view_more_btn{transform:translateY(0);opacity:1;transition-delay:.8s}
.main_sub_img.active .text_wrap p:nth-of-type(1){opacity:1;transform:translateX(0)}
.main_sub_img:nth-child(even) .text_wrap h2,.main_sub_img:nth-child(even) .text_wrap h3{transform:translateY(300px)}
.main_sub_img:nth-child(even).active .text_wrap h2,.main_sub_img:nth-child(even).active .text_wrap h3,.main_sub_img:nth-child(even).active .text_wrap p:nth-of-type(1){transform:translateY(0);opacity:1}
.main_sub_img:nth-child(even) .text_wrap p:nth-of-type(1){transform:translateY(300px)}
.main_sub_img_wrap .nav_bar{position:absolute;right:0;bottom:110px;left:0;z-index:1;height:12px;border-bottom:2px solid rgba(247,247,247,.2);width:100%}
.nav_circle{width:8px;height:8px;border-radius:50%;background-color:#fff;content:""}
.nav_circle_wrap{width:50%;display:flex;justify-content:space-around;margin:0 auto;position:relative;margin-top:7px}
.nav_circle_wrap p{position:absolute}
.bottom_nav_text{position:absolute;width:230px;top:-30px;left:-105px;display:inline-block;font-size:13px;color:#fff;font-family:Montserrat,sans-serif;font-weight:lighter;display:none}
.position-relative .active p{background-color:#00f}
.position-relative.active p{background-color:#0089f2}
.position-relative.active span{display:inline-block}
li{list-style:none}
.recruit_wrap .title{font-size:20px;font-family:Montserrat,sans-serif;color:#0089f2;margin: 31px auto;}
.recruit_wrap{font-family:Montserrat,sans-serif;margin: 120px 10px 90px 10px;display:inline-block;width:100%}
.recruit_wrap h3 , .recruit_wrap b{font-family: NotoSansCJKkr medium !important;color: #111;font-size: 15px;font-weight: 400;line-height: 26px;}
.recruit_list_wrap{display:flex;justify-content: center;flex-direction: column;position: absolute;left: 50%;transform: translate(-50%, -50%);top: 44%;}
.recruit_list_wrap>div{color: white;font-size: 20px;font-family:'Noto Sans KR';font-weight:500;border-radius:15px;position:relative;text-align: center;margin-bottom: 30px;}
.recruit_list_tit{color:#0089f2;font-size:15px;margin-bottom:14px}
.r_bottom{position:absolute;bottom:22px;color:gray}
.r_bottom:before{content:url(../images/icon_calendar.png);margin-right:4px;display:inline-block}


@media (min-width: 1500px) {
.recruit_list_wrap > div {
    width: 100%;
}
.recruit_list_wrap{width: 97%;}
}
@media (min-width: 2500px) {
.recruit_list_wrap > div {
}
.recruit_list_wrap{width: 57%;}
}

.business-open-wrap .business-open.left{left:0;transform-origin:left;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left}
.business-open-wrap .business-open.right{right:0;transform-origin:right;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right}
.business-open-wrap .business-open{position:absolute;bottom:0;z-index:100;height:801px;width:calc(50% - 170px);background-color:#fff}

.policy_line{background-color:#111;padding:7px;text-align: center;}
.policy_line span a{color:#969595}
.policy_line span:after{content:"|";padding:0 6px 0 7px;font-size:3px}
.policy_line span:last-child:after{content:""}
.footer_wrap{background-color:#111 ;padding:0 0 10px 0;text-align: center;}
.footer_wrap span{color:#979797}
.footer_logo{padding:23px 0 10px 0}
.gnb #navi_title li a:hover{color:#111 }
.depth1-item:hover .depth2-group{display:flex;opacity:1}
.depth2-group .depth2-item a{font-size:18px}
.depth2-group{width:410px;justify-content:flex-start;left:-19px;position:absolute;opacity:0;transition:opacity .2s ease-in-out}
.gnb li{/* float:left; *//* margin-right:40px; *//* letter-spacing:-1px; */}
.header_foldwrap{position:relative;width:39%;background:#f5f5f5}
.header_foldwrap>ul{padding:13px 3px 13px 78%;display:flex;flex-wrap:wrap;flex-direction:column;color:#111 }
.header_foldwrap>ul>li{position:relative;width:100%;height:40px;line-height:40px;margin-right:0}
.header_foldwrap>ul>li>a{font-size:15px;color:#fff;white-space:nowrap;transform:skew(.028deg)}
.header_foldwrap>ul li:after{width:7px;height:12px;position:absolute;top:36%;right:-43px;transform:translateY(-50%);background:0 0;bottom:-1px;left:0;transition:.2s ease-in}
.header_foldwrap_sub>ul li:before{content:'';width:7px;height:12px;position:absolute;top:55%;right:-43px;transform:translateY(-50%);background:url(/resources/images/right_gray.png) no-repeat center}
.header_foldwrap_sub>ul li:hover:before{background:url(/resources/images/right_red.png) no-repeat center}
.depth1-item:hover .header_foldwrap{max-height:297px}
.sub_menu_wrap{height:300px;top:80px;left:0;position:absolute;width:100%;left:0;margin:0 auto;background:#fff;display:none;overflow:hidden;transition:.2s ease-in;box-shadow:0 3px 3px rgba(0,0,0,.05);border-top:1px solid #f5f5f5;z-index:999}
.depth1-item:hover .sub_menu_wrap{display:flex}
.depth1-item .sub_menu_wrap .header_foldwrap>.foldwrap__inner li:hover>a{color:#fff!important}
.header_foldwrap>ul>li:hover{background:#333;color:#fff}
.header_foldwrap>ul>li:hover a{color:#fff}
.sub_menu_wrap .foldwrap__inner .a{color:#111 !important}
.depth1-item .sub_menu_wrap .header_foldwrap .foldwrap__inner li a{color:#111 !important;font-size:17px}
.foldwrap__inner li:hover .header_foldwrap_sub{display:flex;position:absolute;top:0;left:165px;width:130px;height:90px}
.header_foldwrap_sub .foldwrap__inner a{color:#111 }
.header_foldwrap_sub .foldwrap__inner li a{margin:0;display:inline-block}
.header_foldwrap_sub{display:none}
.header_foldwrap_sub li{width:100%;position:relative}
.header_foldwrap_sub .foldwrap__inner a{color:#111 !important}
.depth1-item .sub_menu_wrap .header_foldwrap_sub .foldwrap__inner li a{color:#111 !important}
#our_buss_slide{display:none}
.carousel-item{transition:transform .6s ease-in-out}
.carousel-item-next.carousel-item-start,.carousel-item-prev.carousel-item-end{transform:translateX(0)}
.carousel-item-next,.carousel-item-prev{transform:translateX(0)}
.carousel-caption h3{color:#fff;font-size:25px;display:inline-block;/* height: 32px; */margin-bottom: 22px;}
.carousel-caption p{color:#fff;height: 37px;line-height: 14px;display:flex;justify-content:center;align-items:center}
.infra_servers .sub_item_imgs .sub_items{width:300px;position:relative;padding:15px 15px 35px 15px}
.infra_servers .sub_item_imgs img{box-shadow:none}
.sub_item_imgs h4{margin:0 auto}
.sub_item_imgs .sub_items p{padding:2px 15px;margin:15px auto}
.infra_servers .sub_item_imgs{justify-content:center;gap:4%}
.infra_servers .sub_img{height:740px}
.infra_servers .sub_items img{box-shadow:none!important}
.color-dark-gray{    color: #666666 !important;}
.color-dark-white{    color: #eeeeee !important;}
.color-dark-white2{    color: #cee1ef !important;}
.bg-blue{    background-color: #004b84 !important;}
.color-white{    color: #ffffff !important;}
.pointer{cursor: pointer;}
.sub_desc{font-family:NotoSansCJKkr medium!important;font-size:15px}
.sub_items .view_more_btn button{color:#111;border:1px solid gray;background:#a3a3a347;margin-top:0;padding:15px 19px}
.sub_item_imgs .sub_items .view_more{position:absolute;bottom:7px;left:50%;transform:translate(-50%,-50%);margin:0}
.sub_items button{border:none;color:#51a2fb;font-weight:600}
button.close{font-size:22px;border:none}
.infra_pop .modal-footer{border-top:none}
.recruit_btn_wrap button{padding:11px 40px;border-radius:23px;background-color:#2d9bf4;color:#fff;font-weight:500;font-size:17px}
.recruit_bg_wrap{height:490px;position:relative;margin-top:41px}
.recruit_list_wrap b{color:#fff;font-size:19px}
.recruit_list_wrap span{font-size:19px;color:#fff}
.recruit_list_wrap .recruit_btn_wrap{margin-top:40px;margin-bottom:0}
.footer_logo img{width:103px}

.footer_wrap{background: none;padding: 30px 0 60px 0;display: flex;justify-content: center;vertical-align: middle;}
.footer_wrap span{color: #111;}
.footer_logo{padding: 0px 20px;margin-top: 7px;}





@media (min-width: 769px) {
    .gnb .navigation-header:before{content:"";position:absolute;right:0;bottom:0;left:0;z-index:100;height:1px;background-color:rgba(247,247,247,.2)}
    .gnb .navigation-header:before{background-color:rgba(247,247,247,.2)}   
}
    
@media (max-width:769px){ 
        .content{margin-top:90px}
        .gnb_content{width:100%;padding:0;background:#fff;}
        .gnb.top_default a{color:#111 !important}
        .depth1-group{display:flex;justify-content:center;flex-direction:column}
        .nav-wrap{display:none}
        .on .nav-wrap{display:inline-block;width: 100%;}
        .on .all_menu{display:none;}
        nav.nav-wrap{margin: 40px auto 0px;}
        .gnb.on.top_default{bottom:0;top:0;height:100%;background:#fff}
        .all_menu{bottom:-50px;display: inline-block;}
        h1.logo{bottom:-77px;left:15px}
        .gnb.top_default .logo_dark{display:inline-block}
        .gnb.top_default .logo_white{display:none}
        .on .logo{display:none}
        .side-menu-close{position:absolute;top:22px;right:10px;display:block;width:27px;height:27px;background-color:rgba(0,0,0,0)}
        .side-menu-close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg)}
        .gnb .side-menu-close:after,.gnb .side-menu-close:before{content:"";position:absolute;left:calc(50% - 12px);top:calc(50% - 1px);display:block;width:24px;height:2px;background-color:#111;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform-origin:center center}
        .gnb .side-menu-close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg)}
        .on .side-menu-close{display:block}
        .side-menu-close{display:none}
        .main_top_text h1 p{font-size:25px;line-height:32px;word-break:keep-all}
        .main_top_slide_image{display:none}
        .main_top_slide_images{background:url(../images/img/main_top.jpg) no-repeat;width:100%;min-height:290px;background-position:79% center;background-size:170%}
        .main_top_text{width:80%;}
        .top_text_bottom{height: 50px;}
        .navigation-header{height:70px;width:97%;/* border-bottom: 1px solid #e1e1e1; */}

        .footer_wrap{flex-direction:column;align-items:flex-start}
        .footer_wrap div{text-align:left}
        .footer_logo{padding:6px 3px}
        .footer_wrap span{font-size:11px;display: block;}
        .footer_logo img{width:76px}
        .gnb.on .gnb_content{position:fixed;top:0;bottom:0}
}