#popup_wrap{position: fixed;z-index: 999999;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.8);display: none; }
#popup_wrap .wrap{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
/*#popup_wrap .close_b{ position: absolute; right: 20px; top: 20px;}*/
#popup_wrap .wrap > div{width: 1360px;height: 80%;background: #fff;border-radius: 20px;padding: 60px;position: relative;max-width: 90%}
/*#popup_wrap .wrap > div button{position: absolute;right: 25px;top: 25px;}*/
#popup_wrap .wrap > div strong{display: block;color: #000000;font-size: 22px;border-bottom: 1px solid #D2D2D2;padding-bottom: 20px;margin-bottom: 20px;display: flex;justify-content: space-between}
#popup_wrap .wrap > div p{white-space: pre-wrap;height: 90%;overflow-x: scroll;line-height: 1.7;font-size: 14px;color: #333333;line-height: 1.7}
#popup_wrap .wrap > div p span{display: block;margin-top: 20px;margin-bottom: 5px; font-size: 20px;font-weight: 600;}


#header.sub #gnb > ul > li > a{color: #000000}
#header.sub .menu_btn button i{background: #000}
#header.sub .hd_wrap .btn_w .tog_btn button{color: #000}
#header.sub .hd_wrap .btn_w .tog_btn path{stroke: #000}
#header.sub .hd_wrap #logo a .on{opacity: 1}
#sub .sub_visual .sv_title span{transform: translateY(70px);opacity: 0}
#sub .sub_visual.on .sv_title span{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub .sub_visual .sv_title strong{transform: translateY(70px);opacity: 0}
#sub .sub_visual.on .sv_title strong{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.3s;}
/*
#sub .sub_loc ul{transform: translateY(70px);opacity: 0}
#sub .sub_loc.on ul{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.6s;}
*/

#sub .inner2{width: 1680px;margin: 0 auto}
#sub .inner3{width: 1800px;margin: 0 auto}
#sub .inner4{width: 1400px;margin: 0 auto}
#sub .sub_visual{position: relative;height: 540px;}
#sub .sub_visual .sv_title{position: absolute;width: 100%;top: 0;padding-top: 270px;display: flex;align-items: center;flex-direction: column;gap: 19px;}
#sub .sub_visual .sv_title span{color: #004382;font-size: 20px;font-weight: 500;display: block}
#sub .sub_visual .sv_title strong{font-size: 60px;color: #000000;display: block}
#sub .sub_visual .line_w{height: 100%;display: flex;justify-content: space-between;padding: 0 155px; opacity: 0 !important;}
#sub .sub_visual .line_w .line{display: block;width: 1px;height: 100%;background: linear-gradient(to top, #fff, #DFE2F2, #fff);overflow: hidden}
/*#sub .sub_visual .line_w .line:after{content:'';display: block;width: 1px;height: 160px;background: linear-gradient(to top, #44D3F800, #44D3F8, #44D3F800);transform: translateY(-100%);animation: 3s vis_line infinite}*/
#sub .sub_visual .line_w .line01:after{animation-delay: 0.3s}
#sub .sub_visual .line_w .line02:after{animation-delay: 0.1s}
#sub .sub_visual .line_w .line03:after{animation-delay: 0.7s}
#sub .sub_visual .line_w .line04:after{animation-delay: 0.3s}
#sub .sub_visual .line_w .line05:after{animation-delay: 0.2s}
#sub .sub_visual .line_w .line06:after{animation-delay: 1.5s}
#sub .sub_visual .line_w .line07:after{animation-delay: 0.3s}
@keyframes vis_line{
    0%{transform: translateY(-100%)}
    100%{transform: translateY(400%)}
}
#sub .sub_loc ul{display: flex;justify-content: center}
#sub .sub_loc ul li a{display: flex;height: 57px;padding: 0 30px;font-size: 18px;color: #000000;font-weight: 600;border-radius: 6px;align-items: center;transition: 0.5s}
#sub .sub_loc ul li:hover a{color: #004382}
#sub .sub_loc ul li.on a{background: #004382;color: #fff}
#sub .sub_loc2{border-bottom: 1px solid #DFE4E9;border-top: 1px solid #DFE4E9;margin-top: 20px;}
#sub .sub_loc2 ul{display: flex;justify-content: center;gap: 50px}
#sub .sub_loc2 ul li a{display: block;line-height: 80px;padding: 0 5px;font-size: 17px;color: #000000;position: relative;transition: 0.5s}
#sub .sub_loc2 ul li:hover a{color: #004382}
#sub .sub_loc2 ul li a:after{content: '';display: block;width: 40px;height: 4px;border-radius: 4px 4px 0 0;position: absolute;bottom: -1px;left: 0;background: #004382;opacity: 0;left: 50%;transform: translateX(-50%)}
#sub .sub_loc2 ul li.on a:after{opacity: 1}
#sub .sub_loc2 ul li.on a{color: #004382}

#sub .sub_con{padding-top: 80px;padding-bottom: 170px;position: relative}
#sub.bo_list .sub_con .bg{position: absolute;top: -550px;right: -550px;z-index: -1}
#sub.direction .con01 .wrap{display: flex;}
#sub.direction .con01 .wrap .left{width: 558px;display: flex;flex-direction: column;justify-content: space-between;padding-bottom: 20px;padding-top: 57px}
#sub.direction .con01 .wrap .right{width: calc(100% - 558px);padding-left: 60px}
#sub.direction .con01 .wrap .right .wr{height: 600px;border-radius: 10px;overflow: hidden}
#sub.direction .con01 .wrap .right .wr .root_daum_roughmap{width: 100%;height: 100%}
#sub.direction .con01 .wrap .right .wr .root_daum_roughmap .wrap_map{width: 100%;height: 100%}
#sub.direction .con01 .wrap .left .tab .title{display: flex;align-items: center;gap: 12px}
#sub.direction .con01 .wrap .left .tab .title svg{display: block}
#sub.direction .con01 .wrap .left .tab .title strong{font-size: 24px;color: #000000;transition: 0.6s}
#sub.direction .con01 .wrap .left .tab ul li:hover .title strong{color: #fff}
#sub.direction .con01 .wrap .left .tab ul li:hover a p{color: #fff}
#sub.direction .con01 .wrap .left .tab ul li:hover path{fill: #fff}
#sub.direction .con01 .wrap .left .tab ul li.on .title strong{color: #fff}
#sub.direction .con01 .wrap .left .tab ul li.on a p{color: #fff}
#sub.direction .con01 .wrap .left .tab ul li.on path{fill: #fff}
#sub.direction .con01 .wrap .left .tab ul li .title strong{transition: 0.6}
#sub.direction .con01 .wrap .left .tab ul li a p{transition: 0.6s}
#sub.direction .con01 .wrap .left .tab ul li path{transition: 0.6s}
#sub.direction .con01 .wrap .left .tab ul li a{position: relative}
#sub.direction .con01 .wrap .left .tab ul li a:after{content: '';width: 30px;right: -15px;height: 30px;background: url(/img/sub/plus.png);position: absolute;display: block;transform: scale(0.5);opacity: 0;transition: 0.5s}
#sub.direction .con01 .wrap .left .tab ul li a:hover:after{transform: scale(1);opacity: 1}
#sub.direction .con01 .wrap .left .tab ul li.on a:after{transform: scale(1);opacity: 1}
#sub.direction .con01 .wrap .left .tab .title strong{font-size: 24px;color: #000000}
#sub.direction .con01 .wrap .left .tab ul{display: flex;flex-direction: column;gap: 10px}
#sub.direction .con01 .wrap .left .tab ul li a{display: flex;height: 131px;width: 100%;border: 1px solid #D7DFE6;border-radius: 10px;align-items: center;padding: 0 40px;transition: 0.6s}
#sub.direction .con01 .wrap .left .tab ul li a p{font-size: 20px;color: #474C51;margin-top: 13px;}
#sub.direction .con01 .wrap .left .tab ul li a:hover{background: #004382;border-color: #004382}
#sub.direction .con01 .wrap .left .tab ul li.on a{background: #004382;border-color: #004382}
#sub.direction .con01 .wrap .left .info ul li{padding: 30px 38px;align-items: center;display: flex;font-size: 20px;color: #474C51;font-weight: 500}
#sub.direction .con01 .wrap .left .info ul li:nth-child(1){border-bottom: 1px solid #D7DFE6;position: relative}
#sub.direction .con01 .wrap .left .info ul li:nth-child(1):before{content: '';display: block;width: 38px;height: 1px;position: absolute;bottom: -1px;left: 0;background: #004382}
#sub.direction .con01 .wrap .left .info ul li:nth-child(2){border-bottom: 1px solid #D7DFE6;position: relative}
#sub.direction .con01 .wrap .left .info ul li:nth-child(2):before{content: '';display: block;width: 38px;height: 1px;position: absolute;bottom: -1px;left: 0;background: #004382}
#sub.direction .con01 .wrap .left .info ul li span{display: block;color: #000000;font-weight: 600;width: 90px;}

#sub.bo_list .re_con{margin-bottom: 150px}
#sub.bo_list .re_con .swiper{width: 2062px}
#sub.bo_list .re_con .re_tit{margin-bottom: 130px}
#sub.bo_list .re_con .re_tit span{display: block;font-size: 16px;color: #004382;font-family: "neulis-sans", sans-serif;margin-bottom: 20px}
#sub.bo_list .re_con .re_tit strong{font-size: 40px;color: #000000;font-weight: 600;line-height: 55px}
#sub.bo_list .re_con .wr .tit{display: flex;align-items: flex-end;gap: 10px;padding-bottom: 16px;border-bottom: 1px solid #DDDDDD;margin-bottom: 16px;position: relative}
#sub.bo_list .re_con .wr .tit:before{content: '';display: block;width: 100px;height: 2px;position: absolute;bottom: 0;left: 0;background: linear-gradient(to left, #0AF2FD00,#0AF2FD,#0AF2FD00);bottom: -1.5px}
#sub.bo_list .re_con .wr .tit strong{font-size: 24px;color: #000000;}
#sub.bo_list .re_con .wr .tit span{display: block;font-size: 16px;color: #004382}
#sub.bo_list .re_con .wr .img{border-radius: 10px;overflow: hidden}
#sub.bo_list .re_con .wr .img img{display: block}
#sub.bo_list .re_con .wr .txt{padding-bottom: 30px}
#sub.bo_list .re_con .wr .txt p{font-size: 20px;line-height: 30px;color: #000000}
#sub.bo_list .con01 .list ul{display: flex;flex-wrap: wrap;gap: 54px}
#sub.bo_list .con01 .list ul li{width: calc(33.33% - 36px)}
#sub.bo_list .con01 .list ul li a{display: block;padding: 10px;border: 1px solid #D7DFE6;border-radius: 10px;position: relative;transition: 0.4s}
#sub.bo_list .con01 .list ul li:hover a{background: #F1F2F6}
#sub.bo_list .con01 .list ul li a .img{border-radius: 10px;overflow: hidden;border: 1px solid #CED4DC}
#sub.bo_list .con01 .list ul li a .img img{display: block}
#sub.bo_list .con01 .list ul li a .img i{display: block;right: 20px;top: 20px;position: absolute;transform: scale(0);transition: 0.4s}
#sub.bo_list .con01 .list ul li:hover a .img i{transform: scale(1)}
#sub.bo_list .con01 .list ul li a .txt{padding: 30px;padding-bottom: 20px}
#sub.bo_list .con01 .list ul li a .txt span{display: block;font-size: 20px;color: #AEB6BE;font-weight: 500;transition: 0.5s}
#sub.bo_list .con01 .list ul li a:hover .txt span{color: #004382}
#sub.bo_list .con01 .list ul li a .txt strong{font-size: 24px;color: #000000;line-height: 34px;display: block;margin-top: 16px;word-break: keep-all}
#sub .paging ul{display: flex}
#sub .sch_wrap{display: flex;justify-content: flex-end;gap: 10px;margin-bottom: 40px}
#sub .sch_wrap select{width: 130px;height: 60px;border-radius: 8px;border: 1px solid #CED4DC;padding: 0 25px;color: #000000;font-size: 18px;display: block}
#sub .sch_wrap select::-ms-expand { 
	display: none;
}
#sub .sch_wrap select {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
background: url(/img/sub/arrow.png) no-repeat calc(100% - 25px) center;

}
#sub .sch_wrap input{width: 420px;height: 60px;border-radius: 8px;border: 1px solid #CED4DC;font-size: 18px;color: #7B858E;padding-left: 25px;}
#sub .sch_wrap .sch{position: relative}
#sub .sch_wrap button{position: absolute;height: 100%;top: 0;padding-right: 25px;right: 0}
#sub .paging{margin-top: 75px}
#sub .paging ul{display: flex;justify-content: center;gap: 6px}
#sub .paging ul li a{display: flex;width: 50px;height: 50px;align-items: center;justify-content: center;font-size: 16px;color: #404040}
#sub .paging ul li.on a{background: #004382;color: #fff;border-radius: 8px;}
#sub .paging ul li.prev svg{display: block;transform: rotate(180deg)}
#sub.bo_view .con01 .title{display: flex;height: 120px;justify-content: space-between;border: 1px solid #D7DFE6;border-radius: 8px;align-items: center;padding: 0 50px;margin-bottom: 40px}
#sub.bo_view .con01 .content{min-height: 500px; justify-content: space-between;border: 1px solid #D7DFE6;border-radius: 8px;padding: 50px;margin-bottom: 80px}
#sub.bo_view .con01 .content img{max-width: 100%}
#sub.bo_view .con01 .title > div{display: flex;align-items: center}
#sub.bo_view .con01 .title > div b.on{    color: #ABB8C4;
    border-color: #ABB8C4;}
#sub.bo_view .con01 .title strong{font-size: 24px;color: #000000}
#sub.bo_view .con01 .title span{color: #474C51;font-size: 18px;}
#sub.bo_view .con01 .content .link{display: flex;gap: 40px;align-items: center;border-bottom: 1px solid #D7DFE6;padding-bottom: 30px;margin-bottom: 30px;}
#sub.bo_view .con01 .content .link a{display: flex;align-items: center;gap: 16px;font-size: 20px;color: #474C51}
#sub.bo_view .con01 .content .link > i{display: block;width: 1px;height: 14px;background: #D7DFE6;}
#sub.bo_view .con01 .content .link > i svg{display: flex}
#sub .go_list a{display: flex;height: 60px;width: 214px;border: 1px solid #004382;border-radius: 8px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 0 25px;transition: 0.5s;transition: 0.6s;background: #004382}
#sub .go_list a:hover{border-color: #004382;background: #fff;padding: 0 35px}
#sub .go_list a strong{transition: 0.5s}
#sub .go_list a:hover strong{color: #004382}
#sub .go_list a strong{color: #FFFFFF;font-size: 18px;font-weight: 500}
#sub.inquiry .go_list a svg{display: block;transform: rotate(180deg)}
#sub.inquiry .con{padding: 80px 60px;border-bottom: 1px solid #D7DFE6}
#sub.inquiry .con > ul{display: flex;flex-wrap: wrap;gap: 40px 80px }
#sub.inquiry .con > ul > li{width: calc(50% - 40px)}
#sub.inquiry .con > ul > li .inp input[type="text"]{width: 100%;height: 70px;border: 1px solid #D7DFE6;border-radius: 10px;padding: 0 30px;color: #7B858E;font-size: 18px;}
#sub.inquiry .con > ul > li .inp textarea{width: 100%;height: 70px;border: 1px solid #D7DFE6;border-radius: 10px;padding: 25px 30px;color: #7B858E;font-size: 18px;height: 350px}
#sub.inquiry .con > ul > li .inp *:focus{border-color: #004382}
#sub.inquiry .con > ul > li .inp input[type="text"]:focus{border-color: #004382}
#sub.inquiry .con > ul > li.wid100{width: 100%}
#sub.inquiry .con .sel ul {display: flex;gap: 10px}
#sub.inquiry .con .sel ul li{width: 197px;height: 60px;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;position: relative}
#sub.inquiry .con .sel ul li label{display: block;width: 32px;height: 32px;background: url(/img/sub/check.png);background-size: 100% 100%}
#sub.inquiry .con .sel ul li input:checked + label {background: url(/img/sub/check_on.png);background-size: 100% 100%}
#sub.inquiry .con .sel ul li input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0; cursor: pointer; }
#sub.inquiry .con .sel ul li input + label:after{content: '';display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid #D7DFE6;border-radius: 10px; cursor: pointer; }
#sub.inquiry .con .sel ul li input:checked + label:after{border-color: #004382}
#sub.inquiry .con .sel ul li.on span{color: #004382}
#sub.inquiry .con .sel ul li span{color: #7B858E;font-size: 18px}
#sub.inquiry .con > ul > li .frm_tit{margin-bottom: 14px}
#sub.inquiry .con > ul > li .frm_tit strong{font-size: 20px;color: #474C51;font-weight: 500}
#sub.inquiry .con > ul > li .frm_tit strong i{color: #004382;}
#sub.inquiry .privacy{border-bottom: none}
#sub.inquiry .privacy .title{margin-bottom: 15px}
#sub.inquiry .privacy .title strong{display: block;font-size: 20px;color: #474C51;font-weight: 500}
#sub.inquiry .privacy .cont{height: 250px;background: #F1F2F6;padding: 35px 30px;border-radius: 10px;overflow-y: scroll}
#sub.inquiry .privacy .cont p{font-size: 17px;line-height: 23px;color: #474C51;white-space: pre-wrap}
#sub.inquiry .privacy .sel{margin-top: 20px}
#sub.inquiry .privacy .sel ul li{width: auto;gap: 50px;}
#sub .sort{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px}
#sub .sort .link{background: #F2F5F9;height: 60px;display: flex;align-items: center;gap: 30px;padding: 0 30px;border-radius: 6px;}
#sub .sort .link a{font-size: 18px;font-weight: 500;color: #919EAA}
#sub .sort .link a.on{color: #004382}
#sub .sort .link i{display: block;width: 1px;height: 13px;background: #707070}
#sub .sort .sch_wrap{margin-bottom: 0}
#sub.bo_list .list2 ul{display: flex;flex-direction: column;gap: 10px}
#sub.bo_list .list2 ul li a{display: flex;justify-content: space-between;border: 1px solid #D7DFE6;border-radius: 10px;align-items: center;height: 140px;padding: 0 50px;transition: 0.5s}

#sub.bo_list .list2 ul li:hover a{background: #F1F2F6}
#sub.bo_list .list2 .left .icon rect{transition: 0.5s}
#sub.bo_list .list2 ul li:hover .left .icon rect{fill: #fff}
#sub.bo_list .list2 .left{display: flex;align-items: center;}
#sub.bo_list .list2 .left span{display: flex;width: 110px;height: 50px;border: 1px solid #004784;border-radius: 8px;align-items: center;justify-content: center;font-size: 20px;color: #004784;font-weight: 500;margin-right: 50px}
#sub.bo_list .list2 .left em{display: block;font-size: 18px;color: #474C51;margin-bottom: 10px;}
#sub.bo_list .list2 .left strong{font-size: 24px;color: #000000;line-height: 34px;font-weight: 600}
#sub.bo_list .list2 .left .icon{display: flex;margin-left: 30px;gap: 6px;position: relative;top: 12px}
#sub.bo_list .list2 .left span{transition: 0.5s}
#sub.bo_list .list2 .left span.end{color: #ABB8C4;border-color: #ABB8C4}
#sub.bo_list .list2 ul li:hover .left span.end{background: #ABB8C4;color: #fff;border-color: #ABB8C4}
#sub.bo_list .list2 .right svg{display: block;transition: 0.6s}
#sub.bo_list .list2 ul li:hover .right svg{transform: rotate(45deg);}
#sub.bo_list .list2 ul li .right #타원_17{transition: 0.6s}
#sub.bo_list .list2 ul li:hover .right #타원_17{stroke: #004784;fill: #004784}
#sub.bo_list .list2 ul li:hover .left span{background: #004784;color: #fff}
#sub.bo_view .con01 .title b{color: #004382;display: flex;width: 110px;height: 50px;border: 1px solid #004784;border-radius: 8px;align-items: center;justify-content: center;font-size: 20px;color: #004784;font-weight: 500;margin-right: 40px}


#sub .sub_visual.img_sub_visual {height: 700px;margin-bottom: 20px;position: relative;overflow: hidden}
#sub .sub_visual.img_sub_visual .sv_img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub .sub_visual.img_sub_visual .sv_img img{display: block;transform: scale(1.1);transition: 3s}
#sub .sub_visual.img_sub_visual.on .sv_img img{display: block;transform: scale(1);transition: 3s}
#sub .sub_visual.img_sub_visual .sv_title{padding-top: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%}
#sub .sub_visual.img_sub_visual .sv_title span{color: #fff}
#sub .sub_visual.img_sub_visual .sv_title strong{color: #fff}
#sub.ci .con01{margin-bottom: 240px;}
#sub.ci .con01 .wr{display: flex;gap: 40px;margin-bottom: 60px}
#sub.ci .con01 .wr img{max-width: 100%}
#sub.ci .con01 .title{display: flex;justify-content: center;align-items: center;gap: 14px;margin-bottom: 20px;}
#sub.ci .con01 .title strong{font-size: 20px;color: #000000}
#sub.ci .con01 .title .dot {display: flex;gap: 4px}
#sub.ci .con01 .title .dot i{display: block;width: 4px;height: 4px;border-radius: 50%;background: #004382;animation: dot11 1s linear infinite}
#sub.ci .con01 .title .dot i.dot01{animation-delay: 0.33s}
#sub.ci .con01 .title .dot i.dot02{animation-delay: 0.66s}
@keyframes dot11{
    0%{opacity: 1}
    50%{opacity: 0.2}
    100%{opacity: 1}
}
#sub.ci .con01 .down a{width: 280px;height: 70px;display: flex;align-items: center;justify-content: center;border: 1px solid #000000;border-radius: 10px;font-size: 18px;color: #000000;font-weight: 600;margin: 0 auto;transition: 0.5s}
#sub.ci .con01 .down a:hover{background: #004382;color: #fff}
#sub.ci .con02{display: flex;justify-content: space-between}
#sub.ci .con02 .left .title span{display: block;font-size: 16px;color: #004382;    font-family: "neulis-sans", sans-serif;margin-bottom: 20px}
#sub.ci .con02 .left .title strong{font-size: 40px;font-weight: 600;color: #000000}
#sub.ci .con02 .left .txt{display: flex;flex-direction: column;gap: 40px;margin-top: 60px}
#sub.ci .con02 .left .txt p{font-size: 20px;line-height: 34px;color: #000000;}
#sub.ci .con02 .left .txt p b.blue{color: #0062B0}
#sub.ci .con02 .left .txt p b.orange{color: #EF571A}
#sub.ci .con04{margin-top: 240px}
#sub.ci .con04 > ul{display: flex;gap: 55px}
#sub.ci .con04 > ul > li {flex: 1}
#sub.ci .con04 > ul > li .img{border-radius: 10px;overflow: hidden}
#sub.ci .con04 > ul > li .img img{display: block;max-width: 100%}
#sub.ci .con04 > ul > li .txt{padding: 0 20px;padding-top: 10px}
#sub.ci .con04 > ul > li ul li{display: flex;justify-content: space-between;padding: 10px 0;align-items: center;border-bottom: 1px solid #DDDDDD}
#sub.ci .con04 > ul > li ul li strong{font-size: 18px;color: #000000}
#sub.ci .con04 > ul > li ul li p{font-size: 16px;color: #000000}

#sub.bo_list .con01 .list3 ul {display: flex;flex-wrap: wrap;gap: 60px}
#sub.bo_list .con01 .list3 ul li{width: calc(33.33% - 40px)}
#sub.bo_list .con01 .list3 ul li a{display: block;border: 1px solid #D7DFE6;border-radius: 10px;position: relative;transition: 0.4s;overflow: hidden;height: 100%}
#sub.bo_list .con01 .list3 ul li a:before{content: '';display: block;width: 100%;height: 100%;border-radius: inherit;background: #F1F2F6;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;height: 80%;transition: 0.6s}
#sub.bo_list .con01 .list3 ul li:hover a:before{height: 100%;opacity: 1}
#sub.bo_list .con01 .list3 ul li .img{position: relative;padding-top: 100%}
#sub.bo_list .con01 .list3 ul li .img img{display: block;width: 100%;mix-blend-mode: multiply;position: absolute;width: calc(100%);top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub.bo_list .con01 .list3 ul li .txt {width: calc(100% - 80px);margin: 0 auto;border-top: 1px solid #D7DFE6;padding: 35px 0;position: relative}
#sub.bo_list .con01 .list3 ul li .txt i svg{display: block}
#sub.bo_list .con01 .list3 ul li .txt i{position: absolute;right: 0;bottom: 45px;transform: scale(0.5);opacity: 0;transition: 0.5s}
#sub.bo_list .con01 .list3 ul li:hover .txt i{transform: scale(1);opacity: 1;}
#sub.bo_list .con01 .list3 ul li .txt span{display: block;font-size: 20px;color: #AEB6BE;font-family: "neulis-sans", sans-serif;font-weight: 500;margin-bottom: 10px;transition: 0.5s}
#sub.bo_list .con01 .list3 ul li:hover .txt span{color: #004382}
#sub.bo_list .con01 .list3 ul li .txt strong{display: block;font-size: 32px;color: #000000;font-weight: 500}
#sub.bo_list .sort_w{margin-bottom: 40px;}
#sub.bo_list .sort_w ul{display: flex;gap: 8px}
#sub.bo_list .sort_w ul li a{display: block;padding: 0 18px;padding-bottom: 15px;font-size: 17px;color: #474C51;}
#sub.bo_list .sort_w ul li.on a{color: #004382;border-bottom: 2px solid #004382}
#sub.pro_view .con01{display: flex;position: relative}
#sub.pro_view .con01 .big{width: 75%; aspect-ratio: 100 / 66; background: #F1F2F6;border-radius: 12px; overflow: hidden; }
#sub.pro_view .con01 .big > DIV{ height: 100%; width :100%; }
#sub.pro_view .con01 .big .swiper-wrapper{align-items: center; }
#sub.pro_view .con01 .big .swiper-slide{height: 100%; width: 100%; }
#sub.pro_view .con01 .big .swiper-slide .img{height: 100%;display: flex;align-items: center;justify-content: center; position: relative; width: 100%; }
#sub.pro_view .con01 .big .swiper-slide .img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#sub.pro_view .con01 .small {width: 23.21428571428571%;position: absolute;right: 0;top: 0;height: 100%}
#sub.pro_view .con01 .small .btn{position: absolute;left: 50%;margin-left: -22px;z-index: 5}
#sub.pro_view .con01 .small .btn.swiper-button-next2{bottom: -22px;transform: rotate(90deg)}
#sub.pro_view .con01 .small .btn.swiper-button-prev2{top: -22px;transform: rotate(90deg)}
#sub.pro_view .con01 .small .swiper{height: 100%;}
#sub.pro_view .con01 .small .swiper .img{height: 100%; position: relative}
#sub.pro_view .con01 .small .swiper .img img{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub.pro_view .con01 .small .swiper .swiper-slide-thumb-active .img{border: 1px solid #004382}
#sub.pro_view .con01 .small .swiper img{width: 100%}
#sub.pro_view .con01 .img{background: #F1F2F6;border-radius: 12px;overflow: hidden}
#sub.pro_view .con01 .img img{display: block;max-width: 100%;display: block;margin: 0 auto}
#sub.pro_view .con02{margin-top: 100px}
#sub.pro_view .info{margin-bottom: 50px}
#sub.pro_view .info p{font-size: 20px;line-height: 36px;color: #222222}
#sub.pro_view .pro_content_w a{display: block}
#sub.pro_view .pro_content_w a .img {border-radius: 12px;overflow: hidden;position: relative}
#sub.pro_view .pro_content_w a .img:before{content: '';display: block;width: 100%;height: 80%;position: absolute;bottom: 0;left: 0;background: linear-gradient(to top, #02224195, #02224100)}
#sub.pro_view .pro_content_w a .img img{width: 100%;display: block}
#sub.pro_view .pro_content_w a .txt{position: absolute;bottom: 0;left: 0;width: 100%;padding: 40px 35px;display: flex;justify-content: space-between;align-items: center}
#sub.pro_view .pro_content_w a .txt svg{display: block}
#sub.pro_view .pro_content_w a .txt strong{font-size: 24px;color: #FFFFFF}
#sub.pro_view .con02{display: flex;align-items: center}
#sub.pro_view .con02 .title{width: 32.14285714285714%}
#sub.pro_view .con02 .title strong{display: block;font-size: 40px;font-weight: 600;color: #222222;margin-bottom: 20px}
#sub.pro_view .con02 .title p{display: block;font-size: 20px;line-height: 36px; color: #222222}
#sub.pro_view .con02 .slide{width: calc(100% - 32.14285714285714%);position: relative}
#sub.pro_view .con02 .slide .swiper{width: calc(100% + 120px)}

.swiper-button-next:after, .swiper-button-prev:after{display: none}
#sub.pro_view .con02 .slide .swiper-button-next svg, #sub.pro_view .con02 .slide .swiper-button-prev svg{width: 44px;height: auto}
#sub.pro_view .con02 .slide .swiper-button-next{right: -22px;width: 44px}
#sub.pro_view .con02 .slide .swiper-button-prev{left: -22px;width: 44px}
#sub.pro_view .pro_title {padding-bottom: 80px;border-bottom: 1px solid #D7DFE6;margin-bottom: 80px}
#sub.pro_view .pro_title > div{display: flex;justify-content: space-between;align-items: flex-end}
#sub.pro_view .pro_title .left span{color: #004382;font-size: 20px;font-weight: 500;font-family: "neulis-sans", sans-serif;margin-bottom: 15px;display: block}
#sub.pro_view .pro_title .left strong{font-size: 60px;color: #000000;display: block}
#sub.pro_view .pro_title .left p{font-size: 20px;line-height: 36px;color: #222222;margin-top: 40px}
#sub.pro_view .pro_title .right a{display: flex;align-items: center;justify-content: space-between;width: 215px;height: 60px;background: #004382;border-radius: 8px;padding: 0 25px;font-size: 18px;color: #FFFFFF}
#sub.pro_view .tit_cont {display: flex;align-items: center}
#sub.pro_view .tit_cont .img{width: 750px}
#sub.pro_view .tit_cont .img div {border-radius: 12px;overflow: hidden}
#sub.pro_view .tit_cont .img div img{display: block;max-width: 100%}
#sub.pro_view .tit_cont .txt{width: calc(100% - 750px);padding-left: 90px}
#sub.pro_view .tit_cont .txt strong{font-size: 40px;display: block;color: #222222;margin-bottom: 20px;}
#sub.pro_view .tit_cont .txt p{font-size: 20px;line-height: 36px;color: #222222}
#sub.pro_view .ai_con{padding-bottom: 150px;margin-bottom: 150px;border-bottom: 1px solid #D7DFE6}
#sub.pro_view .ai_con:last-child{padding-bottom: 0;border-bottom: none}
#sub.pro_view .go_list{margin-top: 120px}
#sub.esg .esg_title {margin-bottom: 120px}
#sub.esg .esg_title span{display: block;font-size: 16px;color: #004382;font-weight: 500;margin-bottom: 20px}
#sub.esg .esg_title strong{font-size: 40px;line-height: 55px;color: #000000}
#sub.esg .esg_con{margin-bottom: 240px}
#sub.esg .esg_con:last-child{margin-bottom: 0}
#sub.esg .esg_con .img_wrap{height: 500px;position: relative;width: 100%;border-radius: 10px;overflow: hidden;margin: 0 auto}
#sub.esg .esg_con .img_wrap .img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
#sub.esg .esg_con .img_wrap .img img{display: block}
#sub.esg .esg_con .img_wrap .title{position: absolute;top: 0;left: 0%;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center}
#sub.esg .esg_con .img_wrap .title strong{font-size: 80px;color: #FFFFFF;font-weight: 600;font-family: "neulis-sans", sans-serif;font-weight: 500}
#sub.esg .esg_con .txt_wrap{padding-top: 40px;margin-top: 40px;border-top: 1px solid #DDDDDD}
#sub.esg .esg_con .txt_wrap > div{display: flex}
#sub.esg .esg_con .txt_wrap > div > div{flex: 1}
#sub.esg .esg_con .txt_wrap > div > div.txt{transform: translateX(-30%);opacity: 0}
#sub.esg .esg_con .txt_wrap .tit_w span{font-size: 16px;color: #004382;font-family: "neulis-sans", sans-serif;}
#sub.esg .esg_con .txt_wrap .txt ul{display: flex;flex-direction: column;gap: 30px}
#sub.esg .esg_con .txt_wrap .txt ul li{font-size: 20px;line-height: 1.5;color: #000000;position: relative;padding-left: 10px}
#sub.esg .esg_con .txt_wrap .txt ul li:before{content: '';display: block;width: 4px;height: 4px;background: #004382;border-radius: 50%;position: absolute;left: 0;top: 13px}


#sub.esg .esg_con .img_wrap{width: 400px}

#sub.esg .esg_con .img_wrap .title{transform: translateY(45%)}
#sub.history .his_content{display: flex;gap: 240px;flex-direction: column;text-align: center;position: relative;padding-top: 240px}
#sub.history .his_content .nav{position: absolute;height: 100vh;display: flex;align-items: center;padding-left: 60px;top: 0}
#sub.history .his_content .nav ul li a{display: flex;align-items: center;justify-content: center;width: 90px;height: 40px;font-size: 16px;font-weight: 500;color: #000000;transition: 0.6s}

#sub.history .his_content .nav ul li.on a{background: #004382;color: #fff;border-radius: 999px}
#header.act {height: 0;}
#header.act .hd_wrap{transform: translateY(-100%)}
#sub.history .his_content .cont{display: flex;flex-direction: column;gap: 120px}
#sub.history .his_content .cont ul{display: flex;flex-direction: column;gap:0;}
#sub.history .his_content .cont ul li{padding: 17px 0;font-size: 30px;font-weight: 600;color: #000000;line-height: 1.5}
#sub.history .his_content .cont ul li span{font-size: 18px;font-weight: 400;display: block;font-family: "neulis-sans", sans-serif}
#sub.history .his_content .cont em{display: block;font-size: 16px;color: #004382;font-family: "neulis-sans", sans-serif;}
#sub.history .his_content .year strong{display: block;font-size: 300px;color: #E5ECF2;font-family: "neulis-sans", sans-serif;line-height: 1}
#sub.business_content .business_list{position: relative;padding-top: 0;}
#sub.business_content .business_list .busi_line{position: absolute;height: calc(100% - 20px);width: 1px;right: calc((100% - 1680px) / 2 + 1220px);;background: #E8E9E9;top: 20px}
#sub.business_content .business_list .busi_line .dot{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #004382;left: -4.5px;top: 4%}
#sub.business_content .business_list .busi_line .dot i{display: block;position: absolute;width: 20px;height: 20px;left: 50%;top: 50%;box-sizing: border-box;border: 1px solid #0083FF;border-radius: 50%;margin-left: -10px;margin-top: -10px;animation: dot 1.5s infinite linear;z-index: -1}
#sub.business_content .business_list .busi_line .dot i:nth-child(2){animation-delay: 0.5s}
#sub.business_content .business_list .busi_line .dot i:nth-child(3){animation-delay: 1.0s}
@keyframes dot{
    0%{transform: scale(0);opacity: 1}
    100%{transform: scale(1.5);opacity: 0}
}
#sub.business_content .business {position: relative;z-index: 10}
#sub.business_content .business .title_cont{background: #F4F6F9;padding: 75px 0}
#sub.business_content .business .title_cont > div{display: flex}
#sub.business_content .business .title_cont .loc{display: flex;align-items: center;gap: 20px;margin-bottom: 14px}
#sub.business_content .business .title_cont .loc span{font-size: 16px;font-weight: 600;color: #000000}
#sub.business_content .business .title_cont .loc b{color: #004382;font-weight: 600;display: inline-block;margin-right: 10px}
#sub.business_content .business .title_cont strong{font-size: 40px;display: block;line-height: 55px;color: #000000}
#sub.business_content .business .title_cont .right span{display: block;color: #004382;font-family: "neulis-sans", sans-serif;margin-bottom: 10px}
#sub.business_content .business .title_cont .right p{font-size: 20px;line-height: 34px;color: #000000;}
#sub.business_content .business .title_cont .right{width: 1140px}
#sub.business_content .business .title_cont .left{width: calc(100% - 1140px)}
#sub.business_content .business .busi_con{display: flex;justify-content: flex-end;padding-top: 60px;padding-bottom: 120px;}
#sub.business_content .business .busi_con .wrap{width: 1120px}
#sub.business_content .business .busi_con .wrap img{max-width: 100%}
#sub.business_content .business .busi_con .img img{display: block}
#sub.business_content .business .busi_con .wrap > .img{border-radius: 10px;overflow: hidden;border: 1px solid #E3E3E3}
#sub.business_content .business .busi_con .slide{padding-top: 60px;position: relative}
#sub.business_content .business .busi_con .slide .tit{margin-bottom: 20px}
#sub.business_content .business .busi_con .slide .tit strong{display: block;color: #000000;font-size: 28px;}
#sub.business_content .business .busi_con .slide .img{background: #F1F2F6;border-radius: 12px;overflow: hidden;border: 1px solid #F1F2F6;position: relative;;padding-top: 59%}
#sub.business_content .business .busi_con .slide .img img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub.business_content .business .busi_con .slide .txt{margin-top: 14px;}
#sub.business_content .business .busi_con .slide .txt strong{font-size: 22px;color: #000000;display: block;text-align: center;font-weight: 600}
#sub.business_content .business .busi_con .btn{width: 44px;top: 60%}
#sub.business_content .business .busi_con .btn svg{width: 100%}
#sub.business_content .business .busi_con .btn.swiper-button-next{right: -22px}
#sub.business_content .business .busi_con .btn.swiper-button-prev{left: -22px}
#sub.business_content .sub_loc2{width: 100%;top: 0;left: 0;background: #fff;z-index: 15;margin-top: 0}
#sub.business_content .sub_loc2 ul{position: relative;z-index: 15}
#sub.business_content  .pin-spacer{height: auto !important;padding: 0 !important}


#popup{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 999;width: 100%;height: 100%;display: none}
#popup .pop_in{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center}
#popup .pop_in .pop{background: #FFFFFF;width: 70vw;padding: 40px 30px;border-radius: 20px}
#popup .pop_in .pop img{max-width: 100%}
#popup .pop_in .pop .img{border-radius: 10px;overflow: hidden;border: 1px solid #DFE4E9}
#popup .pop_in .title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px}
#popup .pop_in .title strong{font-size: 22px;color: #000000;font-weight: 600}

#sub.bo_list .con01 .list4 ul{display: flex;flex-wrap: wrap;gap: 60px 20px }
#sub.bo_list .con01 .list4 ul li{width: calc(25% - 15px)}
#sub.bo_list .con01 .list4 ul li .cerf_w{padding: 30px;border: 1px solid #D7DFE6;border-radius: 10px;height: 100%}
#sub.bo_list .con01 .list4 ul li .img{padding: 10px;border-bottom: 1px solid #D7DFE6;padding-top: 0;padding-bottom: 24px;position: relative;overflow: hidden}
#sub.bo_list .con01 .list4 ul li .img div{border: 1px solid #D7DFE6;overflow: hidden;position: relative;padding-top: 141%}
#sub.bo_list .con01 .list4 ul li .img img{max-width: 100%;display: block;position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%)}
#sub.bo_list .con01 .list4 ul li .txt{padding-top: 24px}
#sub.bo_list .con01 .list4 ul li .txt .tit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px}
#sub.bo_list .con01 .list4 ul li .txt .tit span{font-size: 18px;color: #004382}
#sub.bo_list .con01 .list4 ul li .txt .tit em{font-size: 18px;color: #7B858E}
#sub.bo_list .con01 .list4 ul li .txt strong{font-size: 22px;color: #000000;font-weight: 600;display: block;margin-bottom: 14px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
}
#sub.bo_list .con01 .list4 ul li .txt p{font-size: 18px;color: #7B858E;font-weight: 500}
#sub.bo_list .count{display: flex;align-items: center;justify-content: center;gap: 120px;margin-bottom: 120px}
#sub.bo_list .count > i{display: block;width: 1px;height: 170px;background: #DFE4E9}
#sub.bo_list .count strong{display: block;font-size: 32px;color: #222222;margin-bottom: 20px;text-align: center}
#sub.bo_list .count .dot{width: 10px;height: 10px;border-radius: 50%;background: #CEE1F3;margin: 0 auto;padding: 3px;margin-bottom: 30px}
#sub.bo_list .count .dot i{width: 100%;height: 100%;background: #004382;border-radius: 50%;display: block}
#sub.bo_list .count .txt{display: flex;align-items: center;justify-content: center;gap: 5px}
#sub.bo_list .count .txt span{display: flex;width: 76px;height: 130px;background: #F1F2F6;border-radius: 12px;align-items: center;justify-content: center;font-size: 80px;font-weight: 600;color: #004382}
#sub.ceo .con01{display: flex;align-items: center;gap: 60px;padding-left: 60px}
#sub.ceo .con01 strong{font-size: 300px;color: #F2F5F9;font-family: "neulis-sans", sans-serif;line-height: 1}
#sub.ceo .con002{display: flex;justify-content: space-between;margin-top: -100px;align-items: flex-end;padding-bottom: 250px;}
#sub.ceo .con002 .left{position: relative;z-index: 5}
#sub.ceo .con002 .left .tit{margin-bottom: 60px}
#sub.ceo .con002 .left .tit strong{font-size: 40px;line-height: 55px;color: #000000;}
#sub.ceo .con002 .left .txt{display: flex;flex-direction: column;gap: 40px}
#sub.ceo .con002 .left .txt p{font-size: 20px;line-height: 34px;color: #000000}
#sub.ceo .con002 .left .txt p b{color: #004382}
#sub.ceo .con002 .left .txt .name span{display: block;font-size: 16px;color: #004382;font-family: "neulis-sans", sans-serif;margin-bottom: 6px}
#sub.ceo .con002 .left .txt .name strong{font-size: 24px;color: #000000;letter-spacing: 3px;}
#sub.ceo .con002 .right .img{border-radius: 10px;overflow: hidden}
#sub.ceo .con002 .right .img img{display: block}
#sub.ceo .con002 .right .img_w{position: relative}
#sub.ceo .con002 .right .img_w i{display: block;position: absolute;border-radius: 10px;background: #F2F5F9}
#sub.ceo .con002 .right .img_w i.box1{width: 190px;height: 190px;background: #F2F5F9;right: 0;margin-right: -200px}
#sub.ceo .con002 .right .img_w i.box2{width: 50px;height: 300px;background: #F2F5F9;right: 0;margin-right: -260px;top: 200px;border-radius: 10px 0 0 10px}
#sub.ceo .con002 .right .img_w i.box3{width: 200px;height: 200px;background: #F2F5F9;bottom: 0;margin-left: -210px;margin-bottom: -210px;left: 0}
#sub.ceo .con002 .right .img_w i.box4{width: 400px;height: 30px;background: #F2F5F9;bottom: 0;margin-left: -620px;margin-bottom: -250px;left: 0}
#sub.ceo .con002 .right .img_w i.box5{width: 100px;height: 100px;background: #F2F5F9;bottom: 140px;margin-left: -446px;left: 0}
#sub.ceo .sub_con{padding-bottom: 0}
#sub.brand .sub_con{padding-bottom: 0}
#sub.brand .con01{display: flex;flex-direction: column;gap: 240px;position: relative}
#sub.brand .con01 > .con{display: flex;justify-content: space-between;align-items: center}
#sub.brand .con01 > .con > div{width: calc(50% - 60px)}
#sub.brand .con01 > .con2{flex-direction: row-reverse}
#sub.brand .con01 > .con span{display: block;color: #004382;font-family: "neulis-sans", sans-serif;margin-bottom: 20px}
#sub.brand .con01 > .con strong{font-size: 40px;line-height: 55px;caret-color: #000000;font-weight: 600;display: block;margin-bottom: 60px}
#sub.brand .con01 > .con p{font-size: 20px;line-height: 34px;color: #000000;}
#sub.brand .con01 > .con .img_w{border-radius: 10px;overflow: hidden}
#sub.brand .con01 > .con .img_w img{display: block}
#sub.brand .con02{width: 100vw;height: 100vh;position: relative;background: #fff}
#sub.brand .con02 .line{height: 100%;position: absolute;top: 0;left: 50%;width: 1px;overflow: hidden}
#sub.brand .con02 .line i{position: relative;transform: translateY(-100%);animation: 3s by_line linear infinite;display: block}
#sub.brand .con02 .line02 i{animation-delay: 0.5s}
#sub.brand .con02 .line03 i{animation-delay: 0.2s}
#sub.brand .con02 .line05 i{animation-delay: 0.9s}
#sub.brand .con02 .line07 i{animation-delay: 0.3s}
@keyframes by_line{
	0%{transform: translateY(-100%)}
	100%{transform: translateY(100vh)}
}
#sub.brand .con02 .line01{margin-left: -758px}
#sub.brand .con02 .line02{margin-left: -574px}
#sub.brand .con02 .line03{margin-left: -148px}
#sub.brand .con02 .line04{margin-left: 64px}
#sub.brand .con02 .line05{margin-left: 402px}
#sub.brand .con02 .line06{margin-left: 655px}
#sub.brand .con02 .line07{margin-left: 801px}
#sub.brand .con02 .title_cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;text-align: center;}
#sub.brand .con02 .title_cont strong{display: block;font-size: 100px;font-weight: 500;color: #000000;font-family: "neulis-sans", sans-serif;line-height: 1.1;margin-bottom: 60px;}
#sub.brand .con02 .title_cont p{font-size: 20px;line-height: 1.5;color: #000000;}
#sub.brand .con02 .title_cont i{display: block;margin-bottom: 40px}
#sub.brand .con02 .con_w{display: flex;height: 100%;align-items: center;}
#sub.brand .con02 .con_w .con{display: flex;width: 2465px;position: absolute;top: 50%;transform: translateY(-50%);left: 100%}
#sub.brand .con02 .con_w .con1{display: flex}
#sub.brand .con02 .con_w span{display: block;font-size: 16px;color: #004382;font-weight: 500;font-family: "neulis-sans", sans-serif;margin-bottom: 20px;}
#sub.brand .con02 .con_w .tit {margin-right: 230px}
#sub.brand .con02 .con_w .tit strong{font-size: 40px;line-height: 55px;color: #000000;}
#sub.brand .con02 .con_w .con1 {margin-right: 240px}
#sub.brand .con02 .con_w .con1 ul{display: flex;gap: 10px}
#sub.brand .con02 .con_w .con1 ul li{width: 370px;height: 370px;background: rgba(0,68,130,0.05);backdrop-filter: blur(10px);border-radius: 10px;box-sizing: border-box;padding: 50px;position: relative}
#sub.brand .con02 .con_w .con1 ul li:before{content: '';display: block;width: 10px;height: 10px;box-sizing: border-box;border: 3px solid #C1D9EF;border-radius: 50%;background: #004382;position: absolute;top: 10px;left: 10px;}
#sub.brand .con02 .con_w .con1 ul li strong{display: block;font-size: 22px;line-height: 30px;color: #000000;margin-bottom: 20px;}
#sub.brand .con02 .con_w .con1 ul li p{font-size: 18px;color: #000000;}
#sub.brand .con02 .con_w .con2{width: 560px}
#sub.brand .con02 .con_w .con2 ul{display: flex;gap: 10px;flex-wrap: wrap}
#sub.brand .con02 .con_w .con2 ul li{width: calc(33.33% - 6.666666666666667px);height: 180px;border: 2px solid #CCD9E6;border-radius: 10px;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(10px);}
#sub.brand .con02 .con_w .con2 ul li img{display: block}
#sub.brand .con02 .con_w .con2 ul li strong{display: block;font-size: 22px;color: #000000;font-weight: 600;margin-top: 10px;text-align: center}


#sub .sub_visual.img_sub_visual + .sub_loc{border-bottom: none;padding-bottom: 0}

#sub.business_content .sub_visual.img_sub_visual + .sub_loc{margin-bottom: 20px}
#sub .sub_loc + .sub_loc2 {margin-top: 0;border-top: none}
#sub.technology .sub_loc{border-bottom: none;padding-bottom: 0}
#sub .sub_loc{border-bottom: 1px solid #DFE4E9;padding-bottom: 20px}
#sub.brand .lens{position: absolute}
#sub.brand .con01 .con{position: relative}
#sub.brand .con01 .con .txt, #sub.brand .con01 .con .img{position: relative;z-index: 5}
#sub.brand .con01 .con1 .lens{position: absolute;bottom: -600px;right: 20px;}
#sub.brand .con01 .con2 .lens{position: absolute;bottom: -772px;left: -600px}
#sub.brand .con01 .con2 .lens img{width: 1070px}
#sub.brand .con02 .lens01{left: 43%;top: -200px;}
#sub.brand .con02 .lens02{left: 10%;bottom: -400px;}
#sub.bo_list .con01 .list ul li a .img{overflow: hidden;overflow: hidden;position: relative}
#sub.bo_list .con01 .list ul li a .img{padding-top: 56%}
#sub.bo_list .con01 .list ul li a .img img{width: 100%;transition: 0.5s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1.0)}
#sub.bo_list .con01 .list ul li:hover a .img img{transform:  translate(-50%,-50%) scale(1.1)}

#sub.bo_list .re_con .wr .img img{width: 100%}
#sub.technology .tech_list{position: relative;padding-top: 80px}
#sub.technology .tech_list .sub_loc2 {position: absolute;width: 100%;top: 0;left: 0;background: #fff;z-index: 15}
#sub.technology .tech_list .tech_title{display: flex;justify-content: space-between;height: 135px;align-items: center;padding: 0 120px;border-bottom: 1px solid #DFE4E9;background: #fff;position: relative;z-index: 5}
#sub.technology .tech_list .tech_title .left span{display: block;font-size: 16px;color: #004382;font-family: "neulis-sans", sans-serif;margin-bottom: 10px}
#sub.technology .tech_list .tech_title .left strong{font-size: 24px;color: #000000;font-weight: 600}
#sub.technology .tech_list .tech_title .right a{display: flex;width: 220px;height: 60px;align-items: center;justify-content: center;border: 1px solid #000000;border-radius: 6px;font-size: 18px;color: #000;font-weight: 500}
#sub.technology .tech_list .tech_content{display: flex;padding: 0 120px}
#sub.technology .tech_list .tech_content > div{padding-top: 115px}
#sub.technology .tech_list .tech_content .cont > div{padding: 100px 0 ;border-bottom: 1px solid #DFE4E9 }
#sub.technology .tech_list .tech_content .cont > div:nth-child(1){padding-top: 0}
#sub.technology .tech_list .tech_content .cont .title strong{font-size: 28px;color: #000000;font-weight: 600}
#sub.technology .tech_list .tech_content .cont .title{margin-bottom: 40px;position: relative}
#sub.technology .tech_list .tech_content .cont .title:after{content: '';display: block;width: 15px;height: 30px;background: url(/img/sub/arr01.png);position: absolute;left: -45px;top: 0}
#sub.technology .tech_list .img{height: 700px;position: relative;overflow: hidden}
#sub.technology .tech_list .img div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub.technology .tech_list .t_tit{width: 41%;position: relative}
#sub.technology .tech_list .t_tit .dot{display: flex;gap: 6px;flex-direction: column;top: 40px;position: absolute;left: 10}

#sub.technology .tech_list .t_tit .dot *{width: 4px;height: 4px;border-radius: 50%;background: #0057A8}
#sub.technology .tech_list .t_tit div{display: inline-block}
#sub.technology .tech_list .t_tit strong{font-size: 40px;line-height: 55px;color: #000000;margin-bottom: 40px;display: inline-block}
#sub.technology .tech_list .t_tit p{font-size: 20px;line-height: 34px;color: #000000}
#sub.technology .tech_list .t_tit .tit{position: relative;display: inline-block;width: auto}
#sub.technology .tech_list .t_tit .tit i{position: absolute;bottom: -10px;right: -25px}
#sub.technology .tech_list > div:last-child .t_tit .tit i{right: 30px;}
#sub.technology .tech_list .cont{width: 59%}
#sub.technology .tech_list .cont .list > ul{flex-direction: column;gap: 30px;display: flex}
#sub.technology .tech_list .cont .list > ul > li{background: #F6F9FC;padding: 50px;border-radius: 10px;position: relative}
#sub.technology .tech_list .cont .list > ul > li:after{content: '';display: block;width: 10px;height: 10px;border-radius: 50%;border: 3px solid #C6DBF0;box-sizing: border-box;background: #004382;position: absolute;top: 17px;left: 17px}

#sub.technology .tech_list .cont .list > ul > li .t{display: flex;align-items: center;gap: 7px}
#sub.technology .tech_list .cont .list > ul > li .t strong{font-size: 22px;color: #000000}
#sub.technology .tech_list .cont .list > ul > li .t span{font-size: 18px;color: #0057A8;font-weight: 600}
#sub.technology .tech_list .cont .list > ul > li p{font-size: 18px;color: #333333;line-height: 27px;margin-top: 20px}
#sub.technology .tech_list .cont .list > ul > li .dot{display: flex;gap: 3px}
#sub.technology .tech_list .cont .list > ul > li .dot *{width: 3px;height: 3px;border-radius: 50%;background: #0057A8;animation: 1s dot11 infinite linear}
#sub.technology .tech_list .t_tit .dot *{animation: 1s dot11 infinite linear}
#sub.technology .tech_list .t_tit .dot *:nth-child(2){animation-delay: 0.2s}
#sub.technology .tech_list .t_tit .dot *:nth-child(3){animation-delay: 0.4s}
#sub.technology .tech_list .t_tit .dot *:nth-child(4){animation-delay: 0.6s}
#sub.technology .tech_list .cont .list > ul > li .dot *:nth-child(2){animation-delay: 0.33s}
#sub.technology .tech_list .cont .list > ul > li .dot *:nth-child(3){animation-delay: 0.66s}

#sub.technology .tech_list .cont .list > ul > li ul span{display: block;font-size: 19px;color: #303E4A;font-weight: 600;margin-bottom: 9px}
#sub.technology .tech_list .cont .list > ul > li ul span + p{margin-top: 0}
#sub.technology .tech_list .cont .list > ul > li ul{display: flex;gap: 40px;flex-direction: column;margin-top: 40px}
#sub.technology .tech_list .cont .list > ul > li ul li{border-left: 1px solid #BCD5EC;padding-left: 24px;position: relative}
#sub.technology .tech_list .cont .list > ul > li ul li:after{content: '';display: block;width: 6px;height: 10px;background: url(/img/sub/arr02.png);position: absolute;left: -1px;top: 6px}
#sub.technology .tech_list .cont .txt_c{display: flex;flex-direction: column;gap: 40px}
#sub.technology .tech_list .cont .txt_c p{font-size: 20px;line-height: 34px;}
#sub.technology .tech_list .cont .icon_list ul{display: flex}
#sub.technology .tech_list .cont .icon_list ul li{width: 33.33%;border-left: 1px solid #DFE4E9;padding-left: 40px}
#sub.technology .tech_list .cont .icon_list ul li:nth-child(1){padding-left: 0;border-left: none}
#sub.technology .tech_list .cont .icon_list ul li strong{display: block;font-size: 20px;color: #000000;margin-top: 30px;margin-bottom: 14px;}
#sub.technology .tech_list .cont .icon_list ul li p{display: block;font-size: 18px;color: #000000;line-height: 27px;}
/*#sub .sub_loc ul{transform: translateY(70px);opacity: 0}*/
#sub .sub_loc{position: relative}
#sub .sub_loc .catal{position: absolute;right: 120px;top: 50%;transform: translateY(-50%)}
#sub .sub_loc .catal a{display: flex;width: 220px;height: 60px;border: 1px solid #000000;border-radius: 6px;justify-content: space-between;align-items: center;padding: 0 20px;font-size: 18px;color: #000000;transition: 0.6s}
#sub .sub_loc .catal a:hover{background: #004382;border-color: #004382;color: #fff}
#sub .sub_loc .catal a path{transition: 0.5s}
#sub .sub_loc .catal a:hover path{stroke: #fff}
#sub.direction .con01 .wrap .left{transform: translateY(70px);opacity: 0}
#sub.direction .con01.on .wrap .left{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.9s;}
#sub.direction .con01 .wrap .right{transform: translateY(70px);opacity: 0}
#sub.direction .con01.on .wrap .right{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 1.2s;}
#sub.bo_list .con01{transform: translateY(70px);opacity: 0}
#sub.bo_list .con01.on{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.9s;}
#sub.inquiry .sub_con{transform: translateY(70px);opacity: 0}
#sub.inquiry .sub_con.on{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.9s;}

#sub.esg .esg_title span{transform: translateY(70px);opacity: 0}
#sub.esg .esg_title.on span{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.9s;}
#sub.esg .esg_title strong{transform: translateY(70px);opacity: 0;display: block}
#sub.esg .esg_title.on strong{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 1.2s;}

#sub.ci .con01 .box{transform: translateY(70px);opacity: 0;display: block}
#sub.ci .con01.on .box{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.9s;}
#sub.ci .con02 .left{transform: translateY(70px);opacity: 0;display: block}
#sub.ci .con02.on .left{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub.ci .con02 .right{transform: translateY(70px);opacity: 0;display: block}
#sub.ci .con02.on .right{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.3s;}
#sub.ci .con01.on .box:nth-child(2){ transition-delay: 1.2s;}
#sub.ci .con04 > ul > li{transform: translateY(70px);opacity: 0;display: block}
#sub.ci .con04.on > ul > li{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub.ci .con04.on > ul > li:nth-child(2){transition-delay: 0.3s}
#sub.ci .con04.on > ul > li:nth-child(3){transition-delay: 0.6s}

/*
#sub.ceo .con01{transform: translateX(100px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub.ceo .con01.on{transform: translateX(0px);opacity: 1;;}
*/
#sub.ceo .con002 .left .tit strong{transform: translateY(70px);opacity: 0;display: block}
#sub.ceo .con002.on .left .tit strong{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub.ceo .con002 .left .txt{transform: translateY(70px);opacity: 0;}
#sub.ceo .con002.on .left .txt{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.3s;}
#sub.ceo .con002 .right .img{transform: translateY(70px);opacity: 0;display: block}
#sub.ceo .con002.on .right .img{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.6s;}

#sub.ceo .con002 .right .img_w i{transform: scale(0.5);opacity: 0;transition: 1s}
#sub.ceo .con002.on .right .img_w i{transform: scale(1);opacity:1}
#sub.ceo .con002.on .right .img_w i.box1{transition-delay: 1s}
#sub.ceo .con002.on .right .img_w i.box2{transition-delay: 1.2s}
#sub.ceo .con002.on .right .img_w i.box3{transition-delay: 1.4s}
#sub.ceo .con002.on .right .img_w i.box4{transition-delay: 1.6s}
#sub.ceo .con002.on .right .img_w i.box5{transition-delay: 1.8s}

#sub.brand .con01 .con .txt{transform: translateY(70px);opacity: 0;display: block}
#sub.brand .con01 .con.on .txt{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.3s;}
#sub.bo_list .re_con{transform: translateY(70px);opacity: 0;display: block}
#sub.bo_list .re_con.on{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.3s;}
#sub.brand .con01 .con .img{transform: translateY(70px);opacity: 0;display: block}
#sub.brand .con01 .con.on .img{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub.brand .con01 .con1 .lens{transform: scale(0.5);opacity: 0}
#sub.brand .con01 .con1.on .lens{transform: scale(1);opacity: 1;transition: 1.2s}
#sub.brand .con01 .con2 .lens{transform: scale(0.5);opacity: 0}
#sub.brand .con01 .con2.on .lens{transform: scale(1);opacity: 1;transition: 1.2s}

#sub.brand .con02 .title_cont i{transform: translateY(70px);opacity: 0;display: block}
#sub.brand .con02.on .title_cont i{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub.brand .con02 .title_cont strong{transform: translateY(70px);opacity: 0;display: block}
#sub.brand .con02.on .title_cont strong{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.3s;}
#sub.brand .con02 .title_cont p{transform: translateY(70px);opacity: 0;display: block}
#sub.brand .con02.on .title_cont p{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.6s;}


#sub.technology .tech_list .tech_title .left{transform: translateX(70px);opacity: 0;display: block}
#sub.technology .tech_list .tech_title .left.on{transform: translateX(0px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub.technology .tech_list .tech_content .cont > div{transform: translateX(70px);opacity: 0;display: block}
#sub.technology .tech_list .tech_content .cont > div.on{transform: translateX(0px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub.business_content .business .title_cont .left{transform: translateY(70px);opacity: 0;display: block}
#sub.business_content .business.on .title_cont .left{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub.technology .tech_list .t_tit > *{transform: translateY(70px);opacity: 0;display: block}
#sub.technology .tech_list .t_tit > *{transform: translateY(70px);opacity: 0;display: block}
#sub.technology .tech_list .t_tit.on > *{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.0s;}
#sub.business_content .business .title_cont .right{transform: translateY(70px);opacity: 0;display: block}
#sub.business_content .business.on .title_cont .right{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.3s;}
#sub.business_content .business .busi_con{transform: translateY(70px);opacity: 0;}
#sub.business_content .business.on .busi_con{transform: translateY(0px);opacity: 1;transition: 1.2s; transition-delay: 0.6s;}
#sub.business_content .sub_loc ul{opacity: 1;transform: translateY(0)}

#sub.business_content .business .busi_con .slide .img{transition: 0.5s}
#sub.business_content .business .busi_con .slide a:hover .img{border-color: #004382}

#sub.pro_view .con02 .title p{word-break: keep-all;padding-right: 40px}
#sub.technology .tech_list .img img{display: block;transform: scale(1.1);transition: 1.5s}
#sub.technology .tech_list .img.on img{transform: scale(1)}
#footer{position: relative;z-index: 8}
#sub.technology .tech_list .img img{width: 100vw}
@media (max-width: 1920px) {
	#sub.technology .tech_list .img img{width: auto}

}
@media (max-width: 1840px) {
	#sub .inner3{width: 100%;margin: 0 auto;padding: 0 20px}
}
@media (max-width: 1720px) {
#sub .inner2{width: 100%;margin: 0 auto;padding: 0 20px}
	#sub.direction .con01 .wrap .left .tab ul li a p{line-height: 1.5;word-break: keep-all}
	#sub.bo_list .con01 .list ul{gap: 20px}
	#sub.bo_list .con01 .list ul li {width: calc(33.33% - 13.3333px);}
	#sub.ceo .con01 strong{font-size: 200px}
	#sub.business_content .business .title_cont {flex-wrap: wrap}
	#sub.business_content .business .title_cont .right{width: 100%}
	#sub.business_content .business .title_cont > div{flex-wrap: wrap;gap: 20px}
	#sub.business_content .business .title_cont .left {width: 100%;}
	#sub.business_content .business_list .busi_line{right: auto;left: 30px}	
    #sub.technology .tech_list .tech_title, #sub.technology .tech_list .tech_content{padding: 0 30px}
    #sub.technology .tech_list .cont .txt_c p br, #sub.technology .tech_list .cont .list > ul > li p br, #sub.technology .tech_list .cont .icon_list ul li p br{display: none}
    #sub.technology .tech_list .cont .txt_c p, #sub.technology .tech_list .cont .list > ul > li p, #sub.technology .tech_list .cont .icon_list ul li p{word-break: keep-all}
    #sub .sub_loc .catal{right: 20px}
}


@media (max-width: 1440px) {
    
    #sub.technology .tech_list .cont .list > ul > li .t{flex-direction: column;gap: 10px;align-items: flex-start}
    #sub.technology .tech_list .tech_content .cont .title{margin-bottom: 20px}
    #sub.technology .tech_list .t_tit strong{font-size: 32px;line-height: 1.5}
    #sub.technology .tech_list .t_tit p{font-size: 17px;line-height: 1.5}
    #sub.technology .tech_list .cont .icon_list ul li{padding: 0 20px}
    #sub.technology .tech_list .cont .txt_c p{font-size: 18px;line-height: 1.5}
    #sub.technology .tech_list .tech_content .cont .title strong, #sub.technology .tech_list .cont .icon_list ul li strong{font-size: 18px;line-height: 1.5}
    #sub.technology .tech_list .tech_content .cont .title strong{font-size: 22px}
    #sub.technology .tech_list .cont .icon_list ul li p{font-size: 16px;line-height: 1.5}
    #sub.bo_list .count{gap: 60px }
	#sub.business_content .business .busi_con .img img{max-width: 100%}
	#sub.business_content .business .busi_con .wrap{width: calc(100% - 60px)}
    #sub.business_content .sub_loc{justify-content: flex-start;display: flex;padding: 0 20px}
	#sub.brand .con01 > .con p br{display: none}
	#sub.brand .con01 > .con p{word-break: keep-all}
	#sub.brand .con01 > .con > div {width: calc(50% - 20px);}
	#sub.bo_list .list2 .left span{font-size: 18px;}
	#sub.bo_list .list2 .left em{font-size: 16px}
	#sub.bo_list .list2 .left strong{font-size: 20px}
	#sub.bo_list .list2 .left span{margin-right: 20px;width: 80px;height: 40px;}
	#sub.bo_list .list2 ul li a{padding: 0 20px;}
	#sub .inner4{width: 100%;margin: 0 auto;padding: 0 20px}
	#sub.direction .con01 .wrap .left{width: 435px}
	#sub.direction .con01 .wrap .right {width: calc(100% - 435px);padding-left: 30px;}
	#sub.direction .con01 .wrap .left .tab ul li a p{font-size: 17px;line-height: 1.5}
	#sub.direction .con01 .wrap .left .tab .title strong{font-size: 22px}
	#sub.bo_list .con01 .list ul li a .txt span{font-size: 16px}
	#sub.bo_list .con01 .list ul li a .txt strong{font-size: 18px;line-height: 1.5;margin-top: 7px}
	#sub.direction .con01 .wrap .left .info ul li{font-size: 17px;padding: 10px}
	#sub.bo_list .con01 .list ul li a .txt{padding: 10px;padding-bottom: 0}
	#sub .sch_wrap input{height: 50px;width: 260px;font-size: 16px}
	#sub .sch_wrap svg{display: block}
	#sub .sch_wrap select{height: 50px;font-size: 16px;width: 100px;padding: 0 20px}
	#sub .paging ul li a{width: 40px;height: 40px;}
	#sub.inquiry .con{padding: 40px 0}
	#sub.bo_view .con01 .title{height: 100px;padding: 0 20px}
	#sub.inquiry .con > ul{gap: 20px;}
	#sub.inquiry .con > ul > li {width: calc(50% - 10px);}
	#sub.esg .esg_title strong{font-size: 35px;line-height: 1.5}
	#sub.esg .esg_title span{font-size: 15px}
	#sub.esg .esg_con .txt_wrap > div > div{flex: auto}
	#sub.esg .esg_con .txt_wrap > div > div:nth-child(1){width: 100px}
	#sub.ci .con02 img{width: 100%}
	#sub.ci .con02 .left .txt p br{display: none;word-break: keep-all}
	#sub.ci .con02 > div{flex: 1}
	#sub.ci .con02 > div.left{padding-right: 25px}
	#sub.ci .con02 .left .txt p{font-size: 17px;word-break: keep-all;line-height: 1.5}
	#sub.ci .con02 .left .txt{gap: 20px;margin-top: 25px}
	#sub.ceo .con002 .left .txt p{font-size: 17px;line-height: 1.5}
	#sub.ceo .con002 .left .tit strong{font-size: 35px;line-height: 1.5}
	#sub.ceo .con002 .left .txt{gap: 15px}
	#sub.ceo .con002{margin-top: -80px}
	#sub.bo_list .re_con .swiper{width: 100%}
    #sub.pro_view .pro_title .left strong{font-size: 45px}
    #sub.pro_view .pro_title .right a{font-size: 16px;width: 180px;height: 45px}
    #sub.pro_view .pro_title{padding-bottom: 60px;margin-bottom: 60px}
    #sub.pro_view .con02 .title strong{font-size: 32px}
    #sub.pro_view .pro_content_w a .txt{padding: 15px}
    #sub.pro_view .pro_content_w a .txt strong{font-size: 20px}
    #sub.bo_list .con01 .list3 ul li .txt span{font-size: 16px}
    #sub.bo_list .con01 .list3 ul li .txt strong{font-size: 22px}
    #sub.bo_list .con01 .list3 ul li .txt{padding: 20px 0}
    #sub.bo_list .con01 .list3 ul li .txt {width: calc(100% - 40px);}
    #sub.pro_view .tit_cont .txt p br{display: none}
    #sub.pro_view .tit_cont .txt p{word-break: keep-all}
    #sub.pro_view .tit_cont .img{width: 660px}
    #sub.pro_view .tit_cont .img img{width: 100%}
    #sub.pro_view .tit_cont .txt{padding-left: 20px}
    #sub.pro_view .tit_cont .txt {width: calc(100% - 660px);}
    #sub.pro_view .ai_con{margin-bottom: 70px;padding-bottom: 70px}
    #sub.bo_list .con01 .list4 ul li .cerf_w{padding: 20px}
}

@media (max-width: 1300px) {
    #sub.pro_view .tit_cont{flex-wrap: wrap;gap: 40px}
    #sub.pro_view .tit_cont > div{width: 100% !important}
	#sub.ceo .con002 > div{flex: 1}
	#sub.ceo .con002 .right img{max-width: 100%}
	#sub.ceo .con002 .left .txt p br{display: none}
	#sub.ceo .con002 .left .txt p{word-break: keep-all}
	#sub.ceo .con002 .left .txt {padding-right: 40px}
	#sub.business_content .business .title_cont .right p br{display: none}
	#sub.business_content .business .title_cont .right p{word-break: keep-all}
    #sub.pro_view .con02{flex-wrap: wrap}
    #sub.pro_view .con02 .title, #sub.pro_view .con02 .slide{width: 100%}

}
@media (max-width: 960px) {
	.scroll_top button{width: 40px;height: 40px;border-radius: 3px}
	.scroll_top button svg{width: 8px;height: auto}
    #sub .sub_loc .catal a{font-size: 13px;height: 40px;justify-content: center;width: auto}
    #sub .sub_loc .catal a i{display: none}
    #sub.technology .tech_list .cont .list > ul > li .t strong{font-size: 20px}
    #sub.technology .tech_list{padding-top: 60px}
    #sub.technology .tech_list .tech_title{height: auto;padding: 20px;}
    #sub.technology .tech_list .tech_content{padding: 0 20px}
    #sub.technology .tech_list .tech_title .left span{font-size: 13px;}
    #sub.technology .tech_list .tech_title .left strong{font-size: 16px;}
    #sub.technology .tech_list .cont .list > ul > li ul li{padding-left: 15px;}
    #sub.technology .tech_list .cont .list > ul > li ul{margin-top: 15px}
    #sub.technology .tech_list .cont .list > ul > li ul{gap: 10px;}
    #sub.technology .tech_list .cont .list > ul > li ul span{font-size: 14px}
    #sub.technology .tech_list .cont .list > ul{gap: 10px}
    #sub.technology .tech_list .tech_content > div{padding-top: 40px}
    #sub.technology .tech_list .cont .list > ul > li p{font-size: 13px;margin-top: 10px;line-height: 1.5}
    #sub.technology .tech_list .cont .list > ul > li .t strong{font-size: 14px}
    #sub.technology .tech_list .cont .list > ul > li .t span{font-size: 14px}
    #sub.technology .tech_list .cont .list > ul > li{padding: 15px;border-radius: 8px}
    #sub.technology .tech_list .cont .list > ul > li:after{display: none}
    #sub.technology .tech_list .tech_content .cont > div{padding: 40px 0}
    #sub.technology .tech_list .cont .icon_list ul li strong{font-size: 14px;margin-top: 15px;margin-bottom: 10px}
    #sub.technology .tech_list .cont .icon_list ul li p{font-size: 13px;line-height: 1.5}
    #sub.technology .tech_list .cont .txt_c p{font-size: 13px;}
    #sub.technology .tech_list .cont .icon_list ul li svg{width: 40px;height: auto}
    #sub.technology .tech_list .tech_content .cont .title strong{font-size: 17px}
    #sub.technology .tech_list .t_tit strong{margin-bottom: 20px}
    #sub.technology .tech_list .t_tit .tit i {bottom: -15px;right: -20px;}
    #sub.technology .tech_list .t_tit .dot *{width: 3px;height: 3px}
    #sub.technology .tech_list .t_tit .dot{gap: 3px}
    #sub.technology .tech_list .tech_title .left{padding: 20px}
    #sub.technology .tech_list .t_tit .dot{position: static;padding-top: 40px;margin-bottom: 15px}
    #sub.technology .tech_list .pin-spacer, #sub.technology .tech_list .t_tit, #sub.technology .tech_w .pin-spacer, #sub.technology .tech_w .tech_title{transform: none !important;height: auto !important;padding: 0 !important}
    #sub.technology .tech_list .cont, #sub.technology .tech_list .t_tit{width: 100%}
    #sub.technology .tech_list .tech_content{display: block}
    #sub.technology .tech_list .t_tit strong{font-size: 24px;line-height: 1.5}
    #sub.technology .tech_list .t_tit p{font-size: 14px;}
    #sub.technology .tech_list .t_tit .tit i svg{width: 30px;right: -15px;bottom: -15px; height: auto}
    #sub.pro_view .info p{font-size: 14px;line-height: 1.5}
    #sub.bo_list .count .txt span{font-size: 20px;width: 36px;height: 50px;border-radius: 6px}
    #sub.bo_list .count strong{font-size: 20px;margin-bottom: 12px}
    #sub.pro_view .ai_con{margin-bottom: 40px;padding-bottom: 40px}
    #sub.bo_list .count .dot{margin-bottom: 15px}
    #sub.pro_view .con02{margin-top: 30px}
    #sub.pro_view .tit_cont .txt{padding-left: 0}
    #sub.pro_view .tit_cont{gap: 20px}
    #sub.pro_view .tit_cont .txt strong{font-size: 24px;margin-bottom: 15px}
    #sub.pro_view .con02 .title p, #sub.pro_view .tit_cont .txt p{font-size: 14px;line-height: 1.5;padding-right: 0}
    #sub.bo_list .con01 .list3 ul li .txt span{font-size: 12px;margin-bottom: 4px}
    #sub.bo_list .con01 .list3 ul li .txt strong{font-size: 14px}
	#sub.bo_list .re_con{margin-bottom: 60px}
	#sub.bo_list .re_con .wr .txt{padding-bottom: 30px}
	#sub.bo_list .re_con .wr .tit{margin-bottom: 10px;padding-bottom: 10px}
	#sub.bo_list .re_con .wr .txt p{font-size: 15px;line-height: 1.5}
	#sub.bo_list .re_con .wr .tit span{font-size: 13px}
	#sub.bo_list .re_con .wr .tit strong{font-size: 16px}
	#sub.bo_list .re_con .re_tit{margin-bottom: 30px}
	#sub.bo_list .re_con .re_tit span{font-size: 13px;margin-bottom: 8px}
	#sub.bo_list .re_con .re_tit strong{font-size: 23px;line-height: 1.5}
	#sub .sub_loc ul li a{height: 40px;padding: 0 10px;font-size: 13px;}
	#sub .sub_loc2 ul{gap: 15px}
	#sub.business_content .business_list{padding-top: 0px}
	#sub .sub_loc2 ul li a{line-height: 1.5;padding: 10px 0; font-size: 13px;word-break: keep-all;text-align: center}
	#sub.business_content .business .busi_con .slide{padding-top: 30px}
	#sub.business_content .business .busi_con .btn{width: 26px}
	#sub.business_content .business .busi_con .btn.swiper-button-next{right: -13px;}
	#sub.business_content .business .busi_con .btn.swiper-button-prev{left: -13px;}
	#sub.business_content .business .busi_con .slide .tit strong{font-size: 18px}
	#sub.business_content .business .title_cont{padding: 30px 0}
	#sub.business_content .business .busi_con .slide .txt strong{font-size: 16px;}
	#sub.business_content .business .busi_con{padding: 30px 0}
	#sub.business_content .business .busi_con .wrap {width: calc(100% - 30px);}
	#sub.business_content .business .title_cont > div{gap: 15px}
	#sub.business_content .business .title_cont .loc{gap: 10px;margin-bottom: 7px}
	#sub.business_content .business .title_cont .right span{font-size: 13px;margin-bottom: 7px}
	#sub.business_content .business .title_cont .loc span{font-size: 13px}
	#sub.business_content .business .title_cont .right p{line-height: 1.4;font-size: 14px}
	#sub.business_content .business .title_cont strong{font-size: 27px;line-height: 1.5}
	#sub.brand .con02 .con_w .con{width: 1627px}
	#sub.brand .con02 .con_w .tit{margin-right: 80px}
	#sub.brand .con02 .con_w .con2 ul li{height: 114px}
	#sub.brand .con02 .con_w .con2 ul li strong{font-size: 14px}
	#sub.brand .con02 .con_w .con2 ul li img{width: 32px}
	#sub.brand .con02 .con_w .con2 ul{width: 360px}
	#sub.brand .con02 .con_w .con1{margin-right: 60px}
	#sub.brand .con02 .con_w .con1 ul li {width: 240px;height: 240px;}
	#sub.brand .con02 .con_w .con1 ul li{padding: 25px;border-radius: 10px}
	#sub.brand .con02 .con_w .con1 ul li p{font-size: 13px}
	#sub.brand .con02 .con_w .con1 ul li strong{font-size: 16px;line-height: 1.5;margin-bottom: 7px;}
	#sub.brand .con02 .con_w span{font-size: 12px;margin-bottom: 8px}
	#sub.brand .con02 .con_w .tit strong{font-size: 25px;line-height: 1.5}
	#sub.brand .con02 .title_cont strong{font-size: 60px}
	#sub.brand .con01{gap: 80px}
	#sub.brand .con02 .title_cont p{font-size: 15px;line-height: 1.5}
	#sub.brand .con01 img{max-width: 100%}
	#sub.brand .con01 > .con span{font-size: 13px}
	#sub.ceo .con002 .right .img{border-radius: 7px}
	#sub.brand .con01 > .con p{font-size: 14px;line-height: 1.5}
	#sub.brand .con01 > .con span{margin-bottom: 10px}
	#sub.brand .con01 > .con strong{font-size: 26px;line-height: 1.5;margin-bottom: 20px}
	#sub.ceo .con002 .left .tit{margin-bottom: 30px}
	#sub.ceo .con01{gap: 30px}
	#sub.ceo .con01 svg{width: 15px;height: auto}
	#sub.ceo .con01 strong{font-size: 100px}
	#sub.ceo .con002 .left .txt .name strong{font-size: 19px}
	#sub.ceo .con002 .left .txt .name span{font-size: 14px}
	#sub.ceo .con002 .left .tit strong{font-size: 26px;}
	#sub.ceo .con002 .left .txt p{font-size: 14px}
	#sub.esg .esg_con .img_wrap .title strong{font-size: 55px}
	#sub.esg .esg_con .img_wrap .img img, #sub.esg .esg_con .img_wrap{height: 350px}
	#sub.esg .esg_title strong{font-size: 24px;}
	#sub .go_list a svg{width: 26px;height: auto}
	#sub .go_list a strong{font-size: 15px;}
	#sub .go_list a{width: 150px;height: 45px;border-radius: 6px;padding: 0 10px}
	#sub.bo_view .con01 .content{margin-bottom: 30px}
	#sub.bo_view .con01 .title{margin-bottom: 20px;}
	#sub.bo_view .con01 .content{min-height: 300px;padding: 15px;border-radius: 6px}
	#sub.bo_view .con01 .title strong{font-size: 16px}
	#sub.bo_view .con01 .title span{font-size: 13px}
	#sub.bo_view .con01 .title{height: 60px;flex-direction: column;justify-content: center;gap: 7px;align-items: flex-start}
	#sub.bo_view .con01 .title{height: auto;padding: 15px;border-radius: 6px}
	#sub.direction .con01 .wrap{flex-wrap: wrap}
	#sub.direction .con01 .wrap .left{width: 100%}
	#sub.direction .con01 .wrap .right {width:100%;padding-top: 30px;padding-left: 0}
	#sub.direction .con01 .wrap .left .tab{margin-bottom: 15px}
	#sub.direction .con01 .wrap .left .tab ul{flex-direction: row}
	#sub.direction .con01 .wrap .left .tab ul li{flex: 1}
	#sub.direction .con01 .wrap .left .tab ul li a{padding: 0 20px;height: 100px;border-radius: 6px}
	#sub.direction .con01 .wrap .left .tab ul li a p{font-size: 14px}
	#sub.direction .con01 .wrap .left .tab .title strong{font-size: 15px}
	#sub.direction .con01 .wrap .left .tab .title svg{width: 17px;height: auto}
	#sub.direction .con01 .wrap .left .tab ul li a p{margin-top: 7px}
	#sub.direction .con01 .wrap .left .info ul li{font-size: 14px}
	#sub.direction .con01 .wrap .right .wr{height: 300px;border-radius: 6px}
	#sub.direction .con01 .wrap .right{padding-top: 20px}
	#sub.direction .con01 .wrap .left{padding-bottom: 0}
	#sub.direction .con01 .wrap .left{padding-top: 0}
	#sub.bo_list .con01 .list ul{gap: 10px}
	#sub.bo_list .con01 .list ul li {width: calc(50% - 5px);}
	#sub.bo_list .con01 .list ul li a .txt strong{font-size: 14px;}
	#sub.bo_list .con01 .list ul li a .txt span{font-size: 13px}
	#sub.bo_list .con01 .list ul li a{border-radius: 6px}
	#sub.bo_list .con01 .list ul li a .img{border-radius: 6px}
	#sub .sch_wrap input{height: 40px;padding: 0 15px;font-size: 13px;width: 200px}
	#sub .sch_wrap select{height: 40px;font-size: 13px;padding: 0 15px}
	#sub .sch_wrap button{padding-right: 15px}
	#sub .sch_wrap button svg{width: 15px;height: auto}
	#sub .sch_wrap{margin-bottom: 20px}
	#sub .paging{margin-top: 30px}
	#sub .paging ul li a{width: 34px;height: 34px;font-size: 13px;}
	#sub.inquiry .con.con02 > ul > li{width: 100%} 
	#sub.inquiry .con .sel ul{flex-wrap: wrap}
	#sub.inquiry .con > ul > li .inp input[type="text"]{font-size: 13px;padding: 0 20px;height: 45px;border-radius: 7px}
	#sub.inquiry .con > ul > li .frm_tit{margin-bottom: 8px}
	#sub.inquiry .con > ul > li .frm_tit strong{font-size: 15px;}
	#sub.inquiry .con .sel ul li span{font-size: 13px;}
	#sub.inquiry .con .sel ul li label{width: 18px;height: 18px}
	#sub.inquiry .con .sel ul li {width: 125px;height: 40px;padding: 0 10px;border-radius: 7px}
	#sub.inquiry .con > ul > li .inp textarea{border-radius: 7px;height: 100px;padding: 15px;font-size: 13px}
	#sub.inquiry .privacy .cont{border-radius: 7px;height: 130px;padding: 15px;font-size: 13px}
	#sub.inquiry .privacy .cont p{font-size: 13px;line-height: 1.5}
	#sub.inquiry .privacy .title strong{font-size: 14px;}
	#sub.inquiry .privacy .sel ul li{width: 100%}
	#sub.bo_list .list2 .left{flex-direction: column;align-items: flex-start;gap: 15px}
	#sub.bo_list .list2 ul li a{height: auto;padding: 15px}
	#sub.bo_list .list2 .left .icon{margin-left: 0;display: none}
	#sub.bo_list .list2 .left em{font-size: 13px;margin-bottom: 7px}
	#sub.bo_list .list2 .left strong{font-size: 14px;line-height: 1.5}
	#sub.bo_list .list2 .left span{font-size: 14px}
	#sub.bo_list .list2 .right{display: none}
	#sub.bo_list .list2 .left span {margin-right: 0;width: 70px;height: 28px;border-radius: 5px;font-size: 12px}
	#sub .sort .link{gap: 10px}
	#sub .sort{flex-wrap: wrap}
	#sub .sort .link{height: 40px;padding: 0 20px;border-radius: 7px}
	#sub .sort .link a{font-size: 14px}
	#sub.esg .esg_title{margin-bottom: 40px}
	#sub.esg .esg_con .txt_wrap .txt ul li{font-size: 14px}
	#sub.esg .esg_con .txt_wrap .txt ul li:before{top: 8px}
	#sub.esg .esg_con .txt_wrap > div > div:nth-child(1){width: auto}
	#sub.esg .esg_con .txt_wrap .tit_w span{font-size: 13px}
	#sub.esg .esg_con .txt_wrap{margin-top: 20px;padding-top: 20px}
	#sub.esg .esg_con{margin-bottom: 60px}
	#sub.ci .con01 .title strong{font-size: 14px;}
	#sub.ci .con01 .down a {width: 180px;height: 50px;font-size: 14px}
	#sub.ci .con01 .wr{margin-bottom: 20px}
	#sub.ci .con01{margin-bottom: 70px}
	#sub.ci .con02 .left .title span{font-size: 13px;margin-bottom: 10px}
	#sub.ci .con02 .left .title strong{font-size: 26px;}
	#sub.ci .con02 .left .txt p{font-size: 14px}
	#sub.ci .con04 > ul{gap: 20px}
	#sub.ci .con04{margin-top: 70px}
	#sub.ci .con04 > ul > li .img{border-radius: 7px}
	#sub.ci .con04 > ul > li ul li p, #sub.ci .con04 > ul > li ul li span{font-size: 13px}
	#sub.ci .con04 > ul > li .txt{padding: 7px;padding-bottom: 0}
	#sub.ci .con04 > ul > li ul li{padding: 5px 0}
	#sub.history .his_content .year strong{font-size: 160px}
	#sub.history .his_content .cont ul li{padding: 10px 0;font-size: 20px}
	#sub.history .his_content .cont ul li span{font-size: 14px}
	#sub.history .his_content .nav{padding-left: 15px}
	#sub.history .his_content .nav ul li a {width: 60px;height: 25px;font-size: 12px;}
	#sub.history .his_content .cont em{font-size: 12px}
	#sub.history .his_content{gap: 120px;padding: 0 20px}
	#sub.history .his_content .cont{gap: 40px}
	#sub .sub_visual.img_sub_visual{height: 400px}
	#sub .sub_visual.img_sub_visual img{height: 400px}
	#sub .sub_visual .sv_title span{font-size: 15px;}
	#sub .sub_visual .sv_title strong{font-size: 32px}
    #sub.pro_view .pro_title > div{flex-wrap: wrap;gap: 15px}
    #sub.pro_view .pro_title .left{width: 100%}
    #sub.pro_view .pro_title .left strong{font-size: 22px}
    #sub.pro_view .pro_title .right a{font-size: 13px;padding: 0 15px;width: 140px}
    #sub.pro_view .pro_title .right a svg{width: 10px;height: auto;}
    #sub.pro_view .pro_title{padding: 20px;margin-bottom: 20px}
    #sub.pro_view .con02{flex-direction: column;align-items: flex-start;gap: 15px}
    #sub.pro_view .con02 .title strong{font-size: 20px}
    #sub.pro_view .pro_content_w a .txt strong{font-size: 13px}
    #sub.pro_view .con02 .slide .swiper, #sub.pro_view .con02 .slide{width: 100%}
    #sub.pro_view .pro_title > div{padding-left: 0;padding-right: 0}
    #sub.pro_view .con02 .slide .swiper-button-next svg, #sub.pro_view .con02 .slide .swiper-button-prev svg{width: 30px}
	#sub.pro_view .con02 .slide .swiper-button-next{right: 10px}
	#sub.pro_view .con02 .slide .swiper-button-prev{left: 10px}
    #sub.pro_view .go_list{margin-top: 40px}
    #sub.bo_list .con01 .list3 ul{gap: 20px}
    #sub.bo_list .con01 .list3 ul li{width: calc(50% - 10px)}
    #sub.pro_view .pro_title .left span{font-size: 14px;margin-bottom: 3px}
    #sub.pro_view .pro_title .left p{font-size: 14px;line-height: 1.5}
    #sub.pro_view .pro_title .left p br{display: none}
    #sub.pro_view .pro_title .left p{margin-top: 10px}
    #sub.bo_list .con01 .list4 ul{gap: 20px}
    #sub.bo_list .con01 .list4 ul li{width: calc(50% - 10px)}
    #sub.bo_list .con01 .list4 ul li .img{padding: 0;padding-bottom: 10px}
    #sub.bo_list .con01 .list4 ul li .cerf_w{padding: 10px;}
    #sub.bo_list .con01 .list4 ul li .txt .tit span, #sub.bo_list .con01 .list4 ul li .txt .tit em{font-size: 14px}
    #sub.bo_list .con01 .list4 ul li .txt strong{font-size: 15px;margin-bottom: 10px}
    #sub.bo_list .con01 .list4 ul li .txt p{font-size: 13px;}
    #sub.bo_list .con01 .list4 ul li .txt{padding-top: 10px}
    #sub.bo_list .count{gap: 20px}
    #sub.bo_list .count > i{height: 60px}
    #sub.bo_list .count{margin-bottom: 40px;}
    #sub.pro_view .con01 .img{border-radius: 6px}
    #popup_wrap .wrap > div p{font-size: 12.5px;line-height: 1.5}
    #popup_wrap .wrap > div{padding: 20px;border-radius: 10px}
    #popup_wrap .wrap > div strong{font-size: 16px;margin-bottom: 10px;padding-bottom: 10px}
}
@media (max-width: 800px) {
	#sub.ceo .con002{flex-direction: column}
	#sub.ci .con02{flex-direction: column;gap: 15px}
	#sub.ceo .con002 > div{width: 100%}
	#sub.ceo .con002 .right{margin-top: 40px}
	#sub.ceo .con002 .right img{width: 100%}
	#sub.ceo .con002 .left .txt{padding-right: 0}
	#sub.ceo .con002 .left .tit strong{font-size: 22px}
    #sub.bo_list .con01 .list3 ul li a{border-radius: 6px}
    #sub.bo_list .sort_w ul li a{padding: 4px;font-size: 14px}
    #sub.bo_list .sort_w{margin-bottom: 20px}

}
@media (max-width: 660px) {
    #sub.business_content .sub_visual.img_sub_visual + .sub_loc{margin-bottom: 10px}
	#sub .sch_wrap select{width: 80px}
	#sub .sch_wrap select {background: url(/img/sub/arrow.png) no-repeat calc(100% - 10px) center;padding: 0 10px}
    #popup{display: none !important}
    #sub.technology .tech_list .cont .icon_list ul{flex-direction: column}
    #sub.technology .tech_list .cont .icon_list ul li{border-left: none;padding: 10px 0;width: 100%}
    #sub.technology .tech_list .img{height: 350px}
    #sub.technology .tech_list .img img{height: 350px}
	#sub .sub_con{padding: 60px 0}
	#sub .sub_visual .sv_title{padding-top: 0;height: 100%;display: flex;align-items: center;justify-content: center;gap: 15px}
	#sub .sub_visual{height: 340px}
	#sub .sub_visual .line_w{padding: 0 10px}
	#sub.brand .con02 .title_cont i{margin-bottom: 20px}
	#sub.brand .con02 .title_cont p br{display: none}
	#sub.brand .con02 .title_cont p{word-break: keep-all;padding: 0 15px}
	#sub.brand .con01 > .con strong{font-size: 23px}
	#sub.brand .con02 .title_cont strong{font-size: 40px;margin-bottom: 15px}
	#sub.brand .con01 .con .txt{margin-bottom: 20px}
	#sub.brand .con01 > .con{flex-wrap: wrap}
	#sub.brand .con01 > .con > div{width: 100%}
	#sub.direction .con01 .wrap .left .tab ul{flex-wrap: wrap}
	#sub.direction .con01 .wrap .left .tab ul li{flex: auto;width: 100%}
	#sub.direction .con01 .wrap .left .tab ul li a{height: 80px}
	#sub .sort .link{width: 100%;margin-bottom: 15px}
	#sub.esg .esg_con .txt_wrap > div{flex-wrap: wrap}
	#sub.esg .esg_con .txt_wrap > div > div:nth-child(1){width: 100%;margin-bottom: 15px}
	#sub.esg .esg_con .txt_wrap .txt ul{gap: 7px}
	#sub.esg .esg_con .img_wrap .img img, #sub.esg .esg_con .img_wrap{height: 250px;border-radius: 6px}
	#sub.esg .esg_con .img_wrap .title strong{font-size: 30px}
	#sub.esg .esg_con .txt_wrap .txt ul li br{display: none}
	#sub.esg .esg_con .txt_wrap .txt ul li{word-break: keep-all}
	#sub.ceo .con002 .left .tit{margin-bottom: 15px}
	#sub.ceo .con002{margin-top: -40px}
	#sub.ceo .con01{padding-left: 0}
	#sub.ceo .con002 .right .img_w i{display: none}
	#sub.ceo .con002{padding-bottom: 60px;}
	#sub.history .his_content .cont ul li{font-size: 16px}
	#sub.history .his_content .cont ul li{padding: 5px 0;word-break: keep-all}
	#sub.history .his_content .cont ul li span{font-size: 12px;word-break: keep-all;line-height: 1.5}
	#sub.history .his_content .year strong{font-size: 100px}
	#sub.history .his_content .cont{gap: 20px}
	#sub.history .his_content{gap: 60px}
	#sub.business_content .business_list .busi_line{transform: scale(0.5);left: 15px}
	#sub.business_content .business .busi_con .wrap {width: calc(100% - 10px);}
    #sub.bo_list .con01 .list3 ul li .txt{padding: 10px 0}
    #sub.bo_list .con01 .list3 ul li .txt {width: calc(100% - 20px);}
    #sub.pro_view .con01 .small .btn svg{width: 25px;height: auto}
    #sub.pro_view .con01 .small .btn.swiper-button-prev2{margin-left: -12.5px;top: -12.5px}
    #sub.pro_view .con01 .small .btn.swiper-button-next2{margin-left: -12.5px;bottom: -12.5px}
    #sub.pro_view .pro_content_w a .img{border-radius: 6px}
    #sub.business_content .business .title_cont strong{font-size: 24px;}
    #sub.business_content .business .title_cont{margin-top: 10px}
    #sub .sub_loc .catal a{padding: 0 10px;border-radius: 3px}
    #sub .sub_visual.img_sub_visual{margin-bottom: 10px}
    #sub.business_content .sub_loc{flex-direction: column;flex-wrap: wrap;display: flex}
    #sub .sub_loc .catal{position: static;transform: translateY(0);margin-top: 10px}
	#sub.history .his_content .nav{padding-left: 0;left: 10px}
	#sub.esg .esg_title strong{font-size: 22px;word-break: keep-all}
	#sub.esg .esg_title strong br{display: none}
	#sub.bo_list .sub_con .bg svg{width: 900px;height: auto}
	#sub.bo_list .sub_con .bg svg{width: 900px;height: auto}
	#sub.bo_list .sub_con .bg {top: -450px;right: -450px;}
	#sub.ci .con01 .wr{flex-wrap: wrap;gap: 20px}
	#sub.ci .con01 .wr > div.box{width: 100%}
    #sub .sub_loc ul li a{word-break: keep-all;text-align: center}
}


@media (max-width: 540px) {
	#sub.ci .con04 > ul{flex-direction: column}
	#sub.ci .con04 > ul > li .img img{width: 100%}
	#sub.ceo .con01 strong{font-size: 60px}
}


@media (max-width: 400px) {
    #sub .sub_loc ul li a{font-size: 12.5px}
}