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

  #header h1 a img{height: 46px; }
  #nav .dep1{font-size: 16px; padding: 0 20px; }

  .renew .center,
  .renew .main2 .parallax__item .center{min-width: 96%; width: 96%; }
  .renew .main2 .parallax__item .center{padding-left: 0; }


  .parallax__nav .nav_list{position: initial; padding: 20px; background: #000; }
  .parallax__nav .nav_list li a{display: flex; align-items: center; gap: 2px; }
  .parallax__nav .nav_list li a.active h2,
  .parallax__nav .nav_list li a.active h2 span{font-size: 15px; }

  .parallax__nav .nav_wrap{position: absolute; width: 100%; left: 0; top: 0; transition: 0s linear; }

  .parallax__nav .nav_wrap .btn_dep{position: relative; color: #fff; font-weight: 600; font-size: 15px; display: block; padding: 25px 20px; width: 100%; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(5px); transition: 0s linear; transform: translateY(5px); display: block; text-transform: uppercase;}
  .parallax__nav .nav_wrap .btn_dep::after{content: '▼'; position: absolute; top: 48%; right: 20px; transform: translateY(-50%); font-size:12px; }
  .parallax__nav .nav_wrap ul{padding: 15px 0 10px; position: absolute; top: 70px; display: none; background: #000; width: 100%; height: max-content; transition: 0s linear; left: 0;   }
  .parallax__nav .nav_wrap ul li a{padding: 16px 20px; opacity: .5;  color: #fff; font-weight: 600; font-size: 14px; text-transform: uppercase;}

  .parallax__nav .nav_wrap ul li a.active {opacity: 1; }

  /*anchor_menu_down*/
  .anchor_menu_down .parallax__nav .nav_list .btn_dep{background: rgba(0, 0, 0, 1); backdrop-filter: blur(5px);}
  .anchor_menu_down .parallax__nav .nav_list .btn_dep::after{transform: translateY(-50%) rotate(180deg);}
  .anchor_menu_down .anchor_section.active .parallax__nav{backdrop-filter: blur(10px); height: 100vh; }

  .parallax__nav .down_icon{display: none; }

  /*영상사이즈*/
  .renew .main2 .thumb_box{width: 640px; }
  .renew .main2 .parallax__item.active .thumb_box{transform: translate(0px, -50%); }
  #wrapper.renew.static .main2 .parallax__item.active .thumb_box{transform: translateX(65px);}


  .renew .point .center{padding: 0 20px; }

}

@media screen and (max-width: 1200px) {
  .renew .main2 .thumb_box{width: 480px; }
  #wrapper.renew.static .main2 .parallax__item.active .thumb_box{transform: translateX(0);}
}


@media screen and (max-width:991px) {
    /*========= header ===========*/

    body,html {font-size: 15px;}

#header h1 a {  font-size:2rem; }


#nav a {height:4rem; padding:0 1.5rem; font-size: 1.05rem;}

#header .set_login > a {width:70px; height:32px; font-size:0.85rem; }


/*========= footer ===========*/


#quick {right:1rem; top:auto; bottom:1rem; transform:translateY(0)}
#quick a {width: 4rem; height: 5rem; padding:0 1.2rem; font-size: 0.8rem; }
#quick img {display: block; width:100%; height:auto; margin-bottom:0.625rem;}


/* visual */
.visual { height:25rem;}

.main_title h2 {font-size: 1.7rem; line-height:1.2; }



/* main1 */

.main_pd_list {grid-template-columns:repeat(3,1fr) ;}
.main_pd_list .row {padding:1.5rem; justify-content: flex-start;}
.main_pd_list .row p {font-size: 1.05rem;}
.main_pd_list .row article {width:calc(100% - 100px); padding-left:20px;}
.main_pd_list .buy {padding:1rem; font-size: 1rem;}

.item {width:6rem; height:6rem;  }





/* main2 */
.main2 {display:block;}
.main2 .main_title {width:100%; margin-bottom:30px; text-align: center;}
.main2 .main_title br {display: none;}
.main2 .service {width:100%; }
.main2 .service figure {text-align: center;}
.main2 .service dl { padding-right:0; padding:0 1rem; text-align: center;}
.main2 .service dt {font-size: 1.125rem; text-align: center;}


.main3 {padding:6.25rem 0; }
.main3 > div {width:calc((100% - 6rem)/3)}
    .main3 .latest hgroup {margin-bottom: 1.2rem;}
.main3 .latest hgroup h2 {font-size: 1.35rem;}
.main3 .latest ul li { padding:1rem 0;}
.main3 .latest ul li a {font-size: 1rem;}
.main3 .latest ul li .date {font-size: 0.9rem;}
.main3 .btn_more { top:0; width:4rem; height:1.8rem; font-size: 0.8rem; }

.main3 .cs {}
.main3 .cs h2 { margin:1rem 0; font-size: 1.2rem; }
.main3 .cs img {width:auto; height:60px;}
.main3 .cs .tel {font-size: 2rem;}
.main3 .cs .hour {margin:0.5rem 0 1rem 0; font-size: 1rem; }
.main3 .cs .refer {font-size: 0.9rem;}



.sub_visual .center {height:6rem;}
.sub_visual h2 { font-size: 1.5rem;}

#contents.sub {padding:3rem 0 8rem 0;}

.pd_list1 {grid-template-columns: repeat(4,1fr); grid-gap:3rem 0;}
.pd_list1 .item {width: 6rem; height: 6rem; border-radius:20px; }
.pd_list1 .tit {margin:1.2rem 0 0.6rem 0; font-size: 1.1rem; }

.pd_list2 > a {padding:20px;}
.pd_list2 .item {width:8rem; height:8rem; border-radius:20px;}
.pd_list2 .btn_buy {width: 4.5rem; height: 4.5rem; padding:1rem; font-size: 1rem; line-height:1; }
.pd_list2 article  {padding-left:2rem;}
.pd_list2 article .option span {font-size:11px; }
.pd_list2 article .tit {margin:1rem 0 1.5rem 0; font-size: 1.2rem;}
.pd_list2 article .price {font-size: 1.1rem; }






.view_top .pd_img { width: 25rem; height:25rem; }

.view_top .pd_info {width: calc(100% - 25rem); padding-left:3rem; }
.view_top .pd_info .tit {font-size: 1.4rem; }
.view_top .pd_info h3 {margin-top:1.5rem; margin-bottom:1.2rem;  font-size: 1.1rem; text-decoration: underline}
.view_top .pd_info fieldset {padding:1.2rem 1.5rem;}


.view_top .pd_info .btn_buy { height:3.2rem; margin-top:1.5rem; font-size: 1.2rem;}











}