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


  .cont_center	{width:90%; }


  /*========= header ===========*/
  #header {}
  #header .hd_top{height: 70px;}
  #header h1	{}
  #header .hd_top h1{padding-top: 12px;}
  #header h1 a img{height: 40px;}

  #header .hd_call {display:none;}

  #nav {width: 80%;  height: 100vh; background: #fff; right: -100%; z-index: 102; transition: all 200ms linear;}
  .on #nav {right: 0;}
  #nav .nav_list {width: 100%; padding: 80px 26px; text-align: left;}
  #nav .nav_list>li{display: block; margin-left: 0; margin-bottom: 50px; }
  #nav .nav_list>li .dep1{padding: 0; font-size: 16px;}
  #nav .nav_list>li .dep2{margin-top: 10px; position: relative; left: 0; top: 0; width: 100%; transform: translate(0, 0); height: auto;}
  #nav .nav_list>li:hover .dep2{ padding: 0; }
  #nav .nav_list>li .dep2 li a{font-size: 13px; text-align: left; line-height: 1.2;}
  #nav .nav_list>li:hover .dep1:after{display: none;}

  #nav .nav_tel {display:block; padding:60px 5%; background-image:url(../images/visual1.jpg); background-position:cover;}
  #nav .nav_tel p {color:#fff;}
  #nav .nav_tel p.p1 {font-size:1.3rem;}
  #nav .nav_tel p.tel {margin-top:8px; font-size:2.3rem; font-weight:bold; letter-spacing:0;}
  #nav .nav_tel p.tel i {margin-right:2px; font-size:1.5rem;}
  #nav .nav_tel span {display:inline-block; margin-top:20px; padding:10px 25px; border-radius:4px; background-color:#b80000; font-size:1.4rem; color:#fff;}

  #btn_nav {display:block; position:absolute; right: 0; top:12px; padding:10px 3%; transition:all 0.5s;}
  .on #btn_nav {position:fixed; z-index:1002;}




  /*========= main ===========*/
  #visual .visu_txt h3{font-size: 22px; line-height: 1.7;}
  #visual .visu_txt h3 br{display: none;}
  #visual{height: 400px;}
  #visual .swiper-slide{height: inherit;}

  #visual .visu_txt{width: 90%;}


  #main01 ul li{width: 100%;}
  #main01 ul li .img h3{font-size: 18px;}
  #main01 ul li a{font-size: 1.3rem;}

  #main02 .cont_center{justify-content: center; align-items: center;}
  #main02 .left{text-align: center;}
  #main02 .left h3{font-size: 18px;}
  #main02 .left a{margin: 30px auto 0; font-size: 12px;}

  #main02 .right{margin-top: 30px; text-align: center;}
  #main02 .right .line{display: block; }
  #main02 .right .line:first-child{margin-bottom: 30px;}
  #main02 .right .line h5{font-size: 1.4rem;}
  #main02 .right .line .info{margin-top: 14px;}
  #main02 .right .line .info h4{font-size: 25px;}
  #main02 .right .line .info h6{font-size: 1.3rem;}
  #main02 .right .line .info_btn .kakao{width: 160px; height: 50px;}
  #main02 .right .line .info_btn .kakao h3{font-size: 1.3rem;}



  #main03{padding: 80px 18px;}
  #main03 img{margin: 0 auto; display: block; height: 50px;}
  #main03 h4{font-size: 18px;}
  #main03 h4 br{display: none;}
  #main03 a{width: 160px; height: 50px; line-height: 50px; font-size: 1.35rem;}


  /*========= footer ===========*/
  #footer{padding: 30px 0;}
  #footer h2{margin-bottom: 20px; font-size: 13px;}
  #footer .info li{line-height: 1.8;}
  #footer .copyright{line-height: 1.4;}

  /*========= sub ===========*/
  #sub_visual{height: 180px;}
  #sub_visual h2{font-size: 24px;}
  #sub_visual .sub_menu_li li{margin: 0 10px;}
  #sub_visual .sub_menu_li li a{font-size: 1.4rem;}

  #sub_menu{display: block;}
  #sub_menu h2{font-size: 22px;}
  #sub_menu .location{margin-top: 20px; justify-content: flex-start;}
  #sub_menu .location li{margin-left: 0; margin-right: 5px; font-size: 1.2rem;}


  .greet_tit h2{font-size: 20px;}
  .greet_tit h4{left: 0; top: -30px; font-size: 24px;}
  .greet_txt p{font-size: 1.35rem;}
  .greet_txt p br{display: none;}

  .hstr{padding-left: 40px;}
  .hstr h4{font-size: 20px;}
  .hstr h4:after{left: -40px; top: 5px;}

  .map_info{display: block;}
  .map_info ul{width: 100%;}
  .map_info li{}
  .map_info li h2{width: 60px; height: 45px; line-height: 45px; font-size: 1.35rem;}
  .map_info li h5{width: calc(100% - 60px); height: 45px; line-height: 45px; font-size: 1.35rem;}

  .tab_list{margin: -0.5% -0.5% 40px;; flex-wrap: wrap;}
  .tab_list li{margin: 0.5%; width: 49%;}
  .tab_list a{margin: 0; width: 100%;}

  .pd_list{margin: -20px 0;}
  .pd_list > li{margin: 20px 0; width: 100%;}


  .pd_view .thumb{width: 100%; height: auto; }
  .pd_view article{padding-top: 20px;}
  .pd_view article h4{font-size: 1.8rem;}
  .pd_view .spec li{font-size: 1.35rem;}
  .pd_view dl.download dd{margin: -0.5%; flex-wrap: wrap;}
  .pd_view dl.download dd a{margin: 0.5%;}



}