/* header */
#header{position: fixed;left: 0;top: 0;width: 100%;z-index: 2000;transition:.3s;background: #f5f5f5;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 100px;}
#header h1{position: relative;z-index: 20;}
#header h1 a{display: block;width: 316px;height: 41px;background: url(../images/main/main_logo01.png);background-size: cover;transition:.3s;}
#header .btn_box{display: flex;align-items: center;gap:35px;}
#header .all_btn{position: relative;width: 22px;height: 19px;}
#header .all_btn span{position: absolute; width: 100%;height: 2px;background: #000;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: none;}

#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: flex; left: 0;width: 100%;top: 0;align-items: center;justify-content: center;}
.gnb{display: flex;}
.gnb > li{position: relative;}
.gnb > li > a{display: block;line-height: 100px;text-align: center;width: 180px;font-size: 18px;transition: .3s;font-weight: 600;color: #000;letter-spacing: -.3px;}
.gnb > li .fade_box{display: none; position: absolute; left: 50%;top: 100%;transform: translateX(-50%);padding-top: 2px;}
.gnb > li ul{width: 300px;background: #fafafa;padding: 25px 0;box-shadow: 5px 10px 15px 0px rgba(0,0,0,.3);border-radius: 10px;}
.gnb > li ul li a{position: relative; display: block;line-height: 35px;color: #232323;font-weight: 500;transition: .2s;text-align: center;letter-spacing: -.3px;}
.gnb > li ul li a:hover{color: var(--color_primary);}
.gnb > li ul li a span{padding: 0 2px;}
/* .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: fixed;left: 0;top: 100px;width: 100%;background: #fafafa;z-index: 2000;padding: 40px 0;}
#all_menu ul{display: flex;justify-content: center;}
#all_menu ul li{width: 180px;}
#all_menu ul li a{display: block;text-align: center;font-size: 17px;margin-bottom: 15px;transition: .2s;line-height: 1.4;}
#all_menu ul li a:hover{color: var(--color_primary);}
#all_menu ul li a:last-child{margin-bottom: 0;}


@media screen and (max-width:1600px) {
#header h1 a{display: block;width: 250px;height: 32px;background: url(../images/main/main_logo01.png);background-size: cover;transition:.3s;}
}

@media screen and (max-width:1450px) {
#header .inner{width: 100%;padding: 0 3%;}
#header h1 a{display: block;width: 250px;height: 32px;background: url(../images/main/main_logo01.png);background-size: cover;transition:.3s;}
.gnb > li > a{font-size: 15px;width: 130px;}
.gnb > li ul li a{font-size: 15px;}
#all_menu{padding: 30px 0;}
#all_menu ul li{width: 130px;}
#all_menu ul li a{font-size: 14px;}
#header .btn_box{gap:15px;}
#header .btn_box a{font-size: 14px;}
}

@media screen and (max-width:1200px) {
#header h1 a{display: block;width: 200px;height: 25px;background: url(../images/main/main_logo01.png);background-size: cover;transition:.3s;}
}

/* 네비게이션 */
#navigation{display: none;}

/* 공통 */
a.btn_st01,button.btn_st01{display: flex;width: fit-content; padding: 0 20px;height: 40px;border-radius: 40px;font-size: 18px;font-weight: 600;color: #fff; background: linear-gradient(135deg, #024a95 0%, #024a95 35%, #013d7c 65%, #002750 100%); align-items: center;justify-content: center;}

/* visual_wrap */
#visual_wrap{position: relative; height: 980px;margin-top: 100px;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: 100px;padding-top: 190px;z-index: 10;}
#visual_wrap .con_box .left_box{width: 755px;color: #fff;}
#visual_wrap .con_box .left_box p{font-size: 80px;line-height: 100px;font-weight: 800;letter-spacing: -4px;}
#visual_wrap .con_box .left_box span{display: block;margin: 30px 0 80px;font-size: 32px;line-height: 55px; letter-spacing: -2px;}
#visual_wrap .con_box .left_box a{display: flex;width: 360px;height: 80px;border-radius: 40px;font-size: 32px;font-weight: 600;background: #E5A300; color: #fff;align-items: center;justify-content: center;}

#visual_wrap .con_box .right_box{position: relative; width: calc(100% - 755px);top: -30px;}
#visual_wrap .con_box .right_box .slick-list{padding-top: 30px;}
#visual_wrap .con_box .right_box ul li{position: relative; display: block;margin-right: 40px;width: 420px; height: 550px; padding: 130px 50px 0 50px;background: #ebecf1;border-radius: 30px;transition: .5s;top: 0;}
#visual_wrap .con_box .right_box ul li.slick-active{top: -30px;background: #fff;}
#visual_wrap .con_box .right_box ul li:hover{background: #fff;padding-top: 70px;}
#visual_wrap .con_box .right_box ul li p{font-size: 35px;font-weight: 700;}
#visual_wrap .con_box .right_box ul li img{display: block;margin: 60px 0 30px;width: 155px;}
#visual_wrap .con_box .right_box ul li span{font-size: 24px;line-height: 32px;}
#visual_wrap .con_box .right_box ul li a{position: absolute;bottom: 45px;right: 50px;width: 120px;height: 50px;opacity: 0;transition: .3s;transition-delay: .1s;}
#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: 90px;left: 50%;transform: translateX(-50%);justify-content: center;}
#visual_wrap .slide_items .arrow{display: flex;align-items: center;gap:15px;}
#visual_wrap .slide_items .numcount{display: flex;gap:8px;align-items: center;color: rgba(255,255,255,.5);font-size: 25px;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;}


@media screen and (max-width:1300px) {
#visual_wrap .con_box{position: relative; display: flex; padding-left: 50px;padding-top: 190px;z-index: 10;}
#visual_wrap .con_box .left_box{width: 600px;color: #fff;}
#visual_wrap .con_box .left_box p{font-size: 70px;line-height: 80px;font-weight: 800;letter-spacing: -4px;}
#visual_wrap .con_box .left_box span{display: block;margin: 20px 0 70px;font-size: 27px;line-height: 55px; letter-spacing: -2px;}
#visual_wrap .con_box .left_box a{display: flex;width: 320px;height: 70px;border-radius: 40px;font-size: 27px;font-weight: 600;background: #E5A300; color: #fff;align-items: center;justify-content: center;}
#visual_wrap .con_box .right_box{position: relative; width: calc(100% - 600px);top: -30px;}
}


/* section01 */
#section01{padding: 160px 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;}
#section01 .right_box .tit_box{margin-bottom: 100px;}
#section01 .right_box .tit_box p{font-size: 20px;font-weight: 700;margin-bottom: 30px;}
#section01 .right_box .tit_box h2{font-size: 55px;color: #1286db;}
#section01 .right_box ul{display: flex;padding-right: 100px;justify-content: space-between;}
#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;}


@media screen and (max-width:1400px) {
#section01{padding: 160px 0;background: url(../images/main/sec01_bg01.jpg) no-repeat center;background-size: cover;}
#section01 .inner{display: flex;align-items: center;gap:40px;justify-content: center;}
#section01 .left_box img{width: 500px;}
#section01 .right_box .tit_box{margin-bottom: 70px;}
#section01 .right_box .tit_box p{font-size: 17px;font-weight: 700;margin-bottom: 15px;}
#section01 .right_box .tit_box h2{font-size: 45px;color: #1286db;line-height: 1.3;}
#section01 .right_box ul{display: flex;padding-right: 0px;justify-content: space-between;}
#section01 .right_box ul li .tit{font-size: 20px;font-weight: 700;}
#section01 .right_box ul li .num_box{display: flex;align-items: flex-end;margin: 20px 0 20px;}
#section01 .right_box ul li .num_box p{font-size: 70px;font-weight: 700;}
#section01 .right_box ul li:nth-child(1) .num_box p{width: 102px;}
#section01 .right_box ul li:nth-child(2) .num_box p{width: 82px;}
#section01 .right_box ul li:nth-child(3) .num_box p{width: 90px;}
#section01 .right_box ul li .num_box span{position: relative; font-weight: 500;font-size: 22px;top: -12px;}
#section01 .right_box ul li .txt{font-size: 17px;color: #fff;line-height: 36px;width: 125px; border-radius: 10px;background: var(--color_primary);text-align: center;}
}


/* section02 */
#section02{padding: 110px 0 140px;}
#section02 h2{font-size: 50px;text-align: center;margin-bottom: 60px;}
#section02 ul{display: flex;gap:80px;}
#section02 ul li{width: calc((100% - 160px)/3);}
#section02 ul li a{position: relative; display: block; padding: 60px 50px 40px;top: 0; border-radius: 30px;background: #f5f5f5;height: 380px;transition: .3s;}
#section02 ul li a:hover{top: -15px;box-shadow: 2px 10px 25px 0px rgba(0,0,0,.2);}
#section02 ul li strong{display: block;font-size: 28px;line-height: 36px;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: 20px;line-height: 32px;font-weight: 500; margin: 20px 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: 18px;color: #454545;}
#section02 ul li .btn_st01{position: absolute;bottom: 50px;right: 40px;bottom: 40px; margin-top: 40px;margin-left: auto;width: 120px;height: 50px;font-size: 20px;}


@media screen and (max-width:1400px) {
#section02 ul{display: flex;gap:20px;}
#section02 ul li{width: calc((100% - 40px)/3);}
#section02 ul li a{position: relative; display: block; padding: 40px 30px 30px;top: 0; border-radius: 30px;background: #f5f5f5;height: 380px;transition: .3s;}
}

/* footer */
#footer{background: #e9f7ff;}
#footer .top_box{padding: 100px 0;}
#footer .top_box .inner{display: flex;justify-content: space-between;}
#footer .top_box .left{display: flex;gap:80px;align-items: flex-start;}
#footer .top_box .left ul{display: flex; padding-top: 10px;gap:80px;}
#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;transition: .2s;}
#footer .top_box .left ul li a:hover{color: var(--color_primary);}
#footer .top_box .left ul li a span{padding: 0 10px;}
#footer .top_box .right{display: flex; padding: 19px 50px 0;gap:15px; height: 100px;border-radius: 50px;color: #fff;background: var(--color_primary);}
#footer .top_box .right .txt01{position: relative; font-weight: 700;font-size: 20px;top: 4px;}
#footer .top_box .right .txt02 p{font-size: 30px;font-weight: 800;margin-bottom: 8px;}
#footer .top_box .right .txt02 span{font-size: 20px;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);}

@media screen and (max-width:1600px) {
#footer .top_box .left ul{gap:50px;}
}


@media screen and (max-width:1450px) {
#footer .top_box .inner{display: block;justify-content: space-between;}
#footer .top_box .right{width: fit-content;}
#footer .top_box .left{display: block;gap:80px;}
#footer .top_box .left ul{margin: 40px 0;}
}



/* ------------------------------------------sub------------------------------------------ */
.sub_wrap{margin-top: 100px;}
.inner.sub_inner{width: 1440px;}

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

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

.sub_tit{font-size: 40px;font-weight: 700;color: var(--font_gray);text-align: center;line-height: 1.3;}
.sub_tit02{font-size: 32px;text-align: center;line-height: 1.4;}
.sub_tit02 span{color: #828D99;}


/* 탭메뉴 */
.sub_menu_box{display: flex;gap:80px  25px;margin-bottom: 65px;justify-content: center;}
.sub_menu_box a{font-size: 40px;font-weight: 700;color: #98A5B3;}
.sub_menu_box a.on{color: #000;}


.con_tit01{padding-bottom: 13px;margin-bottom: 25px;border-bottom: 1px solid #E4EAF0;color: #6C7680;font-size: 24px;font-weight: 700;line-height: 1.3;}
.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: 54px;background: #E1EDFF;width: fit-content;}
.con_tit02.orage p{background: #FFF2DF;}
.con_tit02 p span{font-size: 28px;font-weight: 700;color: #64A8FF;}
.con_tit02.orage p span{color: #FF8000;}

/* 서브 비주얼 */
.sub_visual{position: relative; height: 350px;background: url(../images/sub/sub_visual_bg.jpg) center no-repeat;background-size: cover;overflow: hidden;}
.sub_visual .inner{width: 1440px;}
.sub_visual .txt_box{position: relative; margin-top: 100px;z-index: 10;}
.sub_visual .txt_box p{font-size: 24px;font-weight: 700;color: var(--color_primary);}
.sub_visual .txt_box h3{margin: 20px 0 70px;font-size: 50px;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: 650px;}


/* 서브 컨텐츠 비주얼 */
.con_visual_wrap{margin-bottom: 160px;}
.con_visual_wrap .vis01{position: relative;border-radius: 32px;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: 80px;bottom: 64px;font-size: 44px;font-weight: 700;color: #fff;line-height: 1.5;}
.con_visual_wrap .vis02{display: flex;}
.con_visual_wrap .vis02 .left_box{width: 280px;font-size: 40px;font-weight: 700;color: var(--font_gray);}
.con_visual_wrap .vis02 .right_box{width: calc(100% - 280px);font-size: 24px;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{color: var(--font_gray);overflow: hidden;}
.sub0101_wrap .con01{margin-bottom: 160px;}
.sub0101_wrap .con01 ul{display: flex;gap:25px;}
.sub0101_wrap .con01 li{position: relative;width: calc((100% - 75px)/4);border-radius: 20px;overflow: hidden;}
.sub0101_wrap .con01 li img{width: 100%;}
.sub0101_wrap .con01 li p{position: absolute;bottom: 20px;left: 0;width: 100%;text-align: center;font-size: 32px;font-weight: 600;color: #fff;}
.sub0101_wrap .con02 .box{display: flex;}
.sub0101_wrap .con02 .box:not(:last-child){margin-bottom: 120px;}
.sub0101_wrap .con02 .box .left_box{width: 280px;}
.sub0101_wrap .con02 .box .left_box p{font-size: 32px;font-weight: 700;color: var(--font_gray);margin-bottom: 16px;}
.sub0101_wrap .con02 .box .left_box span{font-weight: 500;line-height: 1.4;color: var(--font_gray);}
.sub0101_wrap .con02 .box .right_box{width: calc(100% - 280px);}
.sub0101_wrap .con02 .box .right_box li{display: flex;align-items: center;padding: 20px;gap:65px; height: 202px;border-radius: 160px;margin-bottom: 24px; 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: 315px; justify-content: center;height: 100%;background: #fff;border-radius: 400px;}
.sub0101_wrap .con02 .box .right_box li .txt01 span{font-size: 28px;line-height: 1.3;font-weight: 700;text-align: center;}
.sub0101_wrap .con02 .box .right_box li .txt02{width: calc(100% - 380px);font-size: 26px;font-weight: 500;line-height: 1.6;color: var(--font_gray);}


@media screen and (max-width:1300px) {
.sub0101_wrap .con02 .box .left_box{width: 200px;}
.sub0101_wrap .con02 .box .right_box{width: calc(100% - 200px);}
.sub0101_wrap .con02 .box .right_box li{gap:30px;height: 170px;}
.sub0101_wrap .con02 .box .right_box li .txt01{width: 200px;}
.sub0101_wrap .con02 .box .right_box li .txt01 span{font-size: 23px;}
.sub0101_wrap .con02 .box .right_box li .txt02{width: calc(100% - 230px);font-size: 20px;}
}


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


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


/* sub0105 SCM-MANager */
.sub0105_wrap{overflow: hidden;}
.sub0105_wrap .con:not(:last-child){margin-bottom: 160px;}
.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:125px;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: -113px;top: 50%;transform: translateY(-50%);width: 100px;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: 90px; height: 70px;border-radius: 10px;font-size: 24px;font-weight: 700;background: #e1f1ea;}

.sub0105_wrap .con02 .box_wrap{display: flex;padding: 25px 40px;border-radius: 30px;background: #f6f6f6;align-items: center;justify-content: space-between;}
.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;}
.sub0105_wrap .con02 .box_wrap .left_box ul li .txt p:last-child{margin-bottom: 0;}

.sub0105_wrap .con03 .box_wrap{position: relative; display: flex; padding: 75px 0;border-radius: 30px;border: 2px solid #1286db;gap:200px;justify-content: center;}
.sub0105_wrap .con03 .box_wrap p.tit{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);width: 120px;line-height: 120px;border-radius: 30px;font-size: 28px;font-weight: 700;text-align: center;color: #fff;background: #044183;}
.sub0105_wrap .con03 .box_wrap .box{display: flex; width: 400px;height: 280px;padding: 0 35px;flex-direction: column;gap:15px;justify-content: center;background: #ecf9ff;margin-bottom: 40px;border-radius: 15px;}
.sub0105_wrap .con03 .box_wrap .box:last-child{margin-bottom: 0;}
.sub0105_wrap .con03 .box_wrap .box p{font-size: 24px;font-weight: 700;color: #085fba;}
.sub0105_wrap .con03 .box_wrap .box ul li{margin-bottom: 13px;font-size: 22px;}
.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;}


@media screen and (max-width:1200px) {
.sub0105_wrap .con03 .box_wrap .box{width: 350px;}
}


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

.sub0106_wrap .con01{margin-bottom: 80px;}
.sub0106_wrap .con01 .sub_tit{margin-bottom: 65px;}

.sub0106_wrap .con02{margin-bottom: 65px;}
.sub0106_wrap .con02 .con_tit02{margin-bottom: 65px;}
.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: 25px;}
.sub0106_wrap .con02 .box_wrap ul{display: flex;gap:25px;flex-wrap:wrap;}
.sub0106_wrap .con02 .box_wrap ul li{width: calc((100% - 50px)/3);border-radius: 20px;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: 24px;font-weight: 600;text-align: center;}
.sub0106_wrap .con02 .box_wrap ul li span{display: block;margin-top: 17px;text-align: center;font-size: 18px;font-weight: 600;}

.sub0106_wrap .con03{margin-bottom: 200px;}
.sub0106_wrap .con03 .con_tit02{margin-bottom: 65px;}

.sub0106_wrap .con04{display: flex;margin-bottom: 200px;}
.sub0106_wrap .con04 .sub_tit{width: 280px;}
.sub0106_wrap .con04 .right_box{width: calc(100% - 280px);}
.sub0106_wrap .con04 .right_box ul li{display: flex;align-items: center;gap:40px;margin-bottom: 80px;}
.sub0106_wrap .con04 .right_box ul li:last-child{margin-bottom: 0;}
.sub0106_wrap .con04 .right_box ul li img{width: 560px;}
.sub0106_wrap .con04 .right_box ul li .txt{width: calc(100% - 600px);}
.sub0106_wrap .con04 .right_box ul li .txt p{font-size: 32px;font-weight: 700;margin-bottom: 8px;}
.sub0106_wrap .con04 .right_box ul li .txt span{font-size: 24px;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:25px;}
.sub0106_wrap .con05 ul li{width: calc((100% - 75px)/4);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: 8px;font-size: 17px;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);}


@media screen and (max-width:1300px) {
.sub0106_wrap .con04{display: block;}
.sub0106_wrap .con04 .sub_tit{width: 100%;margin-bottom: 60px;}
.sub0106_wrap .con04 .right_box{width: 100%;}
.sub0106_wrap .con04 .right_box ul li img{width: 400px;}
.sub0106_wrap .con04 .right_box ul li .txt{width: calc(100% - 440px);}
.sub0106_wrap .con05 ul{flex-wrap:wrap;}
.sub0106_wrap .con05 ul li{width: calc((100% - 25px)/2);}
}


/* sub02_wrap 산업별 솔루션*/
.con_wrap.sub02_wrap{padding: 0;color: #3D454D;}
.sub02_wrap .con_box01{padding: 70px 0;}
.sub02_wrap .con_box01 .con01{padding: 56px 64px;border-radius: 32px;background: #fff;margin-bottom: 80px;}
.sub02_wrap .con_box01 .con01 h4{font-size: 32px;text-align: center;margin-bottom: 40px;}
.sub02_wrap .con_box01 .con01 ul{display: flex;justify-content: space-between;}
.sub02_wrap .con_box01 .con01 ul li a{display: flex; width: 146px;height: 136px;border-radius: 12px;transition: cubic-bezier(.165, .84, .44, 1) .25s; padding: 15px; border: 1px solid #F7F9FA;box-shadow: 0 4px 8px 0 rgba(218,224,230,0.38); flex-direction: column;align-items: center;justify-content: space-between;}
.sub02_wrap .con_box01 .con01 ul li a:hover{background: #F7F9FA;border: 1px solid #EDF1F5;}
.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: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: 14px;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: 490px;border-radius: 32px;overflow: hidden;margin-bottom: 80px;}
.sub02_wrap .con_box01 .con02 img{width: 100%;height: 100%;object-fit: cover;}
.sub02_wrap .con_box01 .con02 .txt_wrap{position: absolute;bottom: 64px;left: 80px;color: #fff;}
.sub02_wrap .con_box01 .con02 .txt_wrap .txt01{padding: 0 20px;line-height: 48px;border-radius: 24px;width: fit-content; font-size: 24px;font-weight: 700; background: rgba(100,168,255,.16);color: #64A8FF;}
.sub02_wrap .con_box01 .con02 .txt_wrap .txt02{font-size: 64px;font-weight: 700;margin: 16px 0;}
.sub02_wrap .con_box01 .con02 .txt_wrap .txt03{font-size: 28px;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;}

.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: 512px;top: 40vh;}
.sub02_wrap .con_box01 .con03 .left_box .txt01{font-size: 40px;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: 20px;font-weight: 500;color: #6C7680;line-height: 1.4;}
.sub02_wrap .con_box01 .con03 .right_box{width: 512px;max-width: calc(100% - 512px);}
.sub02_wrap .con_box01 .con03 .right_box ul li{position: relative; margin-bottom: 24px;padding-left: 26px;font-size: 24px;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: 160px 0;}
.sub02_wrap .con_box02 .con .tit_box{margin-bottom: 40px;}
.sub02_wrap .con_box02 .con .tit_box p{padding: 0 20px;line-height: 48px;border-radius: 24px;background: #D9ECFF;font-size: 24px;font-weight: 700;color: #3386FF;margin: 0 auto 25px;width: fit-content;}
.sub02_wrap .con_box02 .con .tit_box h3{font-size: 40px;text-align: center;}
.sub02_wrap .con_box02 .con01{background: #F7F9FA;}
.sub02_wrap .con_box02 .con01 ul{display: flex;gap:25px;flex-wrap:wrap;justify-content: center;}
.sub02_wrap .con_box02 .con01 ul li{width: calc((100% - 50px)/3);border-radius: 16px;border: 1px solid #E4EAF0;background: #fff;padding: 28px;}
.sub02_wrap .con_box02 .con01 ul li .txt01{display: flex;align-items: center;gap:8px;margin-bottom: 12px;}
.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: 24px;font-weight: 700;line-height: 1.2;margin-bottom: 12px;}
.sub02_wrap .con_box02 .con01 ul li .txt03{font-size: 18px;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: flex; 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(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: 24px;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: 18px;font-weight: 500;color: #6C7680;text-align: center;line-height: 1.2;}

.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: 80px;padding: 11px 25px;align-items: center;font-size: 18px;font-weight: 600;line-height: 1.4;}
.sub02_wrap .con_box02 .con02 .box02 ul li.tit{height: 71px;font-size: 24px;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;}


@media screen and (max-width:1300px) {
.sub02_wrap .con_box01 .con01{padding: 56px 40px;border-radius: 32px;background: #fff;}
.sub02_wrap .con_box01 .con01 ul li a{width: 120px;height: 110px;}
.sub02_wrap .con_box01 .con01 ul li a .ico img{width: 60px;}

.sub02_wrap .con_box02 .con01{background: #F7F9FA;}
.sub02_wrap .con_box02 .con01 ul{display: flex;gap:15px;flex-wrap:wrap;}
.sub02_wrap .con_box02 .con01 ul li{width: calc((100% - 30px)/3);border-radius: 16px;border: 1px solid #E4EAF0;background: #fff;padding: 28px;}
.sub02_wrap .con_box02 .con01 ul li .txt01{display: flex;align-items: center;gap:8px;margin-bottom: 12px;}
.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: 20px;font-weight: 700;line-height: 1.2;margin-bottom: 12px;}
.sub02_wrap .con_box02 .con01 ul li .txt03{font-size: 15px;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: flex; margin-bottom: 65px;padding: 0 30px;gap:20px;}
.sub02_wrap .con_box02 .con02 .box01 ul{display: flex;gap:20px;}
.sub02_wrap .con_box02 .con02 .box01 ul li{position: relative; display: flex; width: 130px;height: 208px;flex-direction: column;align-items: center;}
.sub02_wrap .con_box02 .con02 .box01 ul li:after{content:'';position: absolute;right: -24px;top: 82px;width: 27px;height: 18px;background: url(../images/sub/sub0201_new_ico01.png);background-size: cover;}
.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: 20px;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: 15px;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: 80px;padding: 11px 25px;align-items: center;font-size: 18px;font-weight: 600;line-height: 1.4;}
.sub02_wrap .con_box02 .con02 .box02 ul li.tit{height: 71px;font-size: 24px;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;}
}


/* sub03_wrap 고객사 */
.sub03_wrap{color: var(--font_gray);}
.sub03_wrap .con:not(:last-child){margin-bottom: 160px;}
.sub03_wrap .con h3{margin-bottom: 65px;font-size: 40px;}
.sub03_wrap .con ul{display: flex;gap:40px;flex-wrap:wrap;}
.sub03_wrap .con ul li{width: calc((100% - 200px)/6);border-radius: 15px;border: 1px solid #EDF1F5;overflow: hidden;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.05);transition: .3s;border-top: 1px solid #EDF1F5;}
.sub03_wrap .con ul li:hover{transform: translateY(-5px);}
.sub03_wrap .con ul li a{cursor: auto;}
.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: none; 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: 1;}
.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:80%;height:auto;object-fit:cover;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.sub03_wrap .con ul li .img_box > img.s_img{width: 70%;}
.sub03_wrap .con ul li .txt_box{padding: 17px;line-height: 1.2;border-top: 1px solid #EDF1F5;text-align: center;}
.sub03_wrap .con ul li .txt_box p{font-size: 20px;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;}

@media screen and (max-width:1250px) {
.sub03_wrap .con ul{gap:30px;}
.sub03_wrap .con ul li{width: calc((100% - 120px)/5);}
.sub03_wrap .con ul li .txt_box p{font-size: 17px;}
}


/* sub0302_wrap 해외 프로젝트 */
.sub0302_wrap{position: relative;}
.sub0302_wrap .txt_wrap{display: flex; margin-bottom: 40px;}
.sub0302_wrap .txt_wrap .txt01{width: 280px;font-size: 40px;font-weight: 700;}
.sub0302_wrap .txt_wrap .txt02{width: calc(100% - 280px);font-size: 24px;font-weight: 500;line-height: 1.6;}
.sub0302_wrap .img_box{border-radius: 32px;overflow: hidden;}
.sub0302_wrap .img_box img{width: 100%;}
.sub0302_wrap .img_box img.tab{display: none;}
.sub0302_wrap .img_box img.mob{display: none;}


@media screen and (max-width:450px) {
.sub0302_wrap .txt_wrap .txt02 br{display: none;}
.sub0302_wrap .txt_wrap .txt02 span{display: block;}
}



/* sub0401 인사말 */
.sub0401_wrap{overflow: hidden;}
.sub0401_wrap .inner{display: flex;}
.sub0401_wrap .left_box{width: 50%;}
.sub0401_wrap .left_box .txt01 p{font-size: 24px;line-height: 36px;margin-bottom: 30px;}
.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: 50%;flex-direction: column;align-items: center;}
.sub0401_wrap .right_box img{max-width: 90%;}
.sub0401_wrap .right_box h4{font-size: 40px;margin: 0px 0 55px;width: 720px;max-width: 90%;}
.sub0401_wrap .right_box .box{width: 720px;max-width: 90%;}
.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;}


@media screen and (max-width:1200px) {
.sub0401_wrap .left_box .txt01 p{font-size: 20px;line-height: 32px;margin-bottom: 30px;}
.sub0401_wrap .left_box .txt02 span{display: block; font-size: 20px;margin-bottom: 15px;}
.sub0401_wrap .left_box .txt02 p{font-size: 27px;font-weight: 600;}
.sub0401_wrap .right_box .box ul li{font-size: 20px;margin-bottom: 15px;}
}

@media screen and (max-width:1500px) {
.sub0401_wrap .left_box .txt01 p br{display: none;}

}

/* sub0402_wrap */
.sub0402_wrap{color: var(--font_gray);}
.sub0402_wrap .sub_tit02{margin-bottom: 80px;}
.sub0402_wrap .con{display: flex;justify-content: center;}
.sub0402_wrap .con01{padding-bottom: 65px;}
.sub0402_wrap .con .left_box p{position: sticky; font-size: 64px;font-weight: 700;top: 40vh;}
.sub0402_wrap .con .right_box{position: relative;}
.sub0402_wrap .con .right_box .box_wrap{display: flex;position: sticky; gap:25px;width: 560px;padding-bottom: 65px;align-items: flex-start;}
.sub0402_wrap .con .right_box .box_wrap:last-child{padding-bottom: 0;}
.sub0402_wrap .con .right_box .box_wrap .num{position: sticky; font-size: 64px;font-weight: 700;width: 80px;top: 40vh;flex: 0 0 80px;}
.sub0402_wrap .con .right_box .box_wrap .dot_box{display: flex; position: sticky;top: 40vh;height: 64px;align-items: center;justify-content: center;z-index: 20;}
.sub0402_wrap .con .right_box .box_wrap .dot{width: 14px;height: 14px;border-radius: 50%;border: 2px solid #D9ECFF;background: #3386FF;}
.sub0402_wrap .con .right_box .box_wrap .line{position: absolute;left: 111px;top: 0px;height: 100%;width: 2px;background: #D9ECFF;}
.sub0402_wrap .con .right_box .box_wrap.st02 .line{height: calc(100% - 25px);top: 25px;}
.sub0402_wrap .con .right_box .box_wrap.st03 .line{height: calc(100% + 65px);bottom: 0px;top: auto;}
.sub0402_wrap .con .right_box .box_wrap ul{padding-left: 8px;margin-top: 15px;}
.sub0402_wrap .con .right_box .box_wrap ul li:not(:last-child){margin-bottom: 20px;}
.sub0402_wrap .con .right_box .box_wrap ul li p{font-size: 18px;font-weight: 700;line-height: 1.4;}
.sub0402_wrap .con .right_box .box_wrap ul li span{display: block; font-size: 18px;font-weight: 500;margin-top: 5px;line-height: 1.4;}
.sub0402_wrap .con02 .right_box .box_wrap .line{left: 116px;}
.sub0402_wrap .con02 .right_box .box_wrap ul{padding-left: 13px;}
.sub0402_wrap .con02 .right_box .box_wrap .dot_box .dot{transform: translateX(5px);}


/* sub0403_wrap  수상실적 */
.sub0403_wrap{color: #3D454D;} 
.sub0403_wrap .list_st01{display: flex;flex-wrap:wrap;gap:40px;}
.sub0403_wrap .list_st01 li{width: calc((100% - 200px)/6);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: 20px;font-weight: 700;border-top: 1px solid #EDF1F5;text-align: center;}


/* sub0403_wrap  등록증 및 인증서 */
.sub0403_wrap .list_st02{display: flex;gap:80px 25px;flex-wrap:wrap;}
.sub0403_wrap .list_st02 li{width: calc((100% - 50px)/3);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: 24px;font-weight: 700;border-top: 1px solid #EDF1F5;}


@media screen and (max-width:1300px) {
.sub0403_wrap .list_st01{gap:30px;}
.sub0403_wrap .list_st01 li{width: calc((100% - 120px)/5);}
.sub0403_wrap .list_st01 li p{font-size: 17px;}

}


/* 고객지원 게시판 */
.board_wrap .board_toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.board_wrap .board_count{font-size:16px;color:#777;}
.board_wrap .board_count b{color:var(--color_primary);}

.board_wrap .board_search{display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.board_wrap .board_search select,.board_search input{height:48px;border:1px solid #d9dfe6;border-radius:0;background:#fff;padding:0 16px;font-size:15px;color:#333;outline:0;}
.board_wrap .board_search select{width:120px;appearance:none;-webkit-appearance:none;padding-right:38px;background:#fff url(../images/main/navi_ico01.png) center right 14px no-repeat;background-size:12px 8px;cursor:pointer;}
.board_wrap .board_search input{width:280px;}
.board_wrap .board_search input:focus{border-color:var(--color_primary);}
.board_wrap .board_search button{width:48px;height:48px;background:var(--color_primary);color:#fff;font-size:21px;}
.board_wrap .board_write{display:flex;align-items:center;gap:10px;height:48px;padding:0 20px;background:#111;color:#fff;font-size:15px;}
.board_wrap .board_write:hover{background:var(--color_primary);}
 
.board_wrap .board_table_wrap{border-top:2px solid #111;overflow-x:auto;}
.board_wrap .board_table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center;}
.board_wrap .board_table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.board_wrap .board_table th{height:60px;background:#f6f8fb;font-size:17px;font-weight:600;}
.board_wrap .board_table td{height:68px;border-bottom:1px solid #e5e8ec;color:#777;font-size:17px;}
.board_wrap .board_table .board_no{width:10%;}
.board_wrap .board_table .board_date{width:15%;}
.board_wrap .board_table .board_view{width:12%;}
.board_wrap .board_table .board_status{width:15%;}
.board_wrap .board_subject{text-align:left;padding:0 25px;}
.board_wrap .board_subject a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-size: 18px;}
.board_wrap .board_subject a:hover{color:var(--color_primary);}

.board_wrap .notice_label{display:inline-block;margin-right:10px;padding:4px 8px;background:#eaf3fb;color:var(--color_primary);font-size:12px;font-weight:600;}
.board_wrap .board_subject i{margin-right:7px;color:#999;}
.board_wrap .answer_done,.answer_wait{display:inline-block;min-width:100px;padding:10px 5px;font-size:17px;}
.board_wrap .answer_done{background:#eaf3fb;color:var(--color_primary);}
.board_wrap .answer_wait{background:#f3f3f3;color:#888;}

.board_wrap .board_paging{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:42px;}
.board_wrap .board_paging a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#777;font-size:16px;font-weight: 500;}
.board_wrap .board_paging a.on{background:var(--color_primary);color:#fff;}
.board_wrap .board_paging a:hover{color:var(--color_primary);}
.board_wrap .board_paging a.on:hover{color:#fff;}


.board_wrap .webzine_list{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 25px;}
.board_wrap .webzine_list li{min-width:0;}
.board_wrap .webzine_list li a{display:block;height:100%;border-bottom:1px solid #222;}
.board_wrap .webzine_thumb{height:270px;overflow:hidden;background:#eef3f7;}
.board_wrap .webzine_thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.board_wrap .webzine_list li a:hover .webzine_thumb img{transform:scale(1.05);}
.board_wrap .webzine_info{position:relative;padding:25px 45px 28px 0;}
.board_wrap .webzine_info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:700;}
.board_wrap .webzine_info p{height:48px;margin:12px 0 22px;overflow:hidden;color:#777;font-size:17px;line-height:24px;}
.board_wrap .webzine_info time{color:#999;font-size:15px;}
.board_wrap .webzine_info > i{position:absolute;right:3px;bottom:29px;color:#111;font-size:23px;transition:transform .3s,color .3s;}
.board_wrap .webzine_list li a:hover .webzine_info > i{color:var(--color_primary);transform:translateX(5px);}


/* 게시판 상세 */
.board_wrap .board_view_wrap{border-top:2px solid #111;}
.board_wrap .board_view_head{display:flex;align-items:center;justify-content:space-between;padding:28px 25px;border-bottom:1px solid #dfe4e9;}
.board_wrap .board_view_head>strong{display: flex; font-size:22px;font-weight:700;color:#222;align-items: center;width: calc(100% - 150px);line-height: 1.3;}
.board_wrap .board_view_head .notice_label{vertical-align:2px;}
.board_wrap .board_view_meta{display:flex;gap:20px;color:#888;font-size:15px;}
.board_wrap .board_view_file{padding:16px 25px;border-bottom:1px solid #dfe4e9;font-size:16px;}
.board_wrap .board_view_file a{color:#222;text-decoration:underline;word-break:break-all;}
.board_wrap .board_view_file a i{margin-right:6px;text-decoration:none;}
.board_wrap .board_view_content{min-height:360px;padding:55px 25px 80px;border-bottom:1px solid #dfe4e9;color:#444;font-size:17px;line-height:2;}
.board_wrap .board_view_content p{margin-bottom:12px;}
.board_wrap .board_view_content p:last-child{margin-bottom:0;}
.board_wrap .board_view_nav{border-bottom:1px solid #dfe4e9;}
.board_wrap .board_view_nav a{display:flex;align-items:center;gap:25px;padding:20px 25px;border-bottom:1px solid #eef0f3;color:#777;font-size:16px;}
.board_wrap .board_view_nav a:last-child{border-bottom:0;}
.board_wrap .board_view_nav span{width:55px;color:#222;font-weight:600;}
.board_wrap .board_view_nav strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555;font-weight:400;transition: .2s;}
.board_wrap .board_view_nav a:hover strong{color: #000;}
.board_wrap .board_view_nav i{color:#999;font-size:18px;transition: .2s;}
.board_wrap .board_view_nav a:hover i{color: #000;}
.board_wrap .board_view_buttons{display:flex;justify-content:center;margin-top:35px;}
.board_wrap .board_view_buttons a{display:flex;align-items:center;justify-content:center;width:150px;height:55px;background:#111;color:#fff;font-size:18px;transition:.3s;}
.board_wrap .board_view_buttons a:hover{background:var(--color_primary);}


/* 고객사 로고 목록 */
.client_wrap{padding: 100px 0;}
.client_wrap .con_box:not(:last-child){margin-bottom: 120px;}
.client_wrap h4{font-size: 35px;margin-bottom: 40px;}
.client_wrap .client_title{margin-bottom:55px;text-align:center;}
.client_wrap .client_title p{margin-bottom:15px;color:var(--color_primary);font-size:17px;font-weight:600;}
.client_wrap .client_title h4{font-size:42px;font-weight:800;}
.client_wrap .client_logo_list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px;}
.client_wrap .client_logo_list li a{display:block;background:#fff;text-align:center;transition:.3s;}
.client_wrap .client_logo_list li a:hover{transform:translateY(-6px);}
.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:19px;}


/* write form (문의사항 작성) */
.write_wrap .write_top{margin-bottom:30px;}
.write_wrap .inner{width: 1000px;}
.write_wrap .write_top h4{font-size:24px;font-weight:700;color:#222;}
.write_wrap .write_list{border-top:2px solid #111;}
.write_wrap .write_list>li{display:flex;align-items:center;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid #e5e8ec;}
.write_wrap .write_list>li>p{width:160px;flex:0 0 160px;font-size:17px;font-weight:600;color:#222;}
.write_wrap .write_list>li>p .req{margin-left:4px;color:var(--color_primary);}
.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"]{flex:1;min-width:0;height:52px;border:1px solid #d9dfe6;border-radius:0;background:#fff;padding:0 16px;font-size:16px;color:#333;outline:0;}
.write_wrap .write_list>li input:focus{border-color:var(--color_primary);}
.write_wrap .write_list>li input:disabled{background:#f6f8fb;cursor:not-allowed;}
.write_wrap .write_list>li.w100{align-items:flex-start;}
.write_wrap .write_list>li.w100>p{margin-top:14px;}
.write_wrap .write_list>li textarea{flex:1;min-width:0;height:260px;border:1px solid #d9dfe6;background:#fff;padding:16px;font-size:16px;color:#333;line-height:1.7;outline:0;resize:vertical;}
.write_wrap .write_list>li textarea:focus{border-color:var(--color_primary);}
.write_wrap .secret_box{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.write_wrap .secret_box .ck_box label{padding-left:26px;font-size:16px;font-weight:500;}
.write_wrap .secret_pw input{width:200px;}
.write_wrap .agree_li{border-bottom:0;padding-top:26px;}
.write_wrap .agree_li .ck_box label{font-size:16px;color:#222;font-weight:500;}
.write_wrap .write_btn_box{display:flex;justify-content:center;gap:12px;margin-top:40px;}
.write_wrap .write_btn_box a,
.write_wrap .write_btn_box button{display:flex;align-items:center;justify-content:center;width:160px;height:56px;font-size:17px;font-weight:600;border:0;cursor:pointer;}
.write_wrap .write_btn_box .btn_cancel{background:#f3f3f3;color:#666;}
.write_wrap .write_btn_box .btn_cancel:hover{background:#e5e5e5;}
.write_wrap .write_btn_box .btn_submit{background:var(--color_primary);color:#fff;transition:.3s;}
.write_wrap .write_btn_box .btn_submit:hover{background:#013a76;}






/* policy pages (개인정보처리방침 / 이메일무단수집거부) */
.policy_wrap{color:#3D454D;}
.policy_wrap .policy_box{line-height:1.8;font-size:18px;word-break:keep-all;}
.policy_wrap .policy_box .intro{padding:10px 0 10px 28px;margin-bottom:50px;border-left:4px solid #024a95;font-size:22px;font-weight:500;line-height:1.7;color:#222;}
.policy_wrap .policy_box h4{margin:45px 0 15px;font-size:24px;font-weight:700;color:#222;}
.policy_wrap .policy_box ul{margin:10px 0;}
.policy_wrap .policy_box ul li{position:relative;padding-left:14px;}
.policy_wrap .policy_box ul li::before{content:"";position:absolute;left:0;top:14px;width:4px;height:4px;border-radius:50%;background:#3D454D;}
.policy_wrap .policy_box .date{margin-top:50px;padding-top:20px;border-top:1px solid #EDF1F5;font-weight:700;}
@media screen and (max-width:1024px){
  .policy_wrap .policy_box{font-size:15px;}
  .policy_wrap .policy_box .intro{padding:4px 0 4px 16px;margin-bottom:30px;font-size:16px;}
  .policy_wrap .policy_box h4{margin:30px 0 10px;font-size:18px;}
}