#jap{font-family: "Noto Sans JP", sans-serif;}
.jap{font-family: "Noto Sans JP", sans-serif;}
/* sub visual */
.sub_visual_wrap { position: relative; padding-top: 100px; font-family: "Noto Sans JP", sans-serif; word-break: break-word;} 
.sub_visual_box { width: 100%; height: 630px; overflow: hidden; position: relative; max-width: 1580px; margin: 80px auto 0; transition: all .5s;} 
.sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; height: 500px; overflow: hidden; position: relative; } 

/* sub visual + pc_top_menu */
.sub_visual_box .visual_menu_wrap { padding-top: 60px; position: relative; z-index: 1111; } 
.depth_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; margin: 0 auto; height: 100%; padding-left: 30px; } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width:87px; font-size: 20px; align-items: center; height: 100%; word-break: keep-all; color: #111 } 
.depth_wrap > div.home_btn { width: 70px; } 
.depth_wrap > div.home_btn a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.depth_wrap > div.home_btn a span { font-size: 16px; } 
.depth_wrap > div { padding: 0 30px; position: relative; cursor: pointer; width: 330px; } 
.depth_wrap > div::after { content: ""; display: block; width: 1px; height: 25px; background-color: #d6d6d6; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 
.depth_wrap > div.depth2::after { display: none; } 
.depth_wrap > div.home_btn::before { content: ""; display: block; width: 1px; height: 50px; background-color: #ccc; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 


.sub_visual_box.active{height: 680px; max-width: 1920px; transition: all .5s;}
.sub_visual_box.active .sub_top_list{max-width:1580px; margin: 0 auto;}
.sub_visual_box.active .sub_page_visual{height: 550px;}


.depth_wrap > div.depth3 { /* display: none; *//* width: auto; */width: 100%; max-width: 250px; width: 250px; } 
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div
.depth_wrap > div:last-child { border-right: unset; } 
.depth_wrap > div .depth_name i { line-height: 50px; font-size: 25px; } 
.visual_menu_wrap { width: 90%; background-color: #fff; height: 100px; z-index: 99; display: flex; align-items: center; position: absolute; left: 10%; bottom: -1px; } 
.visual_menu_wrap.fixed { position: fixed; top: 81px; } 
.visual_menu_wrap .com_depth { position: absolute; background: #f6f6f6; padding: 10px 20px; width: 97%; left: 50%; transform: translateX(-50%); top: 100px; z-index: 10; } 
.visual_menu_wrap .com_depth li:hover a { color: var(--main-color); font-weight: 600; } 
.visual_menu_wrap .com_depth li.on a { color: var(--main-color); } 
.visual_menu_wrap .com_depth li a.on { color: var(--main-color); } 
.visual_menu_wrap .com_depth li a { padding: 15px 0; font-size: 16px; display: block; width: 100%; height: 100%; color: #444; } 
.visual_menu_wrap .com_depth li.on a { text-decoration: underline; text-underline-offset: 5px; } 
.visual_menu_wrap .com_depth.sub_depth2 { background-color:#124b96de; } 
.visual_menu_wrap .com_depth.sub_depth2 li a { color: #fff; } 
.depth_wrap > div.depth2 i { color: #111; } 
.visual_menu_wrap .com_depth.sub_depth2 li a i { display: none; } 

.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_top_list { } 
.sub_top_list span { font-size: 2rem; color: var(--main-color); } 
.sub_top_list h2 { font-size: 5.7rem; margin:10px 0 30px; font-weight: 600; font-family: "Noto Sans JP", sans-serif; } 
.sub_page_visual h4 { font-size: 15rem; color: #fff; position: absolute; right: 40px; bottom: 10px; opacity: 0.3;  } 

/*sub3차메뉴*/
.gnb .main_menu .gnb-1dep .gnb-2dep li .depth03 { display: none; } 
.depth_wrap > div.depth2 .depth03 { display: none; } 

 /* 애니메이션 */
/* .sub_visual_3 { animation: bg-active 5s; } */
@keyframes bg-active { 
 0% { transform: scale(1.09); opacity: 0.9; } 
 100% { transform: scale(1); opacity: 1; } 
 }
/* sub_visual */
 .sub_visual_txt { position: absolute; bottom: 30%; left: 50%; transform: translateX(-50%); z-index: 10; width: 90%; max-width: 1610px; text-align: center; } 
 .sub_visual_txt h2 { font-size: 4.8rem; font-weight: 600; color: #fff; } 
/* top menu */
 .top_menu .mobile_sub_menu { display: none; } 
 
/*sub공통*/
 .sub_inner { max-width: 1580px; margin:0 auto; width: 100%;} 
  /* .sub_inner *{font-family: var(--font-play);} */
 .sub_bottom { margin-bottom: 150px; font-family: "Noto Sans JP", sans-serif;} 
 .sub_tab_menu { display:flex; justify-content: center; margin: 100px 0 120px; } 
 .sub_tab_menu li { position: relative; transition: all .3s;} 
 .sub_tab_menu li::after { content: ""; width: 1px; height: 20px; background-color: #bbb; position: absolute; right: 0; top: 0; } 
 .sub_tab_menu li:last-child::after { display: none; } 
 .sub_tab_menu li a { padding: 0 65px; font-size: 2.2rem; position: relative;font-family: "Noto Sans JP", sans-serif; } 
 
 .sub_tab_menu li.on a::after { content: ""; width: 100%; height: 3px; background-color: var(--main-color); position: absolute; bottom: -25px; left: 0; } 
 .sub_tab_menu li:hover a{color: var(--main-color);}


/*인사말*/
.greeting { position: relative; word-break: break-word;} 
.greeting_img { background: url(../../img/greeting_img.jpg) no-repeat; width: 100%; height: 400px; margin-bottom: 90px; max-width: 1920px; background-position: right; } 
.greeting_txt { display: flex; justify-content: space-between; } 
.greeting_txt .greeting_left { width: 30%; } 
.greeting_txt .greeting_left h4 { font-size: 3.2rem; font-weight: 400; } 
.greeting_txt .greeting_left h4 span { font-size: 5.2rem; font-weight: 600; } 
.greeting_txt .greeting_right { width: 65%; } 
.greeting_txt .greeting_right div { margin-bottom: 35px; line-height: 1.5; font-size: 2rem; color: #333; word-break: break-word;} 
.greeting_big { font-size: 24rem; color: #eee; position: absolute; bottom: -115px; left: -20px; z-index: -1; font-weight: 900; opacity: 0.28; } 


/*개요*/
.overview_tit { font-size: 3.4rem; text-align: center; position: relative; font-weight: 400; width: 55%; margin: 0 auto;        word-break: break-word; font-family: "Noto Sans JP", sans-serif;} 
.overview_tit::before { content: ""; width: 50px; height: 50px; background: url(../../img/slg_dot.png) no-repeat; background-size: contain; position: absolute; left: 0; top: -10px; z-index: -1; } 
.overview_tit::after { content: ""; width: 50px; height: 50px; background: url(../../img/slg_dot.png) no-repeat; background-size: contain; position: absolute; right: 0; top: -10px; transform: rotate(180deg); z-index: -1; } 
.table_style { position: relative; margin-top: 150px; } 
.table_style h3 { font-size: 3.8rem; text-align: center; margin-bottom: 50px; font-weight: 400;font-family: "Noto Sans JP", sans-serif; } 
.table_style::before { content: "OVERVIEW"; font-size: 24rem; color: #eee; font-family:var( --font-play); opacity: 0.28; position: absolute; top:-20%; left: 50%; transform: translateX(-50%); z-index: -1; font-weight: 900; } 
.table_wrap { overflow-x: auto; } 
.table_wrap table { width: 100%; border-collapse: collapse; border-top:2px solid #000; min-width: 500px; } 
.table_wrap table tr th { padding: 30px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 2rem; font-weight: 400; } 
.table_wrap table tr td { padding: 20px; text-align: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 2rem; color: #333; } 
.table_wrap table tr td:last-child { border-right: none; } 


/*연혁*/
.history_top { background: url(../../img/history_top.jpg) no-repeat; width: 100%; height: 420px; background-size: cover; background-position: center; position: relative; max-width: 1920px ; margin: 0 auto;} 
.his_top_bg { background-color: #fff; width: 360px; height: 435px; position: absolute; left: 170px; bottom: -100px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; padding: 25px; } 
.his_top_bg .his_logo { } 
.his_top_bg .his_logo img { } 
.his_top_bg p { font-size: 2rem; margin: 30px 0 50px; line-height: 1.5; word-break: break-word;} 
.his_tab { display: flex; justify-content: space-between; } 
.his_tab li { width: calc(100% / 3 - 20px); cursor: pointer; } 
.his_tab li span { font-size: 2.6rem; color: #666; } 
.his_tab li span.current { font-style: italic; color: var(--main-color); font-weight: 600; border-bottom: 2px solid var(--main-color); } 

.history_list { margin-top: 200px; } 

.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: #000; 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+1) .ag-timeline-card_item { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); }  */
 /* .ag-timeline_item:nth-child(2n) .ag-timeline-card_item { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); }  */
 .ag-timeline_item:nth-child(2n) .ag-timeline-card_item .ag-timeline-card_info { padding-left: 0; width: 95%; text-align: right; } 

 /* .js-ag-active.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,
 .js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item { opacity: 1; 
 -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }  */
 .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;         word-break: break-word;}
 .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); } 

 
 @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; } 
 }



 
 /*오시는길*/
 .location .map_info {margin-top: 3%;}
 .location .map-wrap {display:-ms-flexbox; display:flex; -ms-flex-direction:column-reverse; flex-direction:column-reverse; position:relative}
 .location .map-area {height:50rem}
 .location-info {width:100%; height:auto; background-color: var(--main-color); color:#fff; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; margin-bottom:1rem; padding:20px 24px; box-shadow:0 40px 30px #0000001A}
 .location .map-wrap .location-info h4 {font-size:24px;line-height:1.444}
 .location .map-wrap .location-info h4 span{font-family: "Noto Sans JP", sans-serif; font-size: 20px; display: block;}
 .location .map-wrap .location-info h4 br {display: none;}
 .location-info span{font-size: 15px;}
 .location-dsc dl+dl {margin-top: 1.875rem}
 .location-dsc dl dt {margin-bottom: .5rem; font-size: 20px;}
 .location-dsc dl dd{font-size: 18px; font-weight: 400;}
 /* .location .location-dsc {margin-top: 5%;} */
 
 @media (min-width: 900px) {
     .location .map-wrap .location-info {position: absolute; width: 24rem; height: 24rem; left: 4rem; bottom: -12rem; padding: 2.5rem 1.875rem;}
     .location .map-wrap .location-info h4 {margin-top: auto; font-size: 2.25rem}
     .location .map-wrap .location-info h4 br {display: block;}
     .location .location-dsc {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width: 58.333333%; margin-left:auto; font-size: 1.125rem}
     
     body.eng .location .map-wrap .location-info h4 {letter-spacing: -3px}
 }
 /*.location-dsc {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width: 58.333333%;margin-left:auto}*/
 .location-dsc dl{display:-ms-flexbox; display:flex; font-weight: 800;}
 .location-dsc dl dt{flex:0 0 25%;margin-bottom:0;font-weight: 500;}




/*제품*/
.pro1_top{ background: url(../../img/pro1_top.jpg) no-repeat; width: 100%; height: 360px;  background-size: cover; margin-bottom: 120px; display: flex; justify-content: center; align-items: center; background-position: center center;}
.pro_top p{font-size: 2.2rem; color: #fff; text-align: center; line-height: 1.8; width: 80%; margin: 0 auto; word-break: break-word;}
.pro_top_list{display: flex; justify-content: space-between; margin-bottom: 60px;}
.pro_top_list .pro_img{width: 43%; background-color: #f6f5f1; border: 1px solid #ccc;}
.pro_top_list .pro_img img{width: 100%; height: 100%;}
.pro_top_list .pro_right{width: 50%;}
.pro_top_list .pro_right> span{font-size: 2rem; color: var(--main-color); font-weight: 600;}
.pro_top_list .pro_right .pro_tit{font-size: 3.8rem; margin: 10px 0; font-weight: 500;}
.pro_top_list .pro_right .pro_txt{}
.pro_top_list .pro_right .pro_txt h3{font-size: 1.8rem; color: #131313; line-height: 1.8; font-weight: 600; font-family: "Noto Sans JP", sans-serif;}
.pro_top_list .pro_right .pro_txt p{font-size: 1.8rem; color: #333;line-height: 1.8; word-break: break-word; margin-bottom: 15px;}
.pro_btn{margin-top: 90px; display: flex; justify-content: space-between;}
.pro_btn a{display: flex; width: calc(100% / 2 - 20px); border: 1px solid #ccc; padding: 10px 10px 10px 60px; align-items: center; transition: all .3s;}
.pro_btn a img{width: 55px;}
.pro_btn a span{font-size: 2rem; margin-left:25px ;}
.pro_plan{border: 1px solid #ccc; padding: 10px;}
.pro_plan img{width: 100%;}
.pro_btn a:hover{background-color: var(--main-color);}
.pro_btn a:hover span{color: #fff;}
.pro_btn_mar{margin-top: 170px;}




/*제품2*/
.pro2_top{ background: url(../../img/pro2_top.jpg) no-repeat; width: 100%; height: 360px;  background-size: cover; margin-bottom: 120px; display: flex; justify-content: center; align-items: center; background-position: center center;}
.tab-content{display: none;}
.tab-content.current{display: inherit;}
.sub_tab_menu li.current a::after { content: ""; width: 100%; height: 3px; background-color: var(--main-color); position: absolute; bottom: -25px; left: 0; } 
.sub_3menu li{}
.sub_3menu li a{padding: 0 130px;}
.sub_3menu li a::after{content: ""; height: 40px;}
.sub_tab_menu li.current a{font-weight: 600;}





/*******************************반응형*************************************/
@media (max-width: 1770px) { 
    .sub_inner{width: 95%;}
 }

@media (max-width: 1540px) { 
    /*서브top*/
    .sub_visual_box{width: 95%;}
    .sub_visual_box.active{width: 100%;}
    .sub_page_visual{height: 470px;}
    .sub_visual_box.active .sub_page_visual{height: 470px;}

    /*개요*/
    .overview_tit{width: 60%;}

 }
@media (max-width: 1380px) { 
    /*서브top*/
    .sub_top_list h2{font-size: 4.7rem;}
    .sub_page_visual h4{font-size: 10rem;}

    /*인사말*/
  .greeting_txt .greeting_left h4{font-size: 3rem;}
  .greeting_txt .greeting_left h4 br{display: none;}
  .greeting_brand h4{font-size: 3rem; margin-bottom: 30px;}
  .brand_img{padding: 0; display: flex; justify-content: center; align-items: center;}
  .greeting_brand .greeting_txt .greeting_right h3{font-size: 3rem;}

    /*개요*/
    .overview_tit{width: 70%;}
    .table_style{margin-top: 100px;}
    .table_style::before{font-size: 18rem;}

    /*연혁*/
    .his_top_bg{left: 90px;}



 }
@media (max-width: 1280px) { 
    /*서브top*/
    .sub_page_visual{height:380px;}
    .sub_top_list h2{font-size: 4rem;}
    .sub_page_visual h4{font-size: 10rem;}
    .sub_visual_box{height: auto;}
    .sub_visual_box.active{height: auto;}
    .sub_visual_box.active .sub_page_visual{height: 380px;}

      /*인사말*/
  .greeting_txt .greeting_left h4{font-size: 2.5rem;}
  .greeting_brand .greeting_txt .greeting_right h3{font-size: 2.5rem;}
  .greeting_brand{margin-top: 100px;}
  .greeting_brand .greeting_txt .greeting_right{padding-top: 0;}
  .greeting_txt .greeting_right div.sign{font-size: 2.4rem;}
  .greeting_img{background-position: center;}
  .greeting_big{font-size: 22rem;}

    /*개요*/
    .overview_tit{font-size: 3rem; width: 65%;}
    .overview_tit::before{width: 40px; height: 40px;}
    .overview_tit::after{width: 40px; height: 40px;}
    .table_style::before{font-size: 13rem; top: -5%;}
    .table_style h3{font-size: 3rem;}

    /*제품*/
    .pro_top_list .pro_right .pro_tit{font-size: 3rem;}
    .pro_btn a{padding: 10px 10px 10px 40px;}
    .pro_btn{margin-top: 50px;}




 }
@media (max-width: 1080px) { 

    /*서브top*/
    .sub_top_list h2{font-size: 3.2rem;}
    .sub_page_visual1{background-position: center right;}
    .sub_page_visual h4{font-size: 8rem;}

    /*공통*/
    .sub_tab_menu li a{font-size:2rem; padding:0 45px ;}
    .sub_tab_menu li.on a::after{bottom: -15px;}
    .board_tab{flex-wrap: wrap;}
    .board_tab li{width: calc(100% / 2 - 20px);text-align: center; border: 1px solid #ccc; padding: 15px;display: flex; align-items: center; justify-content: center; }
     .board_tab li.on a::after{display: none;}
     .board_tab li::after{display: none;}
     .board_tab li.on{background-color: var(--main-color);}
     .board_tab li.on a{color: #fff;}
     .board_tab li.current a::after{display: none;}
     .board_tab li:first-child{border-right: none;}
     .board_tab li:last-child{border-left: none;}
     .board_tab li.bor{border-left: 1px solid #ccc;}
    .board_tab li a{padding: 0;}

   /*인사말*/
  .greeting_txt{flex-direction: column;}
  .greeting_txt .greeting_left{width: 100%; margin-bottom: 20px;}
  .greeting_txt .greeting_right{width: 100%;}
  .greeting_txt .greeting_left h4 span{font-size: 4.2rem;}
  .greeting_big{font-size: 15rem; left: 50%; transform: translateX(-50%);}

    /*개요*/
    .overview_tit{font-size: 2.8rem; width: 75%;}
    .table_style h3{font-size: 2.8rem;}
    .table_wrap table tr th{font-size: 1.8rem; padding: 20px;}
    .table_wrap table tr td{font-size: 1.8rem;}

    /*연혁*/
    .ag-timeline_line { left: 30px; }
    .ag-timeline_item:nth-child(2n) { text-align: left; } 
    .ag-timeline-card_box{width: 5%;}
    .ag-timeline-card_meta-box { display: none; } 
    .ag-timeline-card_point-box,
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box { margin: 0 14px 0 0; } 
    .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;}


 /*제품*/
 .pro_top_list .pro_right .pro_tit{font-size: 2.8rem;}
 .pro_btn a{padding: 10px;}
 .pro_top p{padding: 0 20px; width: 100%;}


 }
 /* @media (max-width: 960px) { 
  .ag-timeline-card_point-box, .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin: 0 9px 0 0;}
 } */
@media (max-width: 800px) { 

    /*서브top*/
    .sub_visual_box{width: 100%;}
    .sub_top_list h2{font-size: 2.8rem;}
    .sub_page_visual{height: 350px;}
    .sub_page_visual h4{font-size: 6rem; right: 10px;}
    .sub_visual_box.active .sub_page_visual{height: 350px;}
    .sub_top_list{padding: 0 10px;}

    /*공통*/
    .sub_tab_menu li a{padding: 0 20px; font-size: 1.8rem;}

   /*인사말*/
   .greeting_txt .greeting_left h4{font-size: 2.2rem;}
   .greeting_txt .greeting_right div{font-size: 1.8rem;}
   .greeting_txt .greeting_right div.sign{font-size: 2rem;}
   .greeting_brand h4{font-size: 2.5rem;}
   .greeting_brand .greeting_txt .greeting_right h3{font-size: 2.2rem;}
   .greeting_brand .greeting_txt .greeting_right h5{font-size: 2rem;}
   .greeting_txt .greeting_left h4 span{font-size: 3.2rem;}
   .greeting_big{font-size: 12rem; bottom: -100px;}

       /*개요*/
       .overview_tit{font-size: 2.4rem; width: 90%;}
       .table_style h3{font-size: 2.4rem;}
       .overview_tit::before{width: 30px; height: 30px;}
       .overview_tit::after{width: 30px; height: 30px;}
       .table_style::before{font-size: 10rem;}
       .table_wrap table tr th{padding: 15px;}
       .table_wrap table tr td{padding: 15px;}

    /*연혁*/
    .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;}

    /*제품*/
    .pro_top_list{flex-direction: column;}
    .pro_top_list .pro_img{width: 100%;}
    .pro_top_list .pro_right{width: 100%; margin-top: 30px;}
    .pro_top_list .pro_right> span{font-size: 1.8rem;}
    .pro_top_list .pro_right .pro_tit{font-size: 2.5rem;}
    .pro_top p{font-size: 2rem;}
    .pro_btn a{justify-content: center;}
    .pro_btn a span{font-size: 1.8rem;}
    .pro_top p br{display: none;}

 }
@media (max-width: 650px) { 

    /*서브top*/
    .sub_visual_wrap{padding-top: 60px;}
    .sub_top_list span{font-size: 1.8rem;}
    .sub_top_list h2{font-size: 2.4rem;}
    .sub_page_visual h4{font-size: 5rem;}
    .sub_visual_box{margin: 20px auto 0;}

     /*공통*/
     .sub_tab_menu{margin: 80px 0; justify-content: space-between;}
     .sub_tab_menu li a{padding: 0; font-size: 1.8rem;}
     .sub_tab_menu li{width:calc(100% / 2 ) ; text-align: center; border: 1px solid #ccc; padding: 15px;}
     .sub_tab_menu li.on a::after{display: none;}
     .sub_tab_menu li::after{display: none;}
     .sub_tab_menu li.on{background-color: var(--main-color);}
     .sub_tab_menu li.on a{color: #fff;}
     .sub_tab_menu li.current a::after{display: none;}
     .sub_tab_menu li:first-child{border-right: none;}
     .sub_tab_menu li:last-child{border-left: none;}
     .sub_tab_menu li.bor{border-left: 1px solid #ccc;}
     .pro2_top{margin-bottom: 80px;}
     .pro1_top{margin-bottom: 80px;}
     .sub_3menu li:first-child{border-right: 1px solid #ccc;}
     .sub_3menu li.current{background-color: var(--main-color);}
       .sub_3menu li.current a{color: #fff;}

    /*인사말*/
   .greeting_txt .greeting_left h4{font-size: 2rem;}
   .greeting_brand h4{font-size: 2.2rem;}
   .greeting_brand .greeting_txt .greeting_right h3{font-size: 2rem;}
   .greeting_brand .greeting_txt .greeting_right h5{font-size: 1.8rem;}
   .greeting_txt .greeting_left h4 span{font-size: 2.8rem;}
   .greeting_big{font-size: 10rem; }
   .greeting_txt .greeting_right div{margin-bottom: 20px; line-height: 1.8;}

   
    /*개요*/
    .overview_tit{font-size: 2.2rem; }

    /*연혁*/
    .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: -4px;}
    .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;}

    /*제품*/
    .pro_top_list .pro_right .pro_tit{font-size: 2.2rem;}
    .pro_top p{font-size: 1.6rem;}


    .location-dsc dl dt {font-size: 1.8rem;}
    .location-dsc dl dd{font-size: 1.6rem;}
 }
@media (max-width: 480px) { 

      /*서브top*/
      .sub_top_list h2{font-size: 2.2rem; margin: 10px 0;}
      .sub_page_visual h4{font-size: 4rem;}

    /*공통*/
    .sub_tab_menu{flex-wrap: wrap;}
     .sub_tab_menu li a{padding: 0; font-size: 1.6rem;}


       /*인사말*/
   .greeting_txt .greeting_left h4{font-size: 1.8rem;}
   .greeting_txt .greeting_right div{font-size: 1.6rem;}
   .greeting_txt .greeting_right div.sign{font-size: 1.7rem;}
   .greeting_brand h4{font-size: 2rem;}
   .greeting_brand .greeting_txt .greeting_right h3{font-size: 1.8rem;}
   .greeting_brand .greeting_txt .greeting_right h5{font-size: 1.6rem;}
   .greeting_txt .greeting_left h4 span{font-size: 2.2rem;}
   .greeting_big{font-size: 7rem;}
   .greeting_img{margin-bottom: 50px;}


    /*개요*/
    .overview_tit{font-size: 1.8rem; width: 100%;}
    .table_style{margin-top: 50px;}
    .table_style::before{font-size: 8rem; top: 0;}
    .table_style h3{font-size: 2rem;}
    .table_wrap table tr th{font-size: 1.6rem;}
    .table_wrap table tr td{font-size: 1.6rem;}

     /*연혁*/
    .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{margin-right: -16px;}
    .his_top_bg p{font-size: 1.6rem;}

    /*제품*/
    .pro_top_list .pro_right> span{font-size: 1.7rem;}
    .pro_top_list .pro_right .pro_tit{font-size: 2rem;}
    .pro_top_list .pro_right .pro_txt h3{font-size: 1.6rem;}
    .pro_top_list .pro_right .pro_txt p{font-size: 1.6rem;}
    .pro_btn{flex-direction: column;}
    .pro_btn a{width: 100%;}
    .pro_btn a:first-child{margin-bottom: 20px;}
    .pro_btn a span{font-size: 1.7rem;}
    .pro_btn a img{width: 45px;}
    

 }
 @media (max-width: 400px) {

    /*인사말*/
    .greeting_big{font-size: 5rem;}
    /*개요*/
    .table_style::before{font-size: 5rem;}

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


  }