/*sub_top*/
.sub_visual{ padding-top: 120px; margin-bottom: 120px;}
.sub_visual_wrap{max-width: 1820px; margin: 0 auto;}
.sub_visual_txt{margin: 100px auto; text-align: center; letter-spacing: -1px;}
.sub_visual_txt span{font-size: 2.8rem; font-weight:600 ; color: var(--sub-color);}
.sub_visual_txt h2{font-size: 6.2rem; margin-top: 22px; }

.sub_page_visual{background-position: center; background-size: cover; height: 500px; width: 100%;}

.sub_page_visual1 { background-image: url(../img/sub_visual_1.jpg); } 
/* .sub_page_visual2 { background-image: url(../img/sub_visual_2.jpg); }  */
.sub_page_visual3 { background-image: url(../img/sub_visual_3.jpg); } 
.sub_page_visual4 { background-image: url(../img/sub_visual_4.jpg); } 
.sub_page_visual5 { background-image: url(../img/sub_visual_5.jpg); } 
.sub_page_visual6 { background-image: url(../img/sub_visual_6.jpg); } 

.sub_page_visual2 { display: none;}

/*공통*/
.sub_inner{max-width: 1500px; margin: 0 auto;}
.sub_bottom{margin-bottom: 150px;}
.sub_tit{font-size: 4.8rem;}
.sub_s_tit{font-size: 2.8rem; color: var(--sub-color); font-weight: 600; display: block;}
.sub_s_tit.bor{margin-bottom: 40px;}
.flex{display: flex;}
.flex .flex2_wid{width: calc(100% / 2);}
.flex .flex3_wid{width: calc(100% / 3);}
.flex .flex4_wid{width: calc(100% / 4);}
.flex .flex5_wid{width: calc(100% / 5);}
.section_wrap{margin-bottom: 80px;}
.section_wrap:last-child{margin-bottom: 0;}
.download_btn:hover i{transform: translateY(5px);}
.download_btn.pro_go:hover i{transform: translateX(5px);}
.mar_t50{margin-top: 50px;}
.mar_t100{margin-top: 100px;}
.mar_b30{margin-bottom: 30px;}


/*인사말*/
.greeting{overflow: hidden;}
.greeting_top{}
.greeting_top h4{font-size: 3rem; color: #333; margin-top: 60px;}
.greeting_top_img{position: relative; margin: 80px auto 70px; height: 600px; max-width: 1920px;}
.greeting_top_img h2{font-size: 9rem; text-transform: uppercase;transform: translateY(-35px);}
.greeting_top_img h2 span{color: #00a0e9;}
.greeting_top_img::before{content: ""; width: 100%; height: 570px;background: url(../img/greeting_top_img.png) no-repeat;position: absolute; bottom: 0; left: 0;  z-index: -1;}
.greeting_txt{margin-bottom: 60px;}
.greeting_txt_box{font-size: 2rem; color: #666; line-height: 1.5; margin-bottom: 30px; letter-spacing: -0.8px;}
.greeting_txt .greeting_txt_box:last-child{margin-bottom: 0;}
.greeting_flex{align-items: center;}
.greeting_flex div{width: 95%;}


/*History*/
.history_list {  } 
.ag-format-container { margin: 0 auto; position: relative; } 
 .ag-timeline_title-box { padding: 0 0 30px; 
 text-align: center; } 
 .ag-timeline_tagline { font-size: 40px; color: rgb(84, 89, 95); } 

 .ag-timeline_item { margin: 0 0 130px; display: flex; position: relative; } 

 .ag-timeline { display: inline-block; width: 100%; max-width: 100%; margin: 0 auto; 
 position: relative; } 
 .ag-timeline_line { width: 2px; background-color: #ccc; 
 position: absolute; top: 2px; left: 50%; bottom: 0; 
 overflow: hidden; 
 -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } 
 .ag-timeline_line-progress { width: 100%; height: 20%; background-color: var(--main-color); } 
 .ag-timeline-card_box { position: relative; width: 50%; } 
 .ag-timeline_item:nth-child(2n) .ag-timeline-card_box { order: 2; } 
 .ag-timeline_item:nth-child(even) .ag-timeline-card_meta-box { padding-left: 30px; text-align: left; } 
 .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box { right: inherit; left: -4px; } 
 .ag-timeline-card_point-box { display: inline-block; position: absolute; right:0; margin-right: -5px; } 
 .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {}
 .ag-timeline-card_point { height: 9px; width: 9px; background-color: #aaa; border-radius: 50%; } 
 .js-ag-active .ag-timeline-card_point { background-color: var(--main-color); } 
 .ag-timeline-card_meta-box { display: inline-block; width: 95%; text-align: right; } 
 .ag-timeline-card_meta { margin-top: -10px; font-size: 3.8rem; font-weight: 700; color: #000; } 
 .ag-timeline-card_item { display: inline-block; width: 50%;  position: relative; } 
 .ag-timeline_item:nth-child(2n) .ag-timeline-card_item .ag-timeline-card_info { padding-left: 0; width: 95%; text-align: right; } 

 .ag-timeline-card_arrow { height: 18px; width: 18px; margin-top: 20px; background-color: #282828; 
 z-index: -1; position: absolute; top: 0; right: 0; 
 -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
 .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow { margin-left: calc(-18px / 2); margin-right: calc(-18px / 2); } 
 .ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow { margin-left: -10px; 
 right: auto; left: 0; } 
 .ag-timeline-card_img { width: 100%; } 
 .ag-timeline-card_info { padding-left: 40px; } 
 .ag-timeline-card_desc p { color: #555; font-size: 1.8rem; margin-bottom: 15px; line-height: 1.5; display: flex;}
 .ag-timeline-card_desc p:last-child{margin-bottom: 0;}
 .ag-timeline-card_desc p span{color: var(--main-color); font-weight: 600;margin: 0 10px;}
 .ag-timeline-card_title { display: none; margin: 10px 0 0; font-size: 28px; font-weight: 600;}
 .js-ag-active .ag-timeline-card_meta { color: var(--main-color); } 
.ag-timeline_item:nth-child(2n)  .ag-timeline-card_desc p {justify-content: end;}
 
 @media (min-width: 768px) and (max-width: 979px){
 .ag-format-container { width: 750px; } 
 }
 
 @media (min-width: 980px) and (max-width: 1161px){
 .ag-format-container { width: 960px; } 
 }


/*Certification*/
.certificate_wrap{}
.certificate_wrap h3{margin-bottom: 15px;}
.point_tit{font-size: 2.5rem;  position: relative; padding-left: 20px; margin-bottom: 20px;}

.point_tit::before{content: ""; width: 8px; height: 8px; background-color: var(--main-color); position: absolute; top: 0px; left: 0; border-radius: 50%;}
.certificate_wrap ul{flex-wrap: wrap;}
.certificate_wrap ul li{ width: calc(100% / 5 - 20px) !important; margin: 20px 10px;}
.certificate_wrap ul li img{width: 100%; border: 1px solid #ccc;}
.certificate_wrap ul li p{text-align: center; font-size: 1.8rem; border-radius: 30px; margin-top: 20px; }


/* ci*/
.ci_top{position: relative; overflow: hidden;}
.ci_img{}
.ci_img img{}

.ci_top_wrap{display: flex; justify-content: end;}
.ci_top_box{ background-color: #e1f1fd;border-radius: 0 0 0 300px;  padding: 180px 50px 140px 150px; width: 85%; transform: translateY(-100px); z-index: -1;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.ci_top_box h3{margin-bottom: 15px; }
.ci_top_box div{font-size: 2rem; margin-bottom: 15px; line-height: 1.5; color: #666;}
.ci_top_box div:last-child{margin-bottom: 0;}

.ci_color{}
.ci_color ul{ justify-content: center;}
.ci_color ul .flex3_wid{border-radius: 50%; width: 300px; height: 300px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2.5rem; margin: 0 -20px;}
.ci_color ul li.ci_color1{background-color: #00a0ea;}
.ci_color ul li.ci_color2{background-color: #013686;}
.ci_color ul li.ci_color3{background-color: #cacaca;}

.ci_download{}
.ci_download_img{margin: 30px 0; border: 1px solid #ccc;}
.ci_download_img img{width: 100%;}
.ci_download_btn{display: flex; justify-content: space-around; margin-top: 80px;}
.ci_download_btn a{ border-bottom: 1px solid #111; width: 350px;}
.download_btn  span{color: #111;}
.download_btn  i{color: #111;}


/*Customer and Partner*/
.partner_cus{flex-wrap: wrap;}
.partner_cus li{border: 1px solid #ccc; margin: 5px; width: calc(100% / 5 - 10px) !important;}
.partner_cus li img{width: 100%;}



/*오시는길*/
.map_box{box-shadow: 0 0 9px 0px #dcdcdcad;padding: 50px;}
.map_box ul{display: flex; flex-direction: row; flex-wrap: wrap;align-items: stretch; justify-content: space-between;}
.map_box ul li{}
.map_box ul .map_info{ width: 32%;}
.map_box ul .map{ width: 65%;}
.map_box ul li img{width: 100%;}
.map_box ul li div{margin-top: 40px;}
.map_box ul li div p{display: flex; font-size: 2rem; color: #666; margin-bottom: 10px;}
.map_box ul li div p:last-child{margin-bottom: 0;}
.map_box ul li div p span{color: #222; font-weight: 600; width: 25%;}
.map_box ul li div p em{font-style: normal; width: 65%;}
.location_wrap{}
.location_wrap ul{}
.location_wrap ul li{width: calc(100% / 2 - 20px) !important; margin: 0 10px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; padding: 50px;}
.location_wrap ul li img{width: 100%;}
.location_wrap ul li h3{font-size: 2rem; text-align: center;}



/*제품*/
.pro_top{margin-bottom: 80px;}
.pro_top h4{font-size: 3.6rem; margin: 40px 0;}
.pro_top p{font-size: 2rem; color: #333; line-height: 1.5;}
   .pro_top p br{display: none;}
.pro_application{display: flex; justify-content: end;}
.pro_application .pro_application_box{ width: 46%;}
.pro_application ul{margin-top: 30px;}
.pro_application ul li{font-size: 2rem; color: #666; position: relative; padding-left: 20px; line-height: 1.8;}
.pro_application ul li::before{content: ""; width: 3px; height: 3px;border-radius: 50%; background-color: #666; position: absolute; top: 18px; left: 0;}

.pro_lolling{margin: 120px 0 100px; display: flex; overflow: hidden;}
.pro_lolling p{font-size: 17.5rem; animation: textMainLoop 25s linear infinite; text-wrap: nowrap; color: #f3f3f3; font-weight: 600; text-transform: uppercase; opacity: 0.7;}

.tab-content{display: none;}
.tab-content.current{display: inherit;}
.tab-content.on{display: inherit;}
.pro_tab{border-bottom: 1px solid #e5e5e5; display: flex; margin-bottom: 120px; justify-content: center; }
.pro_tab li{font-size: 2rem; color: #999;margin: 0 30px; padding-bottom: 25px; cursor: pointer; text-align: center;}
.pro_tab li.current{font-weight: 600; color: #111; border-bottom:1px solid #111;}

.integ_tab{border-bottom: 1px solid #e5e5e5; display: flex; margin-bottom: 120px; justify-content: center; }
.integ_tab li{font-size: 2rem; color: #999;margin: 0 30px; padding-bottom: 25px; cursor: pointer; text-align: center;}
.integ_tab li.on{font-weight: 600; color: #111; border-bottom:1px solid #111;}

.pro_sec{margin-bottom: 120px;}
.pro_sec:last-child{margin-bottom: 0;}
.pro_flex{justify-content: space-between;}
.pro_flex .pro_w_flex{width: calc(100% / 2 ); }
/* .pro_flex .pro_w_flex:first-child{margin-right: 100px;} */
 /* .pro_flex .pro_top_w {width: calc(100% / 2 - 50px);} */


.pro_slide{margin: 0 !important; width: 43% !important;}
.pro_slide .swiper-slide{border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.pro_slide .swiper-slide img{width: 100%;}
.pro_slide .swiper-pagination-bullet-active{background-color: #111;}



.pro_right_txt{}
.pro_tit{font-size: 3.2rem; margin-bottom: 40px;}
.pro_tit span.sm{font-size: 2.2rem; display: inline; color: #111;}
.pro_right_txt .pro_tbox{margin-bottom: 30px;}
.pro_right_txt .pro_tbox p{font-size: 2rem; color: #666; line-height: 1.5;}

.pro_s_tit{font-size: 2.6rem; margin:40px 0;}
.pro_right_txt span{font-size: 2rem; color: #666; display: block; line-height: 1.8;}
.pro_btn{margin-top: 80px; display: flex;}
.pro_btn a{border-bottom: 1px solid #111;}
.pro_btn a span{color: #111;}
.pro_btn a:first-child{margin-right: 50px;}

.pro_plan{}
.pro_plan .pro_flex{}
.pro_plan .pro_flex .pro_w_flex{border: 1px solid #ddd;}
.pro_plan .pro_flex .pro_w_flex img{width: 100%;}

.pro_table_wrap{overflow-x: auto;}
.pro_table_wrap table{border-collapse: collapse; width: 100%; min-width: 600px; border-top: 1px solid #111;}
.pro_table_wrap table tr th{padding: 15px; background-color: #f9faff; text-align: center; font-size: 1.8rem; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.pro_table_wrap table tr td{padding: 15px; text-align: center; font-size: 1.8rem; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #666;}
.pro_table_wrap table tr th:last-child{border-right: none;}
.pro_table_wrap table tr td:last-child{border-right: none;}
.pro_table_wrap table tr td.weight{font-weight: 600; color: #111; text-transform: uppercase;}
.pro_table_wrap table tr td.left{text-align: left; padding: 20px 30px; line-height: 1.8;}
.pro_bigimg{border: 1px solid #ddd; text-align: center;}
.pro_bigimg img{width: 100%;}
.pro_bigimg img.auto{width: auto;}

.new_pro_sec{display: flex; justify-content: space-between;}
.new_pro_sec .new_pro_left{font-size: 3rem; width: 25%;}
.new_pro_sec .new_pro_right{width: 65%;}
.new_pro_sec .new_pro_right .pro_w_flex{}
.new_pro_sec .new_pro_right .pro_w_flex:first-child{margin-right: 20px;}

/*Technologies*/
.ppt_key img{width: 100%;}

.dev_history{width: 95%; margin: 80px auto; position: relative;}
.dev_history .history_txt{position: relative;}
/* .dev_history .history_txt::before{content: ""; width: 75%; height: 1px; background-color: #ddd;position: absolute; bottom: 20px; left: 48%; transform: translateX(-50%);} */
.dev_history .history_txt .history_txt_box{text-align: center; 
    width: calc(100% / 4 - 20px) !important;
    
}
.dev_history .history_txt .history_txt_box .dev_history_img{margin-bottom: 30px;}
.dev_history .history_txt .history_txt_box .dev_history_img img{}
.dev_history .history_txt .history_txt_box h5{font-size: 2.8rem;}
.dev_history .history_txt .history_txt_box p{font-size: 2rem; color: #666; margin: 20px 0 40px;}
.dev_history .history_txt .history_txt_box h3{border: 1px solid #ddd; border-radius: 23px; text-align: center; color:var(--main-color) ; font-size: 2rem; width: 145px; margin: 0 auto; padding: 10px;}

.dev_history .history_txt .history_txt_box .dev_his_dot{margin-top: 40px;}
.dev_history .history_txt .history_txt_box .dev_his_dot span{background-color: #fff; border: 2px solid #ddd; width: 40px; height: 40px; border-radius: 50%; display: flex; margin: 0 auto; align-items: center; justify-content: center;}
.dev_history .history_txt .history_txt_box .dev_his_dot span i{font-size: 2rem; display: none;}


/* .dev_history .history_txt .history_txt_box.swiper-slide-active h3{background-color: var(--main-color); color: #fff;} */

.dev_history .history_txt .history_txt_box.swiper-slide-active .dev_his_dot span{border: 2px solid #cce0ff;}
.dev_history .history_txt .history_txt_box.swiper-slide-active .dev_his_dot span i{color: var(--main-color); display: block;}

.drag{display: flex; justify-content: center; align-items: center;}
.drag i{font-size: 2.5rem; color: var(--main-color);}
.drag h3{font-size: 2.8rem; color: var(--main-color); margin: 0 20px;}
.drag i.left{transform: rotate(-90deg);     animation: left 1.2s linear infinite;}
.drag i.right{transform: rotate(90deg); animation: right 1.2s linear infinite;}
.drag i.left.op{margin-right: -10px; opacity: 0.6;}
.drag i.right.op{margin-left: -10px; opacity: 0.6;}

@keyframes left{
    0% {
    transform: scaleX(-1) translateX(0);
    }
    50% {
        transform: scaleX(-1) translateX(-10%);
    }
    100% {
        transform: scaleX(-1) translateX(0);
    }
}


@keyframes right{
    0% {
        transform: translateX(40%);
    }
    50% {
        transform: translateX(30%);
    }
    100% {
        transform: translateX(40%);
    }
}

.his_btn{display: flex; justify-content: space-between; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); z-index: 10;}
.his_btn div{cursor: pointer;}
.his_btn div i{font-size: 4rem;}

.his_scroll{margin-top: 80px;}
.his_scroll div{}
.his_scroll .swiper-scrollbar-drag{background-color: var(--main-color); height: 6px;}
.his_scroll .swiper-scrollbar{height: 6px !important;}


.tech1_list{justify-content: space-between;}
.tech1_list li{ width:calc(100% / 3 - 40px) !important; border: 1px solid #ddd; padding:50px 20px;}
.tech1_list li span{font-size: 2rem; color: var(--main-color); border: 1px solid #ddd; padding: 10px 22px; border-radius: 23px; font-weight: 600; display: inline-block; margin-bottom:30px ;}
.tech1_list li>div{ text-align: center;}
.tech1_list li>div img{width: 100%;}
.tech1_list li p{font-size: 2rem; color: #666; line-height: 1.3; margin-bottom: 20px; position: relative; padding-left: 15px;}
.tech1_list li p::before{content: ""; width: 3px; height: 3px; background-color: #666; position: absolute; top: 12px; left: 0;}
.tech1_list li p:last-child{margin-bottom: 0;}

.tech1_txt_box{margin: 50px 0;}
.tech1_txt_box p{font-size: 2rem; color: #666; ; line-height: 1.3; margin-bottom: 15px; position: relative; padding-left: 15px;}
.tech1_txt_box p::before{content: ""; width: 3px; height: 3px; background-color: #666; position: absolute; top: 12px; left: 0; }

/* .pro_plan .pro_flex{margin-top: 30px;} */
.tech_table{margin: 40px 0; overflow-x: auto;}
.tech_table table{width: 100%; border-top: 1px solid #111; border-collapse: collapse; min-width: 600px;}
.tech_table table tr th{background-color: #eef1ff; text-align: center; padding: 20px; border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; font-size: 2.4rem;}
.tech_table table tr td{ text-align: center; padding: 20px; border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; font-size: 2rem;}
.tech_table table tr th:last-child{border-right: none;}
.tech_table table tr td:last-child{border-right: none;}
.tech_table table tr.color{background-color: #f8fbff;}


/*Integrated Solutions*/
.integration{ justify-content: space-between; margin-bottom: 50px; flex-wrap: wrap;}
.integration .flex4_wid{width:calc(100% / 4 - 15px) !important; }
.integration .flex3_wid{width:calc(100% / 3 - 20px) !important; }
.integration .flex2_wid{width:calc(100% / 2 - 15px) !important; }
.integration .integration_img div.img{border: 1px solid #ddd;}
.integration .integration_img div.img img{width: 100%;}
.integration .integration_img{}
.integration .integration_img h3{font-size: 2.2rem;margin-top: 20px; text-align: center;}
.integration .integration_img p{font-size: 1.8rem; margin-top: 15px; text-align: center; color: #666;}

.integration .flex3_wid.mar:nth-child(-n+3){margin-bottom: 50px;}
.integration .flex4_wid.mar:nth-child(-n+4){margin-bottom: 50px;}
.integration.start{justify-content: start;}
.integration.start li{margin: 0 10px;}

.step_list{justify-content: space-between; position: relative; margin-bottom: 100px;}
.step_list::before{content: ""; width: 100%; height: 1px; background-color: #ddd; position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.step_list .flex5_wid{width:calc(100% / 5 - 70px) !important;text-align: center;}
.step_list li{position: relative; border: 1px solid #b9d2f8; display: flex; flex-direction: column; height: 210px;}
.step_list li p{font-size: 1.8rem; color: #fff; padding: 15px; border-bottom: 1px solid #b9d2f8;}
.step_list li.step1 p{background-color: #cee1fd;}
.step_list li.step2 p{background-color: #b4cef6;}
.step_list li.step3 p{background-color: #6893d5;}
.step_list li.step4 p{background-color: #3e6fbb;}
.step_list li.step5 p{background-color: #003586;}
.step_list li h2{font-size: 2rem; padding:0 20px; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: #fff;}
.step_list li span{display: block; width: 23px; height: 23px; background-color: #cee1fd; position: absolute; top: 65%; right: -100px; transform: translateY(-50%); border-radius: 50%; z-index: 2;}
.step_list li::after{content: ""; width: 10px; height: 10px; background-color: #fff; border: 2px solid var(--main-color); position: absolute; top:62.6%; right: -94px; border-radius: 50%; z-index: 4;}
.step_list li:last-child span{display: none;}
.step_list li:last-child::after{display: none;}

.integration .flex_auto:nth-child(1){width: 58% !important;}
.integration .flex_auto:nth-child(2){width: 41% !important;}
.integ_tab_wrap{}
.integration .integration_img .img img.auto{width: auto;}
.integration .integration_img .img{text-align: center;}


















/*******************************반응형*************************************/

@media (max-width: 1770px) {  

    /*공통*/
   .sub_inner{width: 95%;}
   .sub_visual_wrap{width: 95%;}

   /*인사말*/
   .greeting_top_img::before{background-size: contain; width: 95%;}

/*ci*/
.ci_img img{width: 100%;}

/*Technologies*/



}

@media (max-width: 1540px) {  

       /*인사말*/
   .greeting_top_img{height: 480px;}
   .greeting_top_img::before{height: 460px;}

   /*제품*/

   .ine_bigimg img.auto{width:100% ;}

   .integration .integration_img .img img.auto{width: 100%;}

}

@media (max-width: 1380px) {  

    /*공통*/
    .sub_visual_txt h2{font-size: 5.5rem;}

       /*인사말*/
       .greeting_top_img h2{font-size: 9rem;}
.greeting_top h4{font-size: 2.8rem;}

/*ci*/
.ci_top_box{width: 95%;}


   /*제품*/
.pro_application .pro_application_box{width: 50%;}
.pro_lolling p{font-size: 15rem;}
.pro_tit{font-size: 3rem;}

/*Technologies*/
.dev_history{width: 100%;}
.dev_history .history_txt .history_txt_box h5{font-size: 2.5rem;}

/*Integrated Solutions*/
.step_list .flex5_wid{width: calc(100% / 5 - 40px) !important;}
.step_list li::after{right: -57px;}
.step_list li span{right: -63px;}
.integ_tab li{margin: 0 20px;}


}
@media (max-width: 1280px) {  
 /*공통*/
    .sub_visual_txt h2{font-size: 5.2rem; margin-top: 10px;}
   .sub_visual{padding-top: 100px; margin-bottom: 100px;}
   .point_tit{font-size: 2.4rem;}
   .pro_s_tit{font-size: 2.5rem; margin: 20px 0;}
   .sub_s_tit br{display: none;}

         /*인사말*/
.greeting_top_img{height: 400px;}
.greeting_top_img::before{height: 380px;}
.greeting_top_img h2{font-size: 8rem; transform: translateY(-30px);}

/*ci*/
.ci_top_box{border-radius: 0 0 0 360px; padding:145px 50px 140px 150px ;}

/*오시는길*/
.map_box ul li div p span{width: 28%;}

   /*제품*/
.pro_top h4{font-size: 3rem;}
.pro_lolling p{font-size: 13rem;}
.pro_lolling{margin: 80px 0;}
.pro_tit{font-size: 2.8rem;}
.pro_flex .pro_w_flex:first-child{margin-right: 50px;}
.pro_btn{margin-top: 50px;}
.pro_right_txt .pro_tbox{margin-bottom: 15px;}

.new_pro_sec{flex-direction: column;}
.new_pro_sec .new_pro_left{width: 100%; font-size: 2.8rem;}
.new_pro_sec .new_pro_right{width: 100%;}

/*Technologies*/
.dev_history .history_txt .history_txt_box h5{font-size: 2.4rem;}
.drag h3{font-size: 2.4rem;}

/*Integrated Solutions*/
.integration .integration_img h3{font-size: 2rem;}
.step_list .flex5_wid{width:calc(100% / 5 - 20px) !important ;}
.step_list li span{right: -38px;}
.step_list li::after{right: -32px;}
.integ_tab li{margin: 0 10px;}
.integration .integration_img .img img.auto{width: 100%;}

}


@media (max-width: 1080px) {  

    /*공통*/
    .sub_visual_txt h2{font-size: 4.6rem;}
.sub_visual_txt{margin: 80px 0;}
.sub_page_visual{height: 400px;}
.sub_visual{padding-top: 80px; }
.sub_s_tit{font-size: 2.6rem;}


        /*인사말*/
.greeting_top h4{font-size: 2.4rem;}
.greeting_top_img{height: 340px;}
.greeting_top_img::before{height: 320px;}
.greeting_top_img h2{font-size: 7rem;}
.greeting_txt_box br{display: none;}

    /*연혁*/
    .ag-timeline_line { left: 0px; }
    .ag-timeline_item:nth-child(2n) { text-align: left; } 
    .ag-timeline-card_box{width:auto;}
    .ag-timeline-card_meta-box { display: none; } 
    .ag-timeline-card_point-box,
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box { left: -5px; } 
    .ag-timeline-card_item { width: 100%; }
    .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow { right: auto; left: 0; } 
    .ag-timeline-card_title { display: block; } 
    .ag-timeline-card_arrow { margin-top: 12px; } 
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_box{order: 1;}
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_item{order: 2;}
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_item .ag-timeline-card_info{text-align: left; padding-left: 40px;}
    /* .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin: 0 0 0 30px;} */
    .ag-timeline_item{margin-bottom: 50px;}
    .ag-timeline-card_title{margin-top: 0; margin-bottom: 10px;}
    .js-ag-active .ag-timeline-card_title{color: var(--main-color);}
    .ag-timeline-card_desc p{margin-bottom: 10px; position: relative;}
    .ag-timeline-card_desc p span{display: none;}
    .ag-timeline-card_desc p::before{content: ""; width: 3px; height: 3px; background-color: #555; position: absolute; top: 10px; left: -10px;}
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_desc p{justify-content: start;}


    /*인증서*/
    .certificate_wrap ul li{width:calc(100% / 3 - 20px) !important ;}

/*ci*/
.ci_top_box{border-radius: 20px; padding: 50px; transform: translateY(0px);}
.ci_top_wrap{justify-content: center;}

/*.partner*/
.partner_cus li{width:calc(100% / 4 - 10px) !important ;}

/*오시는길*/
.map_box ul li div p span{width: 30%;}

   /*제품*/
.pro_top h4{font-size: 2.5rem; margin: 20px 0;}
.pro_lolling p{font-size: 11rem;}
.pro_tit{font-size: 2.5rem;}
.pro_tit span.sm{font-size: 2rem;}
.pro_right_txt .pro_tbox p br{display: none;}
.pro_s_tit{ font-size: 2.3rem;}
.pro_table_wrap table tr th{font-size: 1.8rem; padding: 10px;}
.pro_table_wrap table tr td{font-size: 1.8rem; padding: 10px;}
.pro_sec{margin-bottom: 100px;}

.new_pro_sec .new_pro_left{font-size: 2.5rem;}


/*Technologies*/
.dev_history .history_txt::before{width: 65%;}
.dev_history .history_txt .history_txt_box{width: calc(100% / 3 - 20px) !important;}
.tech1_list li p{font-size: 1.8rem;}
.tech1_list li{width:calc(100% / 3 - 20px) !important ;}
.tech_table table tr th{font-size: 2rem; padding: 15px;}
.tech_table table tr td{font-size: 1.8rem; padding: 15px;}


/*Integrated Solutions*/
.integration .integration_img h3{font-size: 1.8rem;}
.step_list li h2{font-size: 1.8rem; padding: 0 10px;}
.step_list li span{width: 20px; height: 20px; right: -30px;}
.pro_tab li{font-size: 1.8rem;}
.integration .integration_img h3{font-size: 1.8rem;}
.step_list .flex5_wid{width:calc(100% / 5 - 15px) !important ;}
.step_list li::after{right: -25px;}
.integ_tab li{font-size: 1.8rem; display: flex;align-items: center;}
.integ_tab li br{display: none;}
.pro_bigimg img.auto{width: 100%;}
}


@media (max-width: 800px) {  

    /*공통*/
    .sub_visual_txt span{font-size: 2.4rem;}
    .sub_visual_txt h2{font-size: 4rem;}
   .sub_s_tit{font-size: 2.4rem;}
   .flex .flex2_wid{width: 100%;}
   .flex {flex-direction: column;}
   .point_tit{font-size: 2.2rem;}

        /*인사말*/
.greeting_top h4{font-size: 2.2rem; margin-top: 30px;}
.greeting_top h4 br{display: none;}
.greeting_top_img{height: 245px; margin:  60px 0;}
.greeting_top_img::before{height: 240px;}
.greeting_top_img h2{font-size: 6rem;}
.greeting_flex{flex-direction: column;}
.greeting_flex li img{width: 100%;}
.greeting_txt{margin-bottom: 30px;}

    /*연혁*/
    .ag-format-container { width: 96%; } 
    .his_top_bg{width: 90%; left: 50%; transform: translateX(-50%) !important; text-align: center; height: auto; padding: 50px 20px;}
    .his_top_bg p{font-size: 1.8rem;}
    .ag-timeline-card_point-box, .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin-right: -2px;}
    .his_top_bg p br{display: none;}

        /*인증서*/
    .certificate_wrap ul{flex-direction: row;}

    /*ci*/
.ci_top_box div{font-size: 1.8rem;}
.ci_color ul{flex-direction: row;}
.ci_color ul .flex3_wid{width: 230px; height: 230px; font-size: 2rem; margin: 0 -10px;}
.ci_download_btn{margin-top: 50px; justify-content: space-between;}
.ci_download_btn a{width: calc(100% / 2 - 20px);}

/*.partner*/
.partner_cus{flex-direction: row;}
.partner_cus li{width: calc(100% / 3 - 10px) !important;}

/*오시는길*/
.map_box{padding: 20px;}
.map_box ul{flex-direction: column;}
.map_box ul .map_info{width: 100%;}
.map_box ul .map{width: 100%; height: 400px; margin-top: 30px;}
.map_box ul li div p{font-size: 1.8rem;}
.location_wrap ul li{width: 100% !important; margin: 10px 0;}
.location_wrap ul li h3{font-size: 1.8rem;}

   /*제품*/
   .pro_top h4{font-size: 2.2rem;}
.pro_top p{font-size: 1.8rem;}
.pro_application .pro_application_box{width: 100%;}
.pro_top{margin-bottom: 50px;}
.pro_lolling{margin: 50px 0;}
.pro_lolling p{font-size: 9rem;}
.pro_tab{margin-bottom: 50px;}
.pro_tab li{font-size: 1.6rem; margin: 0 10px;  }
.pro_flex .pro_w_flex{width: 100%;}
.pro_right_txt{margin-top: 50px;}
.pro_tit{font-size: 2.2rem;margin-bottom: 20px;}
.pro_s_tit{font-size: 2rem;}
.pro_btn a{width: calc(100% / 2 - 20px);}
.pro_flex .pro_w_flex:first-child{margin-right: 0; margin-bottom: 20px;}
.pro_sec{margin-bottom: 80px;}

.new_pro_sec .new_pro_left{font-size: 2.2rem;}
.pro_slide{width: 100% !important;}
.pro_tit span.sm{font-size: 1.8rem;}
/*Technologies*/
.dev_history .history_txt .history_txt_box h5{font-size: 2rem;}
.dev_history .history_txt .history_txt_box p{font-size: 1.8rem;}
.dev_history .history_txt .history_txt_box h3{font-size: 1.8rem;}
.tech1_list li{width: 100% !important; margin-bottom: 80px;}
.tech1_list li:last-child{margin-bottom: 0;}
.tech1_txt_box p{font-size: 1.8rem;}
.tech_table table tr th{font-size: 1.8rem;}
.tech_table table tr td{font-size: 1.6rem;}
.dev_history .history_txt .history_txt_box .dev_history_img img{width: 80%;}
.dev_history .history_txt .history_txt_box{width: calc(100% / 3 - 10px) !important;}
.dev_history .history_txt::before{width: 70%; left: 50%;}
.drag h3{font-size: 2.2rem;}

.his_btn div i{font-size: 3rem;}


/*Integrated Solutions*/
.integration{flex-direction: row;}
.integration .flex4_wid{width:calc(100% / 2 - 15px) !important ; margin: 15px 5px;}
.step_list{flex-direction: row; flex-wrap: wrap;}
.step_list .flex5_wid{width:calc(100% / 3 - 15px) !important ; margin: 10px 7px; flex: 1 0 25%;}
.step_list::before{display: none;}
.step_list li span{display: none;}
.step_list li::after{display: none;}
.integ_tab{margin-bottom: 80px;}
.integ_tab li{font-size: 1.6rem;}
.integration .flex3_wid{width: calc(100% / 3 - 10px) !important;}
.integration .flex4_wid.mar:nth-child(-n+4){margin-bottom: 15px;}
.integration .flex3_wid.mar:nth-child(-n+3){margin-bottom: 15px;}
.integration.start li{margin: 0 5px;}
}


@media (max-width: 650px) {  
 /*공통*/
 .sub_visual_txt span{font-size: 2.2rem;}
       .sub_visual_txt h2{font-size: 3rem;}
.sub_visual{padding-top: 70px; margin-bottom: 50px;}
.sub_page_visual{height: 300px;}
   .sub_s_tit{font-size: 2.2rem;}
   .sub_bottom{margin-bottom:100px;}
   .mar_t100{margin-top: 50px;}

      /*인사말*/
.greeting_top h4{font-size: 2rem;}
.greeting_top_img h2{font-size: 4rem;}
.greeting_top_img{height: 195px;}
.greeting_top_img::before{height: 100%;}
.greeting_txt_box{margin-bottom: 20px; font-size: 1.8rem;}
.greeting_txt{margin-bottom: 20px;}

   /*연혁*/
    .ag-timeline_title { font-size: 60px; } 
    .ag-timeline-card_info { padding: 10px 15px; } 
    .ag-timeline-card_desc { font-size: 14px; } 
    .ag-timeline-card_point-box, .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin-right: -6px;}
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_item .ag-timeline-card_info{padding: 10px 15px;}
    .ag-timeline-card_title{font-size: 22px;}
    .ag-timeline-card_desc p{font-size: 16px;}
    .his_tab li span{font-size: 2rem;}
    .history_top{height: 300px;}
    .ag-timeline-card_item{padding-left: 20px;}


        /*인증서*/
.certificate_wrap ul li{width:calc(100% / 2 - 20px) !important ;}
.certificate_wrap{margin-bottom: 50px;}

   /*ci*/
   .ci_color ul .flex3_wid{width: 200px; height: 200px; font-size: 1.8rem;}
   .download_btn span{font-size: 1.6rem;}

/*오시는길*/
.map_box ul li div p{font-size: 1.8rem;}
.location_wrap ul li{padding: 30px;}

   /*제품*/
.pro_top h4{font-size: 2rem;}
.pro_application ul li{font-size: 1.8rem;}
.pro_lolling p{font-size: 7rem;}
.pro_tab{flex-wrap: wrap; border-bottom: none; justify-content: start;}
.pro_tab li{width: calc(100% / 2 );  border: 1px solid #ddd; padding: 13px; display: flex; align-items: center; justify-content: center; margin: 0;}
.pro_tab li.current{border-bottom: none; color: #fff; background-color: var(--main-color);}
.pro_right_txt .pro_tbox p{font-size: 1.8rem;}
.pro_tit{font-size: 2rem;}
.pro_slide .swiper-slide{width: 100% !important;}
.pro_tab li:nth-child(3), .pro_tab li:nth-child(4){border-top: none;}
.pro_tab li:nth-child(1), .pro_tab li:nth-child(3){border-right: none;}
.pro_tab li:nth-child(5){border-top: none;}
.pro_right_txt span{font-size: 1.8rem;}
.pro_application ul{margin-top: 15px;}

.new_pro_sec .new_pro_left{font-size: 2rem;}
.pro_tit span.sm{font-size: 1.4rem;}

/*Technologies*/
.dev_history .history_txt .history_txt_box{width: calc(100% / 2 - 10px) !important;}
.dev_history .history_txt .history_txt_box h5{font-size: 1.8rem;}
.dev_history .history_txt .history_txt_box p{font-size: 1.6rem;}
.dev_history .history_txt .history_txt_box h3{font-size: 1.6rem;}
.dev_history .history_txt::before{width: 100%;}
.tech1_list li span{font-size: 1.8rem;}
.tech_table table tr th{font-size: 1.6rem; padding: 10px;}
.tech_table table tr td{padding: 10px;}
.tech1_txt_box{margin: 30px 0;}
.dev_history .history_txt .history_txt_box .dev_history_img img{width: 70%;}

.his_scroll{margin-top: 60px;}

/*Integrated Solutions*/
.integ_tab {flex-wrap: wrap;}
.integ_tab li{width: calc(100% / 2 );  border: 1px solid #ddd; padding: 13px; display: flex; align-items: center; justify-content: center; margin: 0; }
.integ_tab li.on{border-bottom: none; color: #fff; background-color: var(--main-color);}
.integ_tab li:nth-child(3), .integ_tab li:nth-child(4){border-top: none;}
.integ_tab li:nth-child(1), .integ_tab li:nth-child(3){border-right: none;}
.integ_tab li:nth-child(5){border-top: none;}
.integration .flex3_wid{width: 100% !important; margin: 20px 0;}
.flex .flex2_wid{width: 100% !important; margin: 20px 0;}
.integration .flex_auto:nth-child(1){width: 100% !important;}
.integration .flex_auto:nth-child(2){width: 100% !important;}
.step_list li h2{font-size: 1.6rem;}
.step_list{margin-bottom: 50px;}
.integration .integration_img h3{margin-top: 15px;}
.integration .integration_img p{font-size:1.6rem ;}
.integration_wid1 .integration_img{width: 100% !important;}
}


@media (max-width: 480px) {  

    /*공통*/
 .sub_visual_txt span{font-size: 2rem;}
       .sub_visual_txt h2{font-size: 2.4rem;}
   .sub_s_tit{font-size: 1.7rem;}
      .point_tit{font-size: 2rem;}
      .sub_visual_txt{margin: 60px 0;}

   /*인사말*/
.greeting_top h4{font-size: 1.8rem;}
.greeting_top_img h2{font-size: 2.8rem; transform: translateY(-20px);}
.greeting_top_img{height: 145px; margin: 60px 0 30px;}
.greeting_txt_box{font-size: 1.6rem;}

    /*연혁*/
    .ag-timeline_line{left: 10px;}
    .ag-timeline-card_title{font-size: 20px;}
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_item .ag-timeline-card_info{padding: 0 0 0 30px;}
    .ag-timeline-card_info { padding: 0 0 0 30px; }
    .ag-timeline-card_point-box, .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{left: 5px;}
    .his_top_bg p{font-size: 1.6rem;}

    /*인증서*/
    .certificate_wrap ul li{width: calc(100% / 2 - 10px) !important; margin: 20px 5px;}
.certificate_wrap ul li p{font-size: 1.6rem;}
.point_tit::before{width: 7px; height: 7px; left: 2px;}

   /*ci*/
   .ci_top_box{padding: 50px 30px;}
.ci_top_box div{font-size: 1.6rem;}
.ci_color ul .flex3_wid{width: 150px; height: 150px; margin: 0 -5px; text-align: center; font-size: 1.6rem;}
.ci_download_btn{flex-direction: column;}
.ci_download_btn a{width: 100%;  border: 1px solid #111; border-radius: 10px; padding: 10px;}
.ci_download_btn a:first-child{margin-bottom: 10px;}


/*.partner*/
.partner_cus li{width: calc(100% / 2 - 10px) !important;}

/*오시는길*/
.map_box ul li div p{font-size: 1.6rem; flex-direction: column; }
.location_wrap ul li h3{font-size: 1.6rem;}
.map_box ul li div p span{width: 100%; margin-bottom: 10px;}
.map_box ul li div p em{width: 100%;}

   /*제품*/
.pro_top p{font-size: 1.6rem;}
.pro_application ul li{font-size: 1.6rem;}
.pro_lolling p{font-size: 5rem;}
.pro_tab li{font-size: 1.4rem;}
.pro_tit{font-size: 1.8rem;}
.pro_right_txt .pro_tbox p{font-size: 1.6rem;}
.pro_s_tit{font-size: 1.8rem;}
.pro_btn{flex-direction: column;}
.pro_btn a{width: 100%; border: 1px solid #111; border-radius: 10px; padding: 10px;}
.pro_btn a:first-child{margin-right: 0; margin-bottom: 10px;}
.pro_table_wrap table tr th{font-size: 1.5rem; padding: 5px;}
.pro_table_wrap table tr td{font-size: 1.4rem; padding: 5px;}
.pro_right_txt span{font-size: 1.6rem;}
.pro_lolling{margin: 30px 0;}
.new_pro_sec .new_pro_left{font-size: 1.8rem;}

/*Technologies*/
.dev_history .history_txt .history_txt_box h5{font-size: 1.7rem;}
.dev_history .history_txt .history_txt_box h3{width: 70%;}
.drag h3{font-size: 2rem;}
.tech1_list li span{font-size: 1.7rem;}
.tech1_list li p{font-size: 1.6rem; margin-bottom: 15px;}
.tech1_txt_box{margin: 15px 0;}

.his_btn div i{font-size: 2.5rem;}

/*Integrated Solutions*/
.integration .integration_img h3{font-size: 1.6rem;}
.tech1_txt_box p{font-size: 1.6rem;}
.step_list .flex5_wid{flex: 1 0 45%;}
.step_list li h2{font-size: 1.6rem;}
.step_list li p{font-size: 1.7rem;}
.integ_tab li{font-size: 1.4rem;}
.integ_tab{margin-bottom: 50px;}
.integration .flex4_wid{width: calc(100% / 2 - 10px) !important;}
.step_list .flex5_wid{margin: 5px;}
.integration_wid1 .integration_img{width: 100% !important;}
}

@media (max-width: 400px) {  
   /*인사말*/
.greeting_top_img{height: 120px;}


    /*연혁*/
    .ag-timeline-card_point-box, .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin-right: -19px;}

/*인증서*/
.certificate_wrap ul li p{font-size: 1.4rem;}

   /*ci*/
.ci_color ul{flex-direction: column; align-items: center;}
.ci_color ul .flex3_wid{margin: 5px 0;}
.ci_download_btn a{width: 100%;}

/*Technologies*/
.dev_history .history_txt .history_txt_box{width: 100% !important;}

}