@charset "UTF-8";

.main_img{display: block; width: 100%; height: 690px;}
.main_img img{height: 100%; object-fit: cover; width: 100%;}
.main_text{height: 100%; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.main_text {text-align: center;}
.main_text h2{color: #fff; font-size: 4.8rem; font-weight: 800; margin-bottom: 25px;}
.main_text p{font-size: 2.0rem; color: #fff; font-weight: 300; line-height: 140%;}

.scroll_down{position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto;}
.scroll_down .scroll{width: 28px; height: 48px; border: 2px solid #fff; border-radius: 25px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.scroll_down .scroll .scroll_dot{width: 5px; height: 5px; border-radius: 50%; background: #fff; display: block; animation: scroll 1.15s linear infinite;}

@keyframes scroll {
    0%{
        opacity: 0;
        transform: translateY(-1rem);
    }
    100%{
        opacity: 1;
        transform: translateY(1rem);
    }
}
.theme_visual .point{position: absolute; bottom:-20px; right: 0; z-index: 99;}
.theme_visual .point img{width: 350px;}
.theme_visual .swiper-button-next, .theme_visual  .swiper-button-prev{color: #fff;}
.theme_visual .mbtn{width: 225px; height: 60px; display: block; margin: 0 auto; margin-top: 50px; background: var(--color); text-align: center; line-height: 60px; font-weight: 800; color: #fff; font-size: 2.0rem; border-radius: 30px;}

.main1{padding: 60px 0px 0px 0px;}
.main1 .width{display: flex; gap: 30px 2%;}
.main1 .width a{width: 14%; text-align: center;}
.main1 .width a span{background: #ebebeb; border-radius: 22px; display: inline-block; border: 2px solid #ebebeb; transition: 0.3s all;}
.main1 .width a p{margin-top: 15px; font-size: 1.9rem; font-weight: 500; transition: 0.3s all;}
.main1 .width a:hover span{border: 2px solid var(--color);}
.main1 .width a:hover p{color: var(--color); }

.main2{padding: 80px 4%;}
.main2 h2{font-size: 2.8rem; margin-bottom: 25px; font-weight: 600;}
.main2 h2 b{font-weight: 800; color: var(--color);}
.main2 .now_wrap{display: flex; flex-wrap: wrap; gap: 70px 1%;}
.main2 .now_wrap .now{width:13.4%; }
.main2 .now_wrap .now .img{width: 100%; display: block; border-radius: 12px; overflow: hidden;}
.main2 .now_wrap .now .img img{width: 100%;}
.main2 .now_wrap .now .sns{display: flex; align-items: center; gap: 0px 7px; margin-top: 10px; margin-bottom: 15px;}
.main2 .now_wrap .now .sns p{color: #686868;}
.main2 .now_wrap .now h3 a{font-size: 1.8rem; font-weight: 600; margin-bottom: 7px; display: block;}
.main2 .now_wrap .now h4{color: #686868;}
.main2 .now_wrap .now ul{margin-top: 30px; display: flex; gap: 0px 4px;}
.main2 .now_wrap .now ul li{color: #686868;}
.main2 .now_wrap .now ul span{color: #686868;}

.main3{padding: 40px 4%; }
.main3 a{background: var(--color); border-radius: 12px; display: flex; justify-content: flex-end; align-items: center;}
.main3 a .img{width: 30%; text-align: center;}
.main3 a .text{width: 50%;}
.main3 a .text h2{font-size: 2.4rem; font-weight: 600; color: var(--color); padding: 4px 20px; border-radius: 30px; background: #fff; display: inline-block; margin-bottom: 20px;}
.main3 a .text p{color: #fff; font-size: 3.2rem; font-weight: 600; line-height: 125%;}

.main4{margin: 0px 4%; position: relative; padding: 80px 0px;}
.main4 .title h2{font-size: 2.8rem; margin-bottom: 25px; font-weight: 600;}
.main4 .title h2 b{font-weight: 800; color: var(--color);}
.main4 .new .img{border-radius: 12px; overflow: hidden; display: block;}
.main4 .new .img img{width: 100%;}
.main4 .new h2 a{font-size: 1.8rem; font-weight: 600; margin-bottom: 7px; display: block; margin-top: 10px;}
.main4 .new h3{color: #686868;}
.main4 .new .price_wrap{margin-top: 20px; display: flex; justify-content: space-between;}
.main4 .new .price_wrap h4{color: var(--color); font-size: 2.0rem; font-weight: 600;}
.main4 .new .price_wrap .price{display: flex; gap: 0px 10px; align-items: center;}
.main4 .new .price_wrap .price p{font-weight: 200; color: #e3e3e3; text-decoration:line-through;}
.main4 .new .price_wrap .price h5{font-size: 2.0rem; font-weight: 600;}
.main4 .shop-prev{position: absolute; left: -20px; top: 40%; width: 40px; height: 40px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);  border-radius: 50%; z-index: 11; cursor: pointer; background: #fff; text-align: center; line-height: 40px; transition: 0.3s all;}
.main4 .shop-next{position: absolute; right: -20px; top: 40%; width: 40px; height: 40px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);  border-radius: 50%; z-index: 11; cursor: pointer; background: #fff; text-align: center; line-height: 40px; transition: 0.3s all;}
.main4 .shop-prev:hover{background: #f6f6f6;}
.main4 .shop-next:hover{background: #f6f6f6;}

.main5{margin: 0px 4%; position: relative; padding: 80px 0px; margin-bottom: 120px;}
.main5 .title h2{font-size: 2.8rem; margin-bottom: 25px; font-weight: 600;}
.main5 .title h2 b{font-weight: 800; color: var(--color);}
.main5 .hot .img{border-radius: 12px; overflow: hidden; display: block;}
.main5 .hot .img img{width: 100%;}
.main5 .hot h2 a{font-size: 1.8rem; font-weight: 600; margin-bottom: 7px; display: block; margin-top: 10px;}
.main5 .hot h3{color: #686868;}
.main5 .hot .price_wrap{margin-top: 20px; display: flex; justify-content: space-between;}
.main5 .hot .price_wrap h4{color: var(--color); font-size: 2.0rem; font-weight: 600;}
.main5 .hot .price_wrap .price{display: flex; gap: 0px 10px; align-items: center;}
.main5 .hot .price_wrap .price p{font-weight: 200; color: #e3e3e3; text-decoration:line-through;}
.main5 .hot .price_wrap .price h5{font-size: 2.0rem; font-weight: 600;}
.main5 .shop-prev2{position: absolute; left: -20px; top: 40%; width: 40px; height: 40px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);  border-radius: 50%; z-index: 11; cursor: pointer; background: #fff; text-align: center; line-height: 40px; transition: 0.3s all;}
.main5 .shop-next2{position: absolute; right: -20px; top: 40%; width: 40px; height: 40px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);  border-radius: 50%; z-index: 11; cursor: pointer; background: #fff; text-align: center; line-height: 40px; transition: 0.3s all;}
.main5 .shop-prev2:hover{background: #f6f6f6;}
.main5 .shop-next2:hover{background: #f6f6f6;}


/* #################### 플랜 구매하기 추가 241108 #################### */
#package_page .title {text-align: center;}
#package_page .title h2 {font-size: 3.8rem; font-weight: 700;}
#package_page .title span {font-size: 2.0rem; font-weight: 700; margin-top: 10px; color: var(--color); display: block;}

#package_page .price_wrap {margin-top: 100px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#package_page .price_wrap .box {width: 24%;}
#package_page .price_wrap .pack_mob {display: none;}


#package_page .price_wrap .box .plan_T {border-radius: 32px; overflow: hidden; height: 180px; text-align: center;}
#package_page .price_wrap .box .plan_T h2 {font-size: 2.2rem; line-height: 60px; font-weight: 600; color: #fff;}
#package_page .price_wrap .box .plan_T p {font-size: 2.6rem; font-weight: 700; margin-top: 130px;}

#package_page .price_wrap .plan_a h2 {position: relative; background:  #19b9e3; box-shadow: inset  2px 0 7px rgba(0,0,0,0.15);}
#package_page .price_wrap .plan_b h2 {position: relative; background:  #19cae4; box-shadow: inset  2px 0 7px rgba(0,0,0,0.15);}
#package_page .price_wrap .plan_c h2 {position: relative; background:  #19a9e4; box-shadow: inset  2px 0 7px rgba(0,0,0,0.15);}
#package_page .price_wrap .plan_a h2::before {content: ''; width: 0; height: 0; border-left: 25px solid transparent;  border-right: 25px solid transparent;   border-top: 40px solid #19b9e3; position: absolute; left: 50%; bottom: -30px; transform: translate(-50%, 0);}
#package_page .price_wrap .plan_b h2::before {content: ''; width: 0; height: 0; border-left: 25px solid transparent;  border-right: 25px solid transparent;   border-top: 40px solid #19cae4; position: absolute; left: 50%; bottom: -30px; transform: translate(-50%, 0);}
#package_page .price_wrap .plan_c h2::before {content: ''; width: 0; height: 0; border-left: 25px solid transparent;  border-right: 25px solid transparent;   border-top: 40px solid #19a9e4; position: absolute; left: 50%; bottom: -30px; transform: translate(-50%, 0);}


#package_page .price_wrap .box ul li {margin-bottom: 10px; padding: 20px 0; text-align: center;} 
#package_page .price_wrap .box ul li:last-child {margin-bottom: 0;}
#package_page .price_wrap .box ul li p {font-size: 2.0rem; color: #494949; }
#package_page .price_wrap .box ul li b {font-size: 2.0rem; font-weight: 500; color: #494949;}

#package_page .price_wrap .box ul li:first-child {background: #f6f7f9;}
#package_page .price_wrap .box ul li:nth-child(3) {background: #f6f7f9;}
#package_page .price_wrap .box ul li:nth-child(5) {background: #f3f3f3;}
#package_page .price_wrap .box ul li:nth-child(6) {background: #f3f3f3;}
#package_page .price_wrap .box ul li:nth-child(7) {background: #f3f3f3;}

#package_page .price_wrap .get {height: 100px; display: flex ; align-items: end;}
#package_page .price_wrap .get a {display: block; width: 100%; line-height: 55px; border-radius: 35px; background: #19b9e4; color: #fff; transition: all 0.2s; text-align: center; font-size: 2.0rem; font-weight: 500;}

#package_page .price_wrap .plan_b .get a {background: #19cae4;} 
#package_page .price_wrap .plan_c .get a {background: #19a9e4;} 
#package_page .price_wrap .get a:hover {color: var(--color); background: #262626;}

#service .title {text-align: center;}
#service .title h2 {font-size: 3.8rem; font-weight: 700;}
#service .title span {font-size: 2.0rem; font-weight: 700; margin-top: 10px; color: var(--color); display: block;}


#service .txt_box {padding: 50px ; background: #f5f5f5; margin-top: 60px;}
#service .txt_box p {font-size: 1.8rem; line-height: 1.4; }
#service .txt_box p b {font-weight: 600; }
#service .txt_box span {font-size: 1.6rem; color: #807c7c; line-height: 1.4; }


@media all and (max-width: 1024px){
    #package_page .price_wrap {margin-top: 60px;}
    #package_page .price_wrap .box {width: 58%; margin-top: 60px;}
    #package_page .price_wrap .box:first-child {margin-top: 0;}
    #package_page .price_wrap .box:nth-child(2) {margin-top: 0;}
    #package_page .price_wrap .pack_mob {display: block;}
    #package_page .price_wrap .box .plan_T p {margin-top: 50px;}
    #package_page .price_wrap .box1 {width: 39%;}
}

@media all and (max-width: 768px){
    #package_page .price_wrap .box .plan_T {border-radius: 16px ; height: 150px;}
    #package_page .price_wrap .box ul li {padding: 15px 0;}
    #package_page .price_wrap .box ul li p {font-size: 1.7rem;}
    #package_page .price_wrap .box ul li b {font-size: 1.7rem;}
    #package_page .price_wrap .get {height: 70px;}
    #package_page .price_wrap .box .plan_T h2 {line-height: 50px;}
    #package_page .price_wrap .box .plan_T p {margin-top: 38px;}



    #package_page .price_wrap .plan_a h2::before { border-left: 15px solid transparent;  border-right: 15px solid transparent;   border-top: 30px solid #19b9e3; bottom: -20px; }
#package_page .price_wrap .plan_b h2::before {border-left: 15px solid transparent;  border-right: 15px solid transparent;   border-top: 30px solid #19cae4;  bottom: -20px; }
#package_page .price_wrap .plan_c h2::before { border-left: 15px solid transparent;  border-right: 15px solid transparent;   border-top: 30px solid #19a9e4;  bottom: -20px; }

}


#ft{background: #f6f6f6; padding: 80px 4%;}
#ft .footer{display: flex; justify-content: space-between;}
#ft .footer .ft_use{display: flex; gap: 0px 30px; margin-bottom: 25px;}
#ft .footer .ft_use a{color:#686868; font-weight: 600; font-size: 1.5rem; border-bottom: 1px solid #686868; cursor: pointer;}
#ft .footer .ft_info p{font-size: 1.5rem; font-weight: 300; text-align: left; line-height: 140%;}
#ft .footer .ft_info{margin-bottom: 45px;}
#ft .footer .ft_info2{display: flex; gap: 0px 15px;}
#ft .footer .ft_info2 p{font-size: 1.5rem;font-weight: 300; color: #686868;}
#ft .footer .copyright{text-align: left;}
#ft .footer .copyright span{font-size: 1.5rem; font-weight: 300; text-align: left; color: #686868;}
#ft .footer .ft_sns{display: flex; gap: 0px 20px;}
/* 약관 팝업 */
.pop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.3);width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90%;  max-width: 1200px;    max-height: 760px;  padding: 50px 20px;  background: #fff;  }
.pop-close {  position: absolute;  top: 5px;  right: 5px;  width: 30px;  height: 30px;  cursor: pointer;}
.pop-close i{font-size: 24px;}
.pop_wrap .pop-inner h3{text-align: center; font-size: 2.6rem;font-weight: 800; margin-bottom: 20px;}
.pop-text{height: 500px; overflow-y: scroll; overflow-x: hidden;}

.popup_wrap .txt {margin-bottom: 30px;}
.popup_wrap .txt h6 {font-size: 2.2rem; font-weight: 800; margin-bottom: 10px;}
.popup_wrap .txt p {font-size: 1.8rem; line-height: 1.6;  }
.popup_wrap .txt ul {margin-left: 25px; margin-top: 30px;}
.popup_wrap .txt ul li {font-size: 1.8rem; line-height: 1.6; margin-bottom: 10px; }
.popup_wrap .txt ul ol {padding-left: 25px;}
.popup_wrap .txt ul ol li  {color: #494949; font-size: 1.8rem;  margin-bottom: 10px; }
.popup_wrap .txt table {margin: 10px 0; border: 1px solid #686868;}
.popup_wrap .txt th {text-align: left; font-family: 500; font-size: var(--fs16); border: 1px solid #686868; padding: 5px; line-height: 1.2;}
.popup_wrap .txt td {text-align: left; font-family: 500; font-size: var(--fs16); border: 1px solid #686868; padding: 5px; line-height: 1.2;}


@media all and (max-width: 1024px){
    .popup_wrap .txt ul {margin-left: 0px !important;}
    .popup_wrap .txt ul ol {padding-left: 0px !important;}
    .popup_wrap .txt h6 {font-size: 2.0rem;}
    .popup_wrap .txt ul li {font-size: 1.6rem}
    .popup_wrap .txt ul ol li  {font-size: 1.4rem;}
    .popup_wrap .txt th ,.popup_wrap .txt td  {font-size: 1.4rem;}
}



.mypage .width{display: flex; gap: 20px 2%;}
.mypage .menu_wrap{width: 26%;}
.mypage .menu_wrap .top{display: flex; align-items: center; gap: 0px 20px; margin-bottom: 65px;}
.mypage .menu_wrap .top h2{font-size: 2.2rem; font-weight: 600; color: #555555;}
.mypage .menu_wrap ul{margin-top: 50px;}
.mypage .menu_wrap ul h3{font-size: 1.8rem; font-weight: 600; color: #686868; padding-bottom: 12px; border-bottom: 1px solid #e7e7e7; }
.mypage .menu_wrap ul li{padding-top: 15px;}
.mypage .menu_wrap ul li a{font-size: 1.6rem; color: #949494; font-weight: 600; display: flex; justify-content: space-between; align-items: center;}
.mypage .menu_wrap ul li a span{color: #e1e1e1;font-family: 'SUIT-Light'; }
.mypage .point_wrap{width: 74%;}
.mypage .wpoint{width: 100%; height: 140px; background: url("../img/bg2.png"); background-size: cover; border-radius: 6px; overflow: hidden; display: flex; align-items: center; margin-bottom: 15px;}
.mypage .wpoint h2{padding-left: 55px; font-size: 3.2rem; font-weight: 700; color: #fff;}
.mypage .npoint{background: #d9f1ff; padding: 25px 20px 25px 55px; border-radius: 6px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.mypage .npoint .num_wrap{display: flex; gap: 15px 70px;}
.mypage .npoint .num_wrap .num{display: flex; gap: 0px 25px; align-items: center;}
.mypage .npoint .num_wrap .num h3{font-size: 1.6rem; font-weight: 600; color: var(--color);}
.mypage .npoint .num_wrap .num h4{display: flex; align-items: center; gap: 0px 10px; color: #7791a1; font-weight: 800; font-size: 2.2rem;}
.mypage .npoint a{width: 230px; height: 52px; background: #3ab4ff; border-radius: 5px; color: #fff; font-weight: 600; border: none; text-align: center; display: flex; align-items: center; justify-content: center; gap: 0px 6px;}
.mypage .list{border: 1px solid #e7e7e7; border-radius: 6px; padding: 30px 25px; }
.mypage .list h2{font-size: 2.4rem; font-weight: 600; color: #686868; margin-bottom: 15px;}
.mypage .list table{width: 100%;}
.mypage .list table tr th{background: #c9c9c9; font-size: 1.5rem; color: #363636; padding: 15px 0px; font-weight: 500;}
.mypage .list table tr th:first-child{border-radius: 5px 0 0 5px;}
.mypage .list table tr th:last-child{border-radius: 0 5px 5px 0px;}
.mypage .list table tr td{ font-size: 1.5rem; color: #686868; padding: 15px 0px; font-weight: 500; text-align: center;}

.sort_wrap {text-align:right;position:relative;z-index:9;}
.sort_view {display:inline-block;position:absolute;top:40px;left:0px;display:none;;width:100px; display: none; border-radius: 0px; overflow: hidden;}
.sort_view > a {display:block;text-align:center;font-size:14px;color:#666;font-weight:400;padding:4px 15px;transition:all .3s ease; -webkit-transition:all .3s ease; border: 1px solid #b9b9b9; border-radius: 30px; margin-top: 6px; color: #949494;}
.sort_view > a.on, .sort_view > a:hover {background:rgba(58,180,255,0.4); }
.btn_fiter {display:none;}

.exgroup{padding: 120px 4%;}
.exgroup .title{font-size: 3.2rem; font-weight: bold; margin-bottom: 40px;}
.exgroup .ex_cate{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d6d6d6;}
.exgroup .ex_cate .left{display: flex; gap: 0px 2%;}
.exgroup .ex_cate .left a{padding: 15px 10px; position: relative; font-size: 1.8rem; color: #949494; font-weight: bold; display: block;white-space:nowrap;}
.exgroup .ex_cate .left .on{color: #333;}
.exgroup .ex_cate .left .on:after{content: ''; width: 100%; height: 5px; background: var(--color); position: absolute; left: 0; bottom: 0;}
.exgroup .ex_cate .right{display: flex; gap: 0px 10px; align-items: center}
.exgroup .ex_cate .right button{border: 1px solid #b9b9b9; border-radius: 30px; color:  #949494; padding: 4px 15px; background: #fff;}
.exgroup .ex_cate .right button.on{background: var(--color); border: 1px solid var(--color); color: #fff;}
.exgroup .ex_cate .right .btn_sort{border: 1px solid #b9b9b9; border-radius: 30px; color:  #949494; padding: 4px 15px; background: #fff;}

.exlist{padding: 80px 0 0 0 ;}
.exlist h2{font-size: 2.8rem; margin-bottom: 25px; font-weight: 600;}
.exlist h2 b{font-weight: 800; color: var(--color);}
.exlist .now_wrap{display: flex; flex-wrap: wrap; gap: 70px 1%;}
.exlist .now_wrap .now{width:13.4%; }
.exlist .now_wrap .now .img{width: 100%; display: block; border-radius: 12px; overflow: hidden;}
.exlist .now_wrap .now .img img{width: 100%;}
.exlist .now_wrap .now .sns{display: flex; align-items: center; gap: 0px 7px; margin-top: 10px; margin-bottom: 15px;}
.exlist .now_wrap .now .sns p{color: #686868;}
.exlist .now_wrap .now h3 a{font-size: 1.8rem; font-weight: 600; margin-bottom: 7px; display: block;}
.exlist .now_wrap .now h4{color: #686868;}
.exlist .now_wrap .now ul{margin-top: 30px; display: flex; gap: 0px 4px;}
.exlist .now_wrap .now ul li{color: #686868;}
.exlist .now_wrap .now ul span{color: #686868;}

.exview .v_top {display: flex; gap: 25px 0px; justify-content: space-between; align-items: flex-start; margin-bottom: 50px;}
.exview .v_top .img{width: 46%; border-radius: 15px; overflow: hidden;}
.exview .v_top .img img{width: 100%;}
.exview .v_top .text{width: 46%;}
.exview .v_top .text h2{font-size: 3.2rem; font-weight: 600; margin-bottom: 20px;}
.exview .v_top .text h3{font-size: 1.8rem; color: var(--color); font-weight: 800; display: flex; align-items: center; gap: 0px 20px; margin-bottom: 30px;}
.exview .v_top .text h3 span{border: 1px solid #b9b9b9; padding: 4px 25px; color: #949494; font-size: 1.6rem; border-radius: 30px; font-weight: 800;}
.exview .v_top .text ul li{display: flex; padding: 22px 0px; border-bottom: 1px solid #f3f3f3;}
.exview .v_top .text ul li h4{font-size: 1.8rem; font-weight: 600; color: #959595; min-width: 140px;}
.exview .v_top .text ul li p{font-size: 1.8rem; font-weight: 400;}
.exview .v_top .text a{width: 260px; height: 52px; background: var(--color); text-align: center; line-height: 52px; border-radius: 5px; display: block; color: #fff; margin:  0 0 0 auto; margin-top: 60px;}
.exview .nav{display: flex; border-bottom: 1px solid #cdcdcd; margin-bottom: 70px;}
.exview .nav a{padding: 15px 10px; position: relative; display: block; font-size: 1.8rem; font-weight: bold; color: #949494;}
.exview .nav a.active{color: #333;}
.exview .nav a.active:after{content: ''; width: 100%; height: 5px; background: var(--color); bottom: 0; left: 0; position: absolute;}
.exview .tabcontent{padding-top: 70px;}

.exview .cam_info .cam_img{min-height: 300px; background: #434343; margin-bottom: 100px;}
.exview .cam_info li{display: flex; align-items: baseline; border-bottom: 1px solid #f3f3f3; padding: 22px 0px;}
.exview .cam_info li h3{font-size: 1.8rem; min-width: 160px; font-weight: 600;}
.exview .cam_info li .cam_text h4{font-size: 1.8rem; font-weight: 600; margin-bottom: 30px;}
.exview .cam_info li .cam_text p{font-weight: 600; color: #3a3a3a; line-height: 160%;}
.exview .cam_info li .info p{margin-bottom: 25px;}
.exview .cam_info li .info p:last-child{margin-bottom: 0px;}

.main6{margin: 0px 4%; position: relative; padding: 80px 0px;}
.main6 .title h2{font-size: 2.8rem; margin-bottom: 25px; font-weight: 600; text-align: center;}
.main6 .title h2 b{font-weight: 800; color: var(--color);}
.main6 .new_wrap{display: flex; flex-wrap: wrap; gap: 70px 1%;}
.main6 .new{width: 13.4%;}
.main6 .new .img{border-radius: 12px; overflow: hidden; display: block;}
.main6 .new .img img{width: 100%;}
.main6 .new h2 a{font-size: 1.8rem; font-weight: 600; margin-bottom: 7px; display: block; margin-top: 10px;}
.main6 .new h3{color: #686868;}
.main6 .new .price_wrap{margin-top: 20px; display: flex; justify-content: space-between;}
.main6 .new .price_wrap h4{color: var(--color); font-size: 2.0rem; font-weight: 600;}
.main6 .new .price_wrap .price{display: flex; gap: 0px 10px; align-items: center;}
.main6 .new .price_wrap .price p{font-weight: 200; color: #e3e3e3; text-decoration:line-through;}
.main6 .new .price_wrap .price h5{font-size: 2.0rem; font-weight: 600;}
.main6 .tabnav{display: flex; background: #f8f8f8; margin-top: 30px; margin-bottom:80px; justify-content: center; gap: 6px 0; padding: 10px 0px;}
.main6 .tabnav a{font-size: 2.2rem; font-weight: 600; display: block; padding: 6px 20px; }
.main6 .tabnav a.active{padding: 6px 20px; background: var(--color); color: #fff; border-radius: 7px;}


.main7{padding: 80px 4%;}
.main7 > h2{font-size: 2.8rem; margin-bottom: 50px; font-weight: 600; text-align: center;}
.main7 > h2 b{font-weight: 800; color: var(--color);}
.main7 .new_wrap{display: flex; flex-wrap: wrap; gap: 70px 1%;}
.main7 .new{width: 13.4%;}
.main7 .new .img{border-radius: 12px; overflow: hidden; display: block;}
.main7 .new .img img{width: 100%;}
.main7 .new h2 a{font-size: 1.8rem; font-weight: 600; margin-bottom: 7px; display: block; margin-top: 10px;}
.main7 .new h3{color: #686868;}
.main7 .new .price_wrap{margin-top: 20px; display: flex; justify-content: space-between;}
.main7 .new .price_wrap h4{color: var(--color); font-size: 2.0rem; font-weight: 600;}
.main7 .new .price_wrap .price{display: flex; gap: 0px 10px; align-items: center;}
.main7 .new .price_wrap .price p{font-weight: 200; color: #e3e3e3; text-decoration:line-through;}
.main7 .new .price_wrap .price h5{font-size: 2.0rem; font-weight: 600;}

.main8{padding: 60px 0px; overflow: hidden;}
.main8 .swiper{overflow: initial;}
.main8 .swiper-slide img{width: 100%;}

#side_menu{display: none;}

.malist{padding: 80px 0 0 0 ;}
.malist .new_wrap{display: flex; flex-wrap: wrap; gap: 70px 1%;}
.malist .new{width: 13.4%;}
.malist .new .img{border-radius: 12px; overflow: hidden; display: block;}
.malist .new .img img{width: 100%;}
.malist .new h2 a{font-size: 1.8rem; font-weight: 600; margin-bottom: 7px; display: block; margin-top: 10px;}
.malist .new h3{color: #686868;}
.malist .new .price_wrap{margin-top: 20px; display: flex; justify-content: space-between;}
.malist .new .price_wrap h4{color: var(--color); font-size: 2.0rem; font-weight: 600;}
.malist .new .price_wrap .price{display: flex; gap: 0px 10px; align-items: center;}
.malist .new .price_wrap .price p{font-weight: 200; color: #e3e3e3; text-decoration:line-through;}
.malist .new .price_wrap .price h5{font-size: 2.0rem; font-weight: 600;}

.maview .v_top {display: flex; gap: 25px 0px; justify-content: space-between; align-items: flex-start; margin-bottom: 50px;}
.maview .v_top .img{width: 46%; border-radius: 15px; overflow: hidden;}
.maview .v_top .img img{width: 100%;}
.maview .v_top .text{width: 46%;}
.maview .v_top .text > h2{font-size: 3.2rem; font-weight: 600; margin-bottom: 20px;}
.maview .v_top .text .vprice{display: flex; gap: 0px 15px; margin-bottom: 20px;}
.maview .v_top .text .vprice h3{font-size: 2.6rem; color: var(--color); font-weight: 800; }
.maview .v_top .text .vprice h4{font-size: 2.6rem; color: #e3e3e3; font-weight: 800; text-decoration: line-through;}
.maview .v_top .text .vprice h5{font-size: 2.6rem; color: #333; font-weight: 800; }
.maview .v_top .text .item_info .info_li{display: flex; padding:15px 0px; border-bottom: 1px solid #f3f3f3;}
.maview .v_top .text .item_info .info_li:last-child{border-bottom: none;}
.maview .v_top .text .item_info .info_li h4{font-size: 1.6rem; font-weight: 600; color: #959595; min-width: 140px;}
.maview .v_top .text .item_info .info_li p{font-size: 1.6rem; font-weight: 400;}
.maview .v_top .text a{width: 260px; height: 52px; background: var(--color); text-align: center; line-height: 52px; border-radius: 5px; display: block; color: #fff; margin:  0 0 0 auto; margin-top: 60px;}
.maview .v_top .text .item_info .info_li .result{width: 100%;}
.maview .v_top .text .item_info .info_li .result .option_wrap{border: 1px solid #f3f3f3; padding: 12px 20px;}
.maview .v_top .text .item_info .info_li .result .option_wrap h2{font-size: 1.6rem; font-weight: 400; margin-bottom: 7px;}
.maview .v_top .text .item_info .info_li .result .option_wrap .num_wrap{display: flex; justify-content: space-between; align-items: center;}
.maview .v_top .text .item_info .info_li .result .option_wrap .num{width: 110px; border: 1px solid #f3f3f3; border-radius: 4px; overflow: hidden; display: flex; align-items: center;}
.maview .v_top .text .item_info .info_li .result .option_wrap .num button{width: 20px; height: 30px; border: none; background: none;}
.maview .v_top .text .item_info .info_li .result .option_wrap .num input{width: 70px; height: 30px; border: none; text-align: center;}
.maview .v_top .text .item_info .info_li .result .option_wrap .re_price{display: flex; gap: 0px 15px; align-items: center;}
.maview .v_top .text .item_info .info_li .result .option_wrap .re_price h3{font-size: 1.4rem; color: #d2d2d2; font-weight: 500;}
.maview .v_top .text .item_info .info_li .result .option_wrap .re_price h4{min-width: initial; color: #494949; font-weight: bold;}
.maview .v_top .text .item_info .info_li .result .item_info .info_li{justify-content: space-between;}
.maview .v_top .text .item_info .info_li .result ul.price_wrap li{display: flex;justify-content: space-between;padding: 15px 0px;border-bottom: 1px solid #f3f3f3;}
.maview .v_top .text .item_info .info_li .result ul.price_wrap li h4{min-width: initial; color: #494949;}
.maview .v_top .text .item_info .info_li .result ul.price_wrap li h4 b{color: var(--color); font-size: 2.0rem;}
.maview .nav{display: flex; border-bottom: 1px solid #cdcdcd; margin-bottom: 70px;}
.maview .nav a{padding: 15px 10px; position: relative; display: block; font-size: 1.8rem; font-weight: bold; color: #949494;}
.maview .nav a.active{color: #333;}
.maview .nav a.active:after{content: ''; width: 100%; height: 5px; background: var(--color); bottom: 0; left: 0; position: absolute;}
.maview .btn_wrap{display: flex; gap: 10px 2%;}
.maview .btn_wrap button{width: 50%; height: 52px; border-radius: 5px; font-weight: 600;}
.maview .btn_wrap button:first-child{border: 1px solid var(--color); color: var(--color); background: #fff;}
.maview .btn_wrap button:last-child{background: var(--color); color: #fff; border: 1px solid var(--color)}

.maview .cam_info .cam_img{min-height: 300px; background: #434343; margin-bottom: 100px;}
.maview .cam_info li{display: flex; align-items: baseline; border-bottom: 1px solid #f3f3f3; padding: 22px 0px;}
.maview .cam_info li h3{font-size: 1.8rem; min-width: 160px; font-weight: 600;}
.maview .cam_info li .cam_text h4{font-size: 1.8rem; font-weight: 600; margin-bottom: 30px;}
.maview .cam_info li .cam_text p{font-weight: 400; color: #3a3a3a; line-height: 160%;}
.maview .cam_info li .info p{margin-bottom: 25px;}
.maview .cam_info li .info p:last-child{margin-bottom: 0px;}

.subvisual{height: 280px; background: url("../img/subvisual.png")no-repeat; background-size: cover;}
.subvisual .width{height: 100%; display: flex; align-items: center;}
.subvisual .width h2{font-size: 3.8rem;font-weight: bold; color: #fff; padding-top: 50px;}

.adlist .width{display: flex; justify-content: space-between; gap: 20px 2%;}
.adlist .left{width: 26%;}
.adlist .left li{padding: 20px 0px; border-bottom: 1px solid #e7e7e7;}
.adlist .left li:first-child{padding-top: 0px;}
.adlist .left li a{display: flex; justify-content: space-between; align-items: center; font-size: 1.8rem; color: #686868;}
.adlist .left li a span{font-family: 'SUIT-Light'; font-size: 1.8rem; color: #e5e5e5;}
.adlist .right{width: 74%;}
.adlist .right h2{font-size: 2.4rem; font-weight: 600; color: #686868; margin-bottom: 15px;}

.adlist .acco{position:relative;border-top: 4px solid #fff;}
.adlist .collapsible { cursor: pointer; padding: 20px 35px; width: 100%; border: none; text-align: left; outline: none; font-size: 2.0rem; background: none; font-weight: 500; color: #686868; border: 1px solid #e7e7e7; border-radius: 6px; margin-bottom: 15px;}
.adlist .collapsible span{font-weight: 800; display: inline-block; min-width: 45px;}
.adlist .active,
.adlist .collapsible:hover {  }
.adlist .content { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background: rgba(255,255,255,0.15);}
.adlist .collapsible:after { content: ''; color: #989898; font-weight: bold; float: right; margin-left: 5px; font-size: 2.0rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(152,152,152,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E"); width: 22px; height: 16px; background-repeat: no-repeat; background-size: cover;}
.adlist .active:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(152,152,152,1)'%3E%3Cpath d='M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z'%3E%3C/path%3E%3C/svg%3E"); width: 22px; height: 16px; background-repeat: no-repeat; background-size: cover;}
.adlist .content .tbox{padding: 10px 0px 30px 35px;}
.adlist .content .tbox p{color: #686868; font-size: 1.6rem; line-height: 145%;}

#popup4 .pop-inner{max-width: 890px; border-radius: 25px; padding: 0px; padding-top: 50px; max-height: initial; overflow: hidden;}
#popup4 .pop-inner h2{text-align: center; font-size: 2.8rem; font-weight: 800; color: #333; margin-bottom: 15px;}
#popup4 .pop-inner h3{color: #666; font-weight: 600; font-size: 1.8rem;}
#popup4 .pop-text{margin-top: 25px; height: initial; overflow-y: initial;}
#popup4 .pop-text .box{padding: 0px 3%;}
#popup4 .pop-text .box h4{font-size: 1.8rem; font-weight: 600; margin-bottom: 10px;}
#popup4 .pop-text .box h4 img{margin-left: 5px;}
#popup4 .pop-text .box input{width: 100%; height: 48px; border: 1px solid #e4e4e4; border-radius: 4px; padding-left: 10px;}
#popup4 .pop-text .box{margin-top: 30px;}
#popup4 .pop-text .box2{display: flex; flex-direction: column; gap: 9px 0px;}
#popup4 .pop-text .box2 .address{display: flex; gap: 0px 1%;}
#popup4 .pop-text .box2 .address button{background: #a7a7a7; border-radius: 4px; color: #fff; font-weight: 600; border: none;padding: 0px 30px; white-space: nowrap;}
#popup4 .pop-text .box3 ul{background: #f7f7f7; padding: 15px; display: flex; flex-direction: column; gap: 2px 0px;}
#popup4 .pop-text .box3 ul li{font-size: 1.4rem;}
#popup4 .pop-text .p_btn{margin-top: 20px; display: flex;}
#popup4 .pop-text .p_btn .pop-close{position: initial; width: 50%; height: 55px; text-align: center; line-height: 55px; font-size: 2.0rem; font-weight: 600; background: #dbdbdb; color: #fff;}
#popup4 .pop-text .p_btn a, #popup4 .pop-text .p_btn button{width: 50%; height: 55px; text-align: center; line-height: 55px; font-size: 2.0rem; font-weight: 600; background: var(--color); color: #fff;border:none;}

#popup5 .pop-inner{max-width: 490px; border-radius: 10px; padding: 0px; padding: 30px 40px 20px 40px; max-height: initial; overflow: hidden;}
#popup5 .pop-inner h2{text-align: center; color: #686868; font-size: 2.4rem; font-weight: bold; margin-bottom: 15px;}
#popup5 .pop-inner .p-point{border: 1px solid var(--color); padding: 15px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px;}
#popup5 .pop-inner .p-point h3{margin: 0px; font-size: 1.5rem; color: var(--color); font-weight: 500;}
#popup5 .pop-text{height: initial;}
#popup5 .pop-text .box{margin-top: 20px;}
#popup5 .pop-text .box h4{color: #686868; font-weight: 500; margin-bottom: 10px;}
#popup5 .pop-text .box1 .p-input{display: flex; gap: 0px 1%;}
#popup5 .pop-text .box1 .p-input select{border: 1px solid #ddd; color: #686868; height: 45px; padding: 0px 10px;}
#popup5 .pop-text .box input{width: 100%; border: 1px solid #ddd; color: #686868; height: 45px; padding-left: 10px;}
#popup5 .pop-text .box2 input{text-align: right; padding-right: 10px;}
#popup5 .pop-text .box3 .p-input2{display: flex; align-items: center; gap: 0px 7px;}
#popup5 .pop-text .box3 .p-input2 span{color: #999;}
#popup5 .pop-text ul{margin-top: 20px; margin-bottom: 20px;}
#popup5 .pop-text ul li{font-size: 1.4rem; color: #818181;}
#popup5 .pop-text ul li:first-child{margin-bottom: 6px;}
#popup5 .pop-text a{width: 100%; height: 55px; line-height: 55px; border-radius: 5px; background: var(--color); text-align: center; color: #fff; font-size: 2.0rem; font-weight: 600; display: block;}
#popup5 .pop-text button{width: 100%; height: 55px; line-height: 55px; border-radius: 5px; background: var(--color); text-align: center; color: #fff; font-size: 2.0rem; font-weight: 600; display: block;border:none;}

#popup6 .pop-inner{max-width: 490px; border-radius: 10px; padding: 0px; padding: 30px 40px 20px 40px; max-height: initial; overflow: hidden;}
#popup6 .pop-inner h2{text-align: center; color: #686868; font-size: 2.4rem; font-weight: bold; }
#popup6 .pop-inner .p-point{border: 1px solid var(--color); padding: 15px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px;}
#popup6 .pop-inner .p-point h3{margin: 0px; font-size: 1.5rem; color: var(--color); font-weight: 500;}
#popup6 .pop-text{height: initial;}
#popup6 .pop-text .box{margin-top: 20px;}
#popup6 .pop-text .box h4{color: #686868; font-weight: 500; margin-bottom: 10px;}
#popup6 .pop-text .box input{width: 100%; border: 1px solid #ddd; color: #686868; height: 48px; padding-left: 10px; margin-bottom: 8px; font-size: 1.4rem;}
#popup6 .pop-text a{width: 100%; height: 55px; line-height: 55px; border-radius: 5px; background: var(--color); text-align: center; color: #fff; font-size: 2.0rem; font-weight: 600; display: block; margin-top: 12px;}
#popup6 .pop-text input[type="submit"]{width: 100%; height: 55px; line-height: 55px; border-radius: 5px; background: var(--color); text-align: center; color: #fff; font-size: 2.0rem; font-weight: 600; display: block; margin-top: 12px;border:none;}

#popup7 .pop-inner{max-width: 560px; border-radius: 10px; padding: 0px; padding: 30px 0px 0px 0px; max-height: initial; overflow: hidden;}
#popup7 .pop-inner h2{text-align: center; color: #333; font-size: 2.4rem; font-weight: bold; margin-bottom: 50px;}
#popup7 .pop-text{height: auto; overflow-y: initial;}
#popup7 .p7-result{margin-bottom: 45px; padding: 0px 25px;}
#popup7 .p7-result h3{font-size: 1.8rem; font-weight: 600; margin-bottom: 15px; text-align: left;}
#popup7 .p7-result ul{display: flex; justify-content: space-between;}
#popup7 .p7-result ul li{font-size: 1.8rem; font-weight: 500; color: #666666;}
#popup7 .p7-result ul li b{font-weight: 600; color: var(--color);}
#popup7 .box h3{font-size: 1.8rem; font-weight: 600; margin-bottom: 15px; text-align: left;}
#popup7 .box .radio label{font-size: 1.5rem; color: #a1a1a1; margin-right: 20px;}
#popup7 .box input[type="radio"] {-webkit-appearance: none; /* 브라우저 기본 스타일 제거 */-moz-appearance: none;appearance: none;width: 20px;height: 20px;border: 1px solid #d6d6d6;border-radius: 50%; /* 모서리를 살짝 둥글게 */display: inline-block;vertical-align: middle;margin-right: 3px;position: relative; /* 체크 표시 위치를 잡기 위해 position 속성 추가 */}
#popup7 .box  input[type="radio"]:checked {background-color: var(--color); /* 선택된 상태의 배경 색 */border-color: var(--color); /* 선택된 상태의 테두리 색 */}
#popup7 .box  input[type="radio"]:checked::after {content: '✓'; /* 체크 표시 */color: white; /* 체크 표시 색상 */font-size: 14px; /* 체크 표시 크기 */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); /* 가운데 정렬 */line-height: 1; /* 체크 모양이 정렬될 때 필요한 값 */}
/* 선택된 라디오 버튼의 스타일 */
#popup7 .box  input[type="radio"]:checked {background-color: var(--color); /* 선택된 상태의 배경 색 */}
#popup7 .box  input[type="radio"]:checked + label{color: #333;}
#popup7 .box{padding: 0px 25px;}
#popup7 .box2{margin-top: 45px; margin-bottom: 40px;}
#popup7 .box2 p{border: 1px solid #e4e4e4; border-radius: 4px; padding: 0px 10px; height: 48px; line-height: 48px; font-size: 1.5rem; margin-bottom: 10px;}
#popup7 .box2 p span{color: #a7a7a7; margin-left: 5px;}
#popup7 .box2 input{height: 48px; border: 1px solid #e4e4e4; border-radius: 4px; padding-left: 10px; font-size: 1.5rem; width: 100%;}

#popup7 .pop-text .p_btn{margin-top: 20px; display: flex;}
#popup7 .pop-text .p_btn .pop-close{position: initial; width: 50%; height: 55px; text-align: center; line-height: 55px; font-size: 2.0rem; font-weight: 600; background: #dbdbdb; color: #fff;}
#popup7 .pop-text .p_btn a, #popup7 .pop-text .p_btn button{width: 50%; height: 55px; text-align: center; line-height: 55px; font-size: 2.0rem; font-weight: 600; background: var(--color); color: #fff;border:none;}



@media all and (max-width: 1600px){
    .main2 .now_wrap .now{width: 18.8%;}
    .main2 .now_wrap{gap: 70px 1.5%;}
    .exlist .now_wrap .now{width: 18.8%;}
    .exlist .now_wrap{gap: 70px 1.5%;}
    .main6 .new_wrap{gap: 70px 1.5%;}
    .main6 .new{width: 18.8%;}
    .main7 .new_wrap{gap: 70px 1.5%;}
    .main7 .new{width: 18.8%;}
    .malist .new_wrap{gap: 70px 1.5%;}
    .malist .new{width: 18.8%;}
}
@media all and (max-width: 1400px){
    .page1 .who{background-size: 800px; background-position: 18% 100%; }
}
@media all and (max-width: 1200px){
    .exview .v_top .text h2{font-size: 2.6rem; margin-bottom: 10px;}
    .exview .v_top .text h3{font-size: 1.5rem; margin-bottom: 15px;}
    .exview .v_top .text h3 span{font-size: 1.4rem; padding: 3px 15px;}
    .exview .v_top .text ul li{padding: 15px 0px;}
    .exview .v_top .text ul li h4{font-size: 1.7rem; min-width: 110px;}
    .exview .v_top .text ul li p{font-size: 1.6rem;}
    .exview .v_top .text a{width: 230px; height: 45px; line-height: 45px; margin-top: 40px;}
    .exview .cam_info li h3{min-width: 110px;}
    .mypage .menu_wrap .top .people img{width: 60px;}
    .mypage .menu_wrap .top h2{font-size: 1.8rem;}
    .mypage .wpoint{height: 110px; }
    .mypage .wpoint h2{padding-left: 20px; font-size: 2.6rem;}
    .mypage .npoint{padding: 25px 20px;}
    .mypage .list{padding: 25px 20px;}
    .mypage .npoint .num_wrap .num{gap: 0px 15px;}
    .mypage .npoint a{width:180px;}
    .mypage .menu_wrap .top{margin-bottom: 35px;}
    .mypage .npoint .num_wrap{gap: 15px 35px;}
    .mypage .npoint .num_wrap .num h4{font-size: 2.0rem;}
    .maview .cam_info li h3{min-width: 110px;}
}
@media all and (max-width: 1024px){
    .main_text h2{font-size: 4.0rem;}
    .main_text p{font-size: 1.7rem;}
    .theme_visual .mbtn{width: 170px; height: 50px; line-height: 50px; font-size: 1.6rem;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 3.0rem;}
    .theme_visual .point img{width: 250px;}
    .Hfull{height: 550px;}
    .scroll_down .scroll{width: 22px; height: 38px;}
    .main1 .width a span img{width: 80px;}
    .main1 .width a p{font-size: 1.6rem;}
    .main2 h2, .main4 .title h2, .main5 .title h2{font-size: 2.4rem;}
    .main2 .now_wrap .now{width: 23.8%;}
    .main3 a .img img{width: 150px;}
    .main3 a .text h2{font-size: 2.1rem;}
    .main3 a .text p{font-size: 2.6rem;}
    .exgroup .title{font-size: 2.8rem; margin-bottom: 15px;}
    .exgroup .ex_cate .left a{padding: 12px 8px; font-size: 1.5rem;}
    .exgroup .ex_cate .right{gap: 0px 6px;}
    .exgroup .ex_cate .right button{font-size: 1.4rem; padding: 3px 12px;}
    .exgroup .ex_cate .right .btn_sort{font-size: 1.4rem; padding:3px 12px; }
    .exlist .now_wrap .now{width: 23.8%;}
    .exview .v_top{padding-top: 50px;}
    .mypage .width{flex-direction: column}
    .mypage .menu_wrap{width: 100%;}
    .mypage .point_wrap{width: 100%;}
    .subvisual .width h2{font-size: 3.2rem;}
    .subvisual{height: 220px;}
    .adlist .collapsible{padding: 20px; font-size: 1.8rem;}
    .adlist .width{flex-direction: column;}
    .adlist .left{width: 100%; display: flex; gap: 10px 2%; margin-bottom: 30px;}
    .adlist .left li{border-bottom: none; padding: 0;}
    .adlist .left li a span{display: none;}
    .adlist .right{width: 100%;}
    .adlist .left li a{padding: 5px 15px; border-radius: 35px; background: #f6f6f6;}
    .adlist .content .tbox{padding: 10px 20px 30px 20px;}
    .main6 .new{width: 23.8%;}
    .main7 .new{width: 23.8%;}
    .main6 .tabnav a{font-size: 1.7rem; padding: 5px 15px; flex-wrap: 500;}
    .malist .new{width: 23.8%;}
    .maview .v_top .text > h2{font-size: 2.6rem;}
    .maview .v_top .text .vprice h3{font-size: 2.0rem;}
    .maview .v_top .text .vprice h4{font-size: 2.0rem;}
    .maview .v_top .text .vprice h5{font-size: 2.0rem;}
}
@media all and (max-width: 900px){
    .main1 .width{flex-wrap: wrap; justify-content: center;}
    .main1 .width a{width: 23%;}
}
@media all and (max-width: 850px){
    .main2 .now_wrap .now{width: 49%;}
    .main2 .now_wrap{gap: 70px 2%;}
    .exlist .now_wrap .now{width: 49%;}
    .exlist .now_wrap{gap: 70px 2%;}
    .main3 a{justify-content: center;}
    .main4 .shop-next{width: 32px; height: 32px ; line-height: 32px; right: -16px;}
    .main4 .shop-next img{width: 17px;}
    .main4 .shop-prev{width: 32px; height: 32px; line-height: 32px; left: -16px;}
    .main4 .shop-prev img{width: 17px;}
    .main5 .shop-next2{width: 32px; height: 32px ; line-height: 32px; right: -16px;}
    .main5 .shop-next2 img{width: 17px;}
    .main5 .shop-prev2{width: 32px; height: 32px; line-height: 32px; left: -16px;}
    .main5 .shop-prev2 img{width: 17px;}
    .exgroup .ex_cate{flex-direction: column; align-items: flex-start; border-bottom: none; gap: 10px 0px;}
    .exgroup .ex_cate .left{width: 100%; border-bottom: 1px solid #d6d6d6;}
    .exview .v_top{flex-direction: column;}
    .exview .v_top .img{width: 100%;}
    .exview .v_top .text{width: 100%;}
    .main6 .new_wrap{gap: 70px 1.5%;}
    .main6 .new{width: 49%;}
    .main7 .new_wrap{gap: 70px 2%;}
    .main7 .new{width: 49%;}
    .malist .new_wrap{gap: 70px 2%;}
    .malist .new{width: 49%;}
    .maview .v_top{flex-direction: column}
    .maview .v_top .img{width: 100%;}
    .maview .v_top .text{width: 100%;}
}
@media all and (max-width: 768px){
    #ft .footer{flex-direction: column-reverse; gap: 20px 0px;}
    #ft .footer .ft_sns img{height: 17px;}
    #ft .footer .ft_info2{flex-direction: column; align-items: flex-start;}
    .main1 .width a span img{width: 70px;}
    .main_text p br{display: none;}
    .main_text h2{font-size: 3.2rem;}
    .main_text p{font-size: 1.5rem;}
    .swiper-button-next:after, .swiper-button-prev:after{display: none;}
    .theme_visual .mbtn{height: 45px; line-height: 45px;}
    .main2 .now_wrap .now h3 a{font-size: 1.6rem;}
    .main2 .now_wrap .now .sns p{font-size: 1.4rem;}
    .main2 .now_wrap .now h4{font-size: 1.4rem;}
    .main2 .now_wrap .now ul li{font-size: 1.4rem;}
    .main2 .now_wrap .now ul span{font-size: 1.4rem;}
    .main4 .new h2 a{font-size: 1.6rem;}
    .main4 .new h3{font-size: 1.4rem;}
    .main4 .new .price_wrap h4{font-size: 1.7rem;}
    .main4 .new .price_wrap .price p{font-size: 1.4rem;}
    .main4 .new .price_wrap .price h5{font-size: 1.7rem;}
    .main5 .hot h2 a{font-size: 1.6rem;}
    .main5 .hot h3{font-size: 1.4rem;}
    .main5 .hot .price_wrap h4{font-size: 1.7rem;}
    .main5 .hot .price_wrap .price p{font-size: 1.4rem;}
    .main5 .hot .price_wrap .price h5{font-size: 1.7rem;}
    .main5{margin-bottom: 0px;}
    .main3 a .img img{width: 80px;}
    .main3 a .text h2{font-size: 1.5rem; padding: 3px 17px; margin-bottom: 12px;}
    .main3 a .text p{font-size: 2.0rem;}
    .main3 a .text{width: 70%;}
    .exlist .now_wrap .now .sns p{font-size: 1.4rem;}
    .exlist .now_wrap .now h3 a{font-size: 1.6rem;}
    .exlist .now_wrap .now h4{font-size: 1.4rem;}
    .exlist .now_wrap .now ul li{font-size: 1.4rem;}
    .exlist .now_wrap .now ul span{font-size: 1.4rem;}
    .mb_log_form .phone button{height: 45px;}
    .mbskin .login_wrap_box input{height: 45px;}
    .mbskin .btn_submit{height: 45px;}
    #login_info .login_if_lpl a{height: 45px; line-height: 45px;}
    .main6 .new h2 a{font-size: 1.6rem;}
    .main6 .new h3{font-size: 1.4rem;}
    .main6 .new .price_wrap h4{font-size: 1.7rem;}
    .main6 .new .price_wrap .price p{font-size: 1.4rem;}
    .main6 .new .price_wrap .price h5{font-size: 1.7rem;}
    .main6 .tabnav{flex-wrap: wrap;}
    .exgroup .ex_cate .left{overflow-x: scroll;}
    .mypage .npoint .num_wrap{flex-direction: column; align-items: flex-start;}
}
@media all and (max-width: 650px){
    .mypage .npoint{flex-direction: column; gap: 15px 0px; align-items: flex-start;}
    .mypage .npoint a{width: 100%;}
}