/* breakpoint: tablet ~ mobile */

@media only screen and (max-width: 1600px) {
.sec10_slider_cont .txt_cont{right: -8.09vw;}
}


@media only screen and (max-width: 1450px) {
.sec8_slider_wrap .sec8_swiper_btn{display:none;}
}

@media only screen and (max-width: 1280px) {
  /* common */
  html { font-size: 1vw; }
  .inner{max-width:none;padding:0 8vw;}
  .is-pc{display:none;}
  .is-mo{display:inline;}
  .s_txt {font-size:0.8rem;margin-top:-1rem;}
  #main_v2 .section { padding:10rem 0; }

  /* header */
  #header { height:50px; }
  .head { max-width:100%; height:100%; padding:0 16px; text-align:center; }
  .head_logo { top:0; left:50%; top:50%; height:100%; transform: translate(-50%, -50%); }
  .head_logo a{ display:inline-block; height:100%; padding-top:12px; }
  .head_logo img {width:43px;}
  .head_lt{padding-top:10px;}
  .head_rt{position: absolute;right:16px;padding-top:0;top:50%;transform: translateY(-50%)}

  /****** 버전2_css *****/
  #main_v2 #visual {margin-top: 50px;}

  /* quick menu */
  .quick_menu li a{ width:auto; height:auto; line-height:normal; padding:1rem 0.5rem; font-size:1.4rem; }
  .quick_menu li a.active { width:auto; margin-left:-1.8rem; }
  .quick_menu li.active a{ width:auto; }
  .quick_menu.freeze li { margin-left:0 !important; }
  .quick_menu.freeze li a { color:transparent; }
  .quick_menu.freeze li a.active { width:auto; padding: 0; margin-left: -1rem; }

  /**** section ****/
  /* visual */
  .vis_list { height: 99.38vw !important; /* padding-top:55%; */ background-position:center; background-size:cover; }
  .vis_list .pc{display: none;}
  .vis_list .mob{display: block;}
  .vis_bg1{ background-position:center; }
  .vis_bg1::before{ background-position:center  20%; background-size:cover; }
  .vis_list .vis_txt { width:100%; padding:0 16px; left:0; transform: translate(0, 0); }
  .vis_list.vis_bg1 .vis_txt{ bottom:5rem; font-size:2.2rem; }
  .vis_list.vis_bg2 .vis_txt{ bottom:4rem; font-size:2.2rem; }
  #visual .visual_pagination { gap:0.8rem; margin-top:2rem; padding:0 8vw; }
  #visual .visual_pagination span { width:25%; height:0.7rem; }
  #visual .visual_pagination span:first-child,
  #visual .visual_pagination span:last-child { margin:0; }

  /* section2 */
  #main_v2 #section2 { height:auto; padding-bottom:5rem; }
  #section2 h2 { margin:3.5rem 0 2.5rem; font-size:5.5rem; }
  #section2 .txt_wrap { padding:2rem 3rem; border-radius: 2rem 0 0 2rem; }
  #section2 .txt_wrap:after { width:100vw; left:100%; }
  #section2 .txt_wrap p { font-size:2rem; }
  #section2 .sec2-swiper { z-index:10; position: relative; display:block; margin:5rem 0 0 -1.3rem; }
  #section2 .sec2-swiper .scroll-x{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; }
  #section2 .sec2-swiper img{ max-width:none; width:150%; }
  #section2 .s_txt{ margin-top:1rem; }

  /* section3 */
  #main_v2 #section3{ height:auto; padding-top:5rem; padding-bottom:40%; background:none; }
  #section3::before { display:none; }
  #section3::after { height:0; padding-bottom:37.109%; background: url("/images/sec3_bt_bg_m.jpg") no-repeat 0 0; background-size:100%; }
  #section3 .sec2-swiper { display:block; margin:5rem -16px 0 -16px; }
  #section3 .sec2-swiper .scroll-x{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; padding-left:6px; }
  #section3 .sec2-swiper img{ max-width:none; width:150%; }
  #section3 .s_txt{ margin-top:1rem; }

  /* section4 */
  #section4 h2{ font-size:3.4rem; }
  #section4 h2:after{ width:calc(100vw - 36vw); height:2.7rem; top:1.7rem; }
  #section4 .sec4_cont_wrap { width:100%; margin-top:7rem; padding:5rem 0 8rem; border-radius: 5rem 5rem 0 0; }
  #section4 .sec4_cont_wrap:before { top:-4rem; width:33rem; height:11.8rem; right:11.2rem; }
  #section4 .sec4_inner{height:40rem;}
  #section4 .sec4_inner > div + div{margin-top:0;}
  #section4 .sec4_cont_wrap h3 { font-size:6rem; margin-bottom:3rem; }
  #section4 .sec4_cont_wrap p { margin:0 6rem; padding:0 9rem 11rem 9rem; font-size:3.8rem; }
  #section4:after { height:25rem; }

  /* section5 */
  #main_v2 #section5 { margin-top:12rem; }
  #section5 .tit_wrap { padding:2.5rem 0 2rem; border-radius: 0 0 5rem 5rem; }
  #section5 .tit_wrap h2 { font-size:2.5rem; }
  #section5 .sec5_cont_wrap { margin-top:8rem; }
  #section5 .tit_wrap h2:before{ width:5rem; height:3.4rem; left:-7rem; }
  #section5 .tit_wrap h2:after{ width:5rem; height:3.4rem; right:-7rem; }
  #section5 .sec5_cont_wrap ul { gap:5rem; }
  #section5 .sec5_cont_wrap .bt_list { margin-top:5rem; }
  #section5 .sec5_cont_wrap ul:after { display:none; }
  #section5 .sec5_cont_wrap ul:before { width:100%; right:0; top:10rem; }
  #section5 .sec5_cont_wrap ul li .count { height:8rem; gap:1rem; }
  #section5 .sec5_cont_wrap ul li .txt_area { margin-top:5rem; font-size:1.5rem; }
  #section5 .sec5_cont_wrap ul li .count div { font-size:8rem; }
  #section5 .sec5_cont_wrap ul li .count span { font-size:3rem; }
  #section5 .sec5_cont_wrap ul li .txt_area em:before { height:1.2rem; top:0.7rem; }
  #section5 .sec5_cont_wrap .s_txt2 { margin-top:2rem; font-size:1.3rem; }

  /* section6 */
  #main_v2 #section6 { margin-top:6rem; }
  #section6 .inner { padding-top:5.5rem; }
  #section6 .why { width:100%; padding:1rem 0 0.5rem; border-width: 0.3rem; border-radius: 1.7rem; }
  #section6 .why p { font-size:2.6rem; }
  #section6 h2 { margin-top:3rem; font-size:6.3rem; }
  #section6 h2 span:after { width:11.7rem; height:6.4rem; top:0.3rem; }
  #section6 .sec6_swiper_wrap { padding: 0 6rem; }
  #section6 .sec6_slider_wrap { margin-top:3rem; padding:1.5rem 0 0 0; }
  #section6 .sec6_list { border-radius: 0; padding:2rem; box-shadow: none; background:none; }
  #section6 .sec6_list .box{ border-radius: 4rem; padding:3rem 4rem; background:#fff; box-shadow: 0.3rem 0.3rem 1.6rem 0.7rem rgba(208,132,3,0.47); position:relative;overflow:hidden;}
  #section6 .sec6_list .img_area { left:-1px; }
  #section6 .sec6_list .img_area img{ width:20rem; }
  #section6 .sec6_list .txt_area h3 { font-size:4.2rem; margin-bottom:6rem; }
  #section6 .sec6_list .txt_area p { font-size:2.3rem; }
  #section6 .sec6_arrow .sec6_prev, #section6 .sec6_arrow .sec6_next { width:5rem; height:5rem; border-width:0.4rem; background-size:60%; }
  #section6 .sec6_arrow .sec6_prev { left:0; }
  #section6 .sec6_arrow .sec6_next { right:0; }

  /* section7 */
  #section7::before { height:19.2rem; }
  #section7 .inner { padding-top:5.5rem; }
  #section7 .why { width:100%; padding:1rem 0 0.5rem; border-width: 0.3rem; border-radius: 1.7rem; }
  #section7 .why p { font-size:2.6rem; }
  #section7 h2 { margin-top:2rem; font-size:4rem; }
  #section7 h2 span { margin:-1rem 0 0 -3rem; }
  #section7 h2 span:after { width:30rem; height:9rem; }
  #section7 .sec7_cont_wrap { margin-top:6rem; }
  #section7 .sec7_cont_wrap ul { margin:1rem auto 0; width:100%; }
  #section7 .sec7_cont_wrap ul li{ width:100%; margin-right:0; margin-top:1.5rem; box-shadow: 0.5rem 0.5rem 2rem 1rem rgb(213 213 213 / 31%); border-radius: 1.5rem; padding:2.5rem 4.5rem; }
  /* #section7 .sec7_cont_wrap ul li:hover{ background-color: #fff; } */
  #section7 .sec7_cont_wrap ul li .img_cont { text-align:left; }
  #section7 .sec7_cont_wrap ul li .img_cont img{ width:20rem; }
  #section7 .sec7_cont_wrap ul li:nth-child(2) .img_cont img{width: 16rem;}
  #section7 .sec7_cont_wrap ul li h3{ font-size:4.2rem; margin-bottom:3rem; }
  #section7 .sec7_cont_wrap ul li p{ font-size:2.3rem; }

  /* section8 */
  #main_v2 #section8 { margin-top:6rem; }
  #section8 h2 { padding:2.2rem 0 2rem 0; font-size:3.4rem; }
  #section8 .sec8_slider_wrap { margin-top:3rem; }
  #section8 .sec8_slider_wrap .slider_main_tit { flex-direction: column; padding-top: 9rem; }
  #section8 .sec8_slider_wrap .slider_main_tit ul { width:100%; }
  #section8 .sec8_slider_wrap .slider_main_tit ul li { width:33.33%; height:6rem; font-size:2.5rem; }
  #section8 .sec8_slider_wrap .slider_main_tit ul li.active { border-width:0.3rem; }
  #section8 .sec8_slider_wrap .slider_main_tit h3 { position: absolute; top:0; left:50%; width:33rem; height:5.3rem; font-size:2.7rem; font-weight:400; box-shadow: 0 0.9rem 0px 0px rgb(255 205 96); border-radius: 1.5rem; transform: translate(-50%, 0); }
  #section8 .sec8_slider_wrap .slider_main_tit p { margin-top:3rem; padding:1rem 2rem; border-radius: 1.5rem; font-size:1.6rem; font-weight:400; }
  #section8 .sec8_slider_wrap .slider_cont { margin:4rem 0 1rem 0; }
  #section8 .sec8_slider_wrap .slider_for_cont { padding:1.5rem; height:35rem; }
  #section8 .sec8_slider_wrap .slider_nav .swiper-wrapper { padding:1.7rem 0 2.7rem !important; }
  #section8 .sec8_slider_wrap .slider_nav .swiper-slide { width:15rem !important; height:15rem; }
  #section8 .sec8_slider_wrap .slider_tit { top:1.5rem; left:1.5rem; width:52rem; height:calc(100% - 3rem); padding:2.7rem 0 0 6.2rem; }
  #section8 .sec8_slider_wrap .slider_tit h3 { font-size:3.9rem; margin-bottom:3rem; }
  #section8 .sec8_slider_wrap .slider_tit p { font-size:1.8rem; font-weight:400; margin-bottom:2rem; }
  #section8 .sec8_slider_wrap .slider_tit span { width:17.7rem; font-size:1.9rem; font-weight:400; padding:0.7rem 0 0.5rem 0; }
  #section8 .sec8_slider_wrap .desc { font-size:1.4rem; }
  #section8 .sec8_slider_wrap .sec8_swiper_btn { display:none; }
  #section8 .sec8_slider_wrap .slider_main_tit p::after { border-top-width:2rem; border-right-width:1rem; border-left-width:1rem; }

  /* section9 */
  #main_v2 #section9 { height:auto; }
  #section9 .tit_cont { width:100%; margin-top:3rem; padding-right:8rem; }
  #section9 .tit_cont h2 { display:inline-flex; justify-content: flex-start; width:auto; padding:1.5rem 8rem; font-size:3rem; font-weight:400; box-shadow: 0 1.2rem 0 0 rgb(251 160 0); }
  #section9 .tit_cont h2 span { }
  #section9 .tit_cont .text { justify-content: flex-start; width:100%; padding-left: 8vw; }
  #section9 .tit_cont .text span { margin-top:4rem; font-size:3.5rem; font-weight:400; padding-left:6rem; }
  #section9 .swiper_box { position:static; top:0; min-height:auto; }
  #section9 .swiper_box .swiper { overflow:hidden; width:100%; height:auto; padding:0; }
  #section9 .swiper-wrapper { margin-top:3.5rem; }
  #section9 .swiper-slide{ transform: scale(0.7); overflow: inherit; padding-bottom: 2vw; }
  #section9 .swiper-slide .img_wrap{ padding: 0.9rem; overflow: inherit; }
  #section9 .swiper-slide .img_wrap::before { left:0; width:100%; height:100%; border-width:1.8rem; }
  #section9 .swiper-slide .img_wrap img { width:100%; height:100%; }
  #section9 .swiper-slide.swiper-slide-active .img_wrap::before{ border-width:1.5rem; box-shadow: 0.9rem 0.9rem 0 0 rgb(236, 112, 64); }
  #section9 .swiper-slide.swiper-slide-active img { box-shadow: 0.9rem 0.9rem 0px 0px rgb(236 112 64); }
  #section9 .swiper-controll { width: 43vw; height:4rem; transform: translate(-49%, -25%); }
  #section9 .swiper-controll .sec9_btn { width:3.5rem; height:3.5rem; }
  #section9 .swiper-controll .swiper-button-prev { background-size: 28%; left: 1rem; }
  #section9 .swiper-controll .swiper-button-next { background-size: 28%; right: 1rem; }
  #section9 .info_cont { position: static; bottom:0; width:100%; margin-top:-3rem; padding: 0 0 0 51rem;; }
  #section9 .info_cont .desc { padding:1.9rem 16px 1.5rem 16.5rem; }
  #section9 .info_cont .slider_icon { /* top:-6rem; */ left:-3rem; width:18rem; }
  #section9 .info_cont span { font-size:1.4rem; letter-spacing: -0.02em; }
  #section9 .info_cont span::after, #section9 .info_cont span::before { top:0.3rem; width:3.4rem; height:2.8rem; display:none; }
  #section9 .info_cont span::before{left: -20%;}
  #section9 .info_cont .desc::after { width:100%; height:1.5rem; bottom:-1.5rem; left: 90px; }
  #section9 .info_cont p { margin-top:4rem; padding-left:11rem; padding-right:8vw; font-size:1.4rem; }

  /* section10 */
  #main_v2 #section10 { padding:10rem 8vw; }
  #section10 h2{ margin: 0 auto 4rem; font-size: 3.5rem; font-weight: 400; width: 100%; }
  #section10 .sec10_slider_wrap { margin-top:3rem; }
  #main_v2 .sec10_slider_cont { height:46.2rem; margin-top:10rem; }
  #section10 .sec10_slider_cont .swiper-slide { width:100%; height:35.5rem; }
  #section10 .sec10_slider_cont .swiper-slide .img_cont { overflow:hidden; border-radius: 5rem; }
  #section10 .sec10_slider_cont  .txt_cont {right: -2.3vw; top: -4vw;}
  #section10 .sec10_slider_cont .txt_cont ul{height:8rem; }
  #section10 .sec10_slider_cont .txt_cont ul li{font-size: 1.25rem; /* height:5.5rem;  */padding:1.2rem 2.5rem}
  #section10 .sec10_slider_cont .txt_cont ul li:last-child{padding: 1.2rem 2.2rem;}
  #section10 .sec10_slider_cont .txt_cont::after, #section10 .sec10_slider_cont .txt_cont::before{display:none}
  #section10 .sec10_slider_cont .swiper-slide-active .img_cont { border-width:0.9rem; border-radius: 5rem; transform:scale(1); }
  #section10 .sec10_slider_cont .swiper-slide-active .img_cont img { border-width:0.9rem; border-radius: 4rem; }
  #section10 .sec10_slider_cont .swiper-slide-active::after { border-radius: 5rem; box-shadow: 0.15rem 0 6rem 2rem rgb(110 110 110 / 60%); transform: scale(1); }
  #section10 .sec10_slider_cont .arrow { width:96.2vw; height:5.3rem; }
  #section10 .sec10_slider_cont .arrow .sec10_prev,
  #section10 .sec10_slider_cont .arrow .sec10_next { padding:0 2rem; }
  #section10 .bg_img { left:0; display:block; height:2.3rem; }
  #section10 .bg_img .line { left:0; border-width:1rem; height:2rem; }
  #section10 .bg_img span { font-size:1.4rem; font-weight:400; right:8vw; bottom:4rem; transform: translateX(0);}
  #section10 .bg_img::after { left:16px; margin-left:0; width:24rem; height:26.4rem; bottom:1.9rem; }

  /* section11 */
  #main_v2 #section11{ margin-top:12rem; }
  #section11 .tit_banner { display:flex; align-items: center; justify-content: center; height:auto; padding:4rem 12rem; border:none; background: url('../images/sec11_banner_m.jpg') no-repeat 0 0; background-size:cover; }
  #section11 .tit_banner .img { margin:0; width: 55vw; }
  #section11 .inner { margin:7.7rem auto 0; }
  #section11 .search_wrap { flex-direction: column; align-items: flex-start; padding:0; }
  #section11 .search_wrap .title { width:12rem; font-size:2rem; margin-right:0; }
  #section11 .area { width:100%; }
  #section11 .area .select_cont { flex:1; width:100%; }
  #section11 .area .select_cont select { flex:1; width:100%; height:7rem; border-width: 2px; padding:0 2rem; font-size:1.8rem; }
  #section11 .store { width:100%; margin-top:2rem; }
  #section11 .store .input { flex:1; }
  #section11 .store .input input{ width:100%; height:7rem; border-width:2px; padding:0 2rem 0 0.5rem; font-size:1.8rem; }
  #section11 .store .search_icon { right:2rem; width:2.5rem; height:2.5rem; }
  #section11 .search_number { margin:6rem auto; font-size:3.8rem; }
  #section11 .table { overflow-x: auto; overflow-y: hidden; border-width:3px; max-height:55rem; width:100%; -webkit-overflow-scrolling: touch; }
  #section11 .table .scroll-x{ width:200%; }
  #section11 .table .title li { font-size:2.2rem; font-weight:400; padding:2rem 1rem; }
  #section11 .table .info div span { font-size:2rem; padding:2rem 1rem; }
  #section11 .table .info div span.plus .desc_cont { width:13rem; height:9rem; font-size:1.4rem; left:0; }
  #section11 .pagination { margin-top:2.5rem; }
  #section11 .pagination .page_item { height:5rem; line-height:5rem; padding:0 1rem; }
  #section11 .pagination .page_item a { font-size:3rem; }

  /****** footer *****/
  footer {margin-top: 16rem;margin-bottom: 10rem;}
  footer .info_cont {width:100%;padding: 5rem 8vw;}
  footer h2 {font-size: 5rem;margin-bottom: 4rem;}
  footer ul {display:block;margin-bottom:1rem;}
  footer ul li {display:inline-block;margin-bottom:1rem;margin-right:1.5rem; padding-right:1.5rem;}
  footer ul li,
  footer ul li a {font-size: 2rem;}
  footer .info > div span,
  footer .info > div {font-size: 2rem;margin-bottom: 2rem;}
  footer .info > div strong,
  footer .info > div span strong {margin-right: 3rem;}
  footer .info > div span.tell {margin-right: 9rem;}
  footer .co {padding: 1.7rem 0;font-size: 1.5rem;}

  /* floating */
  .fix_apply_menu.q_fix { padding:1.25rem 0; }
  .fix_apply_menu.q_fix .apply_inner_menu { /*  flex-direction: column; */ }
  .fix_apply_menu.q_fix .fix_apply_txt { font-size:2rem; }
  .fix_apply_menu.q_fix .apply_muu span { margin-left:1.8rem; }
  .fix_apply_menu.q_fix .apply_muu span a { font-size:3.125rem; }
  .fix_apply_menu.q_fix .fix_apply_name { font-size:2rem; height:6rem; }
  .fix_apply_menu.q_fix .fix_apply_input_wrap { /* margin-top:1rem; */ }
  .fix_apply_menu.q_fix .fix_apply_input_wrap .input { width: 13.125rem; height:3rem; margin-left:1.2rem; padding:0 1.2rem; font-size:1.6rem; border-radius:0.625rem; }
  .fix_apply_menu.q_fix .fix_apply_input_wrap .input:first-child { margin-left:0; }
  .fix_apply_menu.q_fix .fix_submit_btn { font-size:1.6rem; width:auto; line-height:2.5rem; padding:0 2.5rem; margin-left:2.5rem; border-width:0.5rem }
}

/* breakpoint: mobile */
@media only screen and (max-width: 768px) {
  /* common */
  html { font-size: 1.6vw; }
  .inner{padding:0 16px;}
  .head_lt .btn-search .text{display:none;}
  .vis_list.vis_bg1 .vis_txt .is-mo{display:none;}
  .vis_bg1{background-position: center bottom; background-size:115%;}
  #section4 .sec4_cont_wrap p{font-size: 2.9rem; margin:0;}
  #section5 .tit_wrap h2{font-size: 2.2rem;}
  #section5 .tit_wrap h2:before{left: -6rem;}
  #section5 .tit_wrap h2:after{right: -6rem;}
  #section6 .sec6_list .img_area img{width:14rem;}
  #section7 .sec7_cont_wrap ul li:nth-child(2) .img_cont img{width: 16rem;}
  #section8 .sec8_slider_wrap .slider_for_cont{height: 37rem;}
  #section8 .sec8_slider_wrap .slider_tit{padding:3.1rem 0 0 4.2rem;}
  #section8 .sec8_slider_wrap .slider_tit h3{font-size: 3.3rem; margin-bottom: 3rem;}
  #section8 .sec8_slider_wrap .slider_tit p{font-size: 1.8rem; word-break:keep-all;}
  #section8 .sec8_slider_wrap .slider_tit p br{display:none;}
  #section8 .sec8_slider_wrap .desc{word-break:keep-all;}
  #section9 .info_cont p{padding-right:16px; padding-left:0;}
  #section9 .info_cont .desc{padding: 1.9rem 16px 1.5rem 22.5rem;}
  #section9 .info_cont .desc::after{left: 65px;}
  #section9 .info_cont span{font-size:1.6rem;}
  #section9 .info_cont span::after, #section9 .info_cont span::before{display:block;}
  #section10 .sec10_slider_cont .arrow img{width:3.7vw;}
  #section10 .bg_img span{right:16px;}
  #section10 .sec10_slider_cont .txt_cont{right: -0.3vw;}
  #section10 .sec10_slider_cont .txt_cont ul{height:9.7rem;}
  #section10 .sec10_slider_cont .txt_cont ul li{padding: 1.6rem 2.5rem;}
  #section10 .sec10_slider_cont .txt_cont ul li:last-child{padding: 1.6rem 2.2rem;}
  #section11 .table .title li:nth-child(3), #section11 .table .title li:nth-child(4){display:none;}
  #section11 .table .info div span:nth-of-type(3), #section11 .table .info div span:nth-of-type(4){display:none;}
  .fix_apply_menu.q_fix{padding: 2rem 0;}
  .fix_apply_menu.q_fix .fix_apply_txt{font-size: 2.6rem;}
  .fix_apply_menu.q_fix .apply_muu span a{font-size:4.125rem}
  .fix_apply_menu.q_fix .fix_apply_input_wrap .input{width: 18.125rem; height: 4rem; font-size:2rem;}
  .fix_apply_menu.q_fix .fix_submit_btn{font-size: 2.2rem; line-height: 4rem; padding: 0 3.5rem;}
  .quick_menu li .close_btn{display:none;}
  
  /*.vis_bg1{background: url("/images/m_vis_241230.png") no-repeat center / cover;}*/
  .vis_bg1{background: url("/images/m_main_250604.png") no-repeat center / cover;}
  .vis_bg1::before,
  .vis_bg1::after{display:none;}
  /* .vis_bg2{background: url("/images/vis_img2_m.jpg") no-repeat 50% 50% / cover;}
  .vis_bg3{background: url("/images/vis_img3_m.jpg") no-repeat 50% 50% / cover;}
  .vis_bg4{background: url("/images/vis_img6_m.png") no-repeat 50% 50% / cover;}
  .vis_bg5{background: url("/images/vis_img7_m.jpg") no-repeat center / cover;} */
  /* .vis_new01{background: url("/images/m_vis_240605.jpg") no-repeat center / cover;} */
  /* .vis_new02{background: url("/images/vis_new02_m.jpg") no-repeat center / cover;} */

  #section8 .sec8_slider_wrap .slider_tit{width:41rem}
  #section8 .sec8_slider_wrap .slider_nav .swiper-slide{width: 18rem !important; height: 18rem;}
  #section8 .sec8_slider_wrap .slider_main_tit p{word-break:keep-all;}

  #section9 .swiper-slide .img_wrap img{width: 95%; height: 95%;}
  #section9 .swiper-slide .img_wrap::before{width: 95%; height: 99%; left: 1.4rem;}
  #section9 .info_cont{margin-top:3rem;}
  footer{margin-bottom: 14.9rem;}


   /* quick_menu */

  .quick_menu_wrap {position: fixed; right: -17vw; top: 50%; transform: translateY(-50%); z-index: 1000; transition: all .3s;}
  .quick_menu_wrap.active {right: 0;}
  .quick_menu_wrap .quick_menu li a.active{margin-left: 0;}
  .quick_menu_wrap.active i {transform: rotate(-90deg) !important;}
  .quick_menu_wrap.on {position: fixed; top: 16.51vw; /* top: auto; bottom: 42vw; */}
  /* .quick_menu_wrap.active.on {position: absolute; top: auto; bottom: 77vw;} */

  .quick_menu_wrap .mob_btn {position: absolute; top: 50%; right: 16.12vw; height: 7.16vw; width: 16.18vw; display: flex; align-items: center; justify-content: center; transform: rotate(90deg) translateY(-50%); background-color: #66b76f; color: #fff;  font-size: 2.86vw; font-weight: 700; line-height: 1; z-index: 2000;}
  .quick_menu_wrap .mob_btn i {transform: rotate(90deg); margin-left: 0.5vw; background:url("/images/menu_arrow.svg") no-repeat center / 100%; width:20px; height:20px;}

  /* quick menu */
  .quick_menu li a{ width:17vw; height:auto; line-height:normal; padding:1rem 0.5rem; font-size:1.5rem; }
  .quick_menu li a.active { width:auto; margin-left:-1.8rem; }
  .quick_menu li.active a{ width:auto; }
  .quick_menu.freeze li { margin-left:0 !important; }
  .quick_menu.freeze li a { color:transparent; }
  .quick_menu.freeze li a.active { width:auto; padding: 0; margin-left: -1rem; }
  .fix_apply_menu.q_fix .apply_inner_menu { flex-direction: column; }
  .fix_apply_menu.q_fix .fix_apply_input_wrap{ margin-top: 1rem; }
  .vis_list { height: 97.66vw !important;/* padding-top:97.65%; */ }
  #visual .visual_pagination { padding:0 16px; }
  #section2 .txt_wrap:after { width:16px; left:auto; right:-16px; }
  #section2 .sec2-swiper { margin:5rem 0 0 -8px; }
  #section4 h2:after{ width:calc(100vw - 32px); }
  #main_v2 #section10 { padding:10rem 16px; }
  #section9 .swiper_box .swiper { padding:0 calc(2rem + 32px); }
  #section9 .swiper-slide { transform: scale(1); }
  #section9 .info_cont { padding:0 0 0 calc(3rem + 16px) }
  #section9 .tit_cont { padding-right:16px; }
  #section9 .tit_cont h2 { padding:1.5rem 2.5rem 1.5rem 16px; }
  #section9 .tit_cont .text { padding-left:18px; }
  #section9 .tit_cont .text span { padding-left:5rem; }
  #section9 .swiper-controll { width:92vw; }
  #section10 .sec10_slider_cont .arrow .sec10_prev { left:-1rem; }
  #section10 .sec10_slider_cont .arrow .sec10_next { right:-1rem; }

  footer .info_cont {padding: 5rem 16px;}
}

@media only screen and (max-width: 480px) {
#section10 .sec10_slider_cont .txt_cont{display:none;}
}

@media only screen and (max-width: 440px) {
  #header{height:16vw;}
  .head_logo{height:auto}
  .head_logo a{height: auto; padding-top: 0;}
  .head_logo img{width: 13.77vw}
  .head_lt{position:absolute;padding-top:0; top:50%; transform: translateY(-50%)}
  .head_lt .btn-search .ico-search{width: 6.23vw; height: 7.82vw; background-size: contain;}
  .head_rt{gap:2vw;}
  .head_rt li a img{width: 7.56vw;}
  #main_v2 #visual{margin-top:16vw}


}

@media only screen and (max-width: 375px) {
  .quick_menu_wrap .mob_btn{height: 10.8vw; width: 23.18vw;}
  #section5 .sec5_cont_wrap ul.tp_list{gap:0}
  #section5 .sec5_cont_wrap ul li{display: flex; flex-direction: column; align-items: center; width:33.3%;}
  #section5 .sec5_cont_wrap ul li .txt_area{font-size:2vw;}
  /* #section5 .sec5_cont_wrap ul li .txt_area br{display:none;} */
  /* #section5 .sec5_cont_wrap .bt_list li .txt_area{width:77%;} */
  #section8 .sec8_slider_wrap .slider_main_tit p{padding: 1rem 9rem; text-align:center;}
  #section8 .sec8_slider_wrap .slider_tit h3{margin-bottom: 3rem;}
  #section8 .sec8_slider_wrap .slider_tit p{/*font-size:1vw; */font-size:1.6rem;word-break:keep-all;}
  #section8 .sec8_slider_wrap .slider_tit br{/*display:none;*/}
  #section8 .sec8_slider_wrap .slider_tit span{width: 21.7rem;}
  #section8 .sec8_slider_wrap .slider_for_cont{height: 44rem;}
  /* #section9 .info_cont span br{display:none;} */
  #section9 .info_cont .slider_icon{width:16rem}
  #section9 .info_cont .desc{padding-left:19rem}
  #section9 .info_cont .desc::after{left:50px;}
  #section9 .info_cont span::before{left:-16%}
  #section9 .info_cont span::after{right:-16%}
  #section10 .bg_img::after{width: 20rem; height: 23.4rem;}
}

@media only screen and (max-width: 321px) {
#section5 .sec5_cont_wrap ul li:nth-child(3) .txt_area br{display:none;}
}