@charset "utf-8";
/* CSS Document */

.res{ display:none}

@media screen and (max-width:1500px){
  .res.h1500{ display: block}
  
  #header .top_wrap .gnb_wrap {display: none;}

.div-container { width:100%; overflow:auto; /*white-space:no-wrap;*/}
.div-container .divCon1 {display: block; width: 1500px;}
.div-container .divCon1.we1 {display: block; width: 1100px;}

  }

@media screen and (max-width:1400px){
.res.h1400{ display: block}
.box1{ width:94%}

.visualSlogan_wrap .slogan .t1 {font-size: 2.8em;}
.visualSlogan_wrap .slogan .locator .tt1 {font-size: 1.2em;}

.main_tit .t0 {font-size: 6em;}
.main_tit .t1 {font-size: 2.8em;}
.main_tit .t2 {font-size: 1.7em;}
.main_tit .tt {font-size: 1.12em;}
.main_more.s1 {font-size: 1.2em;}

.main_program > li .wrap_in .con_wrap .t1 {font-size: 1.2em;}
.main_about .count > li .in .con .t2 {font-size: 1.8em;}

.board_search {display: block;}
.board_search .search {justify-content: unset; margin-bottom: 1em;}

}
@media screen and (max-width:1280px){
.res.h1280{ display: block}
body{ font-size:15px}

.pointTopW .bannerW .twrap .t1 {font-size: 1.6em;}

}

@media screen and (max-width:1024px){
.res.h1024{ display: block}
body{ font-size:13px}

#header .all_wrap .all .gnb {flex-wrap: wrap;}
#header .all_wrap .all .gnb li {width: 33.3%; flex: none;}
#header .all_wrap .all .gnb > li .dp2 > li { width: 100%;}

.main_program {gap: 2em 2em; flex-wrap: wrap;}
.main_program > li {flex: 1 1 calc(50% - 1.5em);}

.main_value .list {flex-wrap: wrap; justify-content: center;}
.main_value .list > li {width: 28%; flex: none;}

.shop_prod_best {display: block;}
.shop_prod_best .tab_wrap {width: 100%; display: flex; gap: 0em 1em;}
.shop_prod_best .prod_wrapN {margin-left: unset;}
.prod_wrapN .prod_stN {width: calc(50% - 1.5em);}
.prod_wrapN.sec1 .prod_stN {width: calc( (100% - 4em) / 2);}

.page_search .search_wrap {display: block; height: 8.5em;}
.page_search .search_wrap .round {margin-bottom: 1em; height: 5em;}
.branch_map ul.page_col {display: block;}
.branch_map .page_col > li.inList {width: 100%; height: 15em;}

.shopping_search .search > dd {width: 100%; display: block;}
.shopping_search .search > dd .input_st.w3 {width: 100%;}
.shopping_search .search button {width: 100%; margin-top: .5em;}

.list_prod_wrap.st1 .list_prod .prod .el {width: calc(100% / 2);}

.prod_view_top {display: block;}
.prod_view_top .wrap_img { width: 100%;}
.prod_view_top .wrap_img .big .resize {padding-bottom: 70%;}

.page_twrap2 {display: block;}

.pointTopW {display: block;}
.pointTopW .pointCardW {width: 100%; margin-bottom: 1em;}
.pointCard .wrap_in {position: unset;}
.pointTopW .bannerW .twrap .t1 {font-size: 2em;}

.myPageWrap.grid {display: block;}
.myPageWrap .section {margin-bottom: 1em;}
.calendarSt {min-height: 13em;}

}
@media screen and (max-width:840px){
.res.h840{ display: block}

.list_prod_wrap .wrap_top .wrap_tit {float: unset; margin-bottom: .5em;}
.list_prod_wrap .wrap_top .wrap_tab {float: unset;}
.list_prod_wrap .wrap_top .wrap_tab > li {width: 25%;}
}
@media screen and (max-width:780px){
  #header .all_wrap .all .gnb li {width: 50%;}

.main_about {display: block;}
.main_about .tit_wrap {width: 100%; margin-bottom: 3em;}

.pointTopW .bannerW .twrap .t1 {font-size: 1.6em;}

}
@media screen and (max-width:700px){
  .PC {display: none;}
  .PHONE {display: block;}

  #header .top_wrap .etc_wrap {display: none;}
  #header .all_wrap .etc_wrap {display: flex; margin-top: 1em;}
  #header .top_wrap .etc_wrap .link {gap: 0.25em; flex-wrap: wrap;}

  #contents .sub_top_wrap .wrap_con .nav_wrap .wrap_in .in {display: block;}
  #contents .sub_top_wrap .wrap_con .nav_wrap .tit {margin-bottom: 1em;}
  #contents .sub_top_wrap .wrap_con .nav_wrap .tit .t2 {font-size: 2.8em;}

  #contents .sub_layout_wrap .sub_lnb_wrap {position: fixed; z-index: 99; top: 5em; background-color: #fff; transform: translateX(-35.5vw);overflow: unset;}
  .scroll #contents .sub_layout_wrap .sub_lnb_wrap {top: unset;}
  #contents .sub_layout_wrap .sub_lnb_wrap:before {position: absolute; top: 11%; right: -23%; background-color: #000; color: #fff; content: 'click'; padding: 1em;} 
  #contents .sub_layout_wrap .sub_lnb_wrap:hover,
  #contents .sub_layout_wrap .sub_lnb_wrap:focus {transform: translateX(-3vw);}

  .sub_tt.t2{font-size: 1.6em;}
  .sub_tt.t3 {font-size: 1em;}

  .message_wrap .inn .message_tt {font-size: 2em; width: 70%;}
  .message_wrap .inn .message_tt br{ display:none}
  .program .visual .inner {display: block; height: 25rem;}
  .program .visual .inner .imgBox {box-shadow: unset;}
  .program .visual .inner .txtBox {width: 86%;}
  @keyframes industry-visual {
    0% {
      width: 100%;
      height:100%;
    }
    100% {
      width: 100%;
      height:40%;
    }
  }
  .program .visual .inner .txtBox span {font-size: 1.8rem;}
  .program .visual .inner .txtBox p {margin-top: 1rem;}
  .program_bottom .tx_box {width: 90%;}

  .list_prod_wrap .list_prod .prod .in .con_wrap .t2 {font-size: 1.15em;}

  .pointTopW .bannerW .twrap .t1 {font-size: 2em;}

  .value_wrap:after {display: none;}
  .value_wrap .tt {font-size: 1.5em; font-weight: 600; margin-bottom: 2em;}
  .value_wrap .list {display: block;}
  .value_wrap .list > li {width: 100%;}
  .value_wrap .circle2 {border-radius: 1em; padding-bottom: 20%; margin-bottom: .5em;}
  .value_wrap .circle2:before, .value_wrap .circle2:after {display: none;}
  }
@media screen and (max-width:680px){
.main_tit .t0 {font-size: 5em;}
.main_contact .list > li > a {width: 10em;}
.main_value .list {gap: 0 3em;}

.board_search .search {display: block;}
.board_search .search .btn {width: 100%; margin-top: .5em;}

}
@media screen and (max-width:600px){

  #contents .sub_layout_wrap .sub_lnb_wrap {transform: translateX(-40vw);}
  #contents .sub_top_wrap .visual_wrap .slogan .t1 { font-size: 2em; width: 91%; margin: 0 auto;}

  #footer .logo_wrap {display: block;}
  #footer .logo_wrap .sns_st {margin-top: 1em;}
  #footer .info_wrap {display: block;}
  #footer .menu_wrap { margin-top: 3em;}

.main_contact .list > li > a {width: 8em;}
.main_contact .list > li > a .t1 {font-size: 1.275em;}

.main_value {display: none;}
.main_news { padding-top: 5em !important;}

.program .middle .txt_box {width: 100%;}
.program .middle .img_box {display: none;}

}
@media screen and (max-width:550px){
  #contents .sub_layout_wrap .sub_lnb_wrap {transform: translateX(-43.5vw);}

  .message_wrap .inn .message_tt {width: 100%;}

  .value_wrap .circle2 {padding-bottom: 35%;}
}
@media screen and (max-width:500px){ 
  #header .all_wrap .all .gnb li {width: 100%;}
  #contents .sub_layout_wrap .sub_lnb_wrap {transform: translateX(-47.5vw);}
  
  .main_program > li {flex: 1 1 calc(100% - 1.5em);}

  .list_prod_wrap.st1 .list_prod .prod .el {width: calc(100% / 1);}
  .prod_wrapN.sec1 .prod_stN {width: calc( (100% - 4em) / 1);}
  .prod_wrapN .prod_stN {width: calc(100% - 1.5em);}
  
  .login_wrap.w1 {width: 80%;}

  }
@media screen and (max-width:500px){ 
  .pointTopW .bannerW .twrap .t1 {font-size: 1.6em;}
  
}
  @media screen and (max-width:460px){ 
    #contents .sub_layout_wrap .sub_lnb_wrap {transform: translateX(-52vw);}
  
    }
@media screen and (max-width:450px){ 
  #contents .sub_layout_wrap .sub_lnb_wrap {transform: translateX(-53vw);}
  }
  @media screen and (max-width:440px){ 
    #contents .sub_layout_wrap .sub_lnb_wrap {transform: translateX(-54vw);}
    }
@media screen and (max-width:420px){ 
  #contents .sub_layout_wrap .sub_lnb_wrap {transform: translateX(-58vw);}
  }
  
@media all and (orientation:landscape){
   
}