@charset "utf-8"; .pagecommon{color:var(--dark2);line-height:1} .pagecommon *{word-break:keep-all} .pg_inner{width:var(--sub-size);margin:0 auto} .pagecommon .sub_tit_wrap .s_tit{display:block;margin-bottom:50px;color:#999;font-weight:700;font-size:20px} .pagecommon .sub_tit_wrap .tit{line-height:1.3;color:var(--dark);font-size:40px;font-weight:700} .pagecommon .sub_tit_wrap .tit .color{background:linear-gradient(-95deg,#006776 4%,#007f5f 62%,#007f5f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent} #pg38 .sub_tit_wrap38 .tit{margin-bottom:65px;font-weight:700;font-size:44px} #pg38 .greet_wrap{display:flex;align-items:flex-end;gap:105px;margin-bottom:200px} #pg38 .greet_wrap .l_img{overflow:hidden;width:530px;border-radius:20px} #pg38 .greet_wrap .l_img > img{max-width:100%;width:100%} #pg38 .greet_wrap .r_txt .top_txt{display:block;line-height:1.3;margin-bottom:70px;font-weight:700;font-size:30px} #pg38 .greet_wrap .r_txt .txt{line-height:1.6;margin-bottom:30px;color:#777;font-weight:400;font-size:17px} #pg38 .greet_wrap .r_txt .txt05{margin-bottom:40px} #pg38 .greet_wrap .sign{display:block;text-align:right;font-weight:700;font-size:17px} #pg38 .list_bg_gray{padding:125px 0 210px;background:#f8f8f8} #pg38 .sub_tit_wrap38 .tit02{margin-bottom:80px;text-align:center;font-size:40px} #pg38 .list_wrap{display:flex;flex-wrap:wrap;gap:25px} #pg38 .list_wrap > li{width:calc((100% - 50px) / 3)} #pg38 .list_wrap > li .top_img{overflow:hidden;margin-bottom:35px;border-radius:20px} #pg38 .list_wrap > li .top_img > img{max-width:100%;width:100%} #pg38 .list_wrap > li .num{display:flex;align-items:center;justify-content:center;line-height:40px;margin:0 auto 25px;width:40px;height:40px;border-radius:50%;background:var(--dark2);color:#fff;font-weight:700;font-size:15px} #pg38 .list_wrap > li .txt{text-align:center;font-weight:700;font-size:22px} #pg47 .solution_wrap{padding-bottom:240px} #pg47 .solution_wrap .sub_tit_wrap47{margin-bottom:60px;text-align:center} #pg47 .solution_wrap .img_wrap{display:flex;height:260px;border-radius:20px;background:#000} #pg47 .solution_wrap .img_wrap img{min-width:160px;width:26%;margin:auto} #pg47 .solution_wrap .txt{white-space:pre-line;line-height:1.6;margin-top:55px;font-weight:400;font-size:16px;word-break:keep-all} #pg47 .solution_wrap .txt01{margin-top:75px} #pg47 .solution_wrap .txt .bold{font-weight:700} #pg47 .product_wrap{padding:150px 0 210px;background:#fafafa} #pg47 .product_wrap .product_tit{color:var(--primary);font-size:40px;font-weight:700} #pg47 .product_wrap .pg_inner{display:flex;gap:220px} #pg47 .product_wrap .right_txt{width:100%} #pg47 .product_wrap .r_txt_list > li{margin-bottom:40px;padding-bottom:50px;border-bottom:1px solid #e1e1e1} #pg47 .product_wrap .r_txt_list > li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none} #pg47 .product_wrap .r_txt_list > li.box2{display:grid;grid-template-columns:1fr 1fr} #pg47 .product_wrap .r_txt_list > li .p_t_tit{display:block;margin-bottom:30px;color:var(--dark);font-weight:700;font-size:20px} #pg47 .product_wrap .r_txt_list > li .dot_list > li{position:relative;padding-left:25px;color:#777;font-weight:400;font-size:17px} #pg47 .product_wrap .r_txt_list > li .dot_list > li + li{margin-top:15px} #pg47 .product_wrap .r_txt_list > li .dot_list > li:after{position:absolute;top:6px;left:0;content:"";display:block;width:4px;height:4px;background:var(--dark2);border-radius:50%} #pg47 .product_wrap .r_txt_list > li .r_tit_none_box{margin-top:50px} #pg46 .sub_tit_wrap46{margin-bottom:145px;text-align:center} #pg46 .sub_tit_wrap46 .s_tit{margin-bottom:40px} #pg46 .logo_list{display:flex;align-items:center;flex-wrap:wrap;gap:0 55px} #pg46 .logo_list > li{display:flex;align-items:center;justify-content:center;width:calc((100% - 220px) / 5);margin-bottom:40px} #pg46 .logo_list > li > img{max-width:100%;max-height:100%} #pg46 .logo_list > li:nth-child(n+11){margin-bottom:0} #pg49 .map_wrap{overflow:hidden;position:relative;width:100%;height:515px;border-radius:20px;border:1px solid #e1e1e1} #pg49 .map_wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} #pg49 .address{position:relative;margin:65px 0 40px;padding-left:45px;line-height:1.4;color:var(--dark);font-weight:700;font-size:28px} #pg49 .address:after{position:absolute;top:3px;left:0;content:"";display:block;width:17px;height:24px;background:url("../sh_page/img/p49_icon01.png") no-repeat center/cover} #pg49 .address_list{display:flex;flex-wrap:wrap;gap:0 23px} #pg49 .address_list > li{display:flex;align-items:center;gap:55px;padding-left:50px;width:calc((100% - 46px) / 3);height:106px;border:1px solid #e1e1e1;border-radius:10px} #pg49 .address_list > li .right_txt .t_tit{display:block;margin-bottom:15px;color:#999;font-weight:700;font-size:16px} #pg49 .address_list > li .right_txt > b{color:var(--dark);font-weight:700;font-size:22px} #pg40 .sub_tit_wrap40{margin-bottom:50px;text-align:center} #pg40 .defense_list{max-width:1000px;width:100%;margin: 0 auto;padding-top:95px;border-top:1px solid #e1e1e1} #pg40 .defense_list > li{display:flex;align-items:center;justify-content:space-between} #pg40 .defense_list > li + li{margin-top:70px} #pg40 .defense_list .left{display:flex;align-items:flex-start;gap:55px} #pg40 .defense_list .left .l_img{display:flex;align-items:center;justify-content:center;width:335px;height:334px;border-radius:15px;background:#f7f7f7} #pg40 .defense_list .left .l_img > img{max-width:100%;max-height:100%} #pg40 .defense_list .left .l_txt_wrap{padding-top:20px} #pg40 .defense_list .left .l_txt_wrap .l_t_txt{display:flex;align-items:center;gap:25px;margin-bottom:30px} #pg40 .defense_list .left .l_txt_wrap .l_t_txt .round{display:flex;align-items:center;justify-content:center;width:81px;height:28px;line-height:28px;color:#fff;font-weight:700;font-size:15px;border-radius:50pt;background:var(--primary)} #pg40 .defense_list .left .l_txt_wrap .l_t_txt .tit{color:var(--dark);font-size:28px;font-weight:700} #pg40 .defense_list .left .l_txt_wrap .dot_list > li{position:relative;line-height:1.7;padding-left:25px;color:#777;font-weight:400;font-size:17px} #pg40 .defense_list .left .l_txt_wrap .dot_list > li + li{margin-top:5px} #pg40 .defense_list .left .l_txt_wrap .dot_list > li:after{position:absolute;top:12px;left:0;content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--dark2)} #pg40 .defense_list > li .right:after{position:absolute;top:50%;transform:translateY(-50%);left:-85%;content:"";display:block;width:19px;height:11px;background:url("../sh_page/img/p40_arrow_img.png") no-repeat center} #pg40 .defense_list > li .right{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center} #pg40 .defense_list > li .right .example{display:flex;align-items:center;justify-content:center;line-height:30px;margin-bottom:23px;width:113px;height:30px;border-radius:50pt;background:#444;color:#fff;font-weight:700;font-size:15px} #pg40 .defense_list > li .right .r_img > img{max-width:100%} #pg39 .sub_tit_wrap39{text-align:center} #pg39 .cont1{display:flex;align-items:center;justify-content:center;height:100vh} #pg39 .sub_tit_wrap39 .tit .on{color:#111;background:linear-gradient(-95deg, #006776 4%, #007f5f 62%, #007f5f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:all .5s ease} #pg39 .cont2_wrap{width:100%} #pg39 .cont2{overflow:hidden;position:relative;height:200vh} #pg39 .cont2 .list{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100vh} #pg39 .cont2 .list .bg{position:absolute;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center} #pg39 .cont2 .list01 .bg{background-image:url("../sh_page/img/p39_img01.jpg")} #pg39 .cont2 .list02 .bg{background-image:url("../sh_page/img/p39_img02.jpg")} #pg39 .cont2 .mark{text-align:center} #pg39 .cont2 .mark .line{position:relative;z-index:2;line-height:1.3;background-clip:text;background-image:linear-gradient(to right, #fff, #fff);background-repeat:no-repeat;background-size:0% 100%;color:rgba(255,255,255,1);white-space:pre-line;text-align:center;font-weight:700;font-size:36px} #pg39 .cont2 .mark .line .br_line{display:none} #pg39 .cont3_wrap{overflow:hidden} #pg39 .cont3{position:relative;padding:150px 0 210px;background:url("../sh_page/img/p39_bg01.png") no-repeat left bottom 25%/100%} #pg39 .cont3 .cont3_txt_wrap{margin-bottom:105px} #pg39 .cont3 .cont3_txt_wrap .tit{color:var(--dark);font-size:50px;font-weight:700} #pg39 .cont3 .cont3_txt_wrap .txt{line-height:1.6;margin-top:65px;color:#888;font-size:18px;font-weight:400} #pg39 .cont3 .cont3_list_wrap{width:var(--sub-size);margin:0 auto} #pg39 .cont3 .cont3_list{display:flex;gap:33px} #pg39 .cont3 .cont3_list > li{overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:413px;height:518px;border-radius:15px} #pg39 .cont3 .cont3_list > li .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} #pg39 .cont3 .cont3_list > li .list_txt{position:relative;z-index:1;padding:0 0 65px 55px} #pg39 .cont3 .cont3_list > li .list_txt > b{display:block;margin-bottom:25px;color:#fff;font-weight:700;font-size:30px} #pg39 .cont3 .cont3_list > li .list_txt > p{color:rgba(255,255,255,0.6);font-weight:600;font-size:16px} #pg37{padding-bottom:210px} #pg37 .tab_wrap{margin-bottom:80px} #pg37 .tab_wrap .tab_center{width:663px;margin:0 auto} #pg37 .tab_list{position:relative;display:flex;flex-wrap:wrap;align-items:center;border-radius:10px;overflow:hidden;background:#f6f6f6} #pg37 .tab_list > div{position:relative;display:flex;align-items:center;justify-content:center;z-index:1;width:calc(100% / 3);height:64px;line-height:64px;color:#001111;font-weight:700;font-size:17px;cursor:pointer;transition:color 0.3s} #pg37 .tab_list > div > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%} #pg37 .tab_list > div.on > a{color:#fff} #pg37 .bg{content:"";display:block;opacity:1;position:absolute;top:0;width:calc(100% / 3);height:100%;border-radius:10px;transition:all .8s cubic-bezier(0.22, 1, 0.36, 1);background:linear-gradient(-95deg,#006776 4%,#007f5f 62%,#007f5f 100%)} #pg37 .sub_tit_wrap37{margin-bottom:50px;text-align:center} #pg37 .sub_tit_wrap37 .s_tit{margin-bottom:40px;font-size:17px} #pg37 .sub_tit_wrap37 .tit{font-size:44px} #pg37 .history_top_img{overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-bottom:210px;height:538px;border-radius:20px;background:url("../sh_page/img/p37_bg_img01.jpg") no-repeat center/cover} #pg37 .history_top_img .top_txt{color:#fff;font-weight:700;font-size:40px} #pg37 .history-con-bottom{position:relative;margin-top:-350px;z-index:2} #pg37 .history-bottom-tit{text-align:center;font-size:96px;font-weight:700;color:#fff;line-height:1.16;filter:blur(16px);transition:all 0.6s ease-in-out;opacity:0} #pg37 .history-con-bottom.animated .history-bottom-tit{filter:blur(0);opacity:1} #pg37 .history-percent-bar{position:absolute;top:208px;left:50%;width:3px;height:calc(100% - 208px);border-radius:50pt;background:#ededed} #pg37 .history-percent-bar .percent-bar-child{position:absolute;z-index:1;width:100%;height:0;background-color:var(--primary);border-radius:50pt} #pg37 .percent-bar-child .point{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);transition:none;display:flex;align-items:center;justify-content:center;z-index:10;width:42px;height:42px;border-radius:50pt;background-color:var(--primary);transition-property:background-color} #pg37 .percent-bar-child .point:before{position:absolute;content:'';top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;border-top:1px solid #fff;box-sizing:border-box;animation:historyScroll 1.5s linear infinite;transition-property:border-top} #pg37 .percent-bar-child .point .arrow_icon{width:25px;color:#fff;transition:all 0.4s;transition-property:color} #pg37 .percent-bar-child .point.end .arrow_icon{transform:rotate(-180deg)} @keyframes historyScroll{0%{transform:translate(-50%, -50%) rotate(0)}100%{transform:translate(-50%, -50%) rotate(360deg)}} #pg37 .percent-bar-child .point.active{background:var(--primary)} #pg37 .percent-bar-child .point.active:before{border-top:1px solid var(--primary)} #pg37 .percent-bar-child .point.active i{color:#fff} #pg37 .history-con{padding-top:290px} #pg37 .history-year-group-box{position:relative;display:flex;padding-top:190px} #pg37 .history-year-group-box:last-of-type{padding-bottom:120px} #pg37 .history-year-group-box .history-year-group-tit-box{width:50%;padding-right:70px;box-sizing:border-box;text-align:right} #pg37 .history-year-group-box .history-year-group-tit{font-size:40px;font-weight:700;color:#001111;opacity:0.3} #pg37 .history-year-group-box .history-year-list-box{width:50%;padding:8px 0 0 80px;box-sizing:border-box} #pg37 .history-year-group-box .history-year-item{display:flex;margin-bottom:75px;opacity:0.3} #pg37 .history-year-group-box .history-year-item:last-of-type{margin-bottom:0} #pg37 .history-year-group-box .history-year-item .history-year{position:relative} #pg37 .history-year-group-box .history-year-item .history-year strong{margin-right:50px;color:#001111;font-weight:700;font-size:21px} #pg37 .history-year-group-box .history-year-item .history-detail-txt-con{flex-grow:1} #pg37 .history-year-group-box .history-year-item .history-detail-txt{position:relative;padding-left:50px;line-height:1.4;font-size:18px;font-weight:500;color:#888} #pg37 .history-year-group-box .history-year-item .history-detail-txt + .history-detail-txt{margin-top:15px} #pg37 .history-year-group-box .history-year-item .history-detail-txt .num{position:absolute;top:0;left:0} #pg37 .history-year-group-box .history-year-item .history-detail-img{display:flex;gap:0 20px;margin-top:40px} #pg37 .history-year-group-box .history-year-item .history-detail-img li{overflow:hidden;display:block;border-radius:10px} #pg37 .history-year-group-box .history-year-item .history-detail-img img{max-width:100%} #pg37 .history-year-group-box.active .history-year-group-tit{opacity:1;color:transparent;background:linear-gradient(-95deg,#006776 1%,#007f5f 16%,#007f5f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} #pg37 .history-year-group-box .history-year-item.on{opacity:1} #pg37 .history-year-group-box .history-year-item.on .history-year strong{color:rgba(0,17,17,1)} @media all and (min-width:851px){ #pg37 .history-year-group-box.reverse{flex-direction:row-reverse} #pg37 .history-year-group-box.reverse .history-year-group-tit-box{padding-right:0;padding-left:80px;text-align:left} #pg37 .history-year-group-box.reverse .history-year-list-box{padding:8px 70px 0 0} #pg37 .history-year-group-box.reverse .history-year-item{flex-direction:row-reverse} #pg37 .history-year-group-box.reverse .history-year-item .history-year{text-align:right} #pg37 .history-year-group-box.reverse .history-year-item .history-detail-txt-con{text-align:right} #pg37 .history-year-group-box.reverse .history-year-item .history-detail-img{justify-content:end} #pg37 .history-year-group-box.reverse .history-year-item .history-detail-txt .num{right:0;left:initial} #pg37 .history-year-group-box.reverse .history-year-item .history-year strong{margin:0;margin-left:30px} #pg37 .history-year-group-box.reverse .history-year-item .history-detail-txt{padding-left:0;padding-right:50px} #pg37 .history-year-group-box.reverse .history-year-item .history-detail-txt .num{margin:0;margin-left:25px} } /* 반응형 [s] */ @media (max-width:1600px){ .pg_inner,#pg39 .cont3 .cont3_list_wrap{width:95%} #pg40 .defense_list > li{padding-right:0} #pg38 .greet_wrap{align-items:flex-start;gap:60px} #pg38 .greet_wrap .r_txt{padding-top:30px} #pg39 .cont3 .cont3_list > li{width:calc((100% - 66px) / 2)} } @media (max-width:1400px){ #pg40 .defense_list > li .right:after{left:-55%} #pg39 .cont3 .cont3_list{gap:25px} #pg39 .cont3 .cont3_list > li{width:calc((100% - 50px) / 2);height:auto;aspect-ratio:413 / 518} } @media (max-width:1300px){ .pagecommon .sub_tit_wrap .tit,#pg38 .sub_tit_wrap38 .tit,#pg39 .cont3 .cont3_txt_wrap .tit,#pg37 .sub_tit_wrap37 .tit{font-size:clamp(25px, 3.077vw, 40px)} #pg49 .map_wrap{height:clamp(300px, 39.615vw, 515px)} #pg46 .sub_tit_wrap46{margin-bottom:clamp(50px, 9.0625vw, 145px)} #pg46 .logo_list{gap:30px} #pg46 .logo_list > li{width:calc((100% - 120px) / 5)} #pg38 .sub_tit_wrap38 .tit,#pg47 .solution_wrap .s_tit{margin-bottom:40px} #pg47 .solution_wrap{padding-bottom:150px} #pg47 .solution_wrap .sub_tit_wrap47{margin-bottom:50px} #pg38 .greet_wrap{margin-bottom:150px} #pg38 .greet_wrap .l_img{min-width:clamp(320px, 40.769vw, 530px)} #pg38 .greet_wrap .r_txt .txt br,#pg38 .greet_wrap .r_txt .top_txt br{display:none} #pg38 .greet_wrap .r_txt .top_txt{margin-bottom:60px} #pg39 .cont2 .mark .line{font-size:clamp(25px, 2.769vw, 36px)} #pg39 .cont3 .cont3_list > li .list_txt{padding:0 0 50px 45px} } @media (max-width:1200px){ #pg49 .address{margin:55px 0 30px;font-size:25px} #pg49 .address_list > li{gap:clamp(16px, 2.9167vw, 35px);padding-left:clamp(16px, 2.9167vw, 35px)} #pg49 .address_list > li .right_txt > b{font-size:20px} #pg46 .sub_tit_wrap46 .s_tit{margin-bottom:30px} #pg40 .defense_list{padding-top:50px} #pg40 .defense_list .left{margin-bottom:100px;width:100%} #pg40 .defense_list .left .l_txt_wrap{flex-grow:1} #pg40 .defense_list > li{flex-direction:column} #pg40 .defense_list > li .right:after{top:-21%;left:initial;transform:none;transform:rotate(90deg)} #pg47 .solution_wrap{padding-bottom:100px} #pg47 .solution_wrap .s_tit,#pg37 .sub_tit_wrap37 .s_tit{margin-bottom:30px} #pg47 .solution_wrap .txt br{display:none} #pg47 .solution_wrap .txt01{margin-top:65px} #pg47 .product_wrap .pg_inner{gap:150px} #pg38 .greet_wrap{margin-bottom:100px} #pg38 .greet_wrap .r_txt .top_txt{margin-bottom:50px;font-size:28px} #pg38 .list_bg_gray{padding:100px 0} #pg38 .list_wrap{gap:20px} #pg38 .list_wrap > li{width:calc((100% - 40px) / 3)} #pg39 .cont3 .cont3_txt_wrap{margin-bottom:80px} #pg39 .cont3 .cont3_txt_wrap .txt{margin-top:50px} #pg39 .cont3 .cont3_list > li .list_txt > b{font-size:28px} #pg37 .tab_list > div{height:60px;line-height:60px} #pg37 .history_top_img{height:clamp(150px, 44.833vw, 538px)} #pg37 .history_top_img{padding-bottom:clamp(100px, 17.5vw, 210px)} #pg37 .history-con{padding-top:clamp(150px, 24.167vw, 290px)} #pg37 .history-con-bottom{margin-top:clamp(-350px, -29.167vw, -300px)} #pg37 .history_top_img .top_txt,#pg37 .history-year-group-box .history-year-group-tit{font-size:clamp(25px, 3.333vw, 40px)} #pg37 .history-year-group-box .history-year-item .history-year strong{margin-right:40px} } @media (max-width:1024px){ #pg49 .address{font-size:22px} #pg49 .address_list{gap:0 15px} #pg49 .address_list > li{width:calc((100% - 30px) / 3)} #pg46 .logo_list{gap:20px} #pg46 .logo_list > li{width:calc((100% - 60px) / 4);height:35px} #pg46 .logo_list > li:nth-child(n+11){margin-bottom:40px} #pg46 .logo_list > li:nth-child(n+13){margin-bottom:0 !important} #pg40 .defense_list .left .l_img{padding:40px;width:clamp(180px, 32.715vw, 335px);height:auto} #pg40 .defense_list .left .l_txt_wrap .l_t_txt .tit{font-size:23px} #pg40 .defense_list .left .l_txt_wrap .l_t_txt{margin-bottom:25px} #pg47 .solution_wrap{padding-bottom:55px} #pg47 .solution_wrap .txt{margin-top:45px;white-space:normal} #pg47 .solution_wrap .txt01{margin-top:55px} #pg47 .solution_wrap .img_wrap{height:200px} #pg47 .product_wrap{padding:80px 0} #pg47 .product_wrap .pg_inner{flex-direction:column;gap:0px} #pg47 .product_wrap .product_tit{margin-bottom:50px;text-align:center;font-size:clamp(25px, 3.906vw, 40px)} #pg47 .product_wrap .r_txt_list > li{padding-bottom:40px} #pg38 .greet_wrap{flex-direction:column;gap:50px;margin-bottom:70px} #pg38 .sub_tit_wrap38 .tit{text-align:center} #pg38 .greet_wrap .l_img{margin:0 auto;min-width:initial;width:auto} #pg38 .greet_wrap .r_txt{padding-top:0} #pg38 .greet_wrap .r_txt .top_txt{margin-bottom:40px;font-size:25px} #pg38 .list_bg_gray{padding:70px 0} #pg38 .list_wrap{gap:15px} #pg38 .list_wrap > li{width:calc((100% - 30px) / 3)} #pg38 .list_wrap > li .txt{font-size:20px} #pg38 .list_wrap > li .top_img{margin-bottom:30px} #pg39 .cont3{padding:0;height:100vh;display:flex;flex-direction:column;justify-content:center} #pg39 .cont3 .cont3_txt_wrap{margin-bottom:60px;text-align:center} #pg39 .cont3 .cont3_txt_wrap .txt{margin-top:20px} #pg39 .cont3 .cont3_txt_wrap .txt02{margin-top:0 !important} #pg39 .cont3 .cont3_list{gap:20px} #pg39 .cont3 .cont3_list > li{width:calc((100% - 40px) / 2)} #pg39 .cont3 .cont3_list > li .list_txt{padding:0 0 45px 35px} #pg39 .cont3 .cont3_list > li .list_txt > b{margin-bottom:20px;font-size:25px} #pg37 .tab_wrap{margin-bottom:70px} #pg37 .percent-bar-child .point{width:38px;height:38px} #pg37 .percent-bar-child .point:before{width:80px;height:80px} #pg37 .history-year-group-box .history-year-group-tit-box{padding-right:60px} #pg37 .history-year-group-box .history-year-list-box{padding:10px 0 0 60px} #pg37 .history-year-group-box .history-year-item .history-year strong{margin-right:30px} #pg37 .history-year-group-box .history-year-item .history-detail-txt{padding-left:45px} #pg37 .history-year-group-box.reverse .history-year-item .history-detail-txt{padding-right:45px} } @media (max-width:850px){ #pg49 .address{font-size:20px} #pg49 .address_list > li{width:100%;gap:35px;padding-left:35px} #pg49 .address_list > li + li{margin-top:15px} #pg37{padding-bottom:180px} #pg37 .history_top_img{align-items:center;padding-bottom:0} #pg37 .history-con{padding-top:0px} #pg37 .history-con-bottom{margin-top:80px} #pg37 .history-percent-bar{top:0px;left:16px;height:100%} #pg37 .percent-bar-child .point{width:33px;height:33px} #pg37 .percent-bar-child .point:before{width:60px;height:60px} #pg37 .percent-bar-child .point .arrow_icon{width:20px} #pg37 .history-year-group-box{flex-wrap:wrap;padding:70px 0 0 80px} #pg37 .history-year-group-box .history-year-group-tit-box{padding-right:0;width:100%;text-align:left} #pg37 .history-year-group-box .history-year-group-tit{font-size:30px} #pg37 .history-year-group-box .history-year-list-box{padding:60px 0 0 0;width:100%} #pg37 .history-year-group-box .history-year-item{margin-bottom:50px} #pg39 .cont3{padding-top:100px;height:auto} #pg39 .cont3 .cont3_list{flex-wrap:wrap;gap:20px} #pg39 .cont3 .cont3_list > li{align-items:center;width:100%;aspect-ratio:initial;padding:70px 10px} #pg39 .cont3 .cont3_list > li .list_txt{padding:0;text-align:center} } @media (max-width:768px){ .pagecommon .sub_tit_wrap .tit,#pg38 .sub_tit_wrap38 .tit,#pg39 .cont3 .cont3_txt_wrap .tit,#pg37 .sub_tit_wrap37 .tit,#pg37 .history_top_img .top_txt{font-size:23px} .pagecommon .sub_tit_wrap .s_tit,#pg37 .sub_tit_wrap37 .s_tit{font-size:18px} .pg_inner,#pg39 .cont3 .cont3_list_wrap{width:100%;padding:0 15px} #pg49 .map_wrap,#pg38 .greet_wrap .l_img,#pg38 .list_wrap > li .top_img{border-radius:15px} #pg49 .address{margin:35px 0 20px;padding-left:30px;font-size:18px} #pg49 .address:after{top:-3px} #pg49 .address_list > li{height:100px} #pg49 .address_list > li .right_txt > b{font-size:18px} #pg46 .sub_tit_wrap46 .s_tit{margin-bottom:20px} #pg46 .logo_list > li{width:calc((100% - 40px) / 3);height:25px} #pg46 .logo_list > li:nth-child(n+11){margin-bottom:30px} #pg40 .sub_tit_wrap40{margin-bottom:30px} #pg40 .defense_list{padding-top:30px} #pg40 .defense_list .left{flex-direction:column;align-items:center;justify-content:center;gap:0px} #pg40 .defense_list .left .l_img{width:280px;border-radius:10px} #pg40 .defense_list .left .l_txt_wrap{padding-top:30px} #pg40 .defense_list .left .l_txt_wrap .dot_list{display:flex;flex-direction:column;justify-content:center} #pg40 .defense_list .left .l_txt_wrap .dot_list > li{padding-left:15px;font-size:16px;word-break:keep-all} #pg40 .defense_list > li + li{margin-top:50px;padding-top:50px;border-top:1px solid #e1e1e1} #pg40 .defense_list .left .l_txt_wrap .l_t_txt{flex-direction:column;gap:15px;margin-bottom:20px} #pg40 .defense_list .left .l_txt_wrap .l_t_txt .tit{font-size:20px} #pg47 .solution_wrap .s_tit,#pg37 .sub_tit_wrap37 .s_tit{margin-bottom:20px} #pg47 .solution_wrap .sub_tit_wrap47,#pg38 .sub_tit_wrap38 .tit,#pg37 .sub_tit_wrap37{margin-bottom:40px} #pg47 .solution_wrap{padding-bottom:50px} #pg47 .solution_wrap .txt{margin-top:35px} #pg47 .solution_wrap .txt01{margin-top:50px} #pg47 .solution_wrap .img_wrap{height:160px;border-radius:12px} #pg47 .product_wrap{padding:60px 0} #pg47 .product_wrap .r_txt_list > li{margin-bottom:30px;padding-bottom:30px} #pg47 .product_wrap .r_txt_list > li .p_t_tit{margin-bottom:25px;font-size:18px} #pg47 .product_wrap .r_txt_list > li .dot_list > li{font-size:16px} #pg47 .product_wrap .r_txt_list > li.box2{grid-template-columns:1fr} #pg47 .product_wrap .r_txt_list > li .l_txt_box{border-bottom:1px solid #e1e1e1;margin-bottom:30px;padding-bottom:30px} #pg47 .product_wrap .r_txt_list > li .r_tit_none_box{margin-top:15px} #pg47 .product_wrap .r_txt_list > li:nth-child(3) .l_txt_box,#pg47 .product_wrap .r_txt_list > li:nth-child(5) .l_txt_box{border-bottom:none;margin-bottom:0;padding-bottom:0} #pg47 .product_wrap .product_tit{margin-bottom:40px;font-size:23px} #pg38 .greet_wrap{margin-bottom:60px} #pg38 .greet_wrap .r_txt .txt{margin-bottom:25px} #pg38 .greet_wrap .r_txt .top_txt{line-height:1.4;margin-bottom:30px;font-size:21px} #pg38 .greet_wrap .r_txt .txt,#pg38 .greet_wrap .sign{font-size:16px} #pg38 .list_bg_gray{padding:60px 0} #pg38 .list_wrap > li .txt{font-size:18px} #pg39 .sub_tit_wrap39{padding:0 15px} #pg39 .cont2 .mark{width:100%;padding:0 15px} #pg39 .cont2 .mark .line{white-space:initial} #pg39 .cont2 .mark .line .br_line{display:block} #pg39 .cont3 .cont3_txt_wrap{margin-bottom:50px} #pg39 .cont3{padding-top:80px} #pg39 .cont3 .cont3_list > li{padding:50px 15px} #pg39 .cont3 .cont3_list > li .list_txt > b{font-size:21px} #pg39 .cont3 .cont3_txt_wrap .txt{font-size:17px} #pg37{padding-bottom:140px} #pg37 .tab_wrap .tab_center{width:100%} #pg37 .tab_list > div{height:55px;line-height:55px} #pg37 .bg{height:55px} #pg37 .tab_wrap{margin-bottom:60px} #pg37 .history_top_img{border-radius:15px} #pg37 .history-year-group-box .history-year-group-tit{font-size:28px} #pg37 .history-year-group-box .history-year-item .history-year strong{margin-right:25px;font-size:19px} #pg37 .history-year-group-box .history-year-item .history-detail-txt{padding-left:40px;font-size:17px} #pg37 .history-year-group-box .history-year-item .history-detail-img{margin-top:30px} #pg37 .history-year-group-box:last-of-type{padding-bottom:100px} } @media (max-width:580px){ .pagecommon .sub_tit_wrap .tit,#pg38 .sub_tit_wrap38 .tit,#pg37 .sub_tit_wrap37 .tit,#pg37 .history_top_img .top_txt{font-size:20px} .pagecommon .sub_tit_wrap .s_tit,#pg37 .sub_tit_wrap37 .s_tit{font-size:17px} #pg49 .map_wrap{height:280px;border-radius:10px} #pg49 .address{margin:25px 0;font-size:17px} #pg49 .address:after{top:1px;width:15px;height:21px} #pg49 .address_list > li{height:95px} #pg49 .address_list > li .right_txt .t_tit{margin-bottom:10px} #pg49 .address_list > li .right_txt > b{font-size:16px} #pg46 .sub_tit_wrap46{margin-bottom:40px} #pg46 .sub_tit_wrap46 .s_tit{margin-bottom:15px} #pg40 .defense_list > li + li{margin-top:40px;padding-top:40px} #pg40 .defense_list .left .l_txt_wrap .l_t_txt .tit{font-size:18px} #pg47 .solution_wrap .s_tit,#pg37 .sub_tit_wrap37 .s_tit{margin-bottom:15px} #pg47 .solution_wrap .sub_tit_wrap47,#pg38 .sub_tit_wrap38 .tit,#pg37 .sub_tit_wrap37{margin-bottom:30px} #pg47 .solution_wrap{padding-bottom:40px} #pg47 .solution_wrap .txt{margin-top:30px} #pg47 .solution_wrap .txt01{margin-top:40px} #pg47 .product_wrap{padding:50px 0} #pg47 .product_wrap .product_tit{margin-bottom:30px;font-size:20px} #pg47 .product_wrap .r_txt_list > li .p_t_tit{margin-bottom:20px;font-size:17px} #pg47 .product_wrap .r_txt_list > li,#pg47 .product_wrap .r_txt_list > li .l_txt_box{margin-bottom:20px;padding-bottom:20px} #pg47 .product_wrap .r_txt_list > li .dot_list > li{padding-left:20px} #pg38 .greet_wrap{gap:40px;margin-bottom:50px} #pg38 .greet_wrap .r_txt .top_txt{font-size:19px} #pg38 .list_bg_gray{padding:50px 0} #pg38 .list_wrap{gap:0} #pg38 .list_wrap > li{width:100%} #pg38 .list_wrap > li + li{margin-top:40px} #pg39 .sub_tit_wrap39 .tit,#pg39 .cont2 .mark .line{font-size:23px} #pg39 .cont3 .cont3_list > li .list_txt > b{margin-bottom:15px;font-size:19px} #pg37 .tab_list > div{font-size:16px} #pg37 .tab_wrap{margin-bottom:50px} #pg37 .history_top_img{border-radius:10px} #pg37 .history-year-group-box{padding:50px 0 0 70px} #pg37 .history-year-group-box:last-of-type{padding-bottom:80px} } @media (max-width:480px){ .pagecommon .sub_tit_wrap .tit,#pg38 .sub_tit_wrap38 .tit,#pg37 .sub_tit_wrap37 .tit,#pg37 .history_top_img .top_txt{font-size:18px} .pagecommon .sub_tit_wrap .s_tit,#pg37 .sub_tit_wrap37 .s_tit{font-size:16px} #pg49 .map_wrap{height:260px} #pg49 .address{margin:20px 0;font-size:16px} #pg49 .address_list > li{height:90px;gap:25px;padding-left:25px} #pg49 .address_list > li:nth-child(1) .img_icon > img{width:20px} #pg49 .address_list > li:nth-child(2) .img_icon > img{width:22px} #pg49 .address_list > li:nth-child(3) .img_icon > img{width:22px} #pg46 .sub_tit_wrap46{margin-bottom:30px} #pg46 .logo_list > li{margin-bottom:25px;width:calc((100% - 20px) / 2)} #pg46 .logo_list > li:nth-child(n+11){margin-bottom:25px} #pg40 .sub_tit_wrap40 .tit{font-size:20px !important} #pg40 .defense_list .left .l_img{padding:30px;width:230px} #pg40 .defense_list .left .l_txt_wrap{width:100%} #pg40 .defense_list > li + li{margin-top:30px;padding-top:30px} #pg47 .solution_wrap{padding-bottom:35px} #pg47 .solution_wrap .txt{margin-top:25px} #pg47 .solution_wrap .txt01{margin-top:35px} #pg47 .product_wrap .product_tit{font-size:18px} #pg38 .greet_wrap{gap:35px} #pg38 .greet_wrap .r_txt .top_txt{margin-bottom:25px;font-size:17px} #pg38 .greet_wrap .r_txt .txt{margin-bottom:20px} #pg38 .list_wrap > li .num{margin:0 auto 20px;line-height:35px;width:35px;height:35px;font-size:14px} #pg38 .list_wrap > li .txt{font-size:17px} #pg38 .list_wrap > li + li{margin-top:35px} #pg39 .sub_tit_wrap39 .tit,#pg39 .cont2 .mark .line{font-size:19px} #pg39 .cont3 .cont3_txt_wrap{margin-bottom:40px} #pg39 .cont3 .cont3_txt_wrap .tit{font-size:20px} #pg39 .cont3 .cont3_txt_wrap .txt{margin-top:15px;font-size:16px} #pg39 .cont3 .cont3_list{gap:15px} #pg39 .cont3 .cont3_list > li{padding:40px 15px} #pg37{padding-bottom:60px} #pg37 .bg{width:100%;height:50px;border-radius:5px} #pg37 .tab_wrap{margin-bottom:40px} #pg37 .tab_list{border-radius:5px} #pg37 .tab_list > div{line-height:50px;width:100%;height:50px;font-size:15px} #pg37 .history-con-bottom{margin-top:50px} #pg37 .history-year-group-box{padding:50px 0 0 55px} #pg37 .percent-bar-child .point:before{width:45px;height:45px} #pg37 .percent-bar-child .point{width:25px;height:25px} #pg37 .history-year-group-box .history-year-item{flex-direction:column;margin-bottom:40px} #pg37 .history-year-group-box .history-year-list-box{padding:40px 0 0 0} #pg37 .history-year-group-box .history-year-item .history-detail-txt-con{margin-top:20px;padding-left:5px} #pg37 .history-year-group-box .history-year-group-tit{font-size:21px} #pg37 .history-year-group-box .history-year-item .history-year strong{margin-right:0;font-size:17px} #pg37 .history-year-group-box .history-year-item .history-detail-txt{padding-left:30px;font-size:15px} #pg37 .history-year-group-box .history-year-item .history-detail-img{margin-top:25px} #pg37 .history-year-group-box .history-year-item .history-detail-img li{border-radius:5px} } @media (max-width:390px){ .pagecommon .sub_tit_wrap .tit,#pg38 .sub_tit_wrap38 .tit,#pg37 .sub_tit_wrap37 .tit,#pg37 .history_top_img .top_txt{font-size:17px} .pagecommon .sub_tit_wrap .s_tit,#pg37 .sub_tit_wrap37 .s_tit{font-size:15px} #pg49 .address_list > li{height:85px} #pg40 .defense_list .left .l_img{width:200px;padding:25px} #pg37 .history-year-group-box .history-year-group-tit{font-size:20px} #pg37 .history-year-group-box .history-year-item .history-year strong{font-size:16px} } /* 반응형 [e] */