@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
.inner{width: 1480px;margin: 0 auto}
#header{background: #fff}
#header.sub .nav .dep1 > li > a{color: #222222}
#sub{padding-top: 164px}
#sub .sub_con{padding: 150px 0;overflow-x: hidden}
#sub.greeting .sub_con{padding-bottom: 0}
#sub.vision .sub_con{padding-bottom: 0}
#sub .sub_visual{padding: 0 60px;position: relative}
#sub .sub_visual .vis_img{clip-path: inset(0 calc(50% - 50%) 0 calc(50% - 50%) round 12px);position: relative}
#sub .sub_visual .vis_img:before{content: '';display: block;width: 100%;height: 100%;position: absolute;background: #0E335750;mix-blend-mode: multiply}
#sub .sub_visual .sv_tit{position: relative;top: 50%;position: absolute;z-index: 15;transform: translateY(-50%);width: 100%;left: 0}
#sub .sub_visual .sv_tit .wrap{display: flex;justify-content: center;margin: 0 auto;align-items: center;gap: 40px}
#sub .sub_visual .sv_tit .wrap strong{font-size: 80px;color: #FFFFFF;font-weight: 900}
#sub .sub_visual .sv_tit .wrap p{font-size: 24px;color: #FFFFFF;font-weight: 500;line-height: 38px;}
#sub .sub_visual .sv_tit .wrap i{display: block;width: 400px;height: 1px;background: #BFC4D2}
#sub .loc_list{padding: 0 120px;display: flex;height: 100px;align-items: center;gap: 24px;border-bottom: 1px solid #BFC4D2;position: relative;z-index: 15}
#sub .loc_list .line{width: 10px;height: 1px;background: #222222}
#sub .loc_list button{display: flex;gap: 24px;align-items: center}
#sub .loc_list button i{display: block}
#sub .loc_list button i svg{display: block}
#sub .loc_list .loc{position: relative}
#sub .loc_list .loc .loc_con{position: absolute;width: 100%;min-width: 184px; height: 280px;background: #FFFFFF;border-radius: 8px;border: 1px solid #E1E3E9;padding: 30px 22px;top: 85px;display: none}
#sub .loc_list .loc .loc_con ul{height: 100%;overflow-y: scroll;display: flex;flex-direction: column;gap: 24px;padding-right: 10px}
#sub .loc_list .loc .loc_con ul li a{font-size: 17px;color: #222222;word-break: keep-all;line-height: 1.5;transition-duration: 0.5s}
#sub .loc_list .loc .loc_con ul li:hover a{color: #20387E}
#sub .loc_list .loc .loc_con ul::-webkit-scrollbar {width: 1px;background-color: #E1E3E9;height: 0}
#sub .loc_list .loc .loc_con ul::-webkit-scrollbar-thumb {background-color: #20387E;border-radius: 2.5px;}
#sub.greeting .wr{padding-left: 220px;padding-right: 60px;display: flex;align-items: flex-start}
#sub.greeting .wr .title{width: 420px;position: sticky;padding-top: 150px}
#sub.greeting .wr .title span{display: block;font-size: 20px;color: #20387E;font-weight: 700;display: block;margin-bottom: 20px}
#sub.greeting .wr .title strong{font-size: 42px;color: #222222;font-weight: 900;line-height: 58px;font-weight: 600;}
#sub.greeting .wr .cont{width: calc(100% - 420px);display: flex;flex-direction: column;gap: 180px}
#sub.greeting .wr .cont .img{border-radius: 12px;overflow: hidden}
#sub.greeting .wr .cont .img img{display: block;width: 100%}
#sub.greeting .wr .cont .txt strong{font-size: 32px;color: #222222;font-weight: 600;margin-top: 40px;display: block}
#sub.greeting .wr .cont .txt strong b{font-weight: inherit;color: #20387E}
#sub.greeting .wr .cont .txt p{font-size: 20px;color: #222222;line-height: 38px;margin-top: 25px;word-break: keep-all}
#sub.greeting .wr .cont .txt ul{width: 1026px;background: #F1F3F9;padding: 40px;border-radius: 8px;display: flex;flex-direction: column;gap: 10px;margin-top: 25px;max-width: 100%}
#sub.greeting .wr .cont .txt ul li{font-size: 20px;color: #3D4048;position: relative;padding-left: 17px}
#sub.greeting .wr .cont .txt ul li:before{content: '';display: block;width: 5px;height: 5px;background: #20387E;position: absolute;border-radius: 8px;top: 10px;left: 0}
#sub.greeting .con02{background: #20387E;padding: 120px 0;margin-top: 200px}
#sub.greeting .con02 .v_title{margin-bottom: 40px}
#sub.greeting .con02 .v_title span{display: block;font-size: 20px;color: #FFFFFF;font-weight: 700;margin-bottom: 20px}
#sub.greeting .con02 .v_title strong{display: block;font-size: 42px;color: #FFFFFF;font-weight: 700}
#sub.greeting .con02 ul{display: flex;gap: 20px}
#sub.greeting .con02 ul li{width: calc(33.33% - 13.33333333333333px)}
#sub.greeting .con02 ul li a{display: block;position: relative}
#sub.greeting .con02 ul li a .img img{display: block;width: 100%;transition-duration: 0.5s}
#sub.greeting .con02 ul li:hover a .img img{transform: scale(1.05)}
#sub.greeting .con02 ul li a .img{border-radius: 8px;overflow: hidden}
#sub.greeting .con02 ul li a i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 5;display: flex;align-items: center;justify-content: center;border-radius: 66px;width: 66px;height: 66px;background: rgba(255,255,255,0.1);backdrop-filter: blur(20px)}
#sub.greeting .con02 ul li a i svg{display: block;transform: translateX(2px)}
#sub .s_title span{display: block;font-size: 20px;color: #20387E;font-weight: 600;margin-bottom: 20px}
#sub .s_title strong{font-size: 42px;color: #222222;font-weight: 700;line-height: 58px}
#sub .s_title p{font-size: 20px;color: #222222;line-height: 38px;margin-top: 60px}
#sub.ceo .con01{margin-bottom: 150px}
#sub.ceo .con02{display: flex;align-items: center}
#sub.ceo .con02 .img_box{height: 100vh;overflow: hidden}
#sub.ceo .con02 .img_box .img02, #sub.ceo .con02 .img_box .img03{position: absolute;top: 100%}
#sub.ceo .con02 .txt_w{padding-left: 100px;display: flex;flex-direction: column;gap: 80px}
#sub.ceo .con02 .txt_w p{font-size: 20px;line-height: 38px;color: #222222;opacity: 0.3}
#sub.ceo .con02 .txt_w p.t01{opacity: 1}
#sub.ceo .con03{position: relative;height: 522px;display: flex;align-items: center;justify-content: center;text-align: center;margin-top: 150px;overflow: hidden}
#sub.ceo .con03 img{display: block}
#sub.ceo .con03 img{transform: scale(1.05)}
#sub.ceo .con03.on img{transform: scale(1);transition-duration: 3s}
#sub.ceo .con03 .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub.ceo .con03 .txt_wrap{position: relative;z-index: 15}
#sub.ceo .con03 .txt_wrap strong{font-size: 42px;color: #FFFFFF;font-weight: 700;line-height: 1.25}
#sub.ceo .con03 .txt_wrap p{font-size: 20px;color: #FFFFFF;line-height: 38px;margin-top: 50px;word-break: keep-all}
#sub.ceo .con03 .txt_wrap strong{transform: translateY(70px);opacity: 0;display: block}
#sub.ceo .con03.on .txt_wrap strong{transform: translateY(0);opacity: 1;transition-duration: 1.2s}
#sub.ceo .con03 .txt_wrap p{transform: translateY(70px);opacity: 0;display: block}
#sub.ceo .con03.on .txt_wrap p{transform: translateY(0);opacity: 1;transition-duration: 1.2s;transition-delay: 0.3s}
#sub.vision .con01 {margin-bottom: 180px;}
#sub.vision .con01 ul{display: flex;gap: 20px}
#sub.vision .con01 ul li{flex: 1;}
#sub.vision .con01 ul li .wrap{border: 1px solid #BFC4D2; border-radius: 12px;height: 100%;padding: 40px;}
#sub.vision .con01 ul li .wrap i{display: block;;margin-bottom: 30px;}
#sub.vision .con01 ul li .wrap i svg{display: block;}
#sub.vision .con01 ul li .wrap strong{font-size: 21px;color: #20387E;display: block;line-height: 1;}
#sub.vision .con01 ul li .wrap p{font-size: 17px;color: #444444;line-height: 30px;margin-top: 20px;font-weight: 400;}
#sub.vision .con02{background-color: #20387E;height: 370px;display: flex;;align-items: center;border-radius: 0;position: relative;overflow: hidden;justify-content: center;}
#sub.vision .con02 .bg{position: absolute;left: -30px;bottom: -26px}
#sub.vision .con02 .txt_w{display: flex;gap: 50px}
#sub.vision .con02 .txt_w .tit strong{display: block;font-size: 40px;color: #FFFFFF;}
#sub.vision .con02 .txt_w .txt strong{font-size: 32px;color: #FFFFFF;display: block;margin-bottom: 25px;;}
#sub.vision .con02 .txt_w .txt p{font-size: 20px;color: #CCD2E3;line-height: 38px;font-weight: 400;}
#sub.vision .con02 .txt_w i{width: 464px;height: 1px;background-color: #FFFFFF;opacity: 0.3;margin-top: 20px;}

#sub.history .his_cont{display: flex;flex-direction: column;gap: 120px;margin-top: 120px}
#sub.history .his_cont .his{display: flex;justify-content: space-between;transform: translateX(50%);opacity: 0}
#sub.history .his_cont .txt{width: calc(100% - 280px);padding-left: 170px;border-top: 1px solid #BFC4D2;padding-top: 40px;}
#sub.history .his_cont .txt ul{padding: 40px;border: 1px solid #BFC4D2;border-radius: 8px;display: flex;;flex-direction: column;gap: 10px;}
#sub.history .his_cont .txt ul li{font-size: 20px;color: #3D4048;font-weight: 400;position: relative;padding-left: 22px;}
#sub.history .his_cont .txt ul li:before{content: '';display: block;width: 5px;height: 5px;background-color: #2F458B;position: absolute;left: 0;top: 8px;border-radius: 50%;}
#sub.history .his_cont .year strong{color: #0E1A3D;font-size: 80px;font-weight: 700;}

#sub.ci .con00{margin-bottom: 100px}
#sub.ci .con01 {padding: 100px 0;background: #F1F3F9}
#sub.ci .con01 .ci_w strong{display: block;font-size: 28px;color: #222222;margin-bottom: 20px;}
#sub.ci .con01 ul {display: flex;gap: 40px}
#sub.ci .con01 ul li{flex: 1;}
#sub.ci .con01 .img_box{margin-bottom: 60px}
#sub.ci .con01 .img_box img{max-width: 100%}
#sub.ci .con01 ul li img{display: block;;max-width: 100%;}
#sub.ci .con02{;padding: 100px 0;}
#sub.ci .con02 .title{margin-bottom: 40px;}
#sub.ci .con02 .title strong{display: block;font-size: 28px;color: #222222;margin-bottom: 20px;}
#sub.ci .con02 .title p{display: block;font-size: 20px;color: #444444;}
#sub.ci .con02 .col_w{display: flex;gap: 40px 20px;flex-wrap: wrap;}
#sub.ci .con02 .col_w .col{width: calc(50% - 20px);padding: 10px;background-color: #FFFFFF;border: 1px solid #BFC4D2; border-radius: 10px;display: flex;justify-content: space-between;align-items: center;gap: 60px}
#sub.ci .con02 .col_w .col .chip{width: 180px;height: 180px;border-radius: 6px;align-items: center;justify-content: center;display: flex;;}
#sub.ci .con02 .col_w .col:nth-child(1) .chip{background-color: #4CB748;}
#sub.ci .con02 .col_w .col:nth-child(2) .chip{background-color: #076643;}
#sub.ci .con02 .col_w .col:nth-child(3) .chip{background-color: #fff;border: 1px solid #BFC4D2;}
#sub.ci .con02 .col_w .col:nth-child(3) .chip strong{color: #222222;}
#sub.ci .con02 .col_w .col:nth-child(4) .chip{background-color: #221E1F;}
#sub.ci .con02 .col_w .col .chip strong{display: block;;font-size: 20px;font-weight: 500;color: #FFFFFF;}
#sub.ci .con02 .col_w .col ul {width: calc(100% - 240px);gap: 16px;flex-direction: column;display: flex}
#sub.ci .con02 .col_w .col ul li{display: flex;align-items: center;;gap:20px}
#sub.ci .con02 .col_w .col ul li div{display: flex;gap: 32px}
#sub.ci .con02 .col_w .col ul li p{font-size: 18px;color: #444444;}
#sub.ci .con02 .col_w .col ul li strong{font-size: 20px;color: #222222;font-weight: 600;position: relative;display: flex;align-items: center;gap: 12px}
#sub.ci .con02 .col_w .col ul li strong:before{content: '';display: block;width: 5px;height: 5px;background: #20387E;border-radius: 50%}
#sub.ci .con02 .col_w .col ul li i{display: block;width: 1px;height: 12px;background-color: #CCD2E3;;}
#sub .sub_tabs{margin: 40px 0}
#sub .sub_tabs ul{display: flex;flex-wrap: wrap;gap: 10px}
#sub .sub_tabs ul li a{height: 64px;padding: 0 40px;display: flex;align-items: center;border: 1px solid #BFC4D2;border-radius: 8px;font-size: 20px;color: #222222;font-weight: 500;transition-duration: 0.5s}
#sub .sub_tabs ul li:hover a{border-color: #20387E;color: #20387E}
#sub .sub_tabs ul li.on a{background: #20387E;border-color: #20387E;color: #fff}
#sub.direction .direction_wrap{display: flex;align-items: center;align-items: flex-end}
#sub.direction .direction_wrap > div{width: 50%}
#sub.direction .direction_wrap .map {padding-right: 70px}
#sub.direction .direction_wrap .map .m_in{height: 500px;border-radius: 8px;overflow: hidden}
#sub.direction .direction_wrap .map .m_in .root_daum_roughmap{width: 100%;height: 100%}
#sub.direction .direction_wrap .map .m_in .root_daum_roughmap .wrap_map{width: 100%;height: 100%}
#sub.direction .direction_wrap .txt_w .title strong{font-size: 32px;color: #20387E;font-weight: 700}
#sub.direction .direction_wrap .txt_w .title{padding-bottom: 25px;border-bottom: 1px solid #BFC4D2;margin-bottom: 40px}
#sub.direction .direction_wrap .txt_w ul {display: flex;flex-direction: column;gap: 17px;margin-bottom: 60px}
#sub.direction .direction_wrap .txt_w ul li{position: relative;padding-left: 116px;font-size: 20px;color: #444444;}
#sub.direction .direction_wrap .txt_w ul li span{position: absolute;left: 0;font-size: 20px;color: #222222;font-weight: 700}
#sub.direction .direction_wrap .txt{background: #F1F3F9;padding: 40px;border-radius: 8px}
#sub.direction .direction_wrap .txt strong{font-size: 22px;color: #222222;font-weight: 600}
#sub.direction .direction_wrap .txt p{font-size: 20px;color: #444444;line-height: 36px;margin-top: 20px}
#sub.partner .con02{padding: 100px 60px;background: #20387E}
#sub.partner .con02 ul{display: flex;flex-wrap: wrap;gap: 20px}
#sub.partner .con02 ul li{width: calc(16.66% - 16.66666666666667px);border-radius: 10px;overflow: hidden}
#sub.partner .con02 ul li img{display: block;width: 100%}


#sub.talent .sub_con{padding-top: 0;}
#sub.talent .con01{padding-top: 150px;background-color: #F2F3F8;padding-bottom: 100px;margin-bottom: 100px;position: relative;overflow: hidden;}
#sub.talent .con01 .inner{position: relative;z-index: 5;}
#sub.talent .con01 .bg{position: absolute;right: -60px;bottom: -20px;;}
#sub.talent .con01 .bg svg{display: block;}
#sub.talent .con01 strong{font-size: 40px;line-height: 56px;color: #222222;font-weight: 600;;}
#sub.talent .con01 strong b{color: #20387E;font-weight: inherit;}
#sub.talent .con01 p{font-size: 20px;color: #222222;font-weight: 500;margin-top: 40px;}
#sub.talent .con02 ul{display: flex;flex-wrap: wrap;gap: 20px;} 
#sub.talent .con02 ul li{width: calc(33.33% - 13.33333333333333px);border: 1px solid #BFC4D2;padding: 40px;border-radius: 12px;}
#sub.talent .con02 ul li i{display: block;margin-bottom: 28px;}
#sub.talent .con02 ul li i svg{display: block;}
#sub.talent .con02 ul li strong{font-size: 21px;color: #20387E;text-transform: uppercase;margin-bottom: 24px;display: block;}
#sub.talent .con02 ul li p{font-size: 17px;color: #444444;line-height: 30px;;}
#sub.talent .con03{display: flex;;flex-direction: column;gap: 120px;margin-bottom: 120px;}
#sub.talent .con03 .tit{padding-bottom: 24px;margin-bottom: 30px;border-bottom: 1px solid #BFC4D2;position: relative;}
#sub.talent .con03 .tit:before{content: '';display: block;width: 70px;height: 2px;background-color: #20387E;position: absolute;left: 0;bottom: -1px;}
#sub.talent .con03 .tit strong{display: block;;font-size: 28px;color: #222222;}
#sub.talent .con03 ul{display: flex;;flex-direction: column;gap: 10px}
#sub.talent .con03 ul li{font-size: 20px;color: #3D4048;position: relative;padding-left: 14px;}
#sub.talent .con03 ul li:before{content: '';display: block;width: 5px;height: 5px;background-color: #2F458B;border-radius: 50%;top: 8px;left: 0;position: absolute;;}
#sub.talent .con03 .list{display: flex;gap: 60px;position: relative;}
#sub.talent .con03 .list:before{content: '';display: block;width: 100%;height: 1px;position: absolute;top: 50%;left: 0;border-bottom: 1px dashed #20387E;}
#sub.talent .con03 .list > div{flex: 1;position: relative;z-index: 2;display: flex;align-items: center;border: 1px solid #BFC4D2;border-radius: 8px;padding: 10px;gap: 20px;background-color: #fff;}
#sub.talent .con03 .list > div strong{display: block;;font-size: 20px;color: #222222;font-weight: 600;}
#sub.talent .con03 .list > div span{font-size: 16px;color: #8A92A9;font-weight: 500;display: block;;}
#sub.talent .con03 .list > div div{display: flex;;flex-direction: column;gap: 5px}
#sub.talent .con03 .list > div.last{background-color: #20387E;border-color: #20387E;}
#sub.talent .con03 .list > div.last strong{color: #FFFFFF;}
#sub.talent .con03 .list > div.last span{color: #FFFFFF;}
#sub.talent .con03 .list > div{position: relative;}
#sub.talent .con03 .list > div:after{content: '';display: block;width: 28px;height: 28px;background: url(/img/sub/recruit_arr.png);right: -44px;top: 50%;margin-top: -14px;position: absolute;}
#sub.talent .con03 .list > div:last-child::after{display: none;}
#sub.talent .con04{height: 597px;position: relative;display: flex;;align-items: center;border-radius: 8px;overflow: hidden;;}
#sub.talent .con04 .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);;}
#sub.talent .con04 .inner{position: relative;z-index: 5;}
#sub.talent .con04 .title{padding-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.3);}
#sub.talent .con04 .title span{display: block;font-size: 20px;color: #FFFFFF;font-weight: 600;margin-bottom: 20px;}
#sub.talent .con04 .title strong{font-size: 42px;color: #FFFFFF;font-weight: 600;line-height: 58px;;}
#sub.talent .con04 .txt {margin-top: 40px;}
#sub.talent .con04 .txt ul{display: flex;gap: 60px}
#sub.talent .con04 .txt ul li{display: flex;;align-items: center;gap: 12px;font-size: 20px;color: #FFFFFF;}
#sub.talent .con04 .txt ul li span{color: #FFFFFF;}
#sub.talent .con04 .txt ul li i{display: block;;width: 1px;height: 14px;background-color: #CCD2E3;;}
#sub.talent .con04 a{display: flex;;width: 224px;height: 54px;align-items: center;justify-content: center;gap: 8px;border: 1px solid #FFFFFF;border-radius: 10px;position: relative;overflow: hidden;transition-duration: 0.5s;margin-top: 58px;}
#sub.talent .con04 a:hover span{color: #222;}
#sub.talent .con04 a:hover span{color: #222;}
#sub.talent .con04 a svg{display: block;}
#sub.talent .con04 a:hover path{stroke: #222;}
#sub.talent .con04 a path{transition-duration: 0.5s;}
#sub.talent .con04 a span{transition-duration: 0.5s;}
#sub.talent .con04 a span{color: #FFFFFF;font-size: 18px;font-weight: 600;position: relative;z-index: 15;;}
#sub.talent .con04 a i{display: block;z-index: 15;position: relative;;}
#sub.talent .con04 a:before{content: '';display: block;width: 0;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;transition-duration: 0.5s;}
#sub.talent .con04 a:hover:before{width: 100%;}
#sub .s_title.bor{display: flex;;justify-content: space-between;align-items: center;margin-bottom: 60px}
#sub .sch input{width: 480px;height: 66px;border: 1px solid #BFC4D2;border-radius: 10px;padding: 0 30px;font-size: 18px;}
#sub .sch input::placeholder{color: #666666;}
#sub .sch{position: relative;}
#sub .sch button{position: absolute;right: 0;height: 100%;padding-right: 22px;top: 0;}
#sub .sch_in{display: flex;justify-content: space-between;margin-bottom: 40px}
#sub .sch_in ul{display: flex;gap: 8px}
#sub .sch_in ul li a{display: flex;width: 185px;height: 64px;border: 1px solid #BFC4D2;border-radius: 8px;align-items: center;justify-content: center;font-size: 20px;color: #222222;font-weight: 500;transition-duration: 0.5s}
#sub .sch_in ul li.on a{border-color: #20387E;background: #20387E;color: #fff}
#sub .sch_in ul li:hover a{color: #20387E;border-color: #20387E;}
#sub.board .list ul{display: flex;flex-direction: column;gap: 20px}
#sub.board .list ul li a{display: block;padding: 40px 50px;border: 1px solid #BFC4D2;border-radius: 8px;position: relative;transition-duration: 0.5s;}
#sub.board .list ul li a .cate{display: flex;;align-items: center;gap:18px;margin-bottom: 35px;}
#sub.board .list ul li a .cate span{display: flex;;width: 95px;height: 48px;background-color: #F2F3F8;border-radius: 10px;align-items: center;justify-content: center;font-size: 18px;color: #444444;font-weight: 600;transition-duration: 0.5s;}
#sub.board .list ul li a .cate.ing span{background-color: #20387E;color: #fff;}
#sub.board .list ul li a .cate p{font-size: 20px;color: #444444;font-weight: 600;transition-duration: 0.5s}
#sub.board .list ul li a:hover .cate p{color: #20387E;}
#sub.board .list ul li a .txt strong{display: block;color: #222222;font-size: 26px;font-weight: 600;}
#sub.board .list ul li a .txt p{font-size: 17px;color: #444444;line-height: 28px;margin-top: 20px;}
#sub.board .list ul li a .more{position: absolute;right: 50px;top: 40px;display: flex;align-items: center;gap: 13px}
#sub.board .list ul li a .more span{font-size: 17px;color: #20387E;font-weight: 500;opacity: 0;transition-duration: 0.5s;}
#sub.board .list ul li:hover a .more span{opacity: 1;}
#sub.board .list ul li a .more i{display: flex;;width: 34px;height: 34px;border: 1px solid #20387E;border-radius: 50%;transform: rotate(90deg);align-items: center;justify-content: center;transition-duration: 0.5s;}
#sub.board .list ul li a:hover .more i{background-color: #20387E;}
#sub.board .list ul li a:hover .more path{stroke: #fff;}
#sub.board .list ul li a:hover{border-color: #20387E;}
#sub.board .list2 ul{display: flex;flex-wrap: wrap;gap: 80px 20px}
#sub.board .list2 ul li{width: calc(33.33% - 13.33333333333333px)}
#sub.board .list2 ul li a{display: block}
#sub.board .list2 ul li .img{display: block;border-radius: 10px;overflow: hidden;position: relative}
#sub.board .list2 ul li .img .over{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(20px);opacity: 0;transition-duration: 0.5s}
#sub.board .list2 ul li .img img{width: 100%}
#sub.board .list2 ul li:hover .img .over{opacity: 1}
#sub.board .list2 ul li .txt{padding-top: 40px}
#sub.board .list2 ul li .txt span{display: block;font-size: 17px;color: #444444;}
#sub.board .list2 ul li .txt strong{font-size: 26px;color: #222222;display: block;margin-top: 15px}
#sub .paging{margin-top: 80px;}
#sub .paging ul{display: flex;justify-content: center;}
#sub .paging ul li a{display: flex;;width: 48px;height: 48px;align-items: center;justify-content: center;font-size: 17px;color: #222222;}
#sub .paging ul li.on a{background-color: #0E1A3D;color: #fff;border-radius: 4px;}

#sub.view .con01 .title{display: flex;;justify-content: space-between;border-bottom: 1px solid #222222;padding-bottom: 40px;margin-top: 60px}
#sub.view .con01 .title strong i{display: inline-block;width: 95px;line-height: 48px;background: #20387E;border-radius: 10px;font-size: 18px;color: #FFFFFF;font-weight: 600;margin-right: 20px;text-align: center}
#sub.view .con01 .title strong{font-size: 24px;color: #222222;font-weight: 500;max-width: calc(100% - 100px);}
#sub.view .con01 .title span{display: block;font-size: 18px;color: #666666;}
#sub.view .con01 .content{padding: 40px 0;min-height: 500px;border-bottom: 1px solid #BFC4D2;margin-bottom: 80px;}
#sub.view .contents{display: flex;justify-content: space-between}

#sub.view .contents .con01{width: calc(100% - 385px);align-items: flex-start}
#sub.view .member{padding-top: 180px;width: 320px}
#sub.view .member .title{margin-bottom: 20px}
#sub.view .member .title strong{display: block;font-size: 20px;font-weight: 700;color: #20387E}
#sub.view .member .list > ul{padding: 25px;border: 1px solid #BFC4D2;border-radius: 8px}
#sub.view .member .list > ul > li a{display: flex;align-items: center;gap: 20px}
#sub.view .member .list > ul > li .img .img_w{border-radius: 8px;overflow: hidden}
#sub.view .member .list > ul > li .img img{width: 98px}
#sub.view .member .list > ul > li .name{display: flex;align-items: flex-end;gap: 6px;padding-bottom: 10px;border-bottom: 1px solid #BFC4D2;margin-bottom: 12px;position: relative}
#sub.view .member .list > ul > li .name:before{content: '';display: block;width: 48px;height: 2px;background: #20387E;position: absolute;bottom: -1px;left: 0}
#sub.view .member .list > ul > li .name strong{font-size: 18px;color: #222222;font-weight: 700;line-height: 1;transition-duration: 0.5s}
#sub.view .member .list > ul > li .name span{font-size: 16px;color: #20387E;font-weight: 700;line-height: 1;transition-duration: 0.5s}
#sub.view .member .list > ul > li ul{display: flex;flex-direction: column;gap: 8px}
#sub.view .member .list > ul > li ul li{font-size: 14px;color: #222222;padding-left: 22px;position: relative}
#sub.view .member .list > ul > li ul li span{font-weight: 500;color: #222222;position: absolute;top: 0;left: 0;font-weight: 500}
#sub.view .member .list > ul > li ul ul{gap: 8px}
#sub.view .member .key{margin-bottom: 40px}
#sub.view .member .key p{width: 100%;height: 50px;background: #20387E;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #FFFFFF;font-weight: 600}
#sub.view .file {margin-top: -60px;margin-bottom: 80px}
#sub.view .file a{display: flex;padding: 10px;gap: 20px;align-items: center;background: #F1F3F9;border-radius: 10px}
#sub.view .file a svg{display: block}
#sub.view .file a p{font-size: 18px;color: #222222;}
#sub.view .go_view a{display: flex;width: 200px;height: 50px;gap: 8px;align-items: center;justify-content: center;position: relative;transition-duration: 0.5s;margin: 0 auto}
#sub.view .go_view a:hover{gap: 18px}
#sub.view .go_view a:after{content: '';display: block;width: 100%;height: 100%;border: 1px solid #20387E;border-radius: 10px;;position: absolute;top: 0;left: 0}
#sub.view .go_view a span{font-size: 18px;color: #222222;font-weight: 600}
#sub.view .go_view a span, #sub.view .go_view a i{position: relative;z-index: 5}
#sub.view .go_view a i svg{transform: rotate(45deg);transition-duration: 0.5s}
#sub.view .go_view a:hover i svg{transform: rotate(0deg)}

#sub.program .con01 .s_title{display: flex;justify-content: space-between;align-items: flex-end}

#sub.program .con01 .s_title{margin-bottom: 80px}
#sub .sub_con{overflow: hidden}
#sub.program .con01 .wrap{display: flex;align-items: center;gap: 60px}
#sub.program .con01 .wrap .img .img_w{border-radius: 12px;overflow: hidden;border: 1px solid #E1E3E9}
#sub.program .con01 .wrap .txt{display: flex;flex-direction: column;gap: 40px}
#sub.program .con01 .wrap .txt strong{display: block;font-size: 20px;color: #222222;display: flex;align-items: center;gap: 16px;margin-bottom: 20px}
#sub.program .con01 .wrap .txt strong:before{content: '';display: block;width: 5px;height: 5px;background: #20387E;border-radius: 50%;}
#sub.program .con01 .wrap .txt strong i{display: block;width: 1px;height: 12px;background: #CCD2E3}
#sub.program .con01 .wrap .txt p, #sub.program .wrap .txt ul li{color: #444444;font-size: 17px;line-height: 30px}
#sub.program .con01 .wrap .img .title{height: 70px;display: flex;align-items: center;justify-content: center;background: #F1F3F9;border-radius: 10px;margin-bottom: 10px}
#sub.program .con01 .wrap .img .title strong{font-size: 26px;color: #BFC4D2;font-weight: 600}
#sub.program .con01 .mySwiper {overflow: visible}
#sub.program .con02{background: #F1F3F9;padding: 150px 0;margin-top: 150px}
#sub.program .con02 .wr{display: flex;align-items: center;gap: 160px}
#sub.program .con02 .wr .s_title *{white-space: nowrap}
#sub.program .con02 .wr .s_title .s_btn{margin-top: 70px}
#sub.program .con02 .wr .swiper{width: 1480px}
#sub.program .con02 .wr .swiper .wrap{height: 100%;background: #fff;padding: 25px 20px;min-height: 572px;border-radius: 8px;transition-duration: 0.5s}
#sub.program .con02 .wr .swiper .wrap .img{border-radius: 8px;overflow: hidden;border: 1px solid #D3DAE1}
#sub.program .con02 .wr .swiper .wrap .img img{display: block;width: 100%}
#sub.program .con02 .wr .swiper .wrap .txt {padding: 40px 15px;padding-bottom: 0}
#sub.program .con02 .wr .swiper .wrap .txt span{display: block;font-size: 20px;color: #20387E;line-height: 38px;font-weight: 600}
#sub.program .con02 .wr .swiper .wrap .txt strong{display: block;font-size: 26px;color: #222222;line-height: 38px;font-weight: 600;margin-bottom: 40px}
#sub.program .con02 .wr .swiper .swiper-slide{padding: 40px 0}
#sub.program .con02 .wr .swiper .swiper-slide-active .wrap{transform: translateY(-40px)}
#sub.program .con02 .wr .swiper .swiper-slide-active .wrap{background: #20387E}
#sub.program .con02 .wr .swiper .swiper-slide-active .wrap .txt span{color: #fff}
#sub.program .con02 .wr .swiper .swiper-slide-active .wrap .txt ul li{color: #fff}
#sub.program .con02 .wr .swiper .swiper-slide-active .wrap .txt strong{color: #fff}
#sub.program .con03{height: 80px;display: flex;align-items: center;border-bottom: 1px solid #BFC4D2}
#sub.program .con03 p{font-size: 17px;color: #727785;}
#sub .s_btn{display: flex;gap: 10px}
#sub .s_btn div{width: 60px;height: 60px;border: 1px solid #20387E;border-radius: 50%;display: flex;align-items: center;justify-content: center}
#sub .s_btn div.prev{transform: rotate(-90deg)}
#sub .s_btn div.next{transform: rotate(-90deg)}
.swiper-wrapper{height: auto}


#sub.mem_list .sub_con{padding-top: 80px}
#sub.mem_list .con01{width: calc(100% - 120px);margin: 0 auto;background: #F1F3F9;padding: 80px 0;border-radius: 10px;text-align: center;margin-bottom: 120px}
#sub.mem_list .con01 .s_title{margin-bottom: 60px}
#sub.mem_list .con01 select{width: 300px;height: 64px;background: #20387E;border-radius: 8px;padding: 0 30px;color: #FFFFFF;font-size: 17px}
#sub.mem_list .con01 input{width: 600px;height: 64px;background: #fff;border-radius: 8px;border: 1px solid #BFC4D2;border-radius: 8px;padding: 0 30px;font-size: 17px}
#sub.mem_list .con01 .sch_cont{display: flex;justify-content: center;gap: 10px}
#sub.mem_list .con01 .sch_cont div{position: relative}
#sub.mem_list .con01 .sch_cont div button{position: absolute;padding-right: 30px;height: 100%;top: 0;right: 0}
#sub.mem_list .con02 .sch_info{margin-bottom: 80px}
#sub.mem_list .con02 .sch_info p{font-size: 20px;color: #222222;}
#sub.mem_list .con02 .sch_info p b{color: #20387E}

#sub.mem_list .con02 .list > ul{display: flex;gap: 50px 20px;flex-wrap: wrap}
#sub.mem_list .con02 .list > ul > li{width: calc(25% - 15px)}
#sub.mem_list .con02 .list > ul > li a{display: block;height: 100%;border-radius: 12px;transition-duration: 0.5s}
#sub.mem_list .con02 .list > ul > li:hover a{background: #20387E}
#sub.mem_list .con02 .list > ul > li .img img{display: block;max-width: 100%}
#sub.mem_list .con02 .list > ul > li .img{transition-duration: 0.5s;padding-bottom: 0}
#sub.mem_list .con02 .list > ul > li:hover .img{padding: 20px;padding-bottom: 0}
#sub.mem_list .con02 .list > ul > li .img .img_w img{width: 100%}
#sub.mem_list .con02 .list > ul > li .img .img_w {border-radius: 12px;border: 1px solid #BFC4D2;overflow: hidden;    aspect-ratio: 370 / 484;}
#sub.mem_list .con02 .list > ul > li:hover .img .img_w {border-color: #20387E}
#sub.mem_list .con02 .list > ul > li .txt{padding: 30px;padding-bottom: 0;}
#sub.mem_list .con02 .list > ul > li .txt .name{display: flex;align-items: flex-end;gap: 16px;padding-bottom: 20px;border-bottom: 1px solid #BFC4D2;margin-bottom: 34px;position: relative}
#sub.mem_list .con02 .list > ul > li .txt .name:before{content: '';display: block;width: 70px;height: 2px;background: #20387E;position: absolute;bottom: -1px;left: 0}
#sub.mem_list .con02 .list > ul > li .txt .name strong{font-size: 32px;color: #222222;font-weight: 700;line-height: 1;transition-duration: 0.5s}
#sub.mem_list .con02 .list > ul > li .txt .name span{font-size: 20px;color: #20387E;font-weight: 700;line-height: 1;transition-duration: 0.5s}
#sub.mem_list .con02 .list > ul > li .txt ul{display: flex;flex-direction: column;gap: 12px}
#sub.mem_list .con02 .list > ul > li .txt ul li{display: flex;align-items: center;gap: 10px;transition-duration: 0.5s}
#sub.mem_list .con02 .list > ul > li .txt ul li i{display: block;width: 1px;height: 8px;background: #BFC4D2;transition-duration: 0.5s}
#sub.mem_list .con02 .list > ul > li .txt ul li span{font-size: 18px;color: #222222;font-weight: 600;transition-duration: 0.5s}
#sub.mem_list .con02 .list > ul > li .txt ul li p{font-size: 18px;color: #444444;transition-duration: 0.5s}


#sub.mem_list .con02 .list > ul > li:hover .txt .name strong{color: #fff}
#sub.mem_list .con02 .list > ul > li:hover .txt .name span{color: #fff}
#sub.mem_list .con02 .list > ul > li:hover .txt ul li span{color: #fff}
#sub.mem_list .con02 .list > ul > li:hover .txt ul li p{color: #fff}
#sub.mem_list .con02 .list > ul > li:hover .txt ul li i{background: #BFC4D2}
#sub.mem_list .con02 .list > ul > li:hover .txt .name{border-color: #475B94}
#sub.mem_list .con02 .list > ul > li:hover .txt .name:before{background: #fff}
#sub.mem_view .sub_con{padding-top: 0}
#sub.mem_view .con01{background: #F1F3F9;padding: 120px 0}
#sub.mem_view .con01 .inner{display: flex;align-items: center;gap: 80px}
#sub.mem_view .con01 .inner .txt{width: calc(100% - 386px)}
#sub.mem_view .con01 .inner .img{width: 306px;}
#sub.mem_view .con01 .inner .img img{width: 100%;display: block}
#sub.mem_view .con01 .inner .img div{border-radius: 12px;overflow: hidden;border: 2px solid #BFC4D2}

#sub.mem_view .con01 .inner .txt{padding: 30px;padding-bottom: 0;}
#sub.mem_view .con01 .inner .txt .name{display: flex;align-items: flex-end;gap: 16px;padding-bottom: 20px;border-bottom: 1px solid #BFC4D2;margin-bottom: 34px;position: relative}
#sub.mem_view .con01 .inner .txt .name:before{content: '';display: block;width: 70px;height: 2px;background: #20387E;position: absolute;bottom: -1px;left: 0}
#sub.mem_view .con01 .inner .txt .name strong{font-size: 42px;color: #222222;font-weight: 700;line-height: 1;transition-duration: 0.5s}
#sub.mem_view .con01 .inner .txt .name span{font-size: 22px;color: #20387E;font-weight: 700;line-height: 1;transition-duration: 0.5s}
#sub.mem_view .con01 .inner .txt ul{display: flex;flex-direction: column;gap: 12px}
#sub.mem_view .con01 .inner .txt ul li{display: flex;align-items: center;gap: 10px;transition-duration: 0.5s}
#sub.mem_view .con01 .inner .txt ul li i{display: block;width: 1px;height: 8px;background: #BFC4D2;transition-duration: 0.5s}
#sub.mem_view .con01 .inner .txt ul li span{font-size: 18px;color: #222222;font-weight: 600;transition-duration: 0.5s}
#sub.mem_view .con01 .inner .txt ul li p{font-size: 18px;color: #444444;transition-duration: 0.5s}
#sub.mem_view .con01 .inner .txt .info{display: flex;gap: 100px;margin-bottom: 45px}
#sub.mem_view .con01 .inner .txt .field strong{font-size: 20px;color: #222222;font-weight: 700;display: block;margin-bottom: 10px}
#sub.mem_view .con01 .inner .txt .field p{font-size: 18px;color: #444444;line-height: 38px;word-break: keep-all}
#sub.mem_view .con02{padding-top: 120px}
#sub.mem_view .con02 .cont{display: flex;flex-direction: column;gap: 60px}
#sub.mem_view .con02 .cont .con .title{margin-bottom: 30px}
#sub.mem_view .con02 .cont .con .title strong{display: block;font-size: 28px;color: #222222;font-weight: 700}
#sub.mem_view .con02 .cont .con .list{padding: 60px;border-radius: 12px;border: 1px solid #BFC4D2;display: flex;flex-direction: column;gap: 18px}
#sub.mem_view .con02 .cont .con .list div{display: flex}
#sub.mem_view .con02 .cont .con .list div .year{width: 140px}
#sub.mem_view .con02 .cont .con .list div .year strong{font-size: 24px;color: #20387E;line-height: 38px}
#sub.mem_view .con02 .cont .con .list div ul li{font-size: 20px;color: #444444;line-height: 38px;position: relative;padding-left: 17px}
#sub.mem_view .con02 .cont .con .list div ul li:before{content: '';display: block;width: 5px;height: 5px;background: #20387E;border-radius: 50%;position: absolute;left: 0;top: 18px}


#sub.service{padding-top: 127px}
#sub.service .con01 .inner{display: flex;align-items: center;justify-content: space-between}
#sub.service .con01 .inner span{display: block;font-size: 20px;color: #20387E;font-weight: 700;margin-bottom: 20px}
#sub.service .con01 .inner strong{font-size: 42px;color: #222222;line-height: 58px;display: block;margin-bottom: 40px}
#sub.service .con01 .inner p{font-size: 20px;line-height: 38px;color: #222222;}
#sub.service .con01 .inner .img{border-radius: 12px;overflow: hidden;box-shadow: 30px 40px 60px #9B9E9940}
#sub.service .con01 .inner .img{border-radius: 12px;overflow: hidden;box-shadow: 30px 40px 60px #9B9E9940}
#sub.service .content_w{display: flex;justify-content: space-between}
#sub.service .contents{padding-top: 120px;width: calc(100% - 385px);display: flex;flex-direction: column;gap: 120px}
#sub.service .member{padding-top: 180px;width: 320px}
#sub.service .con03 .swiper {width: 100%}
#sub.service .con03 .swiper .swiper-wrapper{width: 100%;flex-wrap: wrap;gap: 44px 22px}
#sub.service .con03 .swiper .swiper-slide{width: calc(33.33% - 14.66666666666667px)}
#sub.service .contents .s_title2{margin-bottom: 30px}
#sub.service .contents .s_title2 strong{display: block;font-size: 28px;color: #222222;font-weight: 600}
#sub.service .contents .con04 img{width: 100%}
#sub.service .contents .con04 .pc{display: block}
#sub.service .contents .con04 .mo{display: none}
#sub.service .contents .tab {margin-bottom: 50px}
#sub.service .contents .tab ul{display: flex;flex-wrap: wrap;gap: 22px;}
#sub.service .contents .tab ul li a{display: block;padding-right: 22px;font-size: 20px;color: #444444;font-weight: 500;position: relative;transition-duration: 0.5s}
#sub.service .contents .tab ul li:hover a{color: #20387E}
#sub.service .contents .tab ul li:last-child a:after{display: none}
#sub.service .contents .tab ul li a:after{content: '';display: block;width: 1px;height: 14px;background: #CBCBCB;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
#sub.service .contents .con03 .sl_w .img{border-radius: 12px;border: 1px solid #BFC4D2;border-radius: 12px;overflow: hidden;    aspect-ratio: 348 / 198;display: flex;align-items: center;justify-content: center;background: #F6F6F6}
#sub.service .contents .con03 .sl_w .img img{display: block;width: 100%;height: 100%}
#sub.service .contents .con03 .sl_w .tit{padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #BFC4D2;position: relative}
#sub.service .contents .con03 .sl_w .tit:before{content: '';display: block;width: 70px;height: 2px;background: #20387E;position: absolute;bottom: -1px;left: 0}
#sub.service .contents .con03 .sl_w .tit span{font-size: 17px;color: #20387E;font-weight: 500;display: block;margin-bottom: 10px}
#sub.service .contents .con03 .sl_w .tit strong{font-size: 21px;color: #222222;font-weight: 600}
#sub.service .contents .con03 .sl_w .txt p{font-size: 17px;color: #444444;line-height: 30px;padding-top: 20px}
#sub.service .contents .con02 > ul{display: flex;flex-wrap: wrap;gap: 12px;align-items: flex-start}
#sub.service .contents .con02 > ul > li{width: calc(50% - 6px);background: #F6F6F6;border-radius: 8px;padding: 0 30px;border: 1px solid #F6F6F6}
#sub.service .contents .con02 > ul > li .title{display: flex;justify-content: space-between;height: 70px;align-items: center;}
#sub.service .contents .con02 > ul > li .title .left i{width: 35px;display: block}
#sub.service .contents .con02 > ul > li .title .left{display: flex;align-items: center;align-items: center;gap: 20px}
#sub.service .contents .con02 > ul > li .title .left svg{display: block}
#sub.service .contents .con02 > ul > li .title .left strong{font-size: 20px;color: #3D4048;display: block}
#sub.service .contents .con02 > ul > li .title .plus{width: 18px;height: 18px;position: relative}
#sub.service .contents .con02 > ul > li .title .plus:before{content: '';display: block;width: 2px;height: 100%;left: 50%;margin-left: -1px;background: #20387E;position: absolute;transition-duration: 0.5s}
#sub.service .contents .con02 > ul > li.on .title .plus:before{transform: rotate(90deg)}
#sub.service .contents .con02 > ul > li .title .plus:after{content: '';display: block;height: 2px;width: 100%;top: 50%;margin-top: -1px;background: #20387E;position: absolute}
#sub.service .contents .con02 > ul > li .txt{display: none}
#sub.service .contents .con02 > ul > li .txt ul{gap: 7px;display: flex;flex-direction: column; padding-top: 18px;padding-bottom: 25px;border-top: 1px solid #B5BACA;}
#sub.service .contents .con02 > ul > li .txt ul li{font-size: 16px;color: #3D3D3D;position: relative;padding-left: 9px;line-height: 1.5;word-break: keep-all}
#sub.service .contents .con02 > ul > li .txt ul li:before{content: '';display: block;width: 4px;height: 4px;background: #3B3B3B;position: absolute;top: 11px;left: 0;border-radius: 50%}
#sub.service .contents .con02 > ul > li .txt .list{border-top: 1px solid #B5BACA;padding-top: 20px;padding-bottom: 20px;display: flex;flex-direction: column;gap: 20px}
#sub.service .contents .con02 > ul > li .txt .list ul{border-top: none;padding: 5px 0}
#sub.service .contents .con02 > ul > li .txt .list strong{font-size: 20px;font-weight: 600;display: block;margin-bottom: 10px}
#sub.service .contents .con02 > ul > li.on{border-color: #414C6F;background: #fff}
#sub.service .contents .con05 .list ul{display: flex;gap: 22px}
#sub.service .contents .con05 .list ul li{width: calc(33.33% - 14.66666666666667px)}
#sub.service .contents .con05 .list ul li a{display: block;padding: 40px 35px;border: 1px solid #BFC4D2;border-radius: 12px}
#sub.service .contents .con05 .list ul li a strong{display: block;font-size: 22px;color: #3A3A3A;font-weight: 600;margin-bottom: 15px}
#sub.service .contents .con05 .list ul li a p{display: block;font-size: 18px;color: #3A3A3A;line-height: 27px;margin-bottom: 25px}
#sub.service .contents .con05 .list ul li a .date{display: flex;justify-content: space-between;align-items: center}
#sub.service .contents .con05 .list ul li a .date span{display: block;font-size: 18px;color: #3A3A3A}
#sub.service .contents .con05 .list ul li a .date i{opacity: 0;transition-duration: 0.5s}
#sub.service .contents .con05 .list ul li:hover a .date i{opacity: 1}
#sub.service .contents .con05 .list ul li a{transition: 0.5s}
#sub.service .contents .con05 .list ul li a .date span, #sub.service .contents .con05 .list ul li a strong, #sub.service .contents .con05 .list ul li a p{transition-duration: 0.5s}
#sub.service .contents .con05 .list ul li:hover a .date span, #sub.service .contents .con05 .list ul li:hover a strong, #sub.service .contents .con05 .list ul li:hover a p{color: #fff}
#sub.service .contents .con05 .list ul li:hover a{border-color: #20387E;background: #20387E}
#sub.service .member .title{margin-bottom: 20px;}
#sub.service .member .title{margin-bottom: 20px}
#sub.service .member .title strong{display: block;font-size: 20px;font-weight: 700;color: #20387E}
#sub.service .member .list > ul{padding: 25px;border: 1px solid #BFC4D2;border-radius: 8px}
#sub.service .member .list > ul > li a{display: flex;align-items: center;gap: 20px}
#sub.service .member .list > ul > li .img .img_w{border-radius: 8px;overflow: hidden}
#sub.service .member .list > ul > li .img img{width: 98px}
#sub.service .member .list > ul > li .name{display: flex;align-items: flex-end;gap: 6px;padding-bottom: 10px;border-bottom: 1px solid #BFC4D2;margin-bottom: 12px;position: relative}
#sub.system .sub_con{padding-top: 0}
#sub.system .con01{position: relative;min-height: 100vh}
#sub.system .con01{position: relative;padding-top: calc(50vh + 60px)}
#sub.system .con01 .info{width: calc(100% - 120px);margin: 0 auto;height: 480px;display: flex;align-items: center;justify-content: center;position: relative;border-radius: 10px;overflow: hidden;transform: translateY(100%)}
#sub.system .con01 .info .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub.system .con01 .info .text{position: relative;z-index: 1;text-align: center}
#sub.system .con01 .info .text span{font-size: 20px;color: #FFFFFF;font-weight: 700;display: block;margin-bottom: 20px}
#sub.system .con01 .info .text strong{font-size: 42px;color: #FFFFFF;font-weight: 700;line-height: 58px}
#sub.system .con01 .title{display: flex;align-items: center;justify-content: center;width: 100%;height: 100vh;flex-direction: column;position: absolute;top: 0;left: 0}
#sub.system .con01 .title .txt{position: relative}
#sub.system .con01 .title .txt strong{font-size: 120px;color: #F1F3F9;font-weight: 700}
#sub.system .con01 .title .txt strong:nth-child(2){position: absolute;top: 0;left: 0;color: #0E1A3D;clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);}
#sub.system .con02 {padding: 150px 0;display: flex;justify-content: space-between}
#sub.system .con02 .right{width: calc(100% - 540px)}
#sub.system .con02 .right ul{display: flex;flex-direction: column;gap: 10px}
#sub.system .con02 .right ul li{display: flex;align-items: center;border: 1px solid #BFC4D2;border-radius: 8px;gap: 26px;padding: 30px}
#sub.system .con02 .right ul li strong{display: block;font-size: 21px;color: #222222;font-weight: 600;margin-bottom: 20px}
#sub.system .con02 .right ul li p{font-size: 17px;color: #444444;}
#sub.system .con03{margin-bottom: 150px}
#sub.system .con03 .graph{background: #F1F3F9;margin-top: 60px;padding: 65px 0}
#sub.system .con04  .list{margin-top: 40px}
#sub.system .con04  .list > ul{display: flex;gap: 20px;flex-wrap: wrap}
#sub.system .con04  .list > ul > li{width: calc(50% - 10px);border: 1px solid #BFC4D2;padding: 40px;border-radius: 12px;line-height: 1.5}
#sub.system .con04  .list > ul > li strong{display: block;font-size: 21px;color: #20387E;font-weight: 600}
#sub.system .con04  .list > ul > li ul{display: flex;flex-direction: column;gap: 7px;margin-top: 20px}
#sub.system .con04  .list > ul > li ul li{font-size: 17px;color: #222222;position: relative;padding-left: 17px}
#sub.system .con04  .list > ul > li ul li:before{content: '';display: block;width: 4px;height: 4px;background: #3B3B3B;position: absolute;top: 11px;left: 0;border-radius: 50%}

#sub.service .member .list > ul > li .name:before{content: '';display: block;width: 48px;height: 2px;background: #20387E;position: absolute;bottom: -1px;left: 0}

#sub.service .member .list > ul > li .name strong{font-size: 18px;color: #222222;font-weight: 700;line-height: 1;transition-duration: 0.5s}

#sub.service .member .list > ul > li .name span{font-size: 16px;color: #20387E;font-weight: 700;line-height: 1;transition-duration: 0.5s}
#sub.service .member .list > ul > li ul{display: flex;flex-direction: column;gap: 8px}
#sub.service .member .list > ul > li ul li{font-size: 14px;color: #222222;padding-left: 22px;position: relative}
#sub.service .member .list > ul > li ul li span{font-weight: 500;color: #222222;position: absolute;top: 0;left: 0;font-weight: 500}
#sub.service .member .list > ul > li ul ul{gap: 8px}
 .sl_pin{position: fixed;top: 50%;transform: translateY(-50%);left: 0;z-index: 15;padding-left: 60px;opacity: 0;transition-duration: 0.5s}
.sl_pin ul li a{display: flex;height: 50px;align-items: center;font-size: 18px;color: #3D4048;font-weight: 500;position: relative}
.sl_pin ul li a:before{content: '';display: block;width: 10px;height: 2px;background: #20387E;position: absolute;left: -25px;top: 50%;margin-top: -1px;opacity: 0}
.sl_pin ul li.on a{color: #20387E; font-weight: 600}
.sl_pin ul li.on a:before{opacity: 1}
.sl_pin.on{opacity: 1}

#sub.service .sub_con{padding-top: 80px}
#sub.program .wrap .img .img_w img{display: block}

#sub.system .con02 .right ul li{transform: translateX(100px);opacity: 0}
#sub.system .con02.on .right ul li{transform: translateX(0px);opacity: 1;transition: 1.2s}
#sub.system .con02.on .right ul li:nth-child(1){transition-delay: 0.6s}
#sub.system .con02.on .right ul li:nth-child(2){transition-delay: 0.8s}
#sub.system .con02.on .right ul li:nth-child(3){transition-delay: 1.0s}
#sub.system .con02.on .right ul li:nth-child(4){transition-delay: 1.2s}
#sub.system .con02.on .right ul li:nth-child(5){transition-delay: 1.4s}

#sub.system .con04 .list > ul > li{transform: translateY(100px);opacity: 0}
#sub.system .con04.on .list > ul > li{transform: translateY(0px);opacity: 1;transition: 1.2s}
#sub.system .con04.on .list > ul > li:nth-child(1){transition-delay: 0.6s}
#sub.system .con04.on .list > ul > li:nth-child(2){transition-delay: 0.8s}
#sub.system .con04.on .list > ul > li:nth-child(3){transition-delay: 1.0s}
#sub.system .con04.on .list > ul > li:nth-child(4){transition-delay: 1.2s}
#sub.greeting .wr .cont .img{transform: translateX(70px);transition-duration: 1.2s;opacity: 0}
#sub.greeting .wr .cont .on .img{transform: translateX(0px);opacity: 1}
#sub.greeting .wr .cont .txt strong{transform: translateX(70px);transition-duration: 1.2s;opacity: 0}
#sub.greeting .wr .cont .on .txt strong{transform: translateX(0px);opacity: 1;transition-delay: 0.3s}
#sub.greeting .wr .cont .txt p{transform: translateX(70px);transition-duration: 1.2s;opacity: 0}
#sub.greeting .wr .cont .on .txt p{transform: translateX(0px);opacity: 1;transition-delay: 0.6s}
#sub.greeting .wr .cont .on .txt ul + p{transition-delay: 1.2s}
#sub.greeting .wr .cont .txt ul{transform: translateX(70px);transition-duration: 1.2s;opacity: 0}
#sub.greeting .wr .cont .on .txt ul{transform: translateX(0px);opacity: 1;transition-delay: 0.9s}

#sub .s_title span{transform: translateX(70px);opacity: 0}
#sub .on .s_title span{transform: translateX(0px);transition-duration: 1.2s;opacity: 1}
#sub .s_title strong{transform: translateX(70px);opacity: 0;display: block}
#sub .on .s_title strong{transform: translateX(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.3s}
#sub .s_title p{transform: translateX(70px);opacity: 0;display: block}
#sub .on .s_title p{transform: translateX(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.6s}

#sub.vision .con01 ul li{transform: translateY(70px);opacity: 0}
#sub.vision .con01.on ul li{transform: translateY(0px);transition-duration: 1.2s;opacity: 1}
#sub.vision .con01.on ul li:nth-child(1){transition-delay: 0.6s}
#sub.vision .con01.on ul li:nth-child(2){transition-delay: 0.9s}
#sub.vision .con01.on ul li:nth-child(3){transition-delay: 1.2s}

#sub.vision .con02 .txt_w .tit strong{transform: translateX(70px);opacity: 0}
#sub.vision .con02.on .txt_w .tit strong{transform: translateX(0px);transition-duration: 1.2s;opacity: 1}
#sub.vision .con02 .txt_w .txt strong{transform: translateX(70px);opacity: 0}
#sub.vision .con02.on .txt_w .txt strong{transform: translateX(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.3s}
#sub.vision .con02 .txt_w .txt p{transform: translateX(70px);opacity: 0}
#sub.vision .con02.on .txt_w .txt p{transform: translateX(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.6s}

#sub .sub_tabs{transform: translateX(70px);opacity: 0}
#sub .on .sub_tabs{transform: translateX(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.6s}
#sub.direction .direction_wrap{transform: translateY(70px);opacity: 0}
#sub.direction .on .direction_wrap{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.9s}
#sub.partner .con02{transform: translateY(70px);opacity: 0}
#sub.partner .con02.on{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.9s}

#sub.ci .con01 .ci_w{transform: translateY(70px);opacity: 0}
#sub.ci .con01.on .ci_w{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;}

#sub.ci .con02 .title strong{transform: translateY(70px);opacity: 0}
#sub.ci .con02.on .title strong{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.0s}
#sub.ci .con02 .title p{transform: translateY(70px);opacity: 0}
#sub.ci .con02.on .title p{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.3s}
#sub.ci .con02 .col_w{transform: translateY(70px);opacity: 0}
#sub.ci .con02.on .col_w{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.6s}

#sub.service .con01 .left{transform: translateY(70px);opacity: 0}
#sub.service .con01.on .left{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.0s}
#sub.service .con01 .right{transform: translateY(70px);opacity: 0}
#sub.service .con01.on .right{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.3s}

#sub.service .contents .s_title2{transform: translateX(70px);opacity: 0}
#sub.service .contents .on .s_title2{transform: translateX(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.0s}

#sub.service .contents .con02 > ul{transform: translateY(70px);opacity: 0}
#sub.service .contents .con02.on > ul{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.3s}
#sub.service .contents .tab ul{transform: translateX(70px);opacity: 0}
#sub.service .contents .on .tab ul{transform: translateX(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.3s}
#sub.service .contents .con03 .list{transform: translateY(70px);opacity: 0}
#sub.service .contents .con03.on .list{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.6s}
#sub.service .contents .con05 .list{transform: translateY(70px);opacity: 0}
#sub.service .contents .con05.on .list{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.6s}
#sub.service .contents .con04 .img{transform: translateY(70px);opacity: 0}
#sub.service .contents .con04.on .img{transform: translateY(0px);transition-duration: 1.2s;opacity: 1;transition-delay: 0.3s}

#sub .sub_visual .sv_tit .wrap{transform: translateY(-106px)}
#sub .sub_visual .vis_img{transform: translateY(339px)}

#sub .sub_visual .sv_tit .wrap strong{color: #222}
#sub .sub_visual .sv_tit .wrap p{color: #222}
#sub .sub_visual .vis_img {clip-path: inset(0 calc(50% - 740px) 0 calc(50% - 740px) round 12px);}
#sub .sub_visual.on .vis_img {clip-path: inset(0 calc(50% - 50%) 0 calc(50% - 50%) round 12px);transition: 1.2s;transform: translateY(0);transition-delay: 0.3s}
#sub .sub_visual.on .sv_tit .wrap p, #sub .sub_visual.on .sv_tit .wrap strong{transition: 1.2s;;transition-delay: 0.3s;color: #fff}
#sub .sub_visual.on .sv_tit .wrap{transition: 1.2s;;transition-delay: 0.3s;transform: translateY(0)}
#sub .sub_visual{position: relative;z-index: 25}
#sub .sub_visual + .loc_list{opacity: 0;}
#sub .sub_visual.on + .loc_list{transition: 1.2s;;transition-delay: 0.3s;transform: translateY(0);opacity: 1}
#sub .sub_visual .sv_tit .wrap{width: 1300px;justify-content: space-between}
#sub .sub_visual.on .sv_tit .wrap{width: 1480px;justify-content: space-between}
#sub .sub_visual .vis_img:before{opacity: 0;transition-duration: 1.2s}
#sub .sub_visual.on .vis_img:before{opacity: 1}
#sub.system .con04 .list > ul > li ul li{word-break: keep-all}
#sub.system .con03 .graph svg{max-width: 100%;height: auto}
#sub.ceo .con02 .img_box, #sub.ceo .con02 .txt_box{width: 50%;overflow: hidden;position: relative}
@media (max-width: 1720px) {
	#sub.ceo .con02 .txt_w{padding-left: 25px;padding-right: 25px;}
	#sub.ceo .con02 .txt_w p{font-size: 16px;line-height: 1.5;word-break: keep-all}
	#sub.ceo .con02 .txt_w p br{display: none}
	#sub.ceo .con02 .txt_w{gap: 70px}
}
@media (max-width: 1520px) {
	#sub .sub_visual .sv_tit .wrap i{display: none}
	#sub .sub_visual{padding: 0 20px}
	#sub.partner .con02{padding: 40px 20px}
	#sub.service .con01 .inner p br{display: none}
	#sub.service .con01 .inner p{padding-right: 40px}
	#sub.service .member{width: 290px}
	.inner{width: 100%;padding: 0 20px}
	#sub.service .con01 .inner .img img{width: 550px}
	.sl_pin{display: none}
	#sub.service .member .list > ul{padding: 15px}
	#sub.service .contents{width: calc(100% - 315px)}
	#sub .loc_list{padding: 0 20px}
	#sub.greeting .wr{padding-left: 20px;padding-right: 20px}
	#sub .sub_visual{padding: 0 40px}
	#sub .sub_visual .sv_tit .wrap i{display: none}
	#sub.greeting .wr .title{width: 300px}
	#sub.greeting .wr .cont {
		width: calc(100% - 300px);}
	#sub.greeting .wr .cont .txt p br{display: none}
	#sub.greeting .wr .cont .txt p{word-break: keep-all}
	#sub.mem_list .con01{width: calc(100% - 40px);margin-bottom: 40px}
	#sub.view .con01 .title{flex-direction: column;gap: 15px}
	#sub.program .wrap .img .img_w img{width: 460px}
	#sub .sub_visual{padding: 0 20px}
	#sub.system .con01 .title .txt strong{font-size: 100px}
	#sub .sub_visual .sv_tit .wrap{width: 90%}
}

@media (max-width: 1200px) {
	#sub .sub_visual .sv_tit .wrap p{font-size: 22px;line-height: 1.5}
	#sub .sub_visual .sv_tit .wrap strong{font-size: 50px}
	#sub.program .con02 .wr{width: 100%}
	#sub.program .con02 .wr .swiper{width: calc(100vw - 40px)}
	#sub.program .con02 .wr{flex-direction: column}
	#sub.program .con01 .wrap{flex-direction: column}
	#sub.program .con01 .wrap .txt, #sub.program .wrap .img .img_w img{width: 600px}
	#sub.system .con02 .right {
		width: calc(100% - 280px);
	}
	#sub.system .con01 .title .txt strong{font-size: 60px}
	#sub.system .con01 .info {
		width: calc(100% - 40px);}
}
@media (max-width: 1098px) {
	#sub.partner .con02 ul{gap: 10px}
	#sub.partner .con02 ul li{width: calc(25% - 7.5px)}
	#sub.service .content_w{flex-direction: column}
	#sub.service .contents, #sub.service .member{width: 100%}
	#sub.service .con01 .inner .img img{width: 100%}
	#sub.service .con01 .inner{flex-direction: column-reverse;gap: 40px}
	#sub.service .con01 .inner{justify-content: flex-start;align-items: auto}
	#sub.greeting .wr{flex-direction: column;gap: 60px}
	#sub.greeting .wr .cont{width: 100%}
	#sub.greeting .wr .title{padding-top: 0}
	#sub.direction .direction_wrap{flex-direction: column;gap: 40px}
	#sub.direction .direction_wrap > div{width: 100%}
	#sub.direction .direction_wrap .map{padding-right: 0}
	#sub.ceo .con02 .txt_w{padding-top: 20px}
}

@media (max-width: 980px) {
	#sub.ceo .con03, #sub.ceo .con03 img{height: 320px}
	#sub.ceo .con02 .img_box, #sub.ceo .con02 .txt_box{height: 50vh;width: 100%}
	#sub.ceo .con02{flex-direction: column}
	#sub.ceo .con02 .txt_w{gap: 20px}
	#sub.ceo .con02 .txt_w p{font-size: 13px}
	#sub .loc_list .loc .loc_con{height: 190px}
	#sub .loc_list .loc .loc_con ul{gap: 10px}
	#sub .loc_list .loc .loc_con ul li a{font-size: 13px;}
	#sub .loc_list .loc .loc_con{top: 60px;padding: 15px}
	#sub .sub_visual .sv_tit .wrap p{font-size: 15px}
	#sub .sub_visual .vis_img{overflow: hidden;height: 500px}
	#sub{padding-top: 100px}
	#sub.system .con04 .list > ul > li ul li{padding-left: 11px}
	#sub.system .con02 .right ul li p{font-size: 14px}
	#sub.system .con02 .right ul li strong{font-size: 16px;margin-bottom: 10px}
	#sub.system .con02 .right ul li{padding: 10px;border-radius: 8px;gap: 10px}
	#sub.system .con02 .right ul li svg{width: 60px;height: auto}
	#sub.program .con02 .wr .swiper .swiper-slide-active .wrap {
		transform: translateY(-20px);
	}
	#sub.system .con04 .list > ul > li ul{margin-top: 10px}
	#sub.system .con04 .list > ul > li ul li:before{top: 7px}
	#sub.system .con04 .list > ul > li strong{font-size: 16px;}
	#sub.system .con04 .list > ul > li ul li{font-size: 13px;line-height: 1.5}
	#sub.system .con04 .list > ul > li{padding: 20px}
	#sub.system .con03{margin-bottom: 60px}
	#sub.system .con02{padding: 60px 0}
	#sub.system .con03 .graph{padding: 40px 0;margin-top: 20px}
	#sub.system .con01 .info .text span{font-size: 14px;margin-bottom: 10px}
	#sub.system .con01 .info .text strong{font-size: 26px;line-height: 1.5}
	#sub.program .con02 .wr .swiper .swiper-slide{padding: 20px 0}
	#sub.program .con03{height: auto;padding: 10px 0}
	#sub.program .con03 p{font-size: 12px;line-height: 1.5;word-break: keep-all}
	#sub.program .con02 .wr .swiper .wrap{min-height: 0}
	#sub.program .con02 .wr .swiper .wrap .txt strong{margin-bottom: 15px}
	#sub.program .con02 .wr .swiper .wrap .txt{padding: 20px 10px}
	#sub.program .con02 .wr .swiper .wrap .txt span{font-size: 14px;line-height: 1.5}
	#sub.program .con02 .wr .swiper .wrap .txt strong{font-size: 18px;line-height: 1.5}
	#sub.program .con02 .wr .swiper .wrap{padding: 10px}
	#sub .s_btn div{width: 36px;height: 36px}
	#sub .s_btn div svg{width: 7px;height: auto}
	#sub.program .con02 .wr .s_title .s_btn{margin-top: 20px}
	#sub.program .con02 .wr .s_title{width: 100%}
	#sub.program .con02 .wr{gap: 0}
	#sub.program .con02{padding: 60px 0;margin-top: 60px}
	#sub.program .con01 .wrap{gap: 20px}
	#sub.program .con01 .wrap .img .title strong{font-size: 14px}
	#sub.program .con01 .wrap .img .title{height: 40px;}
	#sub.program .con01 .wrap .txt{gap: 15px}
	#sub.program .con01 .wrap .txt strong{font-size: 15px;gap: 0 7px;margin-bottom: 7px}
	#sub.program .con01 .wrap .txt p, #sub.program .wrap .txt ul li{font-size: 13px;line-height: 1.5}
	#sub.view .go_view a{width: 150px;height: 40px}
	#sub.view .go_view a span{font-size: 13px}
	#sub.view .con01 .content{padding: 20px 0;min-height: 300px;margin-bottom: 20px}
	#sub.view .con01 .title span{font-size: 13px}
	#sub.view .con01 .title strong{font-size: 16px;line-height: 1.5}
	#sub.view .con01 .title{margin-top: 30px;padding-bottom: 15px}
	#sub.mem_view .con01{padding: 60px 0}
	#sub.mem_view .con01 .inner .txt{padding: 0}
	#sub.mem_view .con01 .inner{gap: 30px}
	#sub.mem_view .con01 .inner .txt .info{margin-bottom: 20px}
	#sub.mem_view .con01 .inner .txt .name{padding-bottom: 15px;margin-bottom: 15px}
	#sub.mem_view .con01 .inner .txt .name span{font-size: 15px}
	#sub.mem_view .con01 .inner .txt .name strong{font-size: 26px}
	#sub.mem_view .con01 .inner .txt .field strong{font-size: 14px}
	#sub.mem_view .con01 .inner .txt .field p{font-size: 13px;line-height: 1.5}
	#sub.mem_view .con01 .inner .txt .info{gap: 10px}
	#sub.mem_view .con01 .inner .txt ul li p, #sub.mem_view .con01 .inner .txt ul li span{font-size: 13px}
	#sub.mem_view .con01 .inner .txt .info{flex-direction: column}
	#sub.mem_list .con02 .list > ul > li .txt{padding: 10px}
	#sub.mem_list .con02 .list > ul > li .txt .name{padding-bottom: 15px;margin-bottom: 15px}
	#sub.mem_list .con02 .list > ul > li .txt .name span{font-size: 13px}
	#sub.mem_list .con02 .list > ul > li .txt .name strong{font-size: 20px}
	#sub.mem_list .con02 .list > ul > li .txt ul li p, #sub.mem_list .con02 .list > ul > li .txt ul li span{font-size: 13px}
	#sub.mem_list .con02 .list > ul > li .img img{width: 100%}
	#sub.mem_list .con02 .list > ul{gap: 30px 10px}
	#sub.mem_list .con02 .list > ul > li{width: calc(50% - 5px)}
	#sub.mem_list .con02 .sch_info p{font-size: 13px}
	#sub.mem_list .con02 .sch_info{margin-bottom: 20px}
	#sub.mem_list .con01{padding: 40px 20px;border-radius: 5px}
	#sub.mem_list .con01 .s_title{margin-bottom: 20px}
	#sub.mem_list .con01 .sch_cont div button{padding-right: 10px;}
	#sub.mem_list .con01 .sch_cont div button svg{width: 20px;}
	#sub.mem_list .con01 select{width: 140px;height: 40px;font-size: 13px;padding: 0 20px}
	#sub.mem_list .con01 input{width: 250px;font-size: 13px;height: 40px;padding: 0 20px}
	#sub.ci .con00{margin-bottom: 60px}
	#sub.partner .con02 ul li{border-radius: 5px}
	#sub.ci .con01 .img_box{margin-bottom: 25px}
	#sub.direction .direction_wrap{gap: 20px}
	#sub.ci .con01{padding: 60px 0}
	#sub.direction .direction_wrap .txt strong{font-size: 16px;}
	#sub.direction .direction_wrap .txt p{font-size: 13px;line-height: 1.5;word-break: keep-all;margin-top: 10px}
	#sub.direction .direction_wrap .txt{padding: 20px}
	#sub.direction .direction_wrap .txt_w ul{gap: 10px;margin-bottom: 30px}
	#sub.direction .direction_wrap .txt_w ul li{padding-left: 76px}
	#sub.direction .direction_wrap .txt_w ul li, #sub.direction .direction_wrap .txt_w ul li span{font-size: 14px;word-break: keep-all}
	#sub.direction .direction_wrap .txt_w .title{padding-bottom: 15px;margin-bottom: 15px}
	#sub.direction .direction_wrap .txt_w .title strong{font-size: 24px;}
	#sub.direction .direction_wrap .map .m_in{height: 260px;border-radius: 10px}
	#sub .sub_tabs{margin: 20px 0}
	#sub .sub_tabs ul li a{height: 36px;padding: 0 20px;border-radius: 5px;font-size: 14px}
	#sub .sub_tabs ul{gap: 5px}
	#sub.greeting .wr .cont{gap: 30px}
	#sub.greeting .wr .title span{font-size: 14px;margin-bottom: 10px}
	#sub.greeting .wr .title strong{font-size: 30px;line-height: 1.5}
	#sub.greeting .con02{padding: 60px 0;margin-top: 60px}
	#sub.greeting .wr .cont .txt ul li:before{width: 3px;height: 3px;top: 9px}
	#sub.greeting .wr .cont .txt ul{padding: 20px;gap: 5px}
	#sub.greeting .wr .cont .txt ul li{font-size: 13px;word-break: keep-all;line-height: 1.5}
	#sub.greeting .wr .cont .img{border-radius: 8px}
	#sub.greeting .wr .cont .txt strong{font-size: 24px;margin-top: 20px;word-break: keep-all}
	#sub.greeting .wr .cont .txt p{font-size: 13px;line-height: 1.5;margin-top: 15px}
	#sub.greeting .wr .cont{gap: 60px}
	#sub.service .sub_con{padding-top: 20px}
	#sub .loc_list button{gap: 8px}
	#sub .loc_list{height: 50px;gap: 12px}
	#sub .loc_list button, #sub.service .loc_list strong{font-size: 14px}
	#sub .loc_list .home svg{width: 12px;height: auto}
	#sub .loc_list .line{width: 6px}
	#sub.service .contents{padding-top: 60px;gap: 60px}
	#sub.service .con01 .inner p{font-size: 13px;line-height: 1.5}
	#sub.service .con01 .inner strong{font-size: 26px;line-height: 1.5;margin-bottom: 20px}
	#sub.service .con01 .inner span{font-size: 14px;margin-bottom: 15px}
	#sub.service .contents .tab ul{gap: 15px}
	#sub.service .contents .tab ul li a{font-size: 14px;padding-right: 15px}
	#sub.service .contents .s_title2 strong{font-size: 20px}
	#sub.service .contents .s_title2{margin-bottom: 20px}
	#sub.service .contents .con02 > ul > li .title{height: 50px}
	#sub.service .contents .con02 > ul > li .title .left{gap: 10px}
	#sub.service .contents .con02 > ul > li .title .left strong{font-size: 14px}
	#sub.service .contents .con02 > ul > li .title .left svg{width: 30px;height: auto}
	#sub.service .contents .con02 > ul > li{padding: 0 25px}
	#sub.service .contents .con02 > ul > li .title .plus{width: 12px;height: 12px}
	#sub.service .contents .con03 .swiper-pagination{position: static;margin-top: 40px;background: #EEEEEE;height: 2px}
	#sub.service .contents .con03 .sl_w .tit span{font-size: 13px;margin-bottom: 7px}
	#sub.service .contents .con03 .sl_w .tit strong{font-size: 16px;}
	#sub.service .contents .con03 .sl_w .tit{padding: 12px 0}
	#sub.service .contents .con03 .sl_w .txt p{font-size: 13px;word-break: keep-all;line-height: 1.5}
	#sub.service .contents .con03 .sl_w .txt p{padding-top: 15px}
	#sub.service .contents .tab{margin-bottom: 20px}
	#sub.service .contents .con05 .list ul li a{padding: 20px}
	#sub.service .contents .con05 .list ul li a strong{font-size: 16px;margin-bottom: 7px}
	#sub.service .contents .con05 .list ul li a p{font-size: 13px;margin-bottom: 10px;line-height: 1.5}
	#sub.service .contents .con05 .list ul li a .date span{font-size: 13px}
	#sub.service .contents .con05 .list ul li a .date svg{display: none}
	#sub.service .member{padding-top: 60px}
	#sub.board .list2 ul li .txt span{font-size: 12px}
	#sub.board .list2 ul li .txt strong{font-size: 20px;line-height: 1.5;margin-top: 7px}
	#sub.board .list2 ul li .txt{padding-top: 15px}
	#sub.board .list2 ul li .img .over{display: none}
	#sub .sub_visual .vis_img{transform: translateY(105px)}
	#sub .sub_visual .sv_tit .wrap {
		transform: translateY(-146px);
	}
}

@media (max-width: 790px) {
	#sub.board .list2 ul{gap: 25px 10px}
	#sub.board .list2 ul li{width: calc(50% - 5px)}
	#sub.board .list2 ul li .txt strong{font-size: 16px;}
	#sub.service .member .title strong{color: #222222}
	#sub.service .contents .con02 > ul{gap: 10px}
	#sub.service .contents .con02 > ul > li{border-radius: 8px}
	#sub.service .contents .con05 .tab ul{border: none;padding: 0}
	#sub.service .contents .con05 .tab ul li{width: auto}
	#sub.service .contents .con05 .tab ul li a{padding: 0 20px}
	#sub.service .contents .tab ul li.on a{background: #0E1A3D;color: #fff;border-radius: 6px}
	#sub.service .contents .tab ul li a:after{display: none}
	#sub.service .contents .tab ul{border: 1px solid #BFC4D2;border-radius: 6px;padding: 6px;gap: 6px}
	#sub.service .contents .tab ul li{width: calc(50% - 3px)}
	#sub.service .contents .tab ul li a{display: flex;height: 35px;align-items: center;justify-content: center;padding: 0;font-size: 14px}
	#sub.service .con01 .inner p{padding-right: 0}
	#sub.service .con01 .inner strong{font-size: 22px}
	#sub.service .contents .con02 > ul > li{width: 100%}
	#sub.service .con03 .swiper .swiper-wrapper{flex-wrap: nowrap;gap: 0}
	#sub.service .contents .con05 .list ul{flex-direction: column;gap: 10px}
	#sub.service .contents .con05 .list ul li {width: 100%}
	#sub.service .contents .con04 .mo{display: block}
	#sub.service .contents .con04 .pc{display: none}
}
@media (max-width: 640px) {
	#sub.service{padding-top: 60px}
}




@media (max-width: 1560px) {
    #sub.storage .con06 .txt{padding: 0 20px}
	#sub.talent .con02 ul li p br{display: none}
	#sub.talent .con02 ul li p{word-break: keep-all}
	#sub.talent .con01 strong{font-size: 36px;line-height: 1.5}
	#sub.talent .con01 p{font-size: 18px;word-break: keep-all;line-height: 1.5}
	#sub.food .con03 ul li .txt p{word-break: keep-all}
	#sub.food .con03 ul li .txt p br{display: none}
	#sub.food .con02 .list .box .title i svg{width: 29px;height: auto}
	#sub.food .con02 .list .box .title span svg{width: 15px;height: auto}
	#sub.food .con02 .list .box .title div strong{font-size: 16px}
	#sub.food .con01 .s_title{width: 50%;padding-right: 20px}
	#sub.food .con01 .img{width: 50%}
	#sub.food .con01 img{width: 100%}
	.inner{width: 100%;padding: 0 20px}
	#sub .s_title strong{font-size: 32px;line-height: 1.5}
	#sub .s_title p{font-size: 20px;line-height: 1.5;word-break: keep-all}
	#sub .sub_con{overflow: hidden}
	#sub.company .con02 strong{margin-bottom: 20px}
	#sub.company .con01{margin-bottom: 60px}
	#sub.company .con02 strong{font-size: 28px;line-height: 1.5}
	#sub.company .con02 p{font-size: 17px;line-height: 1.5;word-break: keep-all}
	#sub.company .con02 p br{display: none}
	#sub.company .con01 ul li .txt span{font-size: 15px;word-break: keep-all}
	#sub .s_title p br{display: none}
	#sub.greeting .con01 .img img{width: 100%}
	#sub.greeting .con01{gap: 30px}
	#sub.greeting .con02 .txt p br{display: none}
	#sub.greeting .con02 .txt p{font-size: 18px;line-height: 1.5}
	#sub.vision .con01 ul li .wrap p br{display: none}
	#sub.vision .con01 ul li .wrap p{word-break: keep-all}
	#sub.vision .con02 .txt_w i{width: 300px}
	.inner2{padding: 0 20px}
	#sub.ci .con02 .col_w .col ul li div{gap: 15px}
	#sub.ci .con02 .title p{word-break: keep-all;line-height: 1.5}
	#sub.storage .con01 .info .img{width: 600px}
	#sub.storage .con01 .info .img img{width: 100%}
	#sub.storage .con01 .info .txt {
		width: calc(100% - 600px);
	}
	#sub.storage .con01 .info .txt table td{height: auto;padding: 11px 0}
	#sub.storage .con01 .info .txt table td{font-size: 16px}
	#sub.storage .con03 .map{width: 650px}
	#sub.forwarding .con .txt_w ul li p{font-size: 16px;line-height: 1.5}
	#sub.forwarding .con .txt_w ul li p br{display: none}
	#sub.forwarding .con .txt_w ul{gap: 15px}
	#sub .s_title.bor input{width: 300px}
	#sub.board2 .list ul li .txt strong br{display: none}
	#sub.board2 .list ul li .txt strong{word-break: keep-all}
	#sub.talent .con03 .list > div strong{font-size: 18px}
	#sub.talent .con03 .list > div span{font-size: 15px}
	#sub.talent .con03 .list > div img{width: 50px}
	#sub.ceo .con03 .txt_wrap strong{font-size: 36px;line-height: 1.5}
	#sub .sub_visual.on .sv_tit .wrap{width: 90%}
}
@media (max-width: 1300px) {
	#sub.ceo .con03 .txt_wrap p{font-size: 18px;line-height: 1.5}
	#sub.talent .con03 .list{flex-wrap: wrap}
	#sub.forwarding .s_title p{font-size: 16px}
	#sub.cerf .con01 .list ul{gap: 20px}
	#sub.cerf .con01 .list ul li{width: calc(25% - 15px)}
	#sub.vision .con02 .txt_w i{width: 100px}
	#sub.history .his_cont .txt{padding-left: 0}
	#sub.ci .con02 .col_w .col{width: 100%}
	#sub.ci .con02 .col_w{gap: 10px}
	#sub.storage .con01 .info{flex-direction: column;justify-content: center;align-items: center}
	#sub.storage .con01 .info .img, #sub.storage .con01 .info .txt{width: 700px}
	#sub.talent .con03 .list{flex-wrap: wrap}
	#sub.talent .con03 .list > div{width: 33.33%}
	#sub.talent .con03 .list > div{flex: auto}
	#sub.talent .con03 .list{gap: 20px 60px}
	#sub.talent .con03 .list:after{content: '';display: block;width: 100%;height: 1px;position: absolute;top: 14%;left: 0;border-bottom: 1px dashed #20387E;}
	#sub.talent .con03 .list > div:nth-child(2n):after{display: none}
    #sub.storage .con04{height: auto;padding: 60px 0}
    #sub.storage .con04 .tabs{width: 100%}
    #sub.storage .info_cont{gap: 40px}

}

@media (max-width: 980px) {
	#sub.ceo .con03 .txt_wrap strong{font-size: 25px;line-height: 1.5}
	#sub.ceo .con03 .txt_wrap{padding: 0 20px}
	#sub.ceo .con03 .txt_wrap p br{display: none}
	#sub.ceo .con03 .txt_wrap p{font-size: 14px;line-height: 1.5;margin-top: 15px}
	#sub.greeting .con02 .v_title span{font-size: 14px;margin-bottom: 10px}
	#sub.greeting .con02 .v_title strong{font-size: 24px}
	#sub.talent .con03 .list > div{gap: 10px}
	#sub.talent .con03 .list > div:after {right: -31px;margin-top: -9px;}
	#sub.talent .con03 .list > div:after{width: 20px;height: 20px;background-size: 100% 100%}
	#sub.talent .con03 .list{gap: 10px 40px}
	#sub.talent .con03{margin-bottom: 60px}
	#sub.talent .con04 a span{font-size: 14px}
	#sub.talent .con04 a {width: 184px;height: 44px;}
	#sub.talent .con04 a{margin-top: 30px}
	#sub.talent .con04{height: 345px}
	#sub.talent .con04 img{height: 345px}
	#sub.talent .con04 .title{padding-bottom: 15px}
	#sub.talent .con04 .txt{margin-top: 15px}
	#sub.talent .con04 .txt ul{gap: 20px}
	#sub.talent .con04 .txt ul li{font-size: 14px}
	#sub.talent .con04 .title span{font-size: 14px;margin-bottom: 10px}
	#sub.talent .con04 .title strong{font-size: 23px;line-height: 1.5}
	#sub.talent .con03 .list > div span{font-size: 12px}
	#sub.talent .con03 .list > div img{width: 40px}
	#sub.talent .con03 .list > div strong{font-size: 14px}
	#sub.talent .con03{gap: 60px}
	#sub.talent .con03 ul li{font-size: 14px}
	#sub.talent .con03 ul li:before{width: 3px;height: 3px;top: 7px}
	#sub.talent .con03 .tit{padding-bottom: 15px;margin-bottom: 15px}
	#sub.talent .con03 .tit strong{font-size: 22px}
	#sub.talent .con02 ul li{padding: 20px}
	#sub.talent .con02 ul li p{font-size: 13px;line-height: 1.5}
	#sub.talent .con02 ul li i{margin-bottom: 10px}
	#sub.talent .con02 ul li i img{height: 40px;}
	#sub.talent .con02 ul li strong{font-size: 16px;margin-bottom: 10px}
	#sub.talent .con01{padding-top: 60px;padding-bottom: 40px}
	#sub.talent .con01 .bg svg{width: 290px;height: auto}
	#sub.talent .con01 p{font-size: 13px;margin-top: 20px}
	#sub.talent .con01 strong{font-size: 24px;line-height: 1.5}
	#sub .s_title.bor input{height: 45px;padding: 0 15px;font-size: 13px}
	#sub .s_title.bor button svg{width: 17px;height: auto}
	#sub.ci .con02 .col_w .col ul {
		width: calc(100% - 100px);
	}
	#sub.ci .con02 .col_w .col{gap: 20px}
	#sub.ci .con02 .col_w .col .chip{width: 85px;height: 85px}
	#sub.ci .con02 .col_w .col .chip strong{font-size: 13px}
	#sub.ci .con02 .col_w .col ul li p{font-size: 13px}
	#sub.ci .con02 .col_w .col ul li strong{font-size: 13px}
	#sub.ci .con01 ul{gap: 10px}
	#sub .paging{margin-top: 30px}
	#sub .paging ul li a{width: 32px;height: 32px;font-size: 13px}
	#sub.history .his_cont{gap: 45px}
	#sub.history .his_cont .txt ul li:before{width: 3px;height: 3px;top: 6px}
	#sub.history .his_cont .txt ul li{font-size: 14px;padding-left: 15px}
	#sub.history .his_cont .txt ul{padding: 15px;border-radius: 7px}
	#sub.history .his_cont .txt {width: calc(100% - 160px);padding-top: 20px}
	#sub.history .his_cont .year strong{font-size: 45px}
	#sub .s_title strong{font-size: 26px;margin-bottom: 0}
	#sub .s_title span{font-size: 14px;margin-bottom: 10px}
	#sub .s_title p{font-size: 15px;margin-top: 15px}
	#sub .sub_con{padding: 60px 0}
	#sub .s_title{margin-bottom: 30px}
	#sub .s_title strong br{display: none}
	#sub .s_title strong{word-break: keep-all}
	#sub.vision .con01 ul li .wrap i{margin-bottom: 10px}
	#sub.vision .con01 ul li .wrap p{font-size: 13px;line-height: 1.5;margin-top: 10px}
	#sub.vision .con01 ul li .wrap{padding: 20px;border-radius: 10px}
	#sub.vision .con01 ul li .wrap svg{width: 32px;height: auto}
	#sub.vision .con01 ul li .wrap strong{font-size: 16px}
	#sub.vision .con01{margin-bottom: 60px}
	#sub.vision .con02 .txt_w .tit strong{font-size: 24px}
	#sub.vision .con02 .txt_w .txt strong{font-size: 18px;margin-bottom: 10px}
	#sub.vision .con02 .txt_w .txt p{font-size: 14px;line-height: 1.5}
	#sub.vision .con02{height: 230px;}
	#sub.vision .con02 .bg{bottom: -10px;left: -10px}
	#sub.vision .con02 svg{width: 200px;height: auto}
	#sub.vision .con02 .txt_w i{margin-top: 15px}
	#sub.vision .con02 .txt_w{gap: 20px}
	#sub.orz .con01 .img{margin-top: 0}
	#sub.ci .con01 .ci_w strong, #sub.ci .con02 .title strong{font-size: 20px;margin-bottom: 12px}
	#sub.ci .con02 .title p{font-size: 14px;word-break: keep-all;line-height: 1.5}
	#sub.ci .con01{padding-bottom: 60px}
	#sub.ci .con02{padding: 60px 0}
	#sub.talent .con01{margin-bottom: 60px}
	#sub.board .list ul li a{padding: 20px;border-radius: 10px}
	#sub.board .list ul li a .cate p{font-size: 13px}
	#sub.board .list ul li a .cate span {display: flex;width: 65px;height: 36px;font-size: 13px;border-radius: 5px}
	#sub.board .list ul li a .cate{margin-bottom: 10px}
	#sub.board .list ul li a .txt strong{font-size: 18px}
	#sub.board .list ul li a .txt p{font-size: 13px;line-height: 1.5;margin-top: 10px}
	#sub.board .list ul li a .more{right: 20px;top: 20px;width: 24px;height: 24px}
	#sub.board .list ul li a .more i{width: 24px;height: 24px}
	#sub.board .list ul li a .more span{display: none}
	#sub.board .list ul li a .more i svg{width: 7px;height: auto}
	#sub.board .list ul{gap: 10px}
	    #sub.board .list ul li a .cate span {
        display: flex;
        width: 55px;
			height: 26px;}
	#sub.board .list ul li a .cate{gap: 10px}
	#sub.greeting .con02 ul li a i{width: 40px;height: 40px}
	#sub.greeting .con02 ul li a i svg{width: 15px;height: auto}
	#sub.mem_view .con02 .cont .con .list div ul li:before{top: 10px;width: 3px;height: 3px}
	#sub.mem_view .con02 .cont .con .list div ul li{font-size: 13px;line-height: 1.5}
	#sub.mem_view .con02 .cont .con .list div .year strong{font-size: 17px;line-height: 1.5}
	#sub.mem_view .con02 .cont .con .list div .year{width: 70px}
	#sub.mem_view .con02 .cont .con .list{padding: 20px;border-radius: 10px}
	#sub.mem_view .con02 .cont .con .title strong{font-size: 22px}
	#sub.mem_view .con02 .cont .con .title{margin-bottom: 15px}
	#sub.mem_view .con02 .cont{gap: 25px}
	#sub.mem_view .con02{padding-top: 60px}
	#sub.program .con01 .s_title{margin-bottom: 20px}
	#sub.mem_view .con02 .cont .con .list{gap: 12px}
	#sub.service .contents .con02 > ul > li .txt ul li{font-size: 13px;line-height: 1.5}
	#sub.service .member .list > ul > li a .txt{width: calc(100% - 118px)}
	#sub.service{padding-top: 90px}
	#sub.system .con04 .list > ul li{width: 100%}
	#sub.system .con04 .list > ul{gap: 10px}
	#sub .s_title{margin-bottom: 15px}
	#sub.ceo .con01{margin-bottom: 60px}
	#sub.ceo .con03{margin-top: 60px}
	#sub.service .contents .con02 > ul > li .txt .list strong{font-size: 14px;margin-bottom: 10px}
	#sub.service .contents .con02 > ul > li .txt .list{gap: 12px}
}


@media (max-width: 750px) {
	#sub.service .contents .con02 > ul > li .txt ul li:before{top: 7px}
	    #sub .sub_visual .vis_img {
        transform: translateY(195px);
    }
	#sub .sub_visual .sv_tit .wrap p{text-align: center}
	#sub .sub_visual .sv_tit .wrap strong{font-size: 40px}
	#sub .sub_visual .sv_tit .wrap{flex-direction: column;gap: 15px}
	#sub.system .con01 .info{height: 50vh}
	#sub.system .con01{padding-top: 50vh}
	#sub.system .con01 .title .txt strong{font-size: 45px}
	#sub.board .list ul li a .txt p{font-size: 12px}
	#sub.board .list ul li a .txt p br{display: none}
	#sub.board .list ul li a{padding: 15px}
	#sub.talent .con01 strong br{display: none}
	#sub.vision .con02 .txt_w{flex-direction: column}
	#sub.vision .con02 .txt_w{gap: 15px}
	#sub.vision .con02 .txt_w i{width: 100%;margin-top: 0}
	#sub .s_title strong{font-size: 20px}

	#sub.talent .con03 .list > div{padding: 5px}
	#sub.system .con02{flex-direction: column}
	    #sub.system .con02 .right {
        width: calc(100% );
    }
}

@media (max-width: 660px) {
	#sub.ceo .con02 .img_box{height: 30vh}
	#sub.ceo .con02 .img_box .img {width: 100%}
	#sub.ceo .con02 .img_box .img img{width: 100%}
	#sub.ceo .con02 .txt_box{height: 70vh}
	#sub .s_title p{font-size: 13px}
	#sub{padding-top: 80px}
	#sub.system .con01 .title .txt strong{font-size: 32px}
	#sub.program .con01 .wrap {padding: 0 5px}
	#sub.program .con01 .wrap .txt, #sub.program .wrap .img .img_w img{max-width: 100%}
	#sub.mem_view .con01 .inner .txt, #sub.mem_view .con01 .inner .img{width: 100%}
	#sub.mem_view .con01 .inner{flex-direction: column}
	    #sub.partner .con02 ul li {
        width: calc(33% - 6.666666666666667px);
    }
	#sub.ceo .con03 .txt_wrap strong{font-size: 20px}
	#sub.ceo .con02 .txt_w{gap: 5px}
	#sub.service .contents .con02 > ul > li .title .left strong{word-break: keep-all;padding-right: 20px}
	#sub .loc_list strong{font-size: 13px}
	#sub.service{padding-top: 60px}
	#sub .loc_list button{text-align: left;line-height: 1.5;max-width: 200px}
	#sub.greeting .wr{gap: 40px}
	#sub.greeting .con02 .v_title{margin-bottom: 20px}
	#sub.greeting .con02 ul{flex-direction: column;gap: 10px}
	#sub.greeting .con02 ul li{width: 100%}
	#sub.greeting .wr .cont .img{height: 160px;position: relative}
	#sub.greeting .wr .cont .img img{height: 100%;position: absolute;top: 0%;left: 50%;margin-left: -50%;width: auto}
	#sub.greeting .wr .cont .txt strong{word-break: keep-all;line-height: 1.5;font-size: 20px}
	#sub.talent .con02 ul li{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}
	#sub.talent .con02 ul li{width: 100%;gap: 0 10px }
	#sub.talent .con02 ul li p{width: 100%}
	#sub .s_title.bor{flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 10px}
	#sub.service .contents .tab ul li a{line-height: 1.5;word-break: keep-all;text-align: center}
	#sub.talent .con01 strong{font-size: 22px;word-break: keep-all}
	#sub .sub_tabs ul li a{font-size: 13px;height: 30px;padding: 0 15px}
	#sub.ci .con02 .col_w .col ul li{gap: 5px}
	#sub.ci .con02 .col_w .col ul li strong{font-size: 12px}
	#sub.ci .con02 .col_w .col ul li div{gap: 5px}
	#sub.ci .con01 ul{flex-direction: column}
	#sub.history .his_cont .txt{padding-top: 10px}
	#sub.history .his_cont .txt ul li{font-size: 13px}
	#sub.history .his_cont .year strong{font-size: 32px}
	#sub.history .his_cont .txt{width: 100%}
	#sub.history .his_cont .his{flex-direction: column;gap: 10px}
	#sub.vision .con02 .txt_w .txt strong{font-size: 16px}
	#sub.vision .con02 .txt_w .tit strong{font-size: 20px}
	#sub.vision .con01 ul{flex-direction: column;;gap: 10px}
	#sub.vision .con02 .txt_w .txt p br{display: none}
	#sub.vision .con02 .txt_w .txt p{font-size: 13px;word-break: keep-all}
	#sub.talent .con04 .txt ul{flex-direction: column;gap: 8px}
	#sub.ci .con02 .col_w .col ul{gap: 9px}
	#sub.ci .con02 .col_w .col{flex-direction: column}
	#sub.ci .con02 .col_w .col .chip{width: 100%;height: 40px}
	#sub.ci .con02 .col_w .col ul{width: 100%}
	#sub.ci .con02 .col_w .col{gap: 10px}
	#sub.program .con01 .wrap .txt p br{display: none}
	#sub.system .con01 .info .text strong{font-size: 22px;line-height: 1.5;word-break: keep-all}
	#sub.system .con01 .info .text strong br{display: none}
}