@media screen and (max-width:1024px) {

/* header */
#header{position: fixed;left: 0;top: 0;width: 100%;z-index: 2000;transition:.3s;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 80px;width: 100%;}
#header h1 a{display: block;width: 200px;height: 26px;background: url(../images/main/main_logo01.png);background-size: cover;transition:.3s;}
#header .btn_box{display: flex;align-items: center;gap:20px;}
#header .all_btn{display: none; position: relative;width: 22px;height: 19px;}
#header .all_btn span{position: absolute; width: 100%;height: 2px;background: #fff;left: 0;transition: .3s;}
#header .all_btn span:nth-child(1){top: 0;}
#header .all_btn span:nth-child(2){top: 50%;transform: translate(-50% , -50%);left: 50%;}
#header .all_btn span:nth-child(3){bottom: 0;}
#header .all_btn.on span{background: #000;}
#header .all_btn.on span:nth-child(1){top: 50%;transform: translateY(-50%) rotate(45deg);}
#header .all_btn.on span:nth-child(2){opacity: 0;}
#header .all_btn.on span:nth-child(3){top: 50%;transform: translateY(-50%) rotate(-45deg);}
#header .navi_btn{display: block; position: relative;width: 22px;height: 19px;}
#header .navi_btn span{position: absolute; width: 100%;height: 2px;background: #000;left: 0;transition: .3s;}
#header .navi_btn span:nth-child(1){top: 0;}
#header .navi_btn span:nth-child(2){top: 50%;transform: translate(-50% , -50%);left: 50%;}
#header .navi_btn span:nth-child(3){bottom: 0;}
#header .navi_btn.on span{background: #000;}
#header .navi_btn.on span:nth-child(1){top: 50%;transform: translateY(-50%) rotate(45deg);}
#header .navi_btn.on span:nth-child(2){opacity: 0;}
#header .navi_btn.on span:nth-child(3){top: 50%;transform: translateY(-50%) rotate(-45deg);}

#header.white{background: #fff;}
#header.white h1 a{background: url(../images/main/main_logo01.png);background-size: cover;}
#header.white .all_btn span{background: #000;}
#header.white .gnb > li > a{color: #000;}
#header.white .gnb > li.on > a{color: var(--color_primary);}

#header.on{background: #fff;}
#header.on h1 a{background: url(../images/main/main_logo01.png);background-size: cover;}
#header.on .all_btn span{background: #000;}
#header.on .gnb > li > a{color: #000;}
#header.on .gnb > li.on > a{color: var(--color_primary);}


/* gnb */
.menu_box{position: absolute;display: none; left: 0;width: 100%;top: 0;align-items: center;justify-content: center;}
.gnb{display: flex;}
.gnb > li > a{display: block;line-height: 100px;text-align: center;width: 190px;font-size: 17px;transition: .3s;font-weight: 700;color: #fff;}
.gnb > li .fade_box{display: none; position: absolute;width: 100%; left: 0;top: 100%;background: #fafafa;}
.gnb > li ul{display: flex;width: 100%;justify-content: center;gap:50px;}
.gnb > li ul li a{position: relative; display: block;line-height: 100px;color: #232323;font-weight: 600;}
.gnb > li ul li a:hover{color: var(--color_primary);}
.gnb > li ul li a:after{content:'';position: absolute;right: -26px;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #232323;}
.gnb > li ul li:last-child a:after{display: none;}

/* all_menu */
#all_menu{display: none; position: absolute;left: 0;top: 100px;width: 100%;background: #fafafa;z-index: 2000;padding: 50px 0;}
#all_menu ul{display: flex;justify-content: center;}
#all_menu ul li{width: 190px;}
#all_menu ul li a{display: block;text-align: center;font-size: 17px;margin-bottom: 15px;transition: .2s;}
#all_menu ul li a:hover{color: var(--color_primary);}
#all_menu ul li a:last-child{margin-bottom: 0;}


/* 네비게이션 */
#navigation{display: none; position: fixed;left: 0;top: 80px;z-index: 1000;width: 100%;height: calc(100vh - 80px);background: rgba(0,0,0,.5);}
#navigation .navi_box{position: absolute; width: 50%;right: 0;top: 0;background: #fff;height: 100%;}
#navigation .navi_box > ul > li > a{position: relative; display: block;line-height: 60px;padding: 0 20px;border-top: 1px solid #ddd;font-size: 16px;}
#navigation .navi_box > ul > li > a:after{content:'';position: absolute;transition: .3s; right: 20px;top: 50%;transform: translateY(-50%);width: 12px;height: 8px;background: url(../images/main/navi_ico01.png);}
#navigation .navi_box > ul > li > a.no_ico:after{display: none;}
#navigation .navi_box > ul > li.on > a:after{transform:  translateY(-50%) rotate(180deg);}
#navigation .navi_box > ul > li:last-child > a{border-bottom: 1px solid #ddd;}
#navigation .navi_box > ul > li ul{display: none; background: #f4f4f4;padding: 15px 20px;border-top: 2px solid var(--color_primary);}
#navigation .navi_box > ul > li ul li a{display: block; line-height: 35px;font-size: 16px;}
#navigation .navi_box > ul > li ul li.on a{color: var(--color_primary);font-weight: 600;}


/* visual_wrap */
#visual_wrap{position: relative; height: 650px;margin-top: 80px;background-size: 100%;overflow: hidden;}
#visual_wrap .bg_box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/main/main_visual01.jpg) center no-repeat;background-size: cover;animation: visualBg 4s ease-in-out infinite alternate;}
@keyframes visualBg{
    from{ transform: scale(1);}
    to{transform: scale(1.15);}
}
#visual_wrap .con_box{position: relative; display: flex; padding-left: 2.6%;padding-top: 120px;z-index: 10;}
#visual_wrap .con_box .left_box{width: 430px;color: #fff;}
#visual_wrap .con_box .left_box p{font-size: 55px;line-height: 65px;font-weight: 800;letter-spacing: -4px;}
#visual_wrap .con_box .left_box span{display: block;margin: 20px 0 60px;font-size: 27px;line-height: 45px; letter-spacing: -2px;}
#visual_wrap .con_box .left_box a{display: flex;width: 270px;height: 65px;border-radius: 30px;font-size: 25px;font-weight: 600;background: #E5A300; color: #fff;align-items: center;justify-content: center;}

#visual_wrap .con_box .right_box{position: relative; width: calc(100% - 430px);top: -20px;}
#visual_wrap .con_box .right_box .slick-list{padding-top: 20px;}
#visual_wrap .con_box .right_box ul li{position: relative; display: block;margin-right: 30px;width: 280px; height: 390px; padding: 40px 30px 0 30px;background: #ebecf1;border-radius: 20px;transition: .5s;top: 0;}
#visual_wrap .con_box .right_box ul li.slick-active{top: -20px;background: #fff;}
#visual_wrap .con_box .right_box ul li:hover{background: #fff;padding-top: 40px;}
#visual_wrap .con_box .right_box ul li p{font-size: 25px;font-weight: 700;}
#visual_wrap .con_box .right_box ul li img{display: block;margin: 15px 0 10px;width: 140px;}
#visual_wrap .con_box .right_box ul li span{font-size: 17px;line-height: 23px;}
#visual_wrap .con_box .right_box ul li a{position: absolute;bottom: 30px;right: 30px;width: 80px;height: 35px;opacity: 0;transition: .3s;transition-delay: .1s;opacity: 1; font-size: 15px;}
#visual_wrap .con_box .right_box ul li:hover a{opacity: 1;}

#visual_wrap .slide_items{position: absolute;display: flex;gap:25px;align-items: center;bottom: 40px;left: 50%;transform: translateX(-50%);justify-content: center;}
#visual_wrap .slide_items .arrow{display: flex;align-items: center;gap:15px;}
#visual_wrap .slide_items .arrow img{width: 60px;}
#visual_wrap .slide_items .numcount{display: flex;gap:8px;align-items: center;color: rgba(255,255,255,.5);font-size: 23px;font-weight: 700;}
#visual_wrap .slide_items .numcount .now{color: #fff;}
#visual_wrap .slide_items .btn_box i{font-size: 25px;color: #fff;}
#visual_wrap .slide_items .play{display: none;}


/* section01 */
#section01{padding: 140px 0;background: url(../images/main/sec01_bg01.jpg) no-repeat center;background-size: cover;}
#section01 .inner{display: flex;align-items: center;gap:70px;justify-content: center;flex-direction: column;}
#section01 .right_box .tit_box{margin-bottom: 100px;text-align: center;}
#section01 .right_box .tit_box p{font-size: 20px;font-weight: 700;margin-bottom: 30px;}
#section01 .right_box .tit_box h2{font-size: 50px;color: #1286db;}
#section01 .right_box ul{display: flex;padding-right: 0px;justify-content: center;gap:50px;}
#section01 .right_box ul li .tit{font-size: 24px;font-weight: 700;}
#section01 .right_box ul li .num_box{display: flex;align-items: flex-end;margin: 35px 0 25px;}
#section01 .right_box ul li .num_box p{font-size: 100px;font-weight: 700;}
#section01 .right_box ul li:nth-child(1) .num_box p{width: 132px;}
#section01 .right_box ul li:nth-child(2) .num_box p{width: 112px;}
#section01 .right_box ul li:nth-child(3) .num_box p{width: 120px;}
#section01 .right_box ul li .num_box span{position: relative; font-weight: 500;font-size: 24px;top: -12px;}
#section01 .right_box ul li .txt{font-size: 20px;color: #fff;line-height: 36px;width: 147px; border-radius: 10px;background: var(--color_primary);text-align: center;}


/* section02 */
#section02{padding: 80px 0 100px;}
#section02 h2{font-size: 45px;text-align: center;margin-bottom: 50px;}
#section02 ul{display: flex;gap:10px;}
#section02 ul li{width: calc((100% - 20px)/3);}
#section02 ul li a{position: relative; display: block; padding: 30px 20px 30px;top: 0; border-radius: 20px;background: #f5f5f5;height: 290px;transition: .3s;}
#section02 ul li a:hover{top: -0px;box-shadow: 2px 10px 25px 0px rgba(0,0,0,.2);}
#section02 ul li strong{display: block;font-size: 22px;line-height: 30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section02 ul li p.txt{font-size: 17px;line-height: 27px;font-weight: 500; margin: 17px 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section02 ul li span{font-size: 14px;color: #454545;}
#section02 ul li .btn_st01{bottom: 30px;right: 20px; margin-top: 30px;margin-left: auto;width: 100px;height: 40px;font-size: 15px;}


/* footer */
#footer{background: #e9f7ff;}
#footer .top_box{padding: 70px 0;}
#footer .top_box .inner{display: block;justify-content: space-between;}
#footer .top_box .left{display: block;gap:80px;}
#footer .top_box .left ul{display: flex; padding-top: 20px;gap:45px;}
#footer .top_box .left ul li p{font-size: 20px;font-weight: 700;margin-bottom: 20px;}
#footer .top_box .left ul li a{display: block;font-weight: 500;margin-bottom: 15px;font-size: 15px;}
#footer .top_box .left ul li a span{padding: 0 10px;}
#footer .top_box .right{display: flex; padding: 15px 40px 0;gap:15px; height: 80px;border-radius: 40px;color: #fff;background: var(--color_primary);}
#footer .top_box .right .txt01{position: relative; font-weight: 700;font-size: 18px;top: 4px;}
#footer .top_box .right .txt02 p{font-size: 25px;font-weight: 800;margin-bottom: 5px;}
#footer .top_box .right .txt02 span{font-size: 18px;font-weight: 500;}

#footer .bot_box{padding: 40px 0 60px;border-top: 1px solid #58adeb;}
#footer .bot_box .inner{display: flex;justify-content: space-between;}
#footer .bot_box .left address{line-height: 24px;font-weight: 500;font-style: normal;margin-bottom: 10px;}
#footer .bot_box .left p{font-size: 14px;color: #666;}
#footer .bot_box ul{display: flex;gap:15px;}
#footer .bot_box ul li a{font-weight: 600;color: var(--color_primary);}


/* ------------------------------------------sub------------------------------------------ */
.sub_wrap{margin-top: 80px;}

.con_wrap{padding: 70px 0;}
.con_wrap.st02{padding: 70px 0;}
.con_wrap.board_wrap{padding: 70px 0;}


/* 서브 타이틀 */
.sub_tit_box{margin-bottom: 50px;text-align: center;}
.sub_tit_box .txt01{padding: 0 20px;width: fit-content;margin: 0 auto;line-height: 40px;border-radius: 24px; background: #D9ECFF;color: #3386FF;font-size: 20px;font-weight: 700;}
.sub_tit_box h2{font-size: 45px;margin-top: 25px;}
.sub_tit_box .txt02{font-size: 32px;line-height: 1.4;color: var(f--font_gray);margin-top: 25px;}

.sub_tit{font-size: 32px;font-weight: 700;color: var(--font_gray);text-align: center;}
.con_tit01{padding-bottom: 13px;margin-bottom: 25px;border-bottom: 1px solid #E4EAF0;color: #6C7680;font-size: 22px;font-weight: 700;}
.con_tit02{position: relative;}
.con_tit02:after{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 4px;background: #E1EDFF;z-index:-1;}
.con_tit02.orage:after{background: #FFF2DF;}
.con_tit02 p{position: relative; display: flex;align-items: center;gap:8px;padding: 0 20px;margin: 0 auto; border-radius: 32px;height: 50px;background: #E1EDFF;width: fit-content;}
.con_tit02.orage p{background: #FFF2DF;}
.con_tit02 p span{font-size: 20px;font-weight: 700;color: #64A8FF;}
.con_tit02.orage p span{color: #FF8000;}


/* 탭메뉴 */
.sub_menu_box{display: flex;gap:60px 25px;margin-bottom: 45px;}
.sub_menu_box a{font-size: 30px;font-weight: 700;color: #98A5B3;}
.sub_menu_box a.on{color: #000;}


/* 서브 비주얼 */
.sub_visual{position: relative; height: 300px;background: url(../images/sub/sub_visual_bg.jpg) center no-repeat;background-size: cover;overflow: hidden;}
.sub_visual .inner{position: relative; width: 100%;}
.sub_visual .txt_box{margin-top: 90px;}
.sub_visual .txt_box p{font-size: 24px;font-weight: 700;color: var(--color_primary);}
.sub_visual .txt_box h3{margin: 20px 0 50px;font-size: 45px;font-weight: 800;}
.sub_visual .txt_box ul{display: flex;align-items: center;gap:20px;}
.sub_visual .txt_box ul li{font-size: 18px;font-weight: 700;}
.sub_visual .txt_box ul li:last-child{color: var(--color_primary);}
.sub_visual .logo_box{position: absolute;right: -10px;bottom: -10px;}
.sub_visual .logo_box img{width: 400px;}


/* 서브 컨텐츠 비주얼 */
.con_visual_wrap{margin-bottom: 120px;}
.con_visual_wrap .vis01{position: relative;border-radius: 27px;overflow: hidden;height: 400px;margin-bottom: 80px;}
.con_visual_wrap .vis01 img{width: 100%;height: 100%;object-fit: cover;}
.con_visual_wrap .vis01 p{position: absolute;left: 40px;bottom: 40px;font-size: 32px;font-weight: 700;color: #fff;line-height: 1.5;}
.con_visual_wrap .vis02{display: flex;}
.con_visual_wrap .vis02 .left_box{width: 190px;font-size: 32px;font-weight: 700;color: var(--font_gray);}
.con_visual_wrap .vis02 .right_box{width: calc(100% - 190px);font-size: 20px;line-height: 1.6;}
.con_visual_wrap .vis02 .right_box p:not(:last-child){margin-bottom: 20px;}
.con_visual_wrap .vis02 .right_box p strong{font-weight: 600;}



/* sub0101 AX 업무지원 */    
.sub0101_wrap .con01{margin-bottom: 130px;}
.sub0101_wrap .con01 ul{display: flex;gap:20px;flex-wrap:wrap;}
.sub0101_wrap .con01 li{position: relative;width: calc((100% - 20px)/2);border-radius: 20px;overflow: hidden;}
.sub0101_wrap .con01 li img{width: 100%;}
.sub0101_wrap .con01 li p{position: absolute;bottom: 25px;left: 0;width: 100%;text-align: center;font-size: 28px;font-weight: 600;color: #fff;}
.sub0101_wrap .con02 .box{display: block;}
.sub0101_wrap .con02 .box:not(:last-child){margin-bottom: 120px;}
.sub0101_wrap .con02 .box .left_box{display: flex; width: 100%;margin-bottom: 40px;align-items: center;gap:20px;}
.sub0101_wrap .con02 .box .left_box p{font-size: 32px;font-weight: 700;color: var(--font_gray);margin-bottom: 0px;}
.sub0101_wrap .con02 .box .left_box span{font-weight: 500;line-height: 1.4;color: var(--font_gray);}
.sub0101_wrap .con02 .box .left_box span br{display: none;}
.sub0101_wrap .con02 .box .right_box{width: 100%;}
.sub0101_wrap .con02 .box .right_box li{display: flex;align-items: center;padding: 20px;gap:30px; height: 150px;border-radius: 80px;margin-bottom: 20px; background: #F7F9FA;}
.sub0101_wrap .con02 .box .right_box li:last-child{margin-bottom: 0;}
.sub0101_wrap .con02 .box .right_box li .txt01{display: flex;align-items: center;width: 220px; justify-content: center;height: 100%;background: #fff;border-radius: 400px;}
.sub0101_wrap .con02 .box .right_box li .txt01 span{font-size: 21px;line-height: 1.3;font-weight: 700;text-align: center;}
.sub0101_wrap .con02 .box .right_box li .txt02{width: calc(100% - 250px);font-size: 19px;font-weight: 500;line-height: 1.6;color: var(--font_gray);}


/* sub0102_wrap  ERP-MANager*/
.sub0102_wrap.sub0106_wrap .con02 .box_wrap ul li{width: calc((100% - 30px) / 4);}


/* sub0103_wrap MES/POP-MANager*/
.sub0103_wrap.sub0106_wrap .con02 .box_wrap ul li:last-child{width: calc((100% - 20px) / 3);}


/* sub0105 SCM-MANager */
.sub0105_wrap .con:not(:last-child){margin-bottom: 130px;}
.sub0105_wrap .con .sub_tit{margin-bottom: 40px;}  
.sub0105_wrap .con01 .box_wrap{padding: 80px 0;border-radius: 30px;background: #f6f6f6;}
.sub0105_wrap .con01 .box_wrap .bg_box{width: 925px;max-width: calc(100% - 40px);margin: 0 auto;}
.sub0105_wrap .con01 .box_wrap .box01{position: relative;border-radius: 10px;background: #fff;border: 2px solid #1666bd;padding: 40px 0;}
.sub0105_wrap .con01 .box_wrap .box01 ul{display: flex;gap:85px;justify-content: center;}
.sub0105_wrap .con01 .box_wrap .box01 ul li{position: relative; display: flex; border-radius: 10px;height: 90px;width: 150px; font-size: 24px;font-weight: 700;line-height: 24px;text-align: center; align-items: center;justify-content: center;background: #e9f6ff;}
.sub0105_wrap .con01 .box_wrap .box01 ul li:after{content:'';position: absolute;left: -78px;top: 50%;transform: translateY(-50%);width: 70px;height: 1px;background: #7fb2d7;}
.sub0105_wrap .con01 .box_wrap .box01 ul li:first-child:after{display: none;}
.sub0105_wrap .con01 .box_wrap .box01 p.tit{position: absolute;top: -15px;left: 50%;width: 190px;text-align: center; transform: translateX(-50%);font-size: 28px;font-weight: 700;color: #024a95;}      
.sub0105_wrap .con01 .box_wrap .box01 p.tit::after{content:''; position: absolute;left: 0;top: 0;width: 100%;height: 50%;background: #f6f6f6;z-index: -1;}
.sub0105_wrap .con01 .box_wrap .box01 p.tit::before{content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background: #fff;z-index: -1;}
.sub0105_wrap .con01 .box_wrap .box02{display: flex; margin: 40px 0;gap:40px;}
.sub0105_wrap .con01 .box_wrap .box02 .left{display: flex; width: calc(100% - 190px);height: 120px;border-radius: 10px;flex-direction: column;background: #1286db; gap:13px;text-align: center;justify-content: center;align-items: center;color: #fff;}
.sub0105_wrap .con01 .box_wrap .box02 .left p{font-size: 28px;font-weight: 700;}
.sub0105_wrap .con01 .box_wrap .box02 .left span{font-size: 22px;}
.sub0105_wrap .con01 .box_wrap .box02 .right{display: flex;width: 150px; height: 120px;border-radius: 10px;align-items: center;justify-content: center;background: #c8e0f1;font-size: 24px;font-weight: 700;}
.sub0105_wrap .con01 .box_wrap .box03{position: relative;border-radius: 10px;background: #fff;border: 2px solid #13965d;padding: 40px;}
.sub0105_wrap .con01 .box_wrap .box03 p.tit{position: absolute;bottom: -15px;left: 50%;width: 280px;text-align: center; transform: translateX(-50%);font-size: 28px;font-weight: 700;color: #13965d;}      
.sub0105_wrap .con01 .box_wrap .box03 p.tit::after{content:''; position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background: #f6f6f6;z-index: -1;}
.sub0105_wrap .con01 .box_wrap .box03 p.tit::before{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 50%;background: #fff;z-index: -1;}
.sub0105_wrap .con01 .box_wrap .box03 ul{display: flex;justify-content: space-between;}
.sub0105_wrap .con01 .box_wrap .box03 ul li{display: flex;align-items: center;justify-content: center;width: 75px; height: 60px;border-radius: 10px;font-size: 18px;font-weight: 700;background: #e1f1ea;}

.sub0105_wrap .con02 .box_wrap{display: block;padding: 40px 40px;border-radius: 30px;background: #f6f6f6;align-items: center;justify-content: space-between;}
.sub0105_wrap .con02 .box_wrap .left_box{margin-bottom: 40px;}
.sub0105_wrap .con02 .box_wrap .left_box ul li{display: flex;flex-direction: column;align-items: center;}
.sub0105_wrap .con02 .box_wrap .left_box ul li:not(:last-child){margin-bottom: 30px;}
.sub0105_wrap .con02 .box_wrap .left_box ul li .tit{padding: 0 40px;line-height: 46px;border-radius: 23px;margin-bottom: 20px; background: #024a95;color: #Fff;font-size: 24px;font-weight: 700;width: fit-content;}
.sub0105_wrap .con02 .box_wrap .left_box ul li .txt p{font-size: 24px;margin-bottom: 10px;text-align: center;}
.sub0105_wrap .con02 .box_wrap .left_box ul li .txt p:last-child{margin-bottom: 0;}
.sub0105_wrap .con02 .box_wrap .right_box img{display: block;margin: 0 auto;}

.sub0105_wrap .con03 .box_wrap{position: relative; display: flex; padding: 40px;border-radius: 30px;border: 2px solid #1286db;gap:30px;justify-content: center;}
.sub0105_wrap .con03 .box_wrap p.tit{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);width: 90px;line-height: 90px;border-radius: 25px;font-size: 22px;font-weight: 700;text-align: center;color: #fff;background: #044183;}
.sub0105_wrap .con03 .box_wrap .con_box{width: calc((100% - 40px)/2);}
.sub0105_wrap .con03 .box_wrap .box{display: flex; width: 100%;max-width: 400px; height: 250px;padding: 0 25px;flex-direction: column;gap:15px;justify-content: center;background: #ecf9ff;margin-bottom: 30px;border-radius: 15px;}
.sub0105_wrap .con03 .box_wrap .box:last-child{margin-bottom: 0;}
.sub0105_wrap .con03 .box_wrap .box p{font-size: 20px;font-weight: 700;color: #085fba;}
.sub0105_wrap .con03 .box_wrap .box ul li{margin-bottom: 13px;font-size: 18px;}
.sub0105_wrap .con03 .box_wrap .box ul li:last-child{margin-bottom: 0;}
.sub0105_wrap .con03 .box_wrap .right_box .box{background: #e7f6ef;}
.sub0105_wrap .con03 .box_wrap .right_box .box p{color: #057444;}


/* sub0106 EHS-MANager */
.sub0106_wrap{color: var(--font_gray);}
.sub0106_wrap .con_st01 ul{display: flex;gap:10px;}
.sub0106_wrap .con_st01 ul li{width: calc((100% - 20px)/3);border: 1px solid #EDF1F5;border-radius: 15px;overflow: hidden;}
.sub0106_wrap .con_st01 ul li p{padding: 15px 0;font-size: 20px;font-weight: 700;text-align: center;background: #E4EAF0;}
.sub0106_wrap .con_st01 ul li span{display: block; padding: 23px 0;font-size: 17px;font-weight: 500;text-align: center;background: #F7F9FA;}

.sub0106_wrap .con01{margin-bottom: 60px;}
.sub0106_wrap .con01 .sub_tit{margin-bottom: 45px;}

.sub0106_wrap .con02{margin-bottom: 45px;}
.sub0106_wrap .con02 .con_tit02{margin-bottom: 45px;}
.sub0106_wrap .con02 .box_wrap{padding: 20px;border-radius: 32px;background: rgba(126, 183, 255, 0.16);}
.sub0106_wrap .con02 .box_wrap .sub_tit{margin-bottom: 20px;}
.sub0106_wrap .con02 .box_wrap ul{display: flex;gap:10px;flex-wrap:wrap;}
.sub0106_wrap .con02 .box_wrap ul li{width: calc((100% - 20px)/3);border-radius: 15px;background: #fff;padding: 23px 0;}
.sub0106_wrap .con02 .box_wrap ul li:last-child{width: 100%;}
.sub0106_wrap .con02 .box_wrap ul li p{font-size: 20px;font-weight: 600;text-align: center;}
.sub0106_wrap .con02 .box_wrap ul li span{display: block;margin-top: 13px;text-align: center;font-size: 15px;font-weight: 600;}

.sub0106_wrap .con03{margin-bottom: 100px;}
.sub0106_wrap .con03 .con_tit02{margin-bottom: 45px;}

.sub0106_wrap .con04{display: block;margin-bottom: 100px;}
.sub0106_wrap .con04 .sub_tit{width: 100%;}
.sub0106_wrap .con04 .right_box{width: 100%;}
.sub0106_wrap .con04 .right_box ul li{display: flex;align-items: center;gap:20px;margin-bottom: 60px;}
.sub0106_wrap .con04 .right_box ul li:last-child{margin-bottom: 0;}
.sub0106_wrap .con04 .right_box ul li img{width: 350px;}
.sub0106_wrap .con04 .right_box ul li .txt{width: calc(100% - 370px);}
.sub0106_wrap .con04 .right_box ul li .txt p{font-size: 28px;font-weight: 700;margin-bottom: 10px;}
.sub0106_wrap .con04 .right_box ul li .txt span{font-size: 16px;font-weight: 500;line-height: 1.6;}

.sub0106_wrap .con05 .sub_tit{margin-bottom: 40px;text-align: left;}
.sub0106_wrap .con05 ul{display: flex;gap:10px;flex-wrap:wrap;}
.sub0106_wrap .con05 ul li{width: calc((100% - 10px)/2);border-radius: 20px;overflow: hidden;box-shadow: 5px 1px 15px 0px rgba(0,0,0,.1);}
.sub0106_wrap .con05 ul li img{width: 100%;}
.sub0106_wrap .con05 ul li .txt_box{padding: 25px 17px;}
.sub0106_wrap .con05 ul li .txt_box p.tit{font-size: 24px;font-weight: 700;margin-bottom: 15px;}
.sub0106_wrap .con05 ul li .txt_box .txt p{position: relative; padding-left: 20px;margin-bottom: 6px;font-size: 16px;line-height: 1.6;}
.sub0106_wrap .con05 ul li .txt_box .txt p:last-child{margin-bottom: 0;}
.sub0106_wrap .con05 ul li .txt_box .txt p:after{content:'';position: absolute;left: 7px;top:12px;width: 4px;height: 4px;border-radius: 50%;background: var(--font_gray);}


/* sub02_wrap 산업별 솔루션*/
.con_wrap.sub02_wrap{padding: 0;color: #3D454D;}
.sub02_wrap .con_box01{padding: 70px 0;}
.sub02_wrap .con_box01 .con01{padding: 35px 20px;border-radius: 25px;background: #fff;margin-bottom: 60px;}
.sub02_wrap .con_box01 .con01 h4{font-size: 30px;text-align: center;margin-bottom: 30px;}
.sub02_wrap .con_box01 .con01 ul{display: flex;justify-content: space-between;}
.sub02_wrap .con_box01 .con01 ul li a{display: flex; width: 90px;height: 80px;border-radius: 10px;padding: 10px; border: 1px solid #F7F9FA; flex-direction: column;align-items: center;justify-content: space-between;}
.sub02_wrap .con_box01 .con01 ul li.on a{background: #64A8FF;}
.sub02_wrap .con_box01 .con01 ul li a .ico{position: relative;transition: cubic-bezier(.165, .84, .44, 1) .25s;}
.sub02_wrap .con_box01 .con01 ul li a .ico img{width: 40px;}
.sub02_wrap .con_box01 .con01 ul li a .ico img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0 ;}
.sub02_wrap .con_box01 .con01 ul li a:hover .ico{transform: scale(1.08);}
.sub02_wrap .con_box01 .con01 ul li.on a .ico img:nth-child(1){opacity: 0;}
.sub02_wrap .con_box01 .con01 ul li.on a .ico img:nth-child(2){opacity: 1;}
.sub02_wrap .con_box01 .con01 ul li a p{font-size: 13px;font-weight: 700;color: #828D99;}
.sub02_wrap .con_box01 .con01 ul li.on a p{color: #fff;}

.sub02_wrap .con_box01 .con02{position: relative; height: 400px;border-radius: 25px;overflow: hidden;margin-bottom: 60px;}
.sub02_wrap .con_box01 .con02 img{width: 100%;height: 100%;object-fit: cover;}
.sub02_wrap .con_box01 .con02 .txt_wrap{position: absolute;bottom: 45px;left: 40px;color: #fff;}
.sub02_wrap .con_box01 .con02 .txt_wrap .txt01{padding: 0 20px;line-height: 45px;border-radius: 24px;width: fit-content; font-size: 20px;font-weight: 700; background: rgba(100,168,255,.16);color: #64A8FF;}
.sub02_wrap .con_box01 .con02 .txt_wrap .txt02{font-size: 50px;font-weight: 700;margin: 16px 0;}
.sub02_wrap .con_box01 .con02 .txt_wrap .txt03{font-size: 22px;font-weight: 600;line-height: 1.4;}
.sub02_wrap .con_box01 .con02 .txt_wrap .txt04{font-weight: 600;line-height: 1.6;margin-top: 16px;font-size: 14px;}

.sub02_wrap .con_box01 .con03{position: relative; display: flex;justify-content: center;align-items: flex-start;}
.sub02_wrap .con_box01 .con03 .left_box{position: sticky; width: 50%;top: 40vh;max-width: 512px;}
.sub02_wrap .con_box01 .con03 .left_box .txt01{font-size: 35px;font-weight: 700;margin-bottom: 16px;}
.sub02_wrap .con_box01 .con03 .left_box .txt01 span{color: #3386FF;}
.sub02_wrap .con_box01 .con03 .left_box .txt02{font-size: 17px;font-weight: 500;color: #6C7680;line-height: 1.4;}
.sub02_wrap .con_box01 .con03 .right_box{width: 40%;max-width: 40%;}
.sub02_wrap .con_box01 .con03 .right_box ul li{position: relative; margin-bottom: 24px;padding-left: 20px;font-size: 20px;font-weight: 600;}
.sub02_wrap .con_box01 .con03 .right_box ul li:last-child{margin-bottom: 0;}
.sub02_wrap .con_box01 .con03 .right_box ul li:after{content:'';position: absolute;left: 0;top: 10px;width: 6px;height: 6px;border-radius: 50%;background: #3386FF;}

.sub02_wrap .con_box02 .con{padding: 120px 0;}
.sub02_wrap .con_box02 .con .tit_box{margin-bottom: 30px;}
.sub02_wrap .con_box02 .con .tit_box p{padding: 0 17px;line-height: 35px;border-radius: 24px;background: #D9ECFF;font-size: 17px;font-weight: 700;color: #3386FF;margin: 0 auto 20px;width: fit-content;}
.sub02_wrap .con_box02 .con .tit_box h3{font-size: 35px;text-align: center;}
.sub02_wrap .con_box02 .con01{background: #F7F9FA;}
.sub02_wrap .con_box02 .con01 ul{display: flex;gap:10px;flex-wrap:wrap;}
.sub02_wrap .con_box02 .con01 ul li{width: calc((100% - 10px)/2);border-radius: 16px;border: 1px solid #E4EAF0;background: #fff;padding: 28px;}
.sub02_wrap .con_box02 .con01 ul li:last-child{width: 100%;}
.sub02_wrap .con_box02 .con01 ul li .txt01{display: flex;align-items: center;gap:8px;margin-bottom: 9px;}
.sub02_wrap .con_box02 .con01 ul li .txt01 span{color: rgba(14,165,233,.6);font-size: 20px;font-weight: 700;}
.sub02_wrap .con_box02 .con01 ul li .txt01 p{padding: 0 12px;line-height: 32px;font-size: 14px;font-weight: 700; border-radius: 16px;background: rgba(14,165,233,.08);color: #0EA5E9;border: 1px solid rgba(14,165,233,.15);}
.sub02_wrap .con_box02 .con01 ul li .txt02{font-size: 19px;font-weight: 700;line-height: 1.2;margin-bottom: 9px;}
.sub02_wrap .con_box02 .con01 ul li .txt03{font-size: 14px;line-height: 1.6;}

.sub02_wrap .con_box02 .con02 .box_wrap{padding: 68px 40px 40px 40px;border-radius: 20px;background: rgba(217, 236, 255, 0.25);}
.sub02_wrap .con_box02 .con02 .box01{display: block; margin-bottom: 65px;padding: 0 30px;justify-content: center;gap:50px;}
.sub02_wrap .con_box02 .con02 .box01 ul{display: flex;justify-content: space-between;gap:50px;}
.sub02_wrap .con_box02 .con02 .box01 ul li{position: relative; display: flex; width: 150px;height: 208px;flex-direction: column;align-items: center;}
.sub02_wrap .con_box02 .con02 .box01 ul li:after{content:'';position: absolute;right: -52px;top: 82px;width: 34px;height: 23px;background: url(../images/sub/sub0201_new_ico01.png);}
.sub02_wrap .con_box02 .con02 .box01 ul:nth-child(1) li:last-child:after{display: none;}
.sub02_wrap .con_box02 .con02 .box01 ul:nth-child(2) li:last-child:after{display: none;}
.sub02_wrap .con_box02 .con02 .box01 ul li p.txt01{display: flex; width: 72px;height: 72px;border-radius: 50%;background: #D9ECFF;font-size: 40px;font-weight: 700;align-items: center;justify-content: center;color: #3386FF;}
.sub02_wrap .con_box02 .con02 .box01 ul li p.txt02{font-size: 22px;font-weight: 700;text-align: center;line-height: 1.2;margin: 20px 0 16px;}
.sub02_wrap .con_box02 .con02 .box01 ul li p.txt03{font-size: 16px;font-weight: 500;color: #6C7680;text-align: center;}

.sub02_wrap .con_box02 .con02 .box02{display: flex;border-radius: 20px;overflow: hidden;border: 1px solid #DAE0E6;}
.sub02_wrap .con_box02 .con02 .box02 ul{width: 50%;}
.sub02_wrap .con_box02 .con02 .box02 ul li{display: flex; border-bottom: 1px solid #EDF1F5;min-height: 70px;padding: 11px 10px;align-items: center;font-size: 14px;font-weight: 600;line-height: 1.4;}
.sub02_wrap .con_box02 .con02 .box02 ul li.tit{height: 61px;font-size: 19px;font-weight: 700;background: #E4EAF0;}
.sub02_wrap .con_box02 .con02 .box02 ul li.bg{background: rgba(217, 236, 255, 0.25);}
.sub02_wrap .con_box02 .con02 .box02 ul:nth-child(2){border-left: 1px solid #EDF1F5;}
.sub02_wrap .con_box02 .con02 .box02 ul:nth-child(2) li.tit{color: #12161A;}
.sub02_wrap .con_box02 .con02 .box02 ul:nth-child(2) li{color: #3386FF;}

.sub02_wrap .con_box03{display: flex; height: 454px;color: #fff; background: url(../images/sub/sub02_bg01.jpg) center no-repeat;background-size: cover;align-items: center;justify-content: center;}
.sub02_wrap .con_box03 .txt01{font-size: 40px;font-weight: 600;line-height: 1.2;}
.sub02_wrap .con_box03 .txt02{font-size: 20px;font-weight: 500;line-height: 1.4;margin: 24px 0;}
.sub02_wrap .con_box03 a{display: block;width: 168px;line-height: 54px;font-size: 20px;color: #fff; font-weight: 700; text-align: center;border-radius: 8px;background: #3386FF;}



/* sub03_wrap 고객사 */
.sub03_wrap{color: var(--font_gray);}
.sub03_wrap .con:not(:last-child){margin-bottom: 120px;}
.sub03_wrap .con h3{margin-bottom: 45px;font-size: 30px;}
.sub03_wrap .con ul{display: flex;gap:20px;flex-wrap:wrap;}
.sub03_wrap .con ul li{width: calc((100% - 60px)/4);border-radius: 15px;border: 1px solid #EDF1F5;overflow: hidden;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.05);transition: .3s;}
.sub03_wrap .con ul li:hover{transform: translateY(-5px);}
.sub03_wrap .con ul li .img_box{position:relative; width:100%;aspect-ratio: 266.8/114.34;}
.sub03_wrap .con ul li .img_box .txt{display: flex; position: absolute;left: 0;top: 0;width: 100%;height: 100%; background:rgba(0,0,0,.45);gap:5px;align-items: center;justify-content: center;backdrop-filter: blur(3px);opacity: 0;transition: .2s;}
.sub03_wrap .con ul li:hover .img_box .txt{opacity: 0;}
.sub03_wrap .con ul li .img_box .txt p{font-size: 24px;color: #fff;font-weight: 700;}
.sub03_wrap .con ul li .img_box > img{position:absolute;width:65%;height:auto;object-fit:cover;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.sub03_wrap .con ul li .img_box > img.s_img{width: 55%;}
.sub03_wrap .con ul li .txt_box{padding: 15px;line-height: 1.2;border-top: 1px solid #EDF1F5;}
.sub03_wrap .con ul li .txt_box p{font-size: 16px;font-weight: 700;}
.sub03_wrap .con ul li .txt_box span{display: none; color: #6C7680;}

.sub03_wrap .con ul li.link_n a{cursor: auto;}
.sub03_wrap .con ul li.link_n .img_box .txt{display: none;}


/* sub0302_wrap 해외 프로젝트 */
.sub0302_wrap{position: relative;}
.sub0302_wrap .txt_wrap{display: flex; margin-bottom: 40px;flex-wrap:wrap;gap:20px;}
.sub0302_wrap .txt_wrap .txt01{width: 100%;font-size: 24px;font-weight: 700;}
.sub0302_wrap .txt_wrap .txt02{width: 100%;font-size: 17px;font-weight: 500;line-height: 1.6;}
.sub0302_wrap .img_box{border-radius: 16px;overflow: hidden;}
.sub0302_wrap .img_box img{width: 100%;}
.sub0302_wrap .img_box img.pc{display: none;}
.sub0302_wrap .img_box img.tab{display: block;}
.sub0302_wrap .img_box img.mob{display: none;}



/* sub0401 인사말 */
.sub0401_wrap .inner{display: flex;flex-direction: column;gap:100px;}
.sub0401_wrap .left_box{width: 100%;}
.sub0401_wrap .left_box .txt01 p{font-size: 22px;line-height: 32px;margin-bottom: 25px;}
.sub0401_wrap .left_box .txt01 p:last-child{margin-bottom: 0;}
.sub0401_wrap .left_box .txt02{display: flex; margin-top: 100px;align-items: center;gap:45px;padding-left: 20px;justify-content: flex-end;}
.sub0401_wrap .left_box .txt02 span{display: block; font-size: 24px;margin-bottom: 15px;}
.sub0401_wrap .left_box .txt02 p{font-size: 30px;font-weight: 600;}


.sub0401_wrap .right_box{display: flex; width: 100%;flex-direction: column;align-items: flex-start;}
.sub0401_wrap .right_box img{max-width: 100%;}
.sub0401_wrap .right_box h4{font-size: 40px;margin: 0px 0 55px;width: 720px;max-width: 100%;}
.sub0401_wrap .right_box .box{width: 720px;max-width: 100%;}
.sub0401_wrap .right_box .box:last-child{margin-top: 60px;}
.sub0401_wrap .right_box .box p{padding: 0 20px;line-height: 46px;border-radius: 10px;width: fit-content;font-size: 28px;font-weight: 700;color: #fff;background: #1286db;margin-bottom: 25px;}
.sub0401_wrap .right_box .box:last-child p{background: var(--color_primary);}
.sub0401_wrap .right_box .box ul{padding-left: 20px;}
.sub0401_wrap .right_box .box ul li{font-size: 24px;margin-bottom: 15px;}
.sub0401_wrap .right_box .box ul li:last-child{margin-bottom: 0;}



/* sub0403_wrap  수상실적 */
.sub0403_wrap{color: #3D454D;} 
.sub0403_wrap .list_st01{display: flex;flex-wrap:wrap;gap:30px;}
.sub0403_wrap .list_st01 li{width: calc((100% - 90px)/4);border-radius: 15px;border: 1px solid #EDF1F5;overflow: hidden;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.1);}
.sub0403_wrap .list_st01 li .img_box{position:relative; width:100%;aspect-ratio: 1/1;}
.sub0403_wrap .list_st01 li .img_box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.sub0403_wrap .list_st01 li p{padding: 20px 15px;line-height: 1.2;font-size: 17px;font-weight: 700;border-top: 1px solid #EDF1F5;}

/* sub0403_wrap  등록증 및 인증서 */
.sub0403_wrap .list_st02{display: flex;gap:60px 25px;flex-wrap:wrap;}
.sub0403_wrap .list_st02 li{width: calc((100% - 25px)/2);border-radius: 20px;border: 1px solid #EDF1F5;overflow: hidden;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.1);}
.sub0403_wrap .list_st02 li .img_box{position:relative; width:100%;aspect-ratio: 462/654;}
.sub0403_wrap .list_st02 li .img_box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.sub0403_wrap .list_st02 li p{padding: 20px 32px;line-height: 1.2;font-size: 20px;font-weight: 700;border-top: 1px solid #EDF1F5;}


/* 고객지원 게시판 */
.board_wrap .board_toolbar{margin-bottom:24px;}
.board_wrap .board_search input{width:240px;}
.board_wrap .webzine_list{grid-template-columns:repeat(2,1fr);gap:40px 20px;}
.board_wrap .webzine_thumb{height:240px;}
.board_wrap .webzine_info strong{font-size:18px;}
.board_wrap .board_table th{font-size:16px;}
.board_wrap .board_table td{font-size:16px;}
.board_wrap .board_subject a{font-size: 16px;}
.board_wrap .answer_done,.answer_wait{display:inline-block;min-width:70px;padding:7px 5px;font-size:16px;}


/* 게시판 상세 */
.board_wrap .board_view_head{padding:24px 20px;}
.board_wrap .board_view_head>strong{font-size:19px;}
.board_wrap .board_view_meta{font-size:14px;}
.board_wrap .board_view_file{padding:14px 20px;font-size:15px;}
.board_wrap .board_view_content{min-height:300px;padding:45px 20px 65px;font-size:16px;}
.board_wrap .board_view_nav a{padding:18px 20px;}


/* 고객사 로고 목록 */
.client_wrap{padding: 70px 0;}
.client_wrap .con_box:not(:last-child){margin-bottom: 90px;}
.client_wrap h4{font-size: 30px;margin-bottom: 35px;}
.client_wrap .client_title{margin-bottom:40px;}
.client_wrap .client_title h4{font-size:36px;}
.client_wrap .client_logo_list{grid-template-columns:repeat(3,1fr);gap:25px 15px;}
.client_wrap .client_logo{position:relative; width:100%; aspect-ratio: 415/110;border: 1px solid #ddd;margin-bottom: 20px;}
.client_wrap .client_logo img{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;}
.client_wrap .client_logo_list li strong{display:block;font-size:17px;}

/* write form */
.write_wrap .write_top h4{font-size:21px;}
.write_wrap .write_list>li>p{width:130px;flex:0 0 130px;font-size:16px;}
.write_wrap .write_list>li input[type="text"],
.write_wrap .write_list>li input[type="tel"],
.write_wrap .write_list>li input[type="email"],
.write_wrap .write_list>li input[type="password"]{height:48px;font-size:15px;}
.write_wrap .write_list>li textarea{height:220px;font-size:15px;width: 100%;}
}