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


  .cont_center	{width:92%; padding-left:0; }


  /*========= header ===========*/

    #left_quick {width:200px; left:-200px; transition:all .5s; }
    #left_quick ul{width:100%; margin-bottom:20px; }
    #left_quick ul li a {width:100%; height:80px; }
    #left_quick ul li a h2 {margin-top:0; }
    #left_quick .num h3 {margin-bottom:8px; }
    
    .on #left_quick{left:0; }


    #header .hd_top {height:auto; display:block; padding-top:24px; }
    #header .search {width:100%; margin-left:0; margin-top:20px; padding:0 10px; overflow:hidden; }
    #header .search input {width:92%; padding-left:12px; }
    
    #nav{right:auto; width:100%; position:inherit; }
    #nav .nav_list {margin-bottom:20px; }
    #nav .nav_list>li {margin:12px 4px 0; }
    #nav .nav_list>li .dep1 {padding:0; font-size:14px; }
    
    
    #btn_nav {display:block; position:absolute; right:4%; top:20px; }
    
  /*========= main ===========*/
    
    #visual2 {padding:0 0 80px; }
    .visu_layout .visu_img {height:320px; width:100%; }
    .visu_layout .visu_img .img {width:100%; }
    .visu_layout.on .visu_img .img {width:100%; border-radius:20px;}
    
    #visual2 .visu_img h6 {right:20px; bottom:80px; font-size:32px;  }
    .visu_layout .visu_img .main_slide {width:100%; height:240px; border-radius:30px; overflow:hidden; }
    .visu_layout .visu_img .main_slide img{width:100%; object-fit: cover; height:100%; }
    .visu_layout.on .visu_img{width:100%;  }
    .visu_layout.on .visu_img .main_slide {border-radius:30px; }
    .visu_layout .visu_img .mySwiper {width:100%; overflow:hidden;}
    .visu_layout .visu_txt h3 {font-size:30px; margin-bottom:10px; }
    .visu_layout .visu_txt p{font-size:14px; }
    .visu_layout .mySwiper .swiper-slide {height:60px; }
    
    .visu_layout .visu_txt .download{display:block; }
    .visu_layout .visu_txt .download li {width:60%; margin:0 auto 20px; }
    .visu_layout .visu_txt .download li h4{font-size:17px; }
    
    #main01 {padding:80px 0; }
    #main01 ul {border-bottom:1px solid #ddd; }
    #main01 ul li {margin-top:0; border-top:1px solid #ddd; padding:12px 0; }
    #main01 ul li a {font-size:16px; line-height:1.4; display:flex; justify-content:space-between; align-items: flex-start; word-break: keep-all;  }
    #main01 .board .b_tit {padding-bottom:20px; margin-bottom:0; border-bottom:none;  }
    #main01 ul li a span {float:inherit; display:block; padding-top:2px;  width:70px; text-align:right ;padding-left:10px; }
    #main01 .board .b_tit h2 {font-size:22px;  }
    #main01 ul li a p {font-size:16px; white-space: normal; line-height:1.3; word-break: keep-all; }
    
    
    #main02 {padding:80px 0; }
    #main02 .essen_tit {display:block; text-align:center;}
    #main02 .essen_tit h2 {font-size:30px; margin-bottom:10px; }
    #main02 .essen_tit p {font-size:16px; }

    .essen_tab .tabcontent {height:auto; }
    .essen_tab .tab li.current img {transform:scale(0.7); }
    
    .essen_tab .tab li{height:300px; display:block; text-align:Center; opacity:1; }
    .essen_tab .tab li.current {height:300px;}
    .essen_tab .tab li .tab_txt p {font-size:16px;  display:block; }
    .essen_tab .tab li .tab_txt h2 {font-size:20px; }
    .essen_tab .tab li .tab_txt p br{display:none; }
    .essen_tab .tab li .tab_txt h6 {display:block; }
    .essen_tab .tab li .tab_txt h6 br{display:none; }
    .essen_tab .tab {height:auto; }
    
    
    
    
  /*========= footer ===========*/

    
    #footer .ft_top h2 {font-size:30px; }
    #footer .ft_btm ul {text-align:center; }
    #footer .ft_btm ul li {margin-right:12px; font-size:13px;  }
    #footer .copyright {font-size:12px; text-align:Center; }
    
    

  /*========= sub ===========*/
    
    
    #sub_contents{padding-bottom:80px; }
    
    #sub_visual {width:94%; transform:translateX(0); height:120px; margin:30px auto 60px; position:relative;}
    #sub_visual:after{content:""; width:100%; height:120px; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; }
    #sub_visual h2 {font-size:22px; font-weight:700; transform:translate(-50%,-50%);left:50%; color:#fff; z-index:10; }
    #sub_visual .location {display:none; }

    .b_list table th {line-height:1.4; padding:15px 0; }    
    .b_list table td {line-height:1.4; padding:12px 5px; ; }    
    .b_list table td a{padding-left:0; font-size:15px; line-height:1.4; }
    .list_page ul {margin-top:30px; }

    
    
     .set_tit {font-size:20px; margin-bottom:20px; }
    .set_step ul li {width:100%; margin-right:0; margin-bottom:20px;  }
    .set_step ul li .txt h3 {font-size:15px; }
    .set_step ul li .txt .num {font-size:13px; padding:8px 16px; margin-bottom:5px; }
    
    .set_step_box ul li p {font-size:15px; padding-left:12px; }

    .price_wrap .tit h2 {font-size:2.2rem; }
    .price_wrap .tit h5 {font-size:1.7rem; line-height:1.4; word-break:keep-all;  }
    .price_wrap .tit ul li {font-size:1.5rem; line-height:1.3; }
    .price_wrap .tit ul li:before {top:8px; }
    .price_wrap>.box {padding:20px; }
    .price_wrap>.box ul li {font-size:1.5rem; }
    .price_wrap>.box ul li:before {top:8px; }
    
    .price_wrap .price .p_tit {font-size:2.2rem; }
    .price_wrap .price .p_tit span {display:block; font-size:1.6rem; padding-left:0; margin-top:10px; }
    .price_wrap .price table th,
    .price_wrap .price table td {font-size:1.4rem; width:auto; }
    
    .price_wrap .price .p_box .wrap {width:49.5%; padding:15px; }
    .price_wrap .price .p_box .wrap h3 {font-size:1.5rem; margin-bottom:10px; }
    .price_wrap .price .p_box .wrap ul li h5 {font-size:1.4rem; }
    .price_wrap .price .p_box .wrap ul li h6 {font-size:1.5rem; }


.sub_list {width: 100%; overflow: hidden; }
.sub_list li {display: inline-block; width:31%;margin-right: 2.2%; margin-bottom:4%;  }
.sub_list li:nth-of-type(3n) { margin-right:0; }
.sub_list li a { display:block; width:100%;  }
.sub_list li a p {  margin-top: 10px; font-size: 16px; text-align: left;}
.sub_list li a img {width:100%;  }



}