@media screen and (max-width:767px) {
/* 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: 70px;width: 100%;}
#header h1 a{display: block;width: 180px;height: 23px;background: url(../images/main/main_logo01.png);background-size: cover;transition:.3s;}
#header .btn_box{display: flex;align-items: center;gap:15px;}
#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: 20px;height: 15px;}
#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: 70px;z-index: 1000;width: 100%;height: calc(100vh - 70px);background: rgba(0,0,0,.5);}
#navigation .navi_box{position: absolute; width: 65%;right: 0;top: 0;background: #fff;height: 100%;}
#navigation .navi_box > ul > li > a{position: relative; display: block;line-height: 45px;padding: 0 10px;border-top: 1px solid #ddd;font-size: 14px;}
#navigation .navi_box > ul > li > a:after{content:'';position: absolute;transition: .3s; right: 10px;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: 10px;border-top: 2px solid var(--color_primary);}
#navigation .navi_box > ul > li ul li a{display: block; line-height: 25px;font-size: 14px;}
#navigation .navi_box > ul > li ul li.on a{color: var(--color_primary);font-weight: 600;}


/* 공통 */
a.btn_st01,button.btn_st01{display: flex;width: fit-content; padding: 0 17px;height: 35px;border-radius: 35px;font-size: 15px;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: auto;margin-top: 70px;background-size: 100%;overflow: hidden;padding: 70px 0 100px;}
#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: block; padding-left: 2.6%;padding-top: 0px;z-index: 10;}
#visual_wrap .con_box .left_box{width: 100%;color: #fff;margin-bottom: 70px;}
#visual_wrap .con_box .left_box p{font-size: 45px;line-height: 55px;font-weight: 800;letter-spacing: -4px;}
#visual_wrap .con_box .left_box span{display: block;margin: 20px 0 40px;font-size: 23px;line-height: 35px; letter-spacing: -2px;}
#visual_wrap .con_box .left_box a{display: flex;width: 230px;height: 50px;border-radius: 40px;font-size: 20px;font-weight: 600;background: #E5A300; color: #fff;align-items: center;justify-content: center;}

#visual_wrap .con_box .right_box{position: relative; width: 100%;top: -20px;padding-left: 2.6%;}
#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: 380px; 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;}
#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:20px;align-items: center;bottom: 30px;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: 50px;}
#visual_wrap .slide_items .numcount{display: flex;gap:8px;align-items: center;color: rgba(255,255,255,.5);font-size: 20px;font-weight: 700;}
#visual_wrap .slide_items .numcount .now{color: #fff;}
#visual_wrap .slide_items .btn_box i{font-size: 23px;color: #fff;}
#visual_wrap .slide_items .play{display: none;}


/* section01 */
#section01{padding: 70px 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 .left_box img{max-width: 100%;}
#section01 .right_box .tit_box{margin-bottom: 50px;text-align: center;}
#section01 .right_box .tit_box p{font-size: 20px;font-weight: 700;margin-bottom: 20px;}
#section01 .right_box .tit_box h2{font-size: 40px;color: #1286db;line-height: 1.2;}
#section01 .right_box .tit_box h2 span{display: block;}
#section01 .right_box ul{display: flex;padding-right: 0px;justify-content: center;gap:15px;}
#section01 .right_box ul li .tit{font-size: 18px;font-weight: 700;}
#section01 .right_box ul li .num_box{display: flex;align-items: flex-end;margin: 20px 0 15px;}
#section01 .right_box ul li .num_box p{font-size: 60px;font-weight: 700;}
#section01 .right_box ul li:nth-child(1) .num_box p{width: 82px;}
#section01 .right_box ul li:nth-child(2) .num_box p{width: 67px;}
#section01 .right_box ul li:nth-child(3) .num_box p{width: 75px;}
#section01 .right_box ul li .num_box span{position: relative; font-weight: 500;font-size: 18px;top: -12px;}
#section01 .right_box ul li .txt{font-size: 15px;color: #fff;line-height: 32px;width: 100px; border-radius: 8px;background: var(--color_primary);text-align: center;}


/* section02 */
#section02{padding: 60px 0 80px;}
#section02 h2{font-size: 35px;text-align: center;margin-bottom: 50px;}
#section02 ul{display: flex;gap:10px;flex-wrap:wrap;}
#section02 ul li{width: 100%;}
#section02 ul li a{position: relative; display: block; padding: 30px 20px 30px;top: 0; border-radius: 20px;background: #f5f5f5;height: auto;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{position: relative;bottom: 0;right: 0; margin-top: 30px;margin-left: auto;width: 80px;height: 35px;font-size: 15px;}


/* footer */
#footer{background: #e9f7ff;}
#footer .top_box{padding: 50px 0;}
#footer .top_box .inner{display: block;justify-content: space-between;}
#footer .top_box .left{display: block;gap:80px;}
#footer .top_box .left a img{display: block;margin: 0 auto;width: 230px;}
#footer .top_box .left ul{display: flex; padding-top: 0px;gap:30px 50px;flex-wrap:wrap;justify-content: center;margin: 40px 0;}
#footer .top_box .left ul li p{font-size: 16px;font-weight: 600;margin-bottom: 20px;text-align: center;}
#footer .top_box .left ul li a{display: block;font-weight: 500;margin-bottom: 15px;font-size: 13px;text-align: center;}
#footer .top_box .left ul li a span{padding: 0 10px;}
#footer .top_box .right{display: flex;margin: 0 auto; padding: 10px 30px 0;gap:15px; height: 60px;border-radius: 30px;color: #fff;background: var(--color_primary);}
#footer .top_box .right .txt01{position: relative; font-weight: 700;font-size: 15px;top: 4px;}
#footer .top_box .right .txt02 p{font-size: 20px;font-weight: 800;margin-bottom: 5px;}
#footer .top_box .right .txt02 span{font-size: 15px;font-weight: 500;}

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


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


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




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

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

.con_tit01{padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #E4EAF0;color: #6C7680;font-size: 16px;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:5px;padding: 0 15px;margin: 0 auto; border-radius: 32px;height: 40px;background: #E1EDFF;width: fit-content;}
.con_tit02.orage p{background: #FFF2DF;}
.con_tit02 p span{font-size: 17px;font-weight: 700;color: #64A8FF;}
.con_tit02.orage p span{color: #FF8000;}
.con_tit02 p img{width: 10px;}


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


/* 서브 비주얼 */
.sub_visual{position: relative; height: 230px;background: url(../images/sub/sub_visual_bg.jpg) center no-repeat;background-size: cover;overflow: hidden;}
.sub_visual .inner{height: 100%;}
.sub_visual .txt_box{display: flex; margin-top: 0px;flex-direction: column;justify-content: flex-end;height: 100%;padding-bottom: 30px;}
.sub_visual .txt_box p{font-size: 18px;font-weight: 700;color: var(--color_primary);}
.sub_visual .txt_box h3{margin: 15px 0 30px;font-size: 30px;font-weight: 800;line-height: 1.3;}
.sub_visual .txt_box ul{display: flex;align-items: center;gap:10px;}
.sub_visual .txt_box ul li{font-size: 15px;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: 250px;}


/* 서브 컨텐츠 비주얼 */
.con_visual_wrap{margin-bottom: 80px;}
.con_visual_wrap .vis01{position: relative;border-radius: 15px;overflow: hidden;height: 220px;margin-bottom: 60px;}
.con_visual_wrap .vis01 img{width: 100%;height: 100%;object-fit: cover;}
.con_visual_wrap .vis01 p{position: absolute;left: 20px;bottom: 20px;font-size: 17px;font-weight: 700;color: #fff;line-height: 1.5;}
.con_visual_wrap .vis02{display: block;}
.con_visual_wrap .vis02 .left_box{width: 100%;font-size: 24px;font-weight: 700;color: var(--font_gray);margin-bottom: 25px;}
.con_visual_wrap .vis02 .right_box{width: 100%;font-size: 17px;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: 60px;}
.sub0101_wrap .con01 ul{display: flex;gap:10px;flex-wrap:wrap;}
.sub0101_wrap .con01 li{position: relative;width: calc((100% - 10px)/2);border-radius: 10px;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: 22px;font-weight: 600;color: #fff;}
.sub0101_wrap .con02 .box{display: block;}
.sub0101_wrap .con02 .box:not(:last-child){margin-bottom: 60px;}
.sub0101_wrap .con02 .box .left_box{display: block; width: 100%;margin-bottom: 30px;align-items: center;gap:10px;}
.sub0101_wrap .con02 .box .left_box p{font-size: 27px;font-weight: 700;color: var(--font_gray);margin-bottom: 10px;}
.sub0101_wrap .con02 .box .left_box span{font-weight: 500;line-height: 1.4;color: var(--font_gray);font-size: 14px;}
.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: block;align-items: center;padding: 10px;gap:30px; height: auto;border-radius: 20px;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: 100%; justify-content: center;height: auto;background: #fff;border-radius: 40px;padding: 15px 0;margin-bottom: 10px;}
.sub0101_wrap .con02 .box .right_box li .txt01 span{font-size: 18px;line-height: 1.3;font-weight: 700;text-align: center;}
.sub0101_wrap .con02 .box .right_box li .txt01 span br{display: none;}
.sub0101_wrap .con02 .box .right_box li .txt02{width:100%;font-size: 15px;font-weight: 500;line-height: 1.6;color: var(--font_gray);text-align: center;}


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

/* sub0103_wrap MES/POP-MANager*/
.sub0103_wrap.sub0106_wrap .con02 .box_wrap ul li{width: 100%;}
.sub0103_wrap.sub0106_wrap .con02 .box_wrap ul li:last-child{width: 100%;}


/* sub0105 SCM-MANager */
.sub0105_wrap .con:not(:last-child){margin-bottom: 60px;}
.sub0105_wrap .con .sub_tit{margin-bottom: 30px;}  
.sub0105_wrap .con01 .box_wrap{padding: 50px 0;border-radius: 20px;background: #f6f6f6;}
.sub0105_wrap .con01 .box_wrap .bg_box{width: 925px;max-width: calc(100% - 20px);margin: 0 auto;}
.sub0105_wrap .con01 .box_wrap .box01{position: relative;border-radius: 10px;background: #fff;border: 2px solid #1666bd;padding: 30px 0;}
.sub0105_wrap .con01 .box_wrap .box01 ul{display: flex;gap:30px;justify-content: center;}
.sub0105_wrap .con01 .box_wrap .box01 ul li{position: relative; display: flex; border-radius: 10px;height: 90px;width: 85px; font-size: 17px;font-weight: 700;line-height: 20px;text-align: center; align-items: center;justify-content: center;background: #e9f6ff;}
.sub0105_wrap .con01 .box_wrap .box01 ul li:after{ content:'';position: absolute;left: -22px;top: 50%;transform: translateY(-50%);width: 15px;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: 150px;text-align: center; transform: translateX(-50%);font-size: 22px;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: block; margin: 30px 0;gap:30px;}
.sub0105_wrap .con01 .box_wrap .box02 .left{display: flex; width: 100%;height: 90px;margin-bottom: 10px; 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: 22px;font-weight: 700;}
.sub0105_wrap .con01 .box_wrap .box02 .left span{font-size: 17px;}
.sub0105_wrap .con01 .box_wrap .box02 .right{display: flex;width: 100%; height: 90px;border-radius: 10px;align-items: center;justify-content: center;background: #c8e0f1;font-size: 22px;font-weight: 700;}
.sub0105_wrap .con01 .box_wrap .box03{position: relative;border-radius: 10px;background: #fff;border: 2px solid #13965d;padding: 30px 10px;}
.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: center;flex-wrap:wrap;gap:10px;}
.sub0105_wrap .con01 .box_wrap .box03 ul li{display: flex;align-items: center;justify-content: center;width: calc((100% - 30px)/4); height: 50px;border-radius: 10px;font-size: 16px;font-weight: 700;background: #e1f1ea;}

.sub0105_wrap .con02 .box_wrap{display: block;padding: 30px 30px;border-radius: 20px;background: #f6f6f6;align-items: center;justify-content: space-between;}
.sub0105_wrap .con02 .box_wrap .left_box{margin-bottom: 30px;}
.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 30px;line-height: 43px;border-radius: 20px;margin-bottom: 20px; background: #024a95;color: #Fff;font-size: 20px;font-weight: 700;width: fit-content;}
.sub0105_wrap .con02 .box_wrap .left_box ul li .txt p{font-size: 19px;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;width: 100%;max-width: 500px;}

.sub0105_wrap .con03 .box_wrap{position: relative; display: block; padding: 30px 10px;border-radius: 20px;border: 2px solid #1286db;gap:30px;justify-content: center;}
.sub0105_wrap .con03 .box_wrap p.tit{position: relative;left: 0;top: 0;margin-bottom: 10px; transform: translate(0% , 0%);width: 100%;line-height: 45px;border-radius: 20px;font-size: 22px;font-weight: 700;text-align: center;color: #fff;background: #044183;}
.sub0105_wrap .con03 .box_wrap .con_box{width: 100%;}
.sub0105_wrap .con03 .box_wrap .box{display: flex; width: 100%;max-width: 400px; height: 220px;padding: 0 25px;flex-direction: column;gap:15px;justify-content: center;background: #ecf9ff;margin-bottom: 10px;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{margin-top: 10px;}
.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;flex-wrap:wrap;}
.sub0106_wrap .con_st01 ul li{width: 100%;border: 1px solid #EDF1F5;border-radius: 10px;overflow: hidden;}
.sub0106_wrap .con_st01 ul li p{padding: 15px 0;font-size: 17px;font-weight: 700;text-align: center;background: #E4EAF0;}
.sub0106_wrap .con_st01 ul li span{display: block; padding: 23px 0;font-size: 15px;font-weight: 500;text-align: center;background: #F7F9FA;}

.sub0106_wrap .con01{margin-bottom: 40px;}
.sub0106_wrap .con01 .sub_tit{margin-bottom: 25px;}

.sub0106_wrap .con02{margin-bottom: 30px;}
.sub0106_wrap .con02 .con_tit02{margin-bottom: 30px;}
.sub0106_wrap .con02 .box_wrap{padding: 20px 15px;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% - 10px)/2);border-radius: 10px;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: 16px;font-weight: 600;text-align: center;}
.sub0106_wrap .con02 .box_wrap ul li span{display: block;margin-top: 13px;text-align: center;font-size: 14px;font-weight: 600;}

.sub0106_wrap .con03{margin-bottom: 60px;}
.sub0106_wrap .con03 .con_tit02{margin-bottom: 35px;}

.sub0106_wrap .con04{display: block;margin-bottom: 60px;}
.sub0106_wrap .con04 .sub_tit{width: 100%;margin-bottom: 35px;}
.sub0106_wrap .con04 .right_box{width: 100%;}
.sub0106_wrap .con04 .right_box ul li{display: block;align-items: center;gap:20px;margin-bottom: 40px;}
.sub0106_wrap .con04 .right_box ul li:last-child{margin-bottom: 0;}
.sub0106_wrap .con04 .right_box ul li img{width: 100%;}
.sub0106_wrap .con04 .right_box ul li .txt{width: 100%;margin-top: 20px;}
.sub0106_wrap .con04 .right_box ul li .txt p{font-size: 23px;font-weight: 700;margin-bottom: 10px;text-align: center;}
.sub0106_wrap .con04 .right_box ul li .txt span{display: block; font-size: 16px;font-weight: 500;line-height: 1.6;text-align: center;}

.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: 100%;border-radius: 15px;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;height: auto;}
.sub0106_wrap .con05 ul li .txt_box p.tit{font-size: 22px;font-weight: 700;margin-bottom: 12px;}
.sub0106_wrap .con05 ul li .txt_box .txt p{position: relative; padding-left: 20px;margin-bottom: 5px;font-size: 15px;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: 50px 0;}
.sub02_wrap .con_box01 .con01{padding: 25px 15px;border-radius: 15px;background: #fff;margin-bottom: 40px;}
.sub02_wrap .con_box01 .con01 h4{font-size: 25px;text-align: center;margin-bottom: 30px;}
.sub02_wrap .con_box01 .con01 ul{display: flex;justify-content: center;flex-wrap:wrap;gap:5px;}
.sub02_wrap .con_box01 .con01 ul li a{display: flex; width: 75px;height: 70px;border-radius: 10px;padding: 10px; border: 1px solid #F7F9FA;box-shadow: 0 3px 5px 0 rgba(218,224,230,0.38);  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: 30px;}
.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: 350px;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: 35px;left: 25px;color: #fff;}
.sub02_wrap .con_box01 .con02 .txt_wrap .txt01{padding: 0 15px;line-height: 35px;border-radius: 24px;width: fit-content; font-size: 17px;font-weight: 700; background: rgba(100,168,255,.16);color: #64A8FF;}
.sub02_wrap .con_box01 .con02 .txt_wrap .txt02{font-size: 35px;font-weight: 700;margin: 16px 0;}
.sub02_wrap .con_box01 .con02 .txt_wrap .txt03{font-size: 17px;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: 12px;}

.sub02_wrap .con_box01 .con03{position: relative; display: block;justify-content: center;align-items: flex-start;}
.sub02_wrap .con_box01 .con03 .left_box{position: relative; width: 100%;top: 0vh;max-width: 100%;margin-bottom: 30px;text-align: center;}
.sub02_wrap .con_box01 .con03 .left_box .txt01{font-size: 30px;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: 15px;font-weight: 500;color: #6C7680;line-height: 1.4;}
.sub02_wrap .con_box01 .con03 .right_box{width: 100%;max-width: 100%;}
.sub02_wrap .con_box01 .con03 .right_box ul li{position: relative; margin-bottom: 20px;padding-left: 15px;font-size: 17px;font-weight: 600;width: fit-content;margin: 0 auto 20px;}
.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: 7px;width: 4px;height: 4px;border-radius: 50%;background: #3386FF;}

.sub02_wrap .con_box02 .con{padding: 80px 0;}
.sub02_wrap .con_box02 .con .tit_box{margin-bottom: 25px;}
.sub02_wrap .con_box02 .con .tit_box p{padding: 0 15px;line-height: 32px;border-radius: 24px;background: #D9ECFF;font-size: 14px;font-weight: 700;color: #3386FF;margin: 0 auto 15px;width: fit-content;}
.sub02_wrap .con_box02 .con .tit_box h3{font-size: 25px;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: 100%;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: 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: 34px 10px 24px 10px;border-radius: 15px;background: rgba(217, 236, 255, 0.25);}
.sub02_wrap .con_box02 .con02 .box01{display: block; margin-bottom: 35px;padding: 0 0px;justify-content: center;gap:30px;}
.sub02_wrap .con_box02 .con02 .box01 ul{display: flex;justify-content: space-between;gap:30px;}
.sub02_wrap .con_box02 .con02 .box01 ul li{position: relative; display: flex; width: 150px;height: 180px;flex-direction: column;align-items: center;}
.sub02_wrap .con_box02 .con02 .box01 ul li:after{content:'';position: absolute;right: -30px;top: 62px;width: 25px;height: 17px;background: url(../images/sub/sub0201_new_ico01.png);background-size: cover;}
.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: 52px;height: 52px;border-radius: 50%;background: #D9ECFF;font-size: 30px;font-weight: 700;align-items: center;justify-content: center;color: #3386FF;}
.sub02_wrap .con_box02 .con02 .box01 ul li p.txt02{font-size: 18px;font-weight: 700;text-align: center;line-height: 1.2;margin: 15px 0 11px;}
.sub02_wrap .con_box02 .con02 .box01 ul li p.txt03{font-size: 14px;font-weight: 500;color: #6C7680;text-align: center;}

.sub02_wrap .con_box02 .con02 .box02{display: block;border-radius: 0px;overflow: hidden;border: 0px solid #DAE0E6;}
.sub02_wrap .con_box02 .con02 .box02 ul{width: 100%;border-radius: 10px;overflow: hidden;border: 1px solid #DAE0E6;}
.sub02_wrap .con_box02 .con02 .box02 ul:nth-child(1){margin-bottom: 30px;}
.sub02_wrap .con_box02 .con02 .box02 ul li{display: flex; border-bottom: 1px solid #EDF1F5;min-height: auto;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: auto;font-size: 17px;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: 320px;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: 27px;font-weight: 600;line-height: 1.2;}
.sub02_wrap .con_box03 .txt02{font-size: 16px;font-weight: 500;line-height: 1.4;margin: 24px 0;}
.sub02_wrap .con_box03 a{display: block;width: 148px;line-height: 50px;font-size: 17px;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: 30px;font-size: 25px;}
.sub03_wrap .con ul{display: flex;gap:15px;flex-wrap:wrap;}
.sub03_wrap .con ul li{width: calc((100% - 15px)/2);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: 18px;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: 50%;}
.sub03_wrap .con ul li .txt_box{padding: 13px;line-height: 1.2;border-top: 1px solid #EDF1F5;}
.sub03_wrap .con ul li .txt_box p{font-size: 15px;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: none;}
.sub0302_wrap .img_box img.mob{display: block;}



/* sub0401 인사말 */
.sub0401_wrap .inner{display: flex;flex-direction: column;gap:50px;}
.sub0401_wrap .left_box{width: 100%;}
.sub0401_wrap .left_box .txt01 p{font-size: 16px;line-height: 27px;margin-bottom: 20px;}
.sub0401_wrap .left_box .txt01 p:last-child{margin-bottom: 0;}
.sub0401_wrap .left_box .txt02{display: flex; margin-top: 50px;align-items: center;gap:20px;padding-left: 15px;justify-content: flex-end;}
.sub0401_wrap .left_box .txt02 span{display: block; font-size: 16px;margin-bottom: 10px;}
.sub0401_wrap .left_box .txt02 p{font-size: 23px;font-weight: 600;}
.sub0401_wrap .left_box .txt02 img{width: 150px;}


.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: 30px;margin: 0px 0 35px;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 15px;line-height: 35px;border-radius: 10px;width: fit-content;font-size: 20px;font-weight: 700;color: #fff;background: #1286db;margin-bottom: 20px;}
.sub0401_wrap .right_box .box:last-child p{background: var(--color_primary);}
.sub0401_wrap .right_box .box ul{padding-left: 10px;}
.sub0401_wrap .right_box .box ul li{font-size: 16px;margin-bottom: 10px;line-height: 1.4;}
.sub0401_wrap .right_box .box ul li:last-child{margin-bottom: 0;}



/* sub0402_wrap */
.sub0402_wrap{color: var(--font_gray);}
.sub0402_wrap .sub_tit02{margin-bottom: 60px;}
.sub0402_wrap .con{display: flex;justify-content: center;}
.sub0402_wrap .con01{padding-bottom: 40px;}
.sub0402_wrap .con .left_box p{position: sticky; font-size: 30px;font-weight: 700;top: 40vh;}
.sub0402_wrap .con .right_box{position: relative;}
.sub0402_wrap .con .right_box .box_wrap{display: flex;position: sticky; gap:10px;width: 100%;padding-bottom: 40px;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: 30px;font-weight: 700;width: 40px;top: 40vh;flex: 0 0 40px;}
.sub0402_wrap .con .right_box .box_wrap .dot_box{display: flex; position: sticky;top: 40vh;height: 30px;align-items: center;justify-content: center;z-index: 20;}
.sub0402_wrap .con .right_box .box_wrap .dot{width: 11px;height: 11px;border-radius: 50%;border: 2px solid #D9ECFF;background: #3386FF;transform: translateX(-1px);}
.sub0402_wrap .con .right_box .box_wrap .line{position: absolute;left: 53px;top: 0px;height: 100%;width: 2px;background: #D9ECFF;}
.sub0402_wrap .con .right_box .box_wrap.st02 .line{height: calc(100% - 17px);top: 17px;} 
.sub0402_wrap .con .right_box .box_wrap.st03 .line{height: calc(100% + 40px);bottom: 0px;top: auto;}
.sub0402_wrap .con .right_box .box_wrap ul{padding-left: 5px;margin-top: 5px;}
.sub0402_wrap .con .right_box .box_wrap ul li:not(:last-child){margin-bottom: 15px;}
.sub0402_wrap .con .right_box .box_wrap ul li p{font-size: 16px;font-weight: 700;}
.sub0402_wrap .con .right_box .box_wrap ul li span{display: block; font-size: 14px;font-weight: 500;margin-top: 3px;line-height: 1.4;}
.sub0402_wrap .con02 .right_box .box_wrap .line{left: 58px;}
.sub0402_wrap .con02 .right_box .box_wrap ul{padding-left: 10px;}
.sub0402_wrap .con02 .right_box .box_wrap .dot_box .dot{transform: translateX(4px);}


/* sub0403_wrap  수상실적 */
.sub0403_wrap{color: #3D454D;} 
.sub0403_wrap .list_st01{display: flex;flex-wrap:wrap;gap:10px;}
.sub0403_wrap .list_st01 li{width: calc((100% - 10px)/2);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: 15px 25px;line-height: 1.2;font-size: 15px;font-weight: 700;border-top: 1px solid #EDF1F5;}


/* sub0403_wrap  등록증 및 인증서 */
.sub0403_wrap .list_st02{display: flex;gap:30px 10px;flex-wrap:wrap;}
.sub0403_wrap .list_st02 li{width: calc((100% - 10px)/2);border-radius: 15px;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: 15px 25px;line-height: 1.2;font-size: 14px;font-weight: 700;border-top: 1px solid #EDF1F5;}


/* 고객지원 게시판 */
.board_wrap .board_toolbar{display:block;align-items:flex-start;gap:15px;margin-bottom:20px;}
.board_wrap .board_count{flex:0 0 auto;padding-top:12px;font-size:14px;}
.board_wrap .board_search{flex:1;min-width:0;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin-bottom:0;margin-top: 10px;}
.board_wrap .board_search select{width:82px;padding:0 8px;font-size:13px;height: 42px;}
.board_wrap .board_search input{flex:1;width:auto;min-width:0;height:42px;padding:0 10px;font-size:13px;}
.board_wrap .board_search button{width:42px;height:42px;}
.board_wrap .board_write{width:100%;justify-content:center;margin:5px 0 0;height:42px;}
.board_wrap .board_table th{height:48px;font-size:13px;}
.board_wrap .board_table td{height:58px;font-size:13px;}
.board_wrap .board_table .board_no{width:5%;}
.board_wrap .board_subject a{font-size: 13px;}
.board_wrap .board_subject{padding:0 12px;}
.board_wrap .notice_label{margin-right:5px;padding:3px 5px;font-size:10px;}
.board_wrap .board_paging{margin-top:28px;}
.board_wrap .board_paging a{width:30px;height:30px;font-size:14px;}

.board_wrap .webzine_list{display:block;}
.board_wrap .webzine_list li{margin-bottom:30px;}
.board_wrap .webzine_thumb{height:210px;}
.board_wrap .webzine_info{padding:18px 35px 20px 0;}
.board_wrap .webzine_info strong{font-size:18px;}
.board_wrap .webzine_info p{height:auto;max-height:42px;margin:9px 0 16px;font-size:14px;line-height:21px;}
.board_wrap .webzine_info time{color:#999;font-size:14px;}
.board_wrap .webzine_info > i{bottom:22px;font-size:20px;}

.board_wrap .answer_done,.answer_wait{display:inline-block;min-width:auto;padding:7px 5px;font-size:13px;}


/* 게시판 상세 */
.board_wrap .board_view_head{display:block;padding:20px 12px;}
.board_wrap .board_view_head>strong{display:block;font-size:16px;line-height:1.5;}
.board_wrap .board_view_head .notice_label{font-size:10px;}
.board_wrap .board_view_meta{gap:12px;margin-top:14px;font-size:14px;}
.board_wrap .board_view_file{padding:12px;font-size:14px;}
.board_wrap .board_view_content{min-height:260px;padding:32px 12px 45px;font-size:14px;line-height:1.8;}
.board_wrap .board_view_nav a{gap:10px;padding:16px 12px;font-size:14px;}
.board_wrap .board_view_nav span{width:43px;}
.board_wrap .board_view_nav i{font-size:15px;}
.board_wrap .board_view_buttons{margin-top:25px;}
.board_wrap .board_view_buttons a{width:100px;height:42px;font-size:14px;}


/* 고객사 로고 목록 */
.client_wrap{padding: 70px 0;}
.client_wrap .con_box:not(:last-child){margin-bottom: 60px;}
.client_wrap h4{font-size: 22px;margin-bottom: 20px;}
.client_wrap .client_title{margin-bottom:30px;}
.client_wrap .client_title p{font-size:14px;}
.client_wrap .client_title h4{font-size:30px;}
.client_wrap .client_logo_list{display:block;}
.client_wrap .client_logo_list li{margin-bottom:25px;}
.client_wrap .client_logo{position:relative; width:100%; aspect-ratio: 415/110;border: 1px solid #ddd;margin-bottom: 15px;}
.client_wrap .client_logo img{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;}
.client_wrap .client_logo_list li strong{font-size:16px;}


/* write form */
.write_wrap .write_top h4{font-size:19px;}
.write_wrap .write_list>li{display:block;padding:16px 0;}
.write_wrap .write_list>li>p{width:100%;margin-bottom:8px;font-size:14px;}
.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"]{width:100%;height:44px;font-size:14px;}
.write_wrap .write_list>li textarea{height:180px;font-size:14px;}
.write_wrap .secret_box{gap:10px;}
.write_wrap .secret_pw input{width:100%;max-width:180px;height:40px;}
.write_wrap .secret_box .ck_box label{font-size:14px;}
.write_wrap .agree_li{padding-top:16px;}
.write_wrap .agree_li .ck_box label{font-size:14px;}
.write_wrap .write_btn_box{gap:8px;margin-top:30px;}
.write_wrap .write_btn_box a,
.write_wrap .write_btn_box button{width:120px;height:46px;font-size:14px;}
}