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

@media screen and (max-width: 1600px) {
  html, body{font-size: 16px;}  
  
  .f_bg{top: -8vh;}
  @keyframes f_move{
  0% {top: -8vh;}
  100% {top: -10vh;}}
  .m4_bgtxt{right: -18%;}
}

@media screen and (max-width: 1400px) {
  html, body{font-size: 15px;} 

  .nav > li{width: 19%;}
  .f_bg{top: -6vh;}
  @keyframes f_move {
	0% {top: -6vh;}
	100% {top: -8vh;}
  }
  .m2_bg{width: 80px; left: 0%; bottom: -8vh;}
  .m4_con{width: 450px; height: 450px;}
  .m4_txt p:nth-child(3){font-size: 1rem;}
  .m5_tape{width: 80px; top: -7vh;}
  .m6_ul > li.map{width: 600px; height: 600px;}
  .m6_ul > li.info{width: calc(100% - 600px);}
  .m7_ul > li{width: 300px; height: 300px; padding: 40px;}
  .m7_ul > li:hover{padding: 50px;}
  .s112_info{left: 90px;}
  .s222_ul > li{width: 340px; height: 340px;}

}

@media screen and (max-width: 1200px) {
  html, body{font-size: 14px;}
  .f_bg{top: -5vh;}
  .f_info p span.txt{margin-right: 10xp;}
  @keyframes f_move{
	0% {top: -5vh;}
	100% {top: -7vh;}}
  .m2_bg{width: 60px; bottom: -10vh;}
  .m4_con{width: 400px; height: 400px;}
  .m4_bgtxt{right: -28%;}
  .m5_wrap .more{bottom: 6vh;}
  .m7_ul > li{width: 280px; height: 280px; padding: 40px;}
  .m7_ul > li:hover{padding: 40px;}
  .s112_info{left: 100px;}
  .s213_ul > li .con p{font-size: 1rem;}
  .s222_ul > li{width: 290px; height: 290px;}
}

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

@media screen and (max-width: 840px) {
  .pc{display: none;}  
  .s112{margin: 0;}
  .mob{display: block;}
  html, body{font-size: 17px; height: auto;}

  /*header*/
  #header:hover{height: 80px; background: transparent; box-shadow: none;  overflow: unset;}
  .h_inner > div.h_nav{display: none;}
  .h_inner > div.h_etc{position: absolute; right: 0;}
  .h_inner {position: relative;width: 93%;}


  .tit_point{display: none;}
  .mobnav .ari{display: none;}

  .sitemap_inner{position: static; transform: translate(0,0); width: 100%;}
  .mob_nav > li > p{font-size: 1rem;}
  .mob_nav > li:nth-child(1){padding: 0;}

  .mob_nav .mob_tit{padding: 16px 5%; display: flex; justify-content: space-between; align-items: center; position: relative;}
  .mob_nav .mob_tit span{text-align: end; width: 22px; height: 22px; position: relative;}
  .mob_nav .mob_tit span::before{content: ''; width: 100%; height: 1px; background: #262626; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
  .mob_nav .mob_tit span::after{content: ''; width: 100%; height: 1px; background: #262626; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(90deg) !important; transition: all 0.4s;}
  .mob_nav > li.open .mob_tit span::after{transform: translateY(-50%) rotate(0deg) !important;}
  .mob_nav .mob_tit::before{content: '';position: absolute;right: 40px;top: 50%;transform: translate(0, -50%);width: 18px;height: 1px;background: #fff;transition: all 0.4s;}
  .mob_nav .mob_tit::after{content: '';position: absolute;right: 48px;top: 50%;transform: translate(0, -50%);width: 1px;height: 18px;background: #fff;transition: all 0.4s;}
  .mob_nav .open .mob_tit::before{transform: translate(0, -50%)rotate(180deg);}
  .mob_nav .open .mob_tit::after{opacity: 0;}

  .mob_nav{display: block;}
  .mob_nav > li{width: 100%; padding: 0; border: 0;}
  .mob_sub{margin-top: 0; display: none; background: #fff; color: #000; padding: 12px 5%;}
  .mob_sub > li > a{font-size: 0.9rem; padding: 7px 0;}

  /*footer*/
  .footer{padding: 4vh 0;}
  .f_bg{animation: none; top: -3vh;}
  .f_top{width: 120px; top: -7vh;}
  .f_inner > div.f_logo{width: 100px;}
  .f_inner > div.f_info{width: calc(100% - 100px); margin-top: 0;}
  .f_inner > div.f_nav{width: 100%; text-align: center;}
  .f_inner > div.f_nav > ul > li{display: inline-block; vertical-align: top; width: 16%;}

  /*main*/
  .main1{margin: 20vh 0 10vh;}
  .m1_bg3{bottom: -4vh;}
  .m1_con p .love{left: 0;}
  .m1_con{margin: 0 auto 12vh;}
  .m1_con p{font-size: 1.8rem;}
  .m1_ul > li.txt p.ari{font-size: 2.4rem; margin: 1.5vh 0 3vh;}
  .m1_ul > li.txt p:nth-child(3) br:nth-child(3){display: none;}
  .main3{margin-top: -6vh;}
  .main4{padding: 10vh 0 0;}
  .m4_tit .ari{font-size: 2.4rem; margin: 1.5vh 0 3vh;}
  .m4_ul{margin: 6vh auto;}
  .m4_ul > li{width: 100%; text-align: center;}
  .m4_ul > li.right{margin-top: 6vh; text-align: center;}
  .m4_txt{width: max-content;}
  .m4_bgtxt{display: none;}
  .main5::after{height: 75%; bottom: -1px;}
  .m5_wrap{padding-bottom: 5vh;}
  .m5_ul{width: 70%;}
  .m5_ul > li.img{width: 100%; margin: 0;}
  .m5_ul > li.txt{width: 100%; padding: 0; margin-top: 6vh;}
  .m5_ul > li.txt p.ari{font-size: 2.4rem; margin: 1.5vh 0 3vh;}
  .m5_wrap .more{right: auto; left: 15%; bottom: 5vh;}
  .main6{padding: 0 0 6vh; margin-bottom: -1px;}
  .m6_ul > li.map{width: 100%; height: 40vh;}
  .m6_ul > li.info{width: 100%; text-align: initial; padding: 6vh 0;}
  .m6_bg{width: 100%; height: 100%; left: 0; bottom: 0; right: auto; top: auto;}
  .m6_bg::after{display: none;}
  .m6_ul > li.info p:nth-last-child(1){margin: 2vh 0 0;}
  .m6_ul > li.info .tit_point::after{left: 0; right: auto;}
  .main7{padding: 10vh 0;}
  .m7_ul{display: block; text-align: center;}
  .m7_ul > li{display: block; margin: 0 auto 8vh; width: 400px; height: 400px;}
  .m7_bg{background: #b31414; height: 100%;}
  .m7_ul > li:hover{padding: 100px;}
  .m7_ul .more a{padding: 1rem;}
}

@media screen and (max-width: 500px) {
  html, body{min-width: auto;} 
  html, body{font-size: 14px;}

  .main1 { margin: 20vh 0 0;}
  .m1_ul { top: 10vh; }
  .m3_bg { padding-top: 300px; width: 100%; height: auto; background-color: #ffe14b; }
  .main3 { margin-top: 0; }
  .m4_con { width: 85vw; height: 85vw; }
  .m4_con .click { width: 13vw; }
  .m5_ul { width: 85%; }
  .m5_ul > li.txt p.con { font-size: 1rem; }
  .m5_wrap .more { left: 7%; }
  .m7_ul > li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 85vw; height: 85vw; }
  .f_top { width: 80px; }
  .f_info p br { display: block;}
  .f_inner > div.f_nav > ul > li { width: 20%; }

  /*sub*/
  .s111 .tit { font-size: 1.5rem;  }
  .s111 .tit .love { top: -20%; }
  .s111 .con { font-size: 1.1rem;  }
  .s112 { background: url(../img/s1/s112_bg.png) no-repeat 100% 0% / contain; }
  .s112_con { width: auto; }
  .s112_con .s112_body { width: 30%; right: -10px; top: 300px; }
  .s112_con .s112_txt{ width: 316px; left: 50%; top: 300px; transform: translateX(-50%); }
  .s112_con .s112_arm { width: 15%; right: 5px; top: 385px; }
  .s112_info { width: 100%; display: flex; flex-direction: column; align-items: center; left: 0; top: 400px; }
  .s114{padding-top: 10rem;}
  .s114 img { width: 95%; margin: 5vh auto 0; }
  .s113 .inner img { width: 95%; }
  .s113 p { font-size: 5.5vw; top: 25%; width: 100%; text-align: center; }

  .sub_tit { font-size: 2.5rem; }
  .s121_ul { display: flex; flex-wrap: wrap; }
  .s121_ul > li { width: 50%; display: block; padding: 10px; margin-bottom: 5vh; }
  .s121_ul > li p { font-size: 4vw; }
  .s121_ul > li:nth-last-child(1) { width: 100%; }

  .s211 .tit .love { right: 0; top: -2.5vh; }
  .s212 { padding-top: 0; }
  .s212_cube { transform: translateY(-40px); }
  .s212_ul > li.img { width: 40%; }
  .s212_ul > li.txt { width: 60%; padding-left: 5%;  }
  .s212_ul2 > li.txt { padding-left: 0%; }
  .s212_ul > li.txt p.tit { font-size: 2rem; }
  .s212_ul > li.txt p { font-size: 1rem; }
  .s212_bot { margin-top: 8vh; }
  .s212_bot p { width: 100%; font-size: 4vw; }
  .s214 { padding-top: 0; margin: 16vh 0 8vh; }
  .s214::after { height: 100%; }
  .s214_ul { padding: 10vh 0; display: flex; flex-direction: column; align-items: center; }
  .s214_ul > li.left { width: 100%; }
  .s214_ul > li.right { width: 100%; }
  .s214_ul > li.right p { text-align: center;  }
  .s214_ul > li.right p br { display: none; }
  .s215_ul { display: flex; flex-direction: column; gap: 8vh; }
  .s215_ul > li { width: 100%; }
  .s215_ul > li img { width: 60%; }
  .s213 { padding: 10vh 0 20vh; }
  .s213_ul > li .con { width: 65%; margin: 0; }
  .s213_subul { display: flex; flex-direction: column; gap: 2vh; }
  .s213_subul > li { width: 100%; }
  .s213_subul > li.txt { display: flex; justify-content: space-between; align-items: center; }
  .s213_subul > li.img img { width: 100%; }
  .s213_ul > li:nth-child(even) .s213_subul > li.txt { order: -1; }

  .s222_ul > li { width: 100%; height: 90vw; }

  .s311 { margin: 10vh auto; }
  .s311 .tit .love { left: -2%; }
  .s313 { padding: 5vh 0; }
  .s313 .con { top: 0; right: 0; font-size: 3.35vw;  }
  .s314 { padding: 5vh 0; }
  .s314_ul { display: flex; justify-content: space-between; }
  .s314_ul > li { width: 19%; font-size: 0.9rem;  }
  .s312_info { width: 100%; display: flex; flex-direction: column; gap: 2vh; }
  .s312_info > li { width: 100%; }
  .s312_info > li p { font-size: 1.4rem;  }
  .s312_info > li::after { width: 90%; height: 3px; right: 50%; top: 110%; transform: translateX(50%); }
  .s312_info > li p br:last-child { display: none; }

  .s411 .tit .love { left: 0; top: -15%; }
  .s412 { margin-bottom: 10vh; }
  .s412_ul { display: flex; flex-direction: column; gap: 3vh; margin: -1vh auto 0; padding: 4vh 3vw; }
  .s412_ul > li { display: flex; justify-content: space-between; align-items: center; width: 100%; text-align: unset; }
  .s412_ul > li::after { width: 100%; height: 4px; right: 0; top: 110%; transform: none; }
  .s412_ul > li p.tit { width: 35%; margin-bottom: 0; text-align: center; }
  .s412_ul > li p.con { width: 60%;  }
  .s412_ul > li p.con br { display: none; }
  .s413 { margin-bottom: 0; }
  .s413_ul { display: flex; justify-content: center; align-items: flex-start; gap: 1vh; flex-wrap: wrap; margin: 0 auto 8vh; }
  .s413_ul > li { display: flex; justify-content: center; align-items: center; width: 100%; }
  .s413_ul > li p.cir { width: 30vw; height: 30vw; margin: 0; box-sizing: border-box; }
  .s413_ul > li p.con { width: 60%; margin-top: 0; }
  .s415 .swiper-slide { opacity: 0 !important; }
  .s415 .swiper-slide-active { opacity: 1 !important; }
  .s415_con { width: 95%; margin: 0; left: 50%; top: 35%; transform: translateX(-50%); }
  .s415_con > li { word-break: keep-all; }
  .s415_con > li.tit { font-size: 2rem; padding-left: 44%; }
  .s415_con > li:nth-child(n+2) br { display: none; }
  .s415_con > li.tit br.mobile { display: block; }
  .s415_control { right: 3%; top: 25%; width: 25vw; }
  .s415_control img { width: 8.7vw; }
  .s415_p { margin-top: 43vh; }
  .s414 { padding: 14vh 0 20vh; }
  .s414_ul { display: flex; flex-direction: column; align-items: center; gap: 3vh; }
  .s414_ul > li.left { width: 50%; margin-left: 20%; }
  .s414_ul > li.right { width: 100%; }
  .s414_info { justify-content: center; }
  .s414_info > li { width: calc(100% / 3); }
  .s414_box { display: flex; flex-direction: column; justify-content: space-between; gap: 1vh; font-size: 1.2rem; }
  .s414_box .txt1 span.ari { font-size: 1.5rem; }
  .s414_box .txt1 span.ari .num { font-size: 2.5rem; }
  .s414_ul2 { margin-top: 6vh; }
  .s414_info2 p { width: 95%; margin: 0 auto; font-size: 1.3rem;  }
  
  .s411 .con span { display: inline; padding: 0 0 0 4px; background-color: #64a0c8; }
  .s421 .con span::after { display: none; }
  .s411 .con br { display: none; }
  .s422_con p.txt1 br { display: none; }
  .s422_con p.txt2 span { line-height: 1.2; }
  .s422_con p.txt2 br:first-child { display: none; }
  .s423 .inner2 { margin: -10vh auto 0;}
  .s423 .inner2 img { position: absolute; top: 0; left: 0; height: 100%; z-index: -1; }
  .s423_info { position: static; transform: none; width: auto; padding: 7vh 3%; }
  .s423_info p.txt2 br:first-child { display: none; }
  .s424 { padding: 15vh 0; }
  .s424 .inner2 p br { display: none; }

  /* 게시판 */
  .sub_board2 { width: 100%; }
  .review_top .s415_control { width: 22vw; }
  .review_top .s415_control img { width: 8vw; }
    .board_top .love{display: none;}
}


@media screen and (max-width: 400px) {
  html, body { font-size: 12px; }
}


@media screen and (max-width: 350px) {
  html, body { font-size: 11px; }
}