@media screen and (max-width:767px) {


  .cont_center	{width:92%; }


  /*========= header ===========*/

    
    #header .hd_top {display:block; height:auto; padding-top:20px;  }

    .m_call {position:absolute; right:0; top:45px; display:block; }
    .m_call a{display:flex; justify-content: flex-end; align-items: center; }
    .m_call a h5{font-size:18px; font-weight:700; font-family: 'Lato', sans-serif; color:#0b2f8f; }
    .m_call a span{width:24px; height:24px; background:#0b2f8f; border-radius:50px; text-align:Center; line-height:24px; margin-right:4px; }
    .m_call a span .fa {color:#fff; }
    
    
    #nav {position:inherit; top:0; transform:translateY(0); margin-bottom:20px; }
    #nav .nav_list>li {margin:0 6px; }
    #nav .nav_list>li .dep1 {font-size:15px; padding:20px 0; }
    
    .main_search{width:100%; margin:20px 0 0; height:50px; }
    .main_search input{width:100%; height:50px; line-height:50px; }
    
    #visual .swiper-slide {height:320px; background-size:cover; }
    #visual .cont_center {height:320px;}
    #visual .cont_center .visu_txt {left:0; }
    #visual .cont_center .visu_txt h3 {font-size:24px; }
    
    
    .game_slide_wrap {position:inherit;width:92%; transform:translate(0,0); left:0; top:0; margin:0 auto; padding-bottom:0; height:auto;  }
    .game_slide_wrap h3 {color:#191919; font-size:20px; font-weight:700; }
    .game_slide_wrap .swiper-slide p {font-size:15px; }
    
    #main01 .cont_center {display:block; }
    #main01 .board {width:100%; padding:0; background:#fff; }
    #main01 .board:last-child {margin-left:0; margin-top: 50px; }
    #main01 .board .b_tit {font-size:20px; }
    #main01 .board2 ul li a{display:block; }
    #main01 .board2 ul li a p{width:100%;  }
    
    #main02 {height:auto; padding:60px 0; background-size:cover; }
    #main02 .main_tit {margin: 0 4% 30px;  }
    #main02 .main_tit h2 {font-size:24px;  line-height:1.4; word-break: keep-all;}
    #main02 .main_tit p {word-break: keep-all;  }
    #main02 .main_tit p br{display:none; }
    #main02 ul {display:block; }
    #main02 ul li {width:100%; margin: 5px auto; }
    
    #main03 {padding:60px 0; }
    #main03 h2 {font-size:20px; }
    
    #main03 .price {grid-template-columns: repeat(4, 1fr); }
    #main03 .price .m_tit {grid-row: 6/7; grid-column: 1/5; }
    #main03 .price .meno {grid-row: 7/8; grid-column:1/5; padding: 10px 12px; }
    #main03 .price .meno ul li {font-size:14px; }
    
    #main03 .price .cont {line-height:1.6; padding:10px 4px; font-size:15px; }
    #main03 .price .left {line-height:1.6; padding:10px 4px; font-size:15px; }
    #main03 .price .tit {line-height:1.6; padding:10px 4px; font-size:15px; }
    
  /*========= footer ===========*/

    #quick1 ul li p {font-size:13px;}

    #footer {padding:40px 0 140px; }
    #footer .cont_center {display:flex; justify-content: flex-start; align-items: flex-start; flex-direction: column-reverse; }
    #footer .bot_btn {position:inherit; width:100%; margin-bottom:30px; } 
    #footer .bot_btn a {width:100%; justify-content: center; padding-left:0; }
    #footer .info {width:100%; }
    

  /*========= sub ===========*/

    #sub_visual .cont_center {height:80px; }
    #sub_visual h2 {font-size:18px; }
    #sub_visual .location li {font-size:13px; }
    
    #sub_contents {padding:50px 0; }
    
    
    .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%;  }



}
