@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Pretendard GOV", sans-serif;}
select::-ms-expand{ display: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
body{padding-top: 142px; background: #FFF; -webkit-text-size-adjust: none; line-height: 1.5; font-weight: 400; letter-spacing: -0.5px; color: #000;}
@media(max-width: 767px){
    body{ padding: 82px 0 0 0;}
}


body::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
body::-moz-scrollbar-thumb{ background-color: #afd486; border-radius: 0;}
body::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
body::-ms-scrollbar-thumb{ background-color: #afd486; border-radius: 0;}
body::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
body::-webkit-scrollbar-thumb{ background-color: #afd486; border-radius: 0;}


.popup{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 100%; right: 0; bottom: -100%; left: 0; padding: 0 30px; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: opacity .5s;}
.popup > .row{ position: relative; z-index: 10; margin-top: 200px; max-width: 450px; width: 100%; border-radius: 8px; background: #f5f8fa; opacity: 0; transition: all .5s;}
.popup > .row > .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 30px; height: 70px; border-radius: 8px 8px 0 0; border-bottom: 1px solid rgba(0 0 0/10%); background: #FFF;}
.popup > .row > .head p{ font-size: 20px; font-weight: 600; color: #000;}
.popup > .row > .head i{ font-size: 24px; color: #000; cursor: pointer;}
.popup > .row > .body{ padding: 30px; line-height: 1.8; font-size: 16px; font-weight: 400; color: #000;}

.popup > .row > .body::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.popup > .row > .body::-moz-scrollbar-thumb{ background-color: #afd486; border-radius: 0;}
.popup > .row > .body::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.popup > .row > .body::-ms-scrollbar-thumb{ background-color: #afd486; border-radius: 0;}
.popup > .row > .body::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.popup > .row > .body::-webkit-scrollbar-thumb{ background-color: #afd486; border-radius: 0;}

.popup > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.popup.on{ top: 0; bottom: 0; opacity: 1;}
.popup.on > .row{ margin: 0; opacity: 1;}
@media(max-width: 767px){
    .popup > .row{}
    .popup > .row > .head{ padding: 0 20px; height: 60px;}
    .popup > .row > .body{ padding: 20px;}
}


.popup_login .row{ padding: 50px;}
.popup_login .row .logo{ display: block; margin: 0 auto 30px auto; height: 100px;}
@media(max-width: 767px){
    .popup_login .row{ padding: 30px;}
}


.popup_write{}
.popup_write .in{ margin: 10px 0 0 0;}
.popup_write .in .tit{ display: none; padding: 20px 0 5px 0; font-size: 14px; color: rgba(0 0 0/60%);}
.popup_write .in:first-child .tit{ padding-top: 0;}
.popup_write .in .input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 8px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 16px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none;}
.popup_write .in .input:focus{ border-color: #afd486;}
.popup_write .login_check{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0 0;}
.popup_write .login_check .check{ display: flex; align-items: center; cursor: pointer;}
.popup_write .login_check .check i{ display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 12px; color: #FFF;}
.popup_write .login_check .check p{ margin: 0 0 0 5px; font-size: 14px; color: #000;}
.popup_write .login_check .check.on i{ border-color: #afd486; background: #afd486; color: #FFF;}
.popup_write .login_check .check.on p{ font-weight: 600;}
.popup_write .login_check .fr{ display: flex; align-items: center;}
.popup_write .login_check .fr span{ display: block; margin: 0 15px; width: 1px; height: 12px; background: rgba(0 0 0/10%);}
.popup_write .login_check a{ display: flex; align-items: center;}
.popup_write .login_check a p{ font-size: 14px; color: #000;}
.popup_write .login_check a i{ margin: 0 0 0 5px; font-size: 12px; color: #000;}
.popup_write .btn_login{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; height: 60px; border-radius: 8px; background: #000; font-size: 18px; font-weight: 600; color: #FFF; cursor: pointer;}
.popup_write .btn_rs{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; height: 50px; border-radius: 8px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 16px; font-weight: 500; color: #000; cursor: pointer;}
.popup_write .btn_join{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0;}
.popup_write .btn_join p{ font-size: 14px; color: #000;}
.popup_write .btn_join a{ display: flex; align-items: center; margin: 0 0 0 10px;}
.popup_write .btn_join a span{ font-size: 14px; font-weight: 600; color: #afd486;}
.popup_write .btn_join a i{ margin: 0 0 0 5px; font-size: 14px; color: #afd486;}
@media(max-width: 767px){
    .popup_write .in .input{ padding: 0 15px;}
    .popup_write .login_check{ padding: 15px 0 0 0;}
    .popup_write .login_check .fr span{ margin: 0 10px;}
}


.popup_calendar .calendar{ padding: 0 30px 30px 30px; border-radius: 20px; background: #FFF;}
.popup_calendar .calendar .top{ display: flex; justify-content: space-between; align-items: center; margin: 0 -15px; padding: 0 15px; border-radius: 5px 5px 0 0; height: 50px; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.popup_calendar .calendar .top a{ display: flex; align-items: center; height: 50px; font-size: 12px; color: #000; cursor: pointer;}
.popup_calendar .calendar .top a.on{ font-size: 13px; font-weight: 500; color: #afd486;}
.popup_calendar .calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.popup_calendar .calendar .menu .btn{}
.popup_calendar .calendar .menu .btn i{ font-size: 14px; color: #666; cursor: pointer;}
.popup_calendar .calendar .menu p{ font-size: 16px; font-weight: 300; color: #000;}
.popup_calendar .calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.popup_calendar .calendar .head p{ width: 14.285%; text-align: center; font-size: 14px; color: #666;}
.popup_calendar .calendar .head p.zr{ color: #F00;}
.popup_calendar .calendar .head p.zl{ color: #46a2f2;}
.popup_calendar .calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0;}
.popup_calendar .calendar .body p{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 1px 0; width: 14.285%; height: 35px; font-size: 12px; cursor: pointer;}
.popup_calendar .calendar .body p.on{ background: none; color: #000;}
.popup_calendar .calendar .body p.on.click{ font-weight: 500; color: #FFF;}
.popup_calendar .calendar .body p.on.click:after{ content: ""; display: block; position: absolute; z-index: -1; top: 0; left: 50%; transform: translate(-50%,0); width: 35px; height: 35px; border-radius: 50%; background: #afd486;}
.popup_calendar .calendar .body p.zr{ color: #F00;}
.popup_calendar .calendar .body p.zl{ color: #46a2f2;}
@media(max-width: 767px){
    .popup_calendar .calendar{ padding: 0 20px 20px 20px;}
}


.popup_img{ display: flex; justify-content: center; align-items: center; padding: 50px;}
.popup_img img{ display: block; position: relative; z-index: 10; max-width: 90%; max-height: 90%; border-radius: 10px;}
@media(max-width: 767px){
    .popup_img{ padding: 20px;}
    .popup_img img{ max-width: 100%; max-height: 100%;}
}


.popup_terms{}
.popup_terms .row{ overflow: hidden; border-radius: 16px;}
.popup_terms .body{ overflow: auto; padding: 30px; max-height: 500px; border-radius: 0 0 16px 16px; line-height: 1.8px; font-size: 16px; color: #000;}
.popup_terms .body *{ line-height: 24px; font-size: 14px; color: #666;}
.popup_terms .body strong{ display: block; font-weight: 700; color: #000;}
.popup_terms .table{ margin: 30px 0 0 0; border-top: 1px solid #000;}
.popup_terms table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.popup_terms table tbody{}
.popup_terms table tbody tr{}
.popup_terms table tr th{ padding: 10px; border-bottom: 1px solid #DDD; line-height: 16px !important; font-size: 14px;}
.popup_terms table tr td{ padding: 10px; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; text-align: center; font-size: 14px;}
.popup_terms table tr td:first-child{ border-left: 0;}
@media(max-width: 1301px){
}
@media(max-width: 767px){
    .popup_terms .body{ padding: 20px !important; max-height: 400px; font-size: 12px;}
    .popup_terms .body *{ font-size: 12px;}
    .popup_terms .btn{ padding: 20px 25px; height: 85px;}
    .popup_terms .btn a{ height: 45px; font-size: 14px;}
    .popup_terms table tr th{ padding: 10px 5px; font-size: 13px;}
    .popup_terms table tr td{ padding: 10px 5px; font-size: 10px;}
}




.all_menu{ position: fixed; z-index: 130; top: 0; right: 100%; bottom: 0; left: -100%; background: rgba(0 0 0/30%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: opacity .3s;}
.all_menu .close{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.all_menu .row{ overflow: auto; position: fixed; z-index: 10; top: 0; right: 100%; bottom: 0; left: -100%; width: 300px; padding: 30px 40px; background: rgba(255 255 255/100%); opacity: 0; transition: all .5s;}
.all_menu .logo{ display: block; margin: 0 auto; width: 100px;}
.all_menu .logo img{ display: block; width: 100%; height: auto;}

.all_menu .topmenu{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; width: 100%; height: 45px; border-radius: 30px; border: 1px solid rgba(0 0 0/100%);}
.all_menu .topmenu a{ display: flex; align-items: center; cursor: pointer;}
.all_menu .topmenu a i{ margin: 0 5px 0 0; font-size: 24px; color: #000;}
.all_menu .topmenu a p{ font-size: 15px; font-weight: 500; color: #000;}
.all_menu .topmenu span{ display: block; margin: 0 20px; width: 1px; height: 16px; background: #DDD;}

.all_menu .btn_check{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 100%; height: 45px; border-radius: 30px; background: #000; cursor: pointer;}
.all_menu .btn_check p{ font-size: 15px; font-weight: 500; color: #FFF;}

.all_menu .menu{ margin: 30px 0 0 0; width: 100%;}
.all_menu .menu > ul{}
.all_menu .menu > ul > li{ position: relative; padding: 10px 0; cursor: pointer;}
.all_menu .menu > ul > li > a{ display: flex; justify-content: space-between; align-items: center;}
.all_menu .menu > ul > li > a p{ font-size: 20px; font-weight: 600; color: #000;}
.all_menu .menu > ul > li > a i{ font-size: 12px; color: #999; transition: all .5s;}
.all_menu .menu > ul > li > ul{ display: none; margin: 10px 0 0 0; padding: 10px 0; border-radius: 20px; border: 1px solid #000;}
.all_menu .menu > ul > li > ul li{}
.all_menu .menu > ul > li > ul li a{ display: flex; justify-content: space-between; align-items: center; position: relative; margin: 0 10px; padding: 10px 20px; border-radius: 16px; font-size: 16px; font-weight: 500; color: #000; cursor: pointer;}
.all_menu .menu > ul > li.on:before{ content: ""; display: block; position: absolute; left: -25px; top: 20px; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #000; background: #afd486;}
.all_menu .menu > ul > li.on > a p{ font-weight: 700; color: #afd486;}
.all_menu .menu > ul > li.on > a i{ color: #afd486; transform: rotate(180deg);}
.all_menu .menu > ul > li > ul li.on a{ background: #fff492; font-weight: 700; color: #000;}

.all_menu .btn_shop{ position: relative; z-index: 20; margin: 30px 0 0 0; height: 50px;}
.all_menu .btn_shop .box{ border-radius: 25px; border: 1px solid #000; background: #FFF;}
.all_menu .btn_shop .box > a{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 48px; cursor: pointer;}
.all_menu .btn_shop .box > a p{ font-size: 16px; font-weight: 600; color: #000;}
.all_menu .btn_shop .box > a i:last-child{ font-size: 14px; color: #000; transition: all .2s;}
.all_menu .btn_shop ul{ overflow: hidden; padding: 0; height: 0; opacity: 0; transition: all .2s;}
.all_menu .btn_shop ul li{}
.all_menu .btn_shop ul li a{ display: flex; align-items: center; margin: 0 10px; padding: 0 10px; border-radius: 14px; text-align: center; font-size: 15px; color: #000; transition: all .3s;}
.all_menu .btn_shop ul li a:hover{ background: rgba(0 0 0/5%);}
.all_menu .btn_shop ul li.on a{ background: #fff492; font-weight: 500; color: #000;}
.all_menu .btn_shop:hover .box > a i:last-child{ transform: rotate(180deg);}
.all_menu .btn_shop:hover ul{ padding: 0 0 10px 0; height: auto; opacity: 1;}
.all_menu .btn_shop:hover ul li a{ padding: 10px 10px;}

.all_menu.on{ right: 0; left: 0; opacity: 1;}
.all_menu.on .close{ display: block;}
.all_menu.on .row{ left: 0; opacity: 1;}
@media(max-width: 767px){
}




.header{ position: fixed; z-index: 100; top: 0; right: 0; left: 0; background: rgba(255 255 255/80%); box-shadow: 0 2px 0 0 rgba(0 0 0/100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.header .type_row{ display: flex; justify-content: space-between; align-items: center; max-width: 100%; height: 140px;}
.header .type_row .fl{ display: flex; align-items: center;}
.header .type_row .fr{ display: flex; align-items: center;}

.header .logo{ display: block; height: 80px;}
.header .logo img{ display: block; height: 90%;}

.header .menu{ margin: 0 0 0 70px;}
.header .menu > ul{ display: flex;}
.header .menu > ul > li{ position: relative; margin: 0 0 0 40px;}
.header .menu > ul > li:first-child{ margin: 0;}
.header .menu > ul > li > a{ display: flex; align-items: center; position: relative; z-index: 10; height: 140px; cursor: pointer;}
.header .menu > ul > li > a p{ font-size: 20px; font-weight: 600; color: #000; white-space: nowrap; transition: all .2s;}
.header .menu > ul > li > a i{ margin: 1px 0 0 5px; font-size: 12px; color: #000; transition: all .2s;}
.header .menu > ul > li > a i.xi-bars{ display: none;}
.header .menu > ul > li > a.tm{ display: none;}
.header .menu > ul > li > span{ display: block; width: 1px; height: 15px; background: #CCC;}
.header .menu > ul > li > ul{ overflow: hidden; position: absolute; z-index: 20; top: 80px; right: -30px; left: -30px; padding: 0; height: 0; border-radius: 20px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/100%); opacity: 0; transition: all .2s;}
.header .menu > ul > li > ul li{ margin: 2px 0;}
.header .menu > ul > li > ul li a{ display: block; margin: 0 10px; padding: 0 20px; border-radius: 14px; line-height: 2.5; font-size: 16px; font-weight: 500; color: #000; white-space: nowrap; transition: all .2s;}
.header .menu > ul > li > ul li a:hover{ background: #f5f5f5; color: #000;}
.header .menu > ul > li:hover > a p{ color: #;}
.header .menu > ul > li:hover > a i{ color: #; transform: rotate(180deg);}
.header .menu > ul > li:hover > ul{ top: 100px; padding: 15px 0; height: auto; opacity: 1;}
.header .menu > ul > li:hover .menu_guide{ top: 50px; right: -45px; padding: 30px 40px; height: auto; opacity: 1;}
.header .menu > ul > li.on:before{ content: ""; display: block; position: absolute; bottom: -9px; left: 50%; transform: translate(-50%,0); width: 16px; height: 16px; border-radius: 50%; border: 2px solid #000; background: #afd486;}
.header .menu > ul > li.on > a p{ font-weight: 800; color: #000;}
.header .menu > ul > li.on > a i{ color: #000;}
.header .menu > ul > li.on ul li.on a{ background: #fff492; color: #000; font-weight: 600;}

.header .topmenu{ display: flex; align-items: center;}
.header .topmenu a{ display: flex; align-items: center; cursor: pointer;}
.header .topmenu a i{ margin: 0 5px 0 0; font-size: 24px; color: #000;}
.header .topmenu a p{ font-size: 16px; font-weight: 500; color: #000;}
.header .topmenu span{ display: block; margin: 0 20px; width: 1px; height: 20px; background: #DDD;}

.header .btn_check{ display: flex; align-items: center; margin: 0 0 0 30px; padding: 0 30px; height: 40px; border-radius: 20px; background: #000; cursor: pointer;}
.header .btn_check i{ margin: 0 5px 0 0; font-size: 24px; color: #FFF;}
.header .btn_check p{ font-size: 15px; font-weight: 500; color: #FFF;}

.header .btn_shop{ position: relative; z-index: 20; margin: 0 0 0 10px; height: 40px;}
.header .btn_shop .box{ border-radius: 20px; border: 1px solid #000; background: #FFF;}
.header .btn_shop .box > a{ display: flex; align-items: center; padding: 0 20px; height: 38px; cursor: pointer;}
.header .btn_shop .box > a p{ font-size: 15px; font-weight: 600; color: #000;}
.header .btn_shop .box > a i:last-child{ margin: 0 0 0 10px; font-size: 14px; color: #000; transition: all .2s;}
.header .btn_shop ul{ overflow: hidden; padding: 0; height: 0; opacity: 0; transition: all .2s;}
.header .btn_shop ul li{}
.header .btn_shop ul li a{ display: flex; align-items: center; margin: 0 10px; padding: 0 10px; border-radius: 14px; text-align: center; font-size: 15px; color: #000; transition: all .3s;}
.header .btn_shop ul li a:hover{ background: rgba(0 0 0/5%);}
.header .btn_shop ul li.on a{ background: #fff492; font-weight: 500; color: #000;}
.header .btn_shop:hover .box > a i:last-child{ transform: rotate(180deg);}
.header .btn_shop:hover ul{ top: 40px; right: 0; padding: 0 0 10px 0; height: auto; opacity: 1;}
.header .btn_shop:hover ul li a{ padding: 5px 10px;}

.header .btn_all_menu{ display: none; align-items: center; margin: 0 0 0 30px; cursor: pointer;}
.header .btn_all_menu i{ font-size: 28px; color: #000;}
@media(max-width: 1501px){
    .header .menu{ margin: 0 0 0 60px;}
    .header .menu > ul > li{ margin: 0 0 0 30px;}
}
@media(max-width: 1401px){
    .header .menu{ display: none;}
    .header .btn_all_menu{ display: flex;}
}
@media(max-width: 1025px){
    .header .topmenu{ display: none;}
}
@media(max-width: 767px){
    .header .type_row{ height: 80px;}
    .header .logo{ height: 50px;}
    .header .btn_check{ display: none; padding: 0 16px; height: 34px;}
    .header .btn_check p{ font-size: 13px;}
    .header .btn_shop{ margin: 0 0 0 5px; height: 34px;}
    .header .btn_shop .box > a{ padding: 0 15px; height: 32px;}
    .header .btn_shop .box > a p{ font-size: 13px;}
    .header .btn_shop .box > a i:last-child{ font-size: 12px;}
    .header .btn_shop ul li a{ margin: 0 7.5px; padding: 0 7.5px; font-size: 13px;}
    .header .btn_shop:hover ul{ top: 32px; padding: 0 0 7.5px 0;}
    .header .btn_shop:hover ul li a{ padding: 5px 7.5px;}
    .header .btn_all_menu{ margin: 0 0 0 15px;}
    .header .btn_all_menu i{ font-size: 24px;}
}


.gnb{ display: none; position: fixed; z-index: 100; right: 0; bottom: 0; left: 0; background: rgba(255 255 255/95%); box-shadow: 0 -1px 0 0 rgba(0 0 0/10%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.gnb ul{ display: flex;}
.gnb ul li{ width: 25%;}
.gnb ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5px 0 0 0; height: 70px;}
.gnb ul li a i{ font-size: 26px; color: #999;}
.gnb ul li:nth-child(1) a i{ color: #ffc983;}
.gnb ul li:nth-child(2) a i{ color: #78ea79;}
.gnb ul li:nth-child(3) a i{ color: #ffa0c6;}
.gnb ul li:nth-child(4) a i{ color: #8edcff;}
.gnb ul li a p{ margin: 6px 0 0 0; font-size: 10px; color: rgba(0 0 0/80%); letter-spacing: 0;}
@media(max-width: 767px){
    .gnb{ display: block;}
}


.shopping_quick{ position: fixed; z-index: 120; right: 50px; bottom: 100px;}
.shopping_quick .top{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: #000; transform: translate(0,10px); opacity: 0; transition: all .3s; cursor: pointer;}
.shopping_quick .top i{ font-size: 20px; color: #FFF;}
.shopping_quick.on .top{ transform: translate(0,0); opacity: 1;}
@media(max-width: 767px){
    .shopping_quick{ right: 10px; bottom: 80px;}
    .shopping_quick .top{ margin: 5px 0 0 0; width: 40px; height: 40px;}
    .shopping_quick .top i{ font-size: 15px;}
}


/* footer banner 24-11-22 추가*/

.footer-banner-wrap {display:flex; gap:10px; flex-direction:column;}			
.footer-banner-wrap .footer-btn { align-items:center; border-radius:14px; color:#000; text-decoration:none; font-weight:bold; padding:28px 28px; width:100%; display:flex; justify-content:space-between;}
.footer-banner-wrap .img01 {display:flex;}
.footer-banner-wrap .img01 img {width:100%; height:50px;}
.footer-banner-wrap .text {display:flex; flex-direction:column;}
.footer-banner-wrap .footer-btn .text > span {font-size:14px; font-weight:400;}
.reserve-btn .text span {color:#72924c;}
.notice-btn .text span {color:#8e8857;}
.footer-banner-wrap .footer-btn .text > p {font-size:24px; display:flex; align-items:center; gap:4px; flex-wrap:wrap;}
.footer-banner-wrap .footer-btn .text > p img {width:20px; height:20px;}
.footer-banner-wrap .reserve-btn{background-color:#D1F5A6; transition: all .2s;}
.footer-banner-wrap .reserve-btn:hover {background-color:#c6eb9a; transform: scale(.98);}
.footer-banner-wrap .notice-btn{background-color:#FFF492;  transition: all .2s;}
.footer-banner-wrap .notice-btn:hover {background-color:#fbee82; transform: scale(.98);}

@media (max-width: 425px) {
	.footer-banner-wrap .footer-btn {padding: 20px 24px;}
}


.footer{ margin: 100px 0 0 0; background: #FFF;}
.footer .top{ border-top: 2px solid #000;}
.footer .top .type_row{}
.footer .top .type_row .box{ display: flex; margin: 0 -50px;}
.footer .top .type_row .row{ padding: 60px 50px; width: 33.333%; border-left: 1px solid #DDD;}
.footer .top .type_row .row:first-child{ border: 0;}
.footer .top .type_row .row .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 30px 0;}
.footer .top .type_row .row:first-child .head{padding-bottom:0;}
.footer .top .type_row .row .head p{ font-size: 30px; font-weight: 700; color: #000;}
.footer .top .type_row .row .head a{ display: flex; align-items: center;}
.footer .top .type_row .row .head a span{ padding: 0 5px 0 0; font-size: 14px; color: #666;}
.footer .top .type_row .row .head a i{ font-size: 24px; color: #999;}
.footer .top .type_row .row .notice{}
.footer .top .type_row .row .notice li{ display: flex; align-items: center;}
.footer .top .type_row .row .notice li a{ display: flex; align-items: center; width: 65%; height: 42px; line-height: 42px; font-size: 18px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; cursor: pointer; transition: all .2s;}
.footer .top .type_row .row .notice li a:hover{ transform: scale(.95);}
.footer .top .type_row .row .notice li p{ width: 35%; text-align: right; font-size: 16px; font-weight: 300; color: #999;}
.footer .top .type_row .row .tel{}
.footer .top .type_row .row .tel .t1 {}
.footer .top .type_row .row .tel .t1 span{font-size:30px; font-weight:700; color:#000}
.footer .top .type_row .row .tel .t1 p{ font-size: 42px; font-weight: 800; color: #000; line-height:1}
.footer .top .type_row .row .tel .t1_bottom{margin-top:20px; margin-bottom:20px}
.footer .top .type_row .row .tel .t2{ margin: 5px 0 0 0; font-size: 17px; color: #000;}
.footer .top .type_row .row .tel .t3{ margin: 5px 0 0 0; font-size: 17px; color: #F00;}
.footer .top .type_row .row .tel .t3 br{ display: none;}
.footer .top .type_row .row .btn{ width: 100%;}
.footer .top .type_row .row .btn ul{ display: flex; margin: 0 -5px;}
.footer .top .type_row .row .btn ul li{ width: 33.333%;}
.footer .top .type_row .row .btn ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 5px; height: 120px; border-radius: 16px; border: 1px solid #DDD; cursor: pointer; transition: all .2s;}
.footer .top .type_row .row .btn ul li a i{ font-size: 32px; color: #000;}
.footer .top .type_row .row .btn ul li a p{ padding: 10px 0 0 0; font-size: 18px; color: #666;}
.footer .top .type_row .row .btn ul li a:hover{ background: #fafafa; transform: scale(.95);}
.footer .middle{ border-top: 1px solid rgba(0 0 0/10%); background: #fafafa;}
.footer .middle .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 60px 0;}
.footer .middle .type_row .fl{ display: flex;}
.footer .middle .type_row .fl .ft{ padding: 5px 0 0 0;}
.footer .middle .type_row .fl .logo{ display: block; height: 60px;}
.footer .middle .type_row .fl .logo img{ display: block; width: auto; height: 100%;}
.footer .middle .type_row .fl .sns{ display: flex; align-items: center; margin: 20px 0 0 0;}
.footer .middle .type_row .fl .sns a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 35px; height: 35px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.footer .middle .type_row .fl .sns a:first-child{ margin: 0;}
.footer .middle .type_row .fl .sns a i{ font-size: 16px; color: #000; transition: all .2s;}
.footer .middle .type_row .fl .text{ margin: 0 0 0 80px;}
.footer .middle .type_row .fl .text *{ display: inline-block; vertical-align: top;}
.footer .middle .type_row .fl .text p{ line-height: 40px; font-size: 16px; color: #000;}
.footer .middle .type_row .fl .text span{ margin: 12px 20px; width: 1px; height: 16px; background: #CCC;}
.footer .middle .type_row .fl .text span.none_pc{ display: none;}
.footer .middle .type_row .fr{ display: flex; flex-direction: column; align-items: flex-end;}
.footer .middle .type_row .fr select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 20px; width: 200px; height: 45px; border-radius: 30px; border: 1px solid #000; background: url(/images/basic_select_icon.png) no-repeat center right 20px #FFF; background-size: 12px auto; font-size: 15px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none;}
.footer .bottom{ background: #000;}
.footer .bottom .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.footer .bottom .type_row .fl{ display: flex; align-items: center;}
.footer .bottom .type_row .fl li{ margin: 0 0 0 30px;}
.footer .bottom .type_row .fl li:first-child{ margin: 0;}
.footer .bottom .type_row .fl li a{ display: flex; align-items: center;}
.footer .bottom .type_row .fl li a p{ font-size: 15px; font-weight: 500; color: rgba(255 255 255/80%);}
.footer .bottom .type_row .fr{ display: flex; align-items: center;}
.footer .bottom .type_row .fr .copy{ font-size: 13px; font-weight: 400; color: rgba(255 255 255/80%); text-transform: uppercase; letter-spacing: 0;}
.footer .bottom .type_row .fr .txt{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 0 0 20px; padding: 1px 10px 0 10px; height: 40px; border-radius: 5px; border: 1px solid #DDD;}
.footer .bottom .type_row .fr .txt p{ line-height: 1.2; font-size: 12px; color: #666;}
@media(max-width: 1501px){
    .footer .top .type_row .row .tel .t3{ font-size: 13px;}
}
@media(max-width: 1400px){
    .footer .top .type_row .row .tel .t1{flex-direction:column; align-items:flex-start}
}
@media(max-width:1200px){
	.footer .top .type_row .row .btn ul{flex-wrap:wrap}
	
	.footer .top .type_row .row .btn ul li a p{padding:0}
	.footer .top .type_row .row .btn ul li a i{margin-right:10px}
	.footer .middle .type_row .fl .text p{line-height:20px;}
	.footer .middle .type_row .fl .text span{margin:2px 10px}
	.footer .middle .type_row .fl .text span.none_pad{display:none;}
	.footer .top .type_row .box{flex-wrap:wrap;}
	.footer .top .type_row .row{width:calc(100% / 2); border-bottom:1px solid #ddd}
	.footer .top .type_row .row:first-child{border-bottom:1px solid #ddd}
	.footer .top .type_row .row:last-child{width:100%; border:0}
}
@media(max-width: 1025px){
    .footer .top .type_row .box{ flex-wrap: wrap;}
    .footer .top .type_row .row{ width: 50%;}
    .footer .middle .type_row{ display: block;}
    .footer .middle .type_row .fl{ flex-direction: column; align-items: center;}
    .footer .middle .type_row .fl .ft{ display: flex; flex-direction: column; align-items: center; padding: 0;}
    .footer .middle .type_row .fl .logo{ height: 80px;}
    .footer .middle .type_row .fl .sns{ justify-content: center; margin: 30px 0 0 0;}
    .footer .middle .type_row .fl .text{ margin: 0; padding: 30px 0; text-align: center;}
    .footer .middle .type_row .fr select{ margin: 0 auto;}
}
@media(max-width:1023px){
	.footer .top .type_row .row .btn ul li{width:100%}
	.footer .top .type_row .row .btn ul li a{flex-direction:row; align-items:center; height:auto; margin-bottom:10px; padding:1rem 2rem; justify-content:flex-start}

}
@media(max-width: 767px){
    .footer{ margin: 60px 0 0 0;}
    .footer .top .type_row .box{ margin: 0 -15px;}
    .footer .top .type_row .row{ padding: 30px 15px; width: 100% !important; border: 0; border-top: 1px solid #DDD;}
    .footer .top .type_row .row:nth-child(1){ border: 0;}
    .footer .top .type_row .row .head{ padding: 0 0 15px 0;}
    .footer .top .type_row .row .head p{ font-size: 19px;}
    .footer .top .type_row .row .head a i{ font-size: 20px;}
    .footer .top .type_row .row .notice li a{ height: 36px; line-height: 36px; font-size: 16px;}
    .footer .top .type_row .row .notice li p{ font-size: 16px;}
    .footer .top .type_row .row .tel .t1 p{ line-height: 1; font-size:31px}
	.footer .top .type_row .row .btn ul li {width:calc(100% / 3)}
	.footer .top .type_row .row .btn ul li a{flex-direction:column; padding:1rem 0; align-items:center;}
    .footer .top .type_row .row .btn ul li a p{ font-size: 14px;}
	.footer .top .type_row .row .btn ul li a i{margin-right:0; font-size:24px;}
    .footer .middle .type_row{ padding: 30px 0;}
    .footer .middle .type_row .fl .logo{ height: 50px;}
    .footer .middle .type_row .fl .text{ padding: 20px 0;}
    .footer .middle .type_row .fl .text p{ margin: 0 10px; line-height: 30px; font-size: 13px;}
    .footer .middle .type_row .fl .text span{ display: none; margin: 7px 10px;}
	
    .footer .middle .type_row .fr select{ height: 40px;}
    .footer .bottom .type_row{ flex-direction: column; align-items: center; padding-bottom: 100px;}
    .footer .bottom .type_row .fr .copy{ margin: 20px 0 0 0; font-size: 10px;}
	.footer .top .type_row .row:nth-child(2){border-bottom:1px solid #ddd}
	.footer .top .type_row .row .tel .t1 span{font-size:17px}
}


/* .visual{ border-bottom: 2px solid #000;} */
.visual .rolling{ position: relative; margin: 0;}
.visual .rolling .slick-list{}
.visual .rolling .slide{}
.visual .rolling .slide .row{ display: block; position: relative;}
.visual .rolling .slide .row .text{ display: flex; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; padding: 120px 0;}
.visual .rolling .slide .row .text .type_row{}
.visual .rolling .slide .row .text .type_row .box{ display: flex; flex-direction: column; align-items: flex-end; position: relative; margin: 0 0 0 50%; height: 100%;}
.visual .rolling .slide .row .text .t1{ margin: 0 0 0 0; padding: 0 0 0 100px; width: 100%; line-height: 1; font-size: 20px; font-weight: 600; color: #F00;}
.visual .rolling .slide .row .text .t2{ margin: 30px 0 0 0; padding: 0  0 0 100px; width: 100%; line-height: 1; font-size: 60px; font-weight: 900; color: rgba(0 0 0/100%);}
.visual .rolling .slide .row .text .t3{ margin: 20px 0 0 0; padding: 0 0 0 100px; width: 100%; line-height: 1; font-size: 24px; font-weight: 400; color: rgba(0 0 0/100%);}
.visual .rolling .slide .row .text .btn{ display: flex; align-items: center; position: absolute; bottom: 0; left: 100px; padding: 0 40px; height: 60px; border-radius: 30px; border: 2px solid rgba(0 0 0/100%); font-size: 20px; font-weight: 500; color: #000; cursor: pointer;}
.visual .rolling .slide .row .text .btn:hover{ background: rgba(0 0 0/100%); color: #FFF; transition: background .3s, color .3s;}

.visual .rolling .slide .row .img{ position: relative; z-index: 10;}
.visual .rolling .slide .row .img .type_row{ padding: 60px 0;}
.visual .rolling .slide .row .img .type_row img{ display: block; margin: 0 50% 0 0; width: 50%; height: auto; border-radius: 32px;}
.visual .rolling .slide .row .img_bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.visual .rolling .slide .row .img_bg .hei{ position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255 255 255/85%); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);}
.visual .rolling .slide .row .img_bg .bg{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.visual .rolling .slide .row img{}

.visual .rolling .slick-dots{ display: flex; justify-content: flex-end; align-items: center; right: 50%; left: initial; bottom: 100px; margin: 0 -700px 0 0;}
.visual .rolling .slick-dots li{ margin: 0 5px; width: auto; height: auto; transition: all .3s;}
.visual .rolling .slick-dots li button{ padding: 0; width: 10px; height: 10px; border-radius: 5px; background: rgba(0 0 0/20%); transition: all .3s;}
.visual .rolling .slick-dots li button:before{ display: none;}
.visual .rolling .slick-dots li.slick-active button{ width: 20px; background: #afd486;}

.visual .rolling .xi-angle-left-thin{ position: absolute; top: 50%; transform: translate(0,-50%); left: 50px; font-size: 30px; color: #000; cursor: pointer;}
.visual .rolling .xi-angle-right-thin{ position: absolute; top: 50%; transform: translate(0,-50%); right: 50px; font-size: 30px; color: #000; cursor: pointer;}
@media(max-width: 1501px){
    .visual .rolling .slide .row .text{ padding: 120px 0;}
    .visual .rolling .slick-dots{ right: 50px; margin: 0;}
}
@media(max-width: 1301px){
    .visual .rolling .slide .row .text{ padding: 140px 0;}
    .visual .rolling .slide .row .text .t1{ padding: 0 0 0 50px; font-size: 18px;}
    .visual .rolling .slide .row .text .t2{ margin: 20px 0 0 0; padding: 0  0 0 50px; font-size: 50px;}
    .visual .rolling .slide .row .text .t3{ margin: 15px 0 0 0; padding: 0 0 0 50px; font-size: 20px;}
    .visual .rolling .slide .row .text .btn{ left: 50px; padding: 0 30px; height: 50px; font-size: 18px;}
}
@media(max-width: 1025px){
    .visual .rolling .slide .row .img{ position: inherit;}
    .visual .rolling .slide .row .img .type_row{ padding: 50px 0 0 0;}
    .visual .rolling .slide .row .img .type_row img{ margin: 0; width: 100%;}
    .visual .rolling .slide .row .text{ position: inherit; padding: 50px 0 50px 0;}
    .visual .rolling .slide .row .text .type_row .box{ align-items: flex-start; margin: 0; height: auto;}
    .visual .rolling .slide .row .text .t1{ padding: 0;}
    .visual .rolling .slide .row .text .t2{ padding: 0;}
    .visual .rolling .slide .row .text .t3{ padding: 0;}
    .visual .rolling .slide .row .text .btn{ position: initial; left: 0; margin: 40px 0 0 0;}

    .visual .rolling .slick-dots{ justify-content: flex-end; right: 50px; bottom: 50px;}
    .visual .rolling .slick-dots li{ margin: 0 0 0 10px;}

    .visual .rolling .xi-angle-left-thin{ display: none !important;}
    .visual .rolling .xi-angle-right-thin{ display: none !important;}
}
@media(max-width: 767px){
    .visual .rolling .slide .row .img .type_row{ padding: 20px 0 0 0;}
    .visual .rolling .slide .row .img .type_row img{ border-radius: 16px;}
    .visual .rolling .slide .row .text{ padding: 20px 0 40px 0;}
    .visual .rolling .slide .row .text .t1{ font-size: 14px;}
    .visual .rolling .slide .row .text .t2{ margin: 10px 0 0 0; font-size: 36px;}
    .visual .rolling .slide .row .text .t3{ margin: 10px 0 0 0; font-size: 16px;}
    .visual .rolling .slide .row .text .btn{ margin: 30px 0 0 0; height: 40px; border: 1px solid #000; font-size: 16px;}
    .visual .rolling .slick-dots{ right: 15px; bottom: 40px;}
    .visual .rolling .slick-dots li{ margin: 0 0 0 5px;}
	.footer-banner-wrap .footer-btn .text > span {font-size:12px;}
	.footer-banner-wrap .footer-btn .text > p img {width:14px; height:14px;}
	.footer-banner-wrap .footer-btn .text > p {font-size:16px;}
	.footer-banner-wrap .footer-btn {padding: 24px 28px;}
.footer-banner-wrap .img01 img {height:38px;}
}

.mainVisual_wrap{position:relative;}
.mainVisual{height:calc(100vh - 140px);  position:relative;}
.mainVisual:after{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.1); z-index:1}
.mainVisual .swiper-slide{height:100%; position:relative; }
.mainVisual .swiper-slide img{width:100%; animation-name: asdf; display:block;animation-duration:3s; position:absolute; left:50%; transform: translateX(-50%) scale(1.2)}
@keyframes asdf {
  0% {
    transform:translateX(-50%) scale(1);
  }
  100% {
    transform:translateX(-50%) scale(1.2);
  }
}
.visualText{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; text-align:center; color:#fff; width:100%;}
.visualText > h2{font-size:1.5rem; font-weight:400}
.visualText > h3{font-size:3.3rem;}
.visualText > p{font-size:1.2rem;}
.visualText > a{font-size:15px; color:#fff; display:inline-block; border:1px solid #ddd; padding:10px 30px; margin-top:30px; transition:0.2s}
.visualText > a:hover{background:rgba(255,255,255,0.8); color:#000}
@media(max-width:1300px){
	.mainVisual{height:80vh;}
	.mainVisual .swiper-slide img{width:auto; height:100%;}
}
@media(max-width:767px){
	.visualText > h2{font-size:1rem;}
	.visualText > h3{font-size:2rem;}
	.visualText > p{font-size:15px; margin-top:10px; line-height:1.3;}
}



.home_img{ padding: 100px 0;}
.home_img .type_row{ display: flex; align-items: flex-start;}
.home_img .head{ display: flex; flex-direction: column; align-items: flex-start; flex: 0 0 400px;}
.home_img .head .t1{ margin: 0 0 0 0;  line-height: 1; font-size: 20px; font-weight: 600; color: #afd486;}
.home_img .head .t2{ margin: 20px 0 0 0; line-height: 1.1; font-size: 50px; font-weight: 800; color: #000;}
.home_img .head .t3{ margin: 15px 0 0 0; line-height: 1; font-size: 20px; font-weight: 400; color: #999;}
.home_img .head .btn{ margin: 100px 0 0 0; transition: all .3s; cursor: pointer;}
.home_img .head .btn i{ font-size: 40px; color: #000;}
.home_img .head .btn:hover{ transform: rotate(90deg);}
.home_img .list{ flex: 1; width: 100%;}
.home_img .list ul{ display: flex; flex-wrap: wrap; margin: -30px -15px 0 -15px;}
.home_img .list ul li{ margin: 30px 0 0 0; width: 50%;}
.home_img .list ul li:nth-child(2){ margin: 130px 0 0 0;}
.home_img .list ul li:nth-child(3){ margin: -70px 0 0 0;}
.home_img .list ul li a{ display: block; margin: 0 15px; transition: all .2s;}
.home_img .list ul li a .img{ border-radius: 16px;}
.home_img .list ul li a .img img{ display: block; width: 100%;}
.home_img .list ul li a .tit{ margin: 20px 0 0 0; font-size: 20px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_img .list ul li a .date{ display: flex; align-items: center; margin: 5px 0 0 0;}
.home_img .list ul li a .date i{ display: none; margin: 0 5px 0 0; font-size: 16px; color: #999;}
.home_img .list ul li a .date span{ font-size: 16px; font-weight: 300; color: #999;}
.home_img .list ul li a:hover{ transform: scale(.95);}
@media(max-width: 1025px){
    .home_img .head{ flex: 0 0 300px;}
    .home_img .head .t3{ font-size: 18px;}
    .home_img .list ul li a .tit{ font-size: 18px;}
    .home_img .list ul li:nth-child(2){ margin: 100px 0 0 0;}
    .home_img .list ul li:nth-child(3){ margin: -40px 0 0 0;}
}
@media(max-width: 767px){
    .home_img{ padding: 40px 0;}
    .home_img .type_row{ display: block;}
    .home_img .head{ display: block; position: relative; flex: 1;}
    .home_img .head .t1{ font-size: 14px;}
    .home_img .head .t2{ margin: 15px 0 0 0; font-size: 30px;}
    .home_img .head .t3{ margin: 10px 0 0 0; font-size: 16px;}
    .home_img .head .btn{ position: absolute; top: 0; right: 0; margin: 0;}
    .home_img .head .btn i{ font-size: 30px;}
    .home_img .list{ margin: 30px 0 0 0;}
    .home_img .list ul{ margin: -20px -7.5px 0 -7.5px;}
    .home_img .list ul li{ margin: 20px 0 0 0 !important;}
    .home_img .list ul li a{ margin: 0 7.5px;}
    .home_img .list ul li a .img{ border-radius: 8px;}
    .home_img .list ul li a .tit{ margin: 10px 0 0 0; font-size: 16px;}
    .home_img .list ul li a .date{ margin: 0;}
    .home_img .list ul li a .date i{ font-size: 14px;}
    .home_img .list ul li a .date span{ font-size: 14px;}
}


.home_banner{ position: relative;margin-top:100px}
.home_banner .type_row{ position: relative; z-index: 10;}
.home_banner .type_row ul{ display: flex;}
.home_banner .type_row ul li{ width: 50%;}
.home_banner .type_row ul li .row{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 80px 0;}
.home_banner .type_row ul li .row .head{ display: flex; flex-direction: column; align-items: flex-start; flex: 0 0 400px;}
.home_banner .type_row ul li .row .head .t1{ margin: 0 0 0 0;  line-height: 1; font-size: 20px; font-weight: 600; color: rgba(0,0,0,0.5); text-transform:uppercase; font-weight:300; letter-spacing:0.5px;}
.home_banner .type_row ul li .row .head .t2{ margin: 20px 0 0 0; line-height: 1.1; font-size: 50px; font-weight: 800; color: #000;}
.home_banner .type_row ul li .row .head .t3{ margin: 15px 0 0 0; line-height: 1; font-size: 20px; font-weight: 400; color: rgba(0 0 0/60%);}
.home_banner .type_row ul li .row .head .btn{ display: flex; align-items: center; margin: 40px 0 0 0; transition: all .3s; cursor: pointer;}
.home_banner .type_row ul li .row .head .btn i{ font-size: 40px; color: #000;}
.home_banner .type_row ul li .row .head .btn:hover{ transform: translate(10px,0) rotate(-45deg);}
.home_banner .type_row ul li:nth-child(1) .row img{ display: block; position: absolute; z-index: 1; top: 50%; transform: translate(0,-50%); right: 100px; width: auto; height: 160px;}
.home_banner .type_row ul li:nth-child(2) .row{ padding-left: 100px;}
.home_banner .type_row ul li:nth-child(2) .row img{ display: block; position: absolute; z-index: 1; top: 50%; transform: translate(0,-50%); right: 0; width: auto; height: 240px;}
.home_banner .bg_left{ position: absolute; top: 0; left: 50px; right: 50%; bottom: 0; border-radius: 16px 0 0 16px; background: #d1f5a6;}
.home_banner .bg_right{ position: absolute; top: 0; left: 50%; right: 50px; bottom: 0; border-radius: 0 16px 16px 0; background: #fff492;}
@media(max-width: 1701px){
    .home_banner .type_row ul li:nth-child(1) .row{ padding-left: 100px;}
    .home_banner .type_row ul li:nth-child(2) .row img{ right: 100px;}
}
@media(max-width: 1601px){
    .home_banner .type_row ul li .row{ padding-left: 50px !important;}
    .home_banner .type_row ul li:nth-child(1) .row img{ right: 50px; height: 120px;}
    .home_banner .type_row ul li:nth-child(2) .row img{ right: 50px; height: 190px;}
}
@media(max-width: 1200px){
	.home_banner .type_row ul li .row{padding:40px 0;}
	.home_banner .type_row ul li .row .head .t2{font-size:35px; margin-top:10px}
	.home_banner .type_row ul li:nth-child(1) .row img{top: auto; bottom:0; right:20px; height:100px; transform:translate(0, -10%);}
	.home_banner .type_row ul li:nth-child(2) .row img{top: auto; bottom:0; right:30px; height:120px;  transform:translate(0, -10%);}
	
}
@media(max-width: 1025px){
    .home_banner .type_row ul{ display: block;}
    .home_banner .type_row ul li{ margin: 10px 0 0 0; width: auto;}
    .home_banner .type_row ul li:focus{ margin: 0;}
    .home_banner .type_row ul li .row{ padding: 50px 0; border-radius: 16px;}
    .home_banner .type_row ul li:nth-child(1) .row{ background: #d1f5a6;}
    .home_banner .type_row ul li:nth-child(2) .row{ background: #fff492;}
    .home_banner .bg_left{ display: none;}
    .home_banner .bg_right{ display: none;}
}
@media(max-width: 767px){
	.home_banner{margin-top:50px}
    .home_banner .type_row ul li .row{ padding: 30px 30px !important;}
	.home_banner .type_row ul li .row .head{flex: auto}
    .home_banner .type_row ul li .row .head .t1{ font-size: 14px;}
    .home_banner .type_row ul li .row .head .t2{ margin: 10px 0 0 0; font-size: 21px;}
    .home_banner .type_row ul li .row .head .t3{ margin: 10px 0 0 0; font-size: 16px;}
    .home_banner .type_row ul li .row .head .btn{ margin: 15px 0 0 0;}
    .home_banner .type_row ul li .row .head .btn i{ font-size: 30px;}
    .home_banner .type_row ul li:nth-child(1) .row img{ right: 20px; height: 80px;}
    .home_banner .type_row ul li:nth-child(2) .row img{ right: 30px; height: 120px;}
}


.home_event{ padding: 100px 0 0 0; min-height:450px}
.home_event .type_row{ display:flex; gap:60px}
.home_event .head{ display: flex; flex-direction: column; align-items: flex-start; flex:1;}
.home_event .head .t1{ margin: 0 0 0 0;  line-height: 1; font-size: 20px; font-weight: 600; color: #F00;}
.home_event .head .t2{ margin: 20px 0 0 0; line-height: 1.1; font-size: 50px; font-weight: 800; color: #000;}
.home_event .head .t3{ margin: 15px 0 0 0; line-height: 1; font-size: 20px; font-weight: 400; color: #999;}
.home_event .head .btn{ margin: 100px 0 0 0; transition: all .3s; cursor: pointer;}
.home_event .head .btn i{ font-size: 40px; color: #000;}
.home_event .head .btn:hover{ transform: rotate(90deg);}
.home_event .rolling{ margin: 0 -15px;}
.home_event .rolling .slide{}
.home_event .rolling .slide a{ display: block; margin: 0 15px; transition: all .2s;}
.home_event .rolling .slide a .img{ position: relative; border-radius: 16px;}
.home_event .rolling .slide a .img .info{ position: absolute; z-index: 10; top: 20px; left: 20px; padding: 0 15px; height: 30px; border-radius: 20px; background: #333; line-height: 30px; font-size: 14px; color: #FFF;}
.home_event .rolling .slide a .img .info.on{ background: #F00;}
.home_event .rolling .slide a .img img{ display: block; width: 100%; height: auto; border-radius: 16px;}
.home_event .rolling .slide a .tit{ margin: 20px 0 0 0; line-height: 1.2; font-size: 20px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_event .rolling .slide a .date{ display: flex; align-items: center; margin: 5px 0 0 0;}
.home_event .rolling .slide a .date i{ margin: 0 5px 0 0; font-size: 16px; color: #999;}
.home_event .rolling .slide a .date span{ font-size: 16px; color: #999;}
.home_event .rolling .slide a:hover{ transform: scale(.95);}
.home_event .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-100%); left: -30px; font-size: 30px; color: #000; cursor: pointer;}
.home_event .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-100%); right: -30px; font-size: 30px; color: #000; cursor: pointer;}
.main_notice {display:flex; flex:3; gap:2rem}
.main_notice li{flex:1; border:1px solid #eee; border-radius:10px;}
.main_notice li a{display:flex; flex-direction:column; justify-content:space-between; height:100%; color:#000; padding:2.5rem 3rem}
.main_notice li a h3{font-size:1.9rem; word-break:keep-all; line-height:1.4}
.main_notice li a p{font-size:1.3rem; text-align:right; font-weight:200; color:#575757;}
.main_notice li:hover{outline:3px solid #b2eb6e; border-radius:10px}
@media(max-width:1200px){
	.home_event{min-height:auto}
	.home_event .head .btn{margin:50px 0 0 }
	.home_event .head .t2{font-size:40px;}
	.home_event .head .t3{font-size:15px;}
	.home_event .head .btn i{font-size:30px;}
	.main_notice li a{padding:2rem;}
	.main_notice li a h3{font-size:21px;}
	.main_notice li a p{font-size:17px;}
}
@media(max-width: 1025px){
    .home_event .type_row{ padding: 0 0 0 0;}
    .home_event .head .t3{ font-size: 18px;}
    .home_event .rolling .slide a .tit{ font-size: 18px;}
    .home_event .head .btn{ margin: 80px 0 0 0;}
}
@media(max-width: 767px){
    .home_event{ padding: 40px 0 0 0; min-height: auto}
    .home_event .type_row{ padding: 0; flex-direction:column; gap:20px;}
    .home_event .head{ position: relative;}
    .home_event .head .t1{ font-size: 14px;}
    .home_event .head .t2{ margin: 15px 0 0 0; font-size: 24px;}
    .home_event .head .t3{ margin: 10px 0 0 0; font-size: 15px;}
    .home_event .head .btn{ position: absolute; bottom:0; right: 0; margin: 0; display:flex;}
    .home_event .head .btn i{ font-size: 25px;}
    .home_event .rolling{ margin: 30px -7.5px 0 -7.5px;}
    .home_event .rolling .slick-list{ overflow: visible;}
    .home_event .rolling .slide a{ margin: 0 7.5px;}
    .home_event .rolling .slide a .img{ border-radius: 8px;}
    .home_event .rolling .slide a .img .info{ top: 15px; left: 15px; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px;}
    .home_event .rolling .slide a .img img{ border-radius: 8px;}
    .home_event .rolling .slide a .tit{ margin: 10px 0 0 0; font-size: 16px;}
    .home_event .rolling .slide a .date i{ font-size: 14px;}
    .home_event .rolling .slide a .date span{ font-size: 14px;}
    .home_event .rolling .xi-angle-left{ display: none !important;}
    .home_event .rolling .xi-angle-right{ display: none !important;}
	.main_notice{gap:1rem; flex-wrap:wrap}
	.main_notice li{flex:auto; width:50%;}
	.main_notice li a{padding:1.25rem}
	.main_notice li a h3{font-size:17px}
	.main_notice li a p{font-size:15px; margin-top:10px;}
}




.type_full{ padding-right: 50px !important; padding-left: 50px !important;}
.type_row{ margin: 0 auto; max-width: 1400px; width: 100%;}
.type_sub{ margin: 0 auto; padding: 0 0 0 300px; max-width: 1400px; width: 100%;}
.type_sub_right{ width: 100%;}
.type_cb{ clear: both;}
@media(max-width: 1400px){
    .type_sub{ padding: 0 0 0 250px;}
}
@media(max-width: 1025px){
    .type_sub{ padding: 0;}
}
@media(max-width: 767px){
    .type_full{ padding-right: 15px !important; padding-left: 15px !important;}
}




.type_left_menu{ overflow: hidden; margin: 0 0 20px 0; border-radius: 15px; border: 1px solid rgba(0 0 0/10%); background: #f1f9fc;}
.type_left_menu .my{ display: flex; justify-content: center; align-items: center; padding: 30px 30px; border-bottom: 1px solid #e5e5e5; background: #FFF;}
.type_left_menu .my i{ display: block; margin: 0 5px 0 0; font-size: 46px; color: #afd486;}
.type_left_menu .my p{ font-size: 26px; font-weight: 300; color: #000;}
.type_left_menu ul{ display: flex; justify-content: center;}
.type_left_menu ul li{}
.type_left_menu ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 30px;}
.type_left_menu ul li a p{ font-size: 16px; font-weight: 300; color: #000;}
.type_left_menu ul li.on a p{ font-weight: 500; color: #afd486;}
@media(max-width: 767px){
    .type_left_menu .my{ padding: 20px;}
    .type_left_menu .my i{ font-size: 36px;}
    .type_left_menu .my p{ font-size: 20px;}
    .type_left_menu ul > li a{ padding: 20px;}
    .type_left_menu ul > li a p{ font-size: 14px;}
}



.guide_basic{ position: relative; z-index: 20;}
.guide_basic .type_row{ display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; height: 80px;}
.guide_basic .fl{ display: flex; align-items: center;}
.guide_basic .fl li{}
.guide_basic .fl li i{ margin: 0 10px; font-size: 14px; color: rgba(0 0 0/20%);}
.guide_basic .fl li:first-child i{ margin: 0; font-size: 24px; color: #000;}
.guide_basic .fl li p{ font-size: 16px; color: rgba(0 0 0/80%);}
.guide_basic .fr{ display: flex; align-items: center;}
.guide_basic .fr span{ font-size: 14px; font-weight: 500; color: #afd486;}
.guide_basic .fr p{ font-size: 14px; color: rgba(0 0 0/80%);}
@media(max-width: 767px){
    .guide_basic .type_row{ height: 60px;}
    .guide_basic .fl li i{ margin: 0 5px 4px 5px; font-size: 10px;}
    .guide_basic .fl li:first-child i{ margin: 2px 0 0 0; font-size: 16px;}
    .guide_basic .fl li p{ font-size: 12px;}
}


.sub_visual{ display: flex; flex-direction: column; justify-content: center; position: relative; margin: -80px 0 0 0; height: 300px; border-bottom: 2px solid #000;}
.sub_visual .text{ position: relative; z-index: 10; padding: 0 0 70px 0;}
.sub_visual .text .t1{ display: flex; align-items: center; font-size: 40px; font-weight: 700; color: #000;}
.sub_visual .text .t1 i{ margin: 0 10px 0 0; font-size: 50px;}
.sub_visual .text .t2{ margin: 10px 0 0 0; font-size: 20px; color: rgba(0 0 0/70%);}
.sub_visual .bg{ display: flex; align-items: flex-end; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 80px 0 0 0;}
.sub_visual .bg .type_row{ display: flex; justify-content: center; padding: 0 0 100px 0;}
.sub_visual .bg.community{ background: #fff492;}
.sub_visual .bg.community img{ display: block; max-height: 160px;}
.sub_visual .bg.guide{ background: #d1f5a6;}
.sub_visual .bg.guide img{ display: block; max-height: 160px;}
.sub_visual .bg.facility{background:#ffefab}
.sub_visual .bg.facility img{ display: block; max-height: 160px;}
.sub_visual .bg.company{ background: #a8f9f8;}
.sub_visual .bg.company img{ display: block; max-height: 160px;}
.sub_visual .bg.res{ background: #c0e9f9;}
.sub_visual .bg.res img{ display: block; max-height: 160px;}
.sub_visual .bg.mypage{ background: #fff0d7;}
.sub_visual .bg.mypage img{ display: block; max-height: 160px;}
@media(max-width: 1025px){
    .sub_visual .bg .type_row{ justify-content: flex-end;}
    .sub_visual .bg.community img{ max-height: 120px;}
    .sub_visual .bg.guide img{ max-height: 120px;}
	.sub_visual .bg.facility img{ max-height: 120px;}
    .sub_visual .bg.company img{ max-height: 120px;}
    .sub_visual .bg.res img{ max-height: 120px;}
    .sub_visual .bg.mypage img{ max-height: 120px;}
}
@media(max-width: 767px){
    .sub_visual{ margin: -60px 0 0 0; height: 220px;}
    .sub_visual .text{ padding: 0 0 30px 0;}
    .sub_visual .text .t1{ font-size: 26px;}
    .sub_visual .text .t1 i{ margin: 0 5px 0 0; font-size: 36px;}
    .sub_visual .text .t2{ margin: 0; font-size: 14px;}
    .sub_visual .bg{ padding: 50px 0 0 0;}
    .sub_visual .bg .type_row{ justify-content: flex-end; padding: 0 0 65px 0;}
    .sub_visual .bg.community img{ max-height: 90px;}
    .sub_visual .bg.guide img{ max-height: 90px;}
	.sub_visual .bg.facility img{ max-height: 90px;}
    .sub_visual .bg.company img{ max-height: 90px;}
    .sub_visual .bg.res img{ max-height: 90px;}
    .sub_visual .bg.mypage img{ max-height: 90px;}
}


.type_sub_menu{ position: relative; z-index: 20; margin: -70px 0 80px 0;}
.type_sub_menu ul{ display: flex; align-items: flex-end; position: relative; height: 70px; border-radius: 16px 16px 0 0; border: 1px solid rgba(0 0 0/0%); border-bottom: 0; background: rgba(255 255 255/100%);}
.type_sub_menu ul:after{ content: ""; position: absolute; right: -2px; bottom: 0; left: -2px; height: 2px; background: #000;}
.type_sub_menu ul li{ width: 50%; height: 100%;}
.type_sub_menu ul li a{ display: flex; justify-content: center; align-items: center; height: 100%; cursor: pointer;}
.type_sub_menu ul li a p{ font-size: 20px; font-weight: 500; color: #000;}
.type_sub_menu ul li a p > br{display:none}
.type_sub_menu ul li.on a{ position: relative; z-index: 10; margin: -10px -1px 0 -1px; padding: 10px 0 0 0; height: 79px; border-radius: 16px 16px 0 0; border: 2px solid #000; background: #FFF;}
.type_sub_menu ul li.on a:before{ content: ""; position: absolute; right: 0; bottom: -2px; left: 0; height: 2px; background: #FFF;}
.type_sub_menu ul li.on a p{ font-size: 20px; font-weight: 700; color: #000;}
.type_sub_menu.res{ margin: -70px 0 10px 0; height: 70px; border-top: 2px solid #000; background: #FFF;}
.type_sub_menu.res ul{ display: none;}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .type_sub_menu{ margin: -50px 0 40px 0;}
    .type_sub_menu ul{ height: 50px;}
    .type_sub_menu ul li a p{ font-size: 15px; text-align:center; line-height:1}
	.type_sub_menu ul li a p > br{display:block}
    .type_sub_menu ul li.on a{ height: 59px;}
    .type_sub_menu ul li.on a p{ font-size: 16px;}
    .type_sub_menu.res{ margin: -50px 0 -10px 0; height: 50px;}
}


.type_right{ width: 100%; padding: 50px; border-radius: 15px; border: 1px solid #e5e5e5;}
.type_right_max{ width: 100%;}
@media(max-width: 767px){
    .type_right{ padding: 30px 15px;}
}



.home_img_sub{ margin: 60px 0 0 0;}
.home_img_sub .list{}
.home_img_sub .list ul{ display: flex; flex-wrap: wrap; margin: -30px -15px 0 -15px;}
.home_img_sub .list ul li{ margin: 30px 0 0 0; width: 33.333%;}
.home_img_sub .list ul li a{ display: block; margin: 0 15px; transition: all .2s;}
.home_img_sub .list ul li a .img{ border-radius: 16px;}
.home_img_sub .list ul li a .img img{ display: block; width: 100%;}
.home_img_sub .list ul li a .tit{ margin: 20px 0 0 0; font-size: 18px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_img_sub .list ul li a .date{ display: flex; align-items: center; margin: 5px 0 0 0;}
.home_img_sub .list ul li a .date i{ margin: 0 5px 0 0; font-size: 16px; color: #999;}
.home_img_sub .list ul li a .date span{ font-size: 16px; color: #999;}
.home_img_sub .list ul li a:hover{ transform: scale(.95);}
@media(max-width: 1025px){
    .home_img_sub .list ul li{ width: 50%;}
}
@media(max-width: 767px){
    .home_img_sub{ margin: 40px 0 0 0;}
    .home_img_sub .list ul{ margin: -30px -7.5px 0 -7.5px;}
    .home_img_sub .list ul li{ margin: 30px 0 0 0; width: 100%;}
    .home_img_sub .list ul li a{ margin: 0 7.5px;}
    .home_img_sub .list ul li a .tit{ margin: 10px 0 0 0; font-size: 16px;}
    .home_img_sub .list ul li a .date{ margin: 5px 0 0 0;}
    .home_img_sub .list ul li a .date i{ font-size: 14px;}
    .home_img_sub .list ul li a .date span{ font-size: 14px;}
}




.company_about{ padding: 50px; border-radius: 20px; border: 1px solid #DDD;}
.company_about .a01{}
.company_about .a01 .t1{ font-size: 36px; font-weight: 400; color: #000;}
.company_about .a01 .t2{ margin: 15px 0 0 0; line-height: 1.6; font-size: 18px; color: #666;}
.company_about .a01 img{ display: block; margin: 30px 0 0 0; width: 100%; border-radius: 20px;}
.company_about .a02{ display: flex; align-items: center; margin: 50px 0 0 0;}
.company_about .a02 img{ flex: 0 0 40%; display: block; margin: 0 50px 0 0; width: 40%; border-radius: 20px;}
.company_about .a02 .t1{ font-size: 26px; font-weight: 400; color: #000;}
.company_about .a02 .t2{ margin: 15px 0 0 0; line-height: 1.6; font-size: 16px; color: #666;}
.company_about .a02 .t2 span{ font-weight: 400; color: #afd486;}
.company_about .a03{ display: flex; align-items: center; margin: 50px 0 0 0;}
.company_about .a03 .t2{ line-height: 1.6; font-size: 16px; color: #666;}
.company_about .a03 .t2 span{ font-weight: 400; color: #afd486;}
.company_about .a03 img{ flex: 0 0 40%; display: block; margin: 0 0 0 50px; width: 40%; border-radius: 20px;}
@media(max-width: 767px){
    .company_about{ padding: 30px 20px;}
    .company_about .a01 .t1{ font-size: 22px;}
    .company_about .a01 .t2{ font-size: 14px;}
    .company_about .a01 img{ margin: 20px 0 0 0; border-radius: 10px;}
    .company_about .a02{ flex-direction: column-reverse; margin: 30px 0 0 0;}
    .company_about .a02 img{ flex: 0 0 100%; margin: 20px 0 0 0; width: 100%; border-radius: 10px;}
    .company_about .a02 .t1{ font-size: 22px;}
    .company_about .a02 .t2{ font-size: 14px;}
    .company_about .a03{ flex-direction: column; margin: 30px 0 0 0;}
    .company_about .a03 .t2{ font-size: 14px;}
    .company_about .a03 img{ flex: 0 0 100%; display: block; margin: 20px 0 0 0; width: 100%; border-radius: 10px;}
}





.sub_location{}
.sub_location .head{ padding: 50px; text-align: center; border-radius: 15px; border: 1px solid #DDD;}
.sub_location .head .t1{ font-size: 26px; font-weight: 400; color: #000;}
.sub_location .head .t2{ margin: 15px 0 0 0; font-size: 16px; color: #000;}
.sub_location .head .t2 span{ font-weight: 300; color: #999;}
.sub_location .head .t3{ display: flex; justify-content: center; margin: 30px 0 0 0;}
.sub_location .head .t3 p{ display: flex; align-items: center; margin: 0 15px; font-size: 14px; font-weight: 300; color: #666; letter-spacing: 0;}
.sub_location .head .t3 p span{ display: block; margin: 0 5px 0 0; font-size: 16px; font-weight: 400; color: #000;}
.sub_location > .map{ margin: 20px 0 0 0;}
.sub_location .foot{ margin: 20px 0 0 0; text-align: center;}
.sub_location .foot .link{ display: flex; margin: 0 -5px;}
.sub_location .foot .link a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 33.333%; height: 60px; border-radius: 15px; border: 1px solid rgba(0 0 0/10%); background: #FFF; transition: all .3s; cursor: pointer;}
.sub_location .foot .link a img{ display: block; margin: 0 10px 0 0;}
.sub_location .foot .link a p{ font-size: 16px; color: #000; transition: all .3s;}
.sub_location .foot .txt{ margin: 30px 0 0 0; font-size: 14px; color: #666;}
@media(max-width: 767px){
    .sub_location .head .t1{ font-size: 26px;}
    .sub_location .head .t2{ font-size: 14px;}
    .sub_location .head .t3{ flex-direction: column; align-items: center; margin: 10px 0 0 0;}
    .sub_location .head .t3 p{ margin: 10px 0 0 0; font-size: 14px;}
    .sub_location .head .t3 p span{ font-size: 14px;}
    .sub_location .foot{ text-align: center;}
    .sub_location .foot .link{ margin: 0 -2.5px;}
    .sub_location .foot .link a{ margin: 0 2.5px; height: 45px;}
    .sub_location .foot .link a img{ margin: 0 5px 0 0; height: 25px;}
    .sub_location .foot .link a p{ font-size: 12px;}
    .sub_location .foot .txt{ margin: 15px 0 0 0; line-height: 1.4; font-size: 12px;}
}





.guide_facility{ padding: 50px; border-radius: 20px; border: 1px solid #DDD;}













.shopping_option{ position: relative; z-index: 30; margin: 0 0 30px 0;}
.shopping_option .type_row{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 20px 30px; border-radius: 15px; border: 1px solid rgba(0 0 0/2%); background: #f1f9fc;}
.shopping_option .type_row .fl{ display: flex; align-items: center;}
.shopping_option .type_row .fl .btn_01{ min-width: 160px;}
.shopping_option .type_row .fl .btn_01 .head{ justify-content: space-between !important;}
.shopping_option .type_row .fr{ display: flex; align-items: center;}
.shopping_option .type_row .fr .btn_01{ margin: 0 0 0 10px !important;}

.shopping_option .type_row .btn_01{ position: relative; z-index: 30; margin: 0 10px 0 0;}
.shopping_option .type_row .btn_01 .head{ display: flex; align-items: center; position: relative; height: 40px; padding: 0 15px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: default;}
.shopping_option .type_row .btn_01 .head p{ font-size: 14px; font-weight: 300; color: #000;}
.shopping_option .type_row .btn_01 .head i:first-child{ margin: 0 5px 0 0; font-size: 20px; color: #333;}
.shopping_option .type_row .btn_01 .head i:last-child{ margin: 0 0 0 20px; font-size: 12px; color: #999; transition: all .2s;}
.shopping_option .type_row .btn_01 .body{ overflow: hidden; position: absolute; top: 45px; right: 0; left: 0; padding: 0 25px; border-radius: 15px; height: 0; background: #FFF; border: 1px solid rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.shopping_option .type_row .btn_01 .body div{}
.shopping_option .type_row .btn_01 .body div a{ display: block; line-height: 2.5; font-size: 14px; color: #333; cursor: pointer;}
.shopping_option .type_row .btn_01 .body div.on a{ font-weight: 400; color: #afd486;}
.shopping_option .type_row .btn_01:hover .head i:last-child{ transform: rotate(180deg);}
.shopping_option .type_row .btn_01:hover .body{ top: 35px; padding: 10px 25px; height: auto; opacity: 1;}
@media(max-width: 767px){
    .shopping_option{ margin: 0 0 20px 0;}
    .shopping_option .type_row{ padding: 15px 15px;}
    .shopping_option .type_row .fl .btn_01{ min-width: 100px !important;}
    .shopping_option .type_row .fr{ justify-content: flex-end;}
    .shopping_option .type_row .fr .btn_01{ margin: 0 0 0 5px !important;}

    .shopping_option .type_row .btn_01{ margin: 0 5px 0 0;}
    .shopping_option .type_row .btn_01 .head{ height: 35px;}
    .shopping_option .type_row .btn_01 .head p{ font-size: 12px;}
    .shopping_option .type_row .btn_01 .head i:first-child{ margin: 0 3px 0 0; font-size: 16px;}
    .shopping_option .type_row .btn_01 .head i:last-child{ margin: 0 0 0 10px; font-size: 10px;}
    .shopping_option .type_row .btn_01 .body div a{ font-size: 12px;}
    .shopping_option .type_row .btn_01:hover .body{ top: 30px; padding: 10px 15px;}
}




.shopping_search_head{}
.shopping_search_head .type_row{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 40; margin: 0 auto 30px auto; padding: 30px; border-radius: 15px; border: 1px solid #e5e5e5; background: #f5f5f5;}
.shopping_search_head .type_row img{ display: block; margin: 0 20px 0 0; width: auto; height: 40px;}
.shopping_search_head .type_row .search{ display: flex; align-items: center; position: relative; width: 400px;}
.shopping_search_head .type_row .search input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 25px; border: 1px solid #e5e5e5; background: #FFF; font-size: 16px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.shopping_search_head .type_row i{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 50px; height: 50px; border-radius: 50%; background: #afd486; font-size: 25px; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    .shopping_search_head{}
    .shopping_search_head .type_row{ margin: 0 auto 20px auto; padding: 20px 15px;}
    .shopping_search_head .type_row .search{ width: 100%; height: 40px;}
    .shopping_search_head .type_row .search input{ height: 40px; font-size: 13px;}
    .shopping_search_head .type_row i{ margin: 0 0 0 5px; flex: 0 0 40px; width: 40px; height: 40px; font-size: 18px;}
}







.reservation_layout{}
.reservation_layout .type_row{ display: flex;}
@media(max-width: 1025px){
    .reservation_layout .type_row{ display: block;}
}



.shopping_list_calendar{ position: relative; z-index: 30; width: 25%; min-width:300px}
.shopping_list_calendar .ft{}
.shopping_list_calendar .ft .in{ display: flex; align-items: center; padding: 0 0 20px 0; border-bottom: 2px solid #000;}
.shopping_list_calendar .ft .in p{ font-size: 30px; font-weight: 700; color: #afd486;}
.shopping_list_calendar .ft .in p span{ margin: 0 10px 0 0; font-weight: 700; color: #000;}
.shopping_list_calendar .ft .in .btn{ display: none;}
.shopping_list_calendar .ft .in .btn i{ font-size: 24px; color: #000;}
.shopping_list_calendar .fb{}
.shopping_list_calendar .fb .head{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-bottom: 1px solid #DDD;}
.shopping_list_calendar .fb .head i{ font-size: 20px; color: #000; cursor: pointer;}
.shopping_list_calendar .fb .head .center{ display: flex; align-items: center;}
.shopping_list_calendar .fb .head .center p{ padding: 0 20px 0 0; font-size: 20px; font-weight: 600; color: #000;}
.shopping_list_calendar .fb .head .center select{ display: flex; align-items: center; margin: 0; padding: 0 20px 0 0; width: auto; height: 30px; border-radius: 0; border: none; background:url(/images/basic_select_icon.png) no-repeat center right 0; background-size: 12px auto; font-size: 20px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.shopping_list_calendar .fb .date{ display: flex; padding: 0 16px; border-bottom: 1px solid #DDD; background: #f5f8fa;}
.shopping_list_calendar .fb .date p{ display: flex; justify-content: center; align-items: center; width: 14.285%; height: 70px; font-size: 16px; font-weight: 600; color: #000;}
.shopping_list_calendar .fb .date p:first-child{ color: #F00;}
.shopping_list_calendar .fb .date p:last-child{ color: #13bafb;}
.shopping_list_calendar .fb .list{ border-bottom: 1px solid #DDD;}
.shopping_list_calendar .fb .list ul{ display: flex; flex-wrap: wrap; padding: 20px 15px;}
.shopping_list_calendar .fb .list ul li{ padding: 4px 1px; width: 14.285%;}
.shopping_list_calendar .fb .list ul li a{ display: flex; justify-content: center; align-items: center;}
.shopping_list_calendar .fb .list ul li a p{ display: none;}
.shopping_list_calendar .fb .list ul li a span{ display: flex; justify-content: center; align-items: center; max-width: 40px; width: 100%; height: 40px; border-radius: 20px; font-size: 16px; color: #666; cursor: pointer; transition: all .2s;}
.shopping_list_calendar .fb .list ul li a:hover span{ background: rgba(0 0 0/5%);}
.shopping_list_calendar .fb .list ul li.on a span{ background: #afd486; color: #FFF;}
@media(max-width: 1025px){
    .shopping_list_calendar{ width: auto;}
}
@media(max-width: 767px){
    .shopping_list_calendar .ft .in{ padding: 0 0 15px 0;}
    .shopping_list_calendar .ft .in p{ font-size: 24px;}
    .shopping_list_calendar .fb .head{ padding: 15px;}
    .shopping_list_calendar .fb .date{ padding: 0 10px;}
    .shopping_list_calendar .fb .date p{ height: 60px;}
    .shopping_list_calendar .fb .list ul{ padding: 20px 10px;}
}


.shopping_list{ flex: 1; padding: 0 0 0 50px; width: 100%;}
.shopping_list .option{ display: flex; justify-content: flex-end; align-items: center; padding: 0 0 20px 0; height: 67px; border-bottom: 2px solid #000;}
.shopping_list .option p{ font-size: 20px; color: #999; cursor: pointer;}
.shopping_list .option p.on{ font-weight: 700; color: #000;}
.shopping_list .option span{ display: block; margin: 0 30px; width: 1px; height: 30px; background: #DDD;}
.shopping_list ul{display:flex; flex-wrap:wrap;}
.shopping_list ul li{ border-bottom: 1px solid #DDD; width:50%;}
.shopping_list ul li .row{ display: flex; align-items: center; padding: 50px 0; transition: all .2s;}
.shopping_list ul li .row .img{ position: relative; width: 45%}
.shopping_list ul li .row .img .time{ display: none !important; align-items: center; position: absolute; z-index: 4; top: 20px; left: 20px; padding: 0 15px; height: 36px; border-radius: 20px; background: #F00; font-size: 16px; font-weight: 500; color: #FFF;}
.shopping_list ul li .row .img .bg{ overflow: hidden; position: relative; border-radius: 8px; background: url(/images/img6.jpg) center/cover;}
.shopping_list ul li .row .img .bg img{ display: block; width: 100%;}
.shopping_list ul li .row .info{ flex: 1; position: relative; padding: 0 30px 0 30px; width: 100%;}
.shopping_list ul li .row .info .t1{ display: flex; align-items: center;}
.shopping_list ul li .row .info .t1 p{ line-height: 1; font-size: 16px; color: #666;}
.shopping_list ul li .row .info .t1 p:first-child:before{ content: ""; line-height: 1; font-size: 16px; color: #666;}
.shopping_list ul li .row .info .t1 p:last-child:before{ content: ""; line-height: 1; font-size: 16px; color: #666;}
.shopping_list ul li .row .info .t1 span{ display: block; margin-left:5px; }
.shopping_list ul li .row .info .t2{ margin: 5px 0 0 0; line-height: 1.2; font-size: 24px; font-weight: 600; color: #000;}
.shopping_list ul li .row .info .price{ margin: 10px 0 0 0; font-size: 18px; font-weight: 400; color: #F00;}
.shopping_list ul li .row:hover{ transform: scale(.95);}
@media(max-width: 1401px){
    .shopping_list{ padding: 0 0 0 50px;}
}

@media(max-width: 1200px){
    .shopping_list{ padding: 0 0 0 50px;}
	.shopping_list ul li .row .info .t2{font-size:19px}
	.shopping_list ul li .row .img .time{font-size:15px}
	.shopping_list ul li .row .info .price{font-size:17px}
	.shopping_list ul li .row .img{min-width:150px}
}

@media(max-width: 1025px){
    .shopping_list{ margin: 80px 0 0 0; padding: 0;}
    .shopping_list .option{ justify-content: flex-start; height: auto;}
}
@media(max-width: 767px){
    .shopping_list{ margin: 40px 0 0 0;}
    .shopping_list .option{ padding: 0 0 15px 0;}
    .shopping_list .option p{ font-size: 18px;}
    .shopping_list .option span{ margin: 0 20px; height: 20px;}
    .shopping_list ul{gap:1rem}
    .shopping_list ul li{ border-bottom: 1px solid #DDD; width:calc(50% - 0.5rem)}
    .shopping_list ul li .row{ padding: 30px 0; flex-direction:column;}
    .shopping_list ul li .row .img{ width: 100%; min-width:auto}
    .shopping_list ul li .row .img .bg{ border-radius: 8px;}
    .shopping_list ul li .row .img .time{ top: 10px; left: 10px; height: 30px; font-size: 14px;}
    .shopping_list ul li .row .info{ padding: 20px 0 0 0; width:100%}
    .shopping_list ul li .row .info .t1 p{ font-size: 14px;}
    .shopping_list ul li .row .info .t1 p:first-child:before{ font-size: 14px;}
    .shopping_list ul li .row .info .t1 p:last-child:before{ font-size: 14px;}
    .shopping_list ul li .row .info .t1 span{ margin:0 5px 0 0 }
    .shopping_list ul li .row .info .t2{ margin: 10px 0 0 0; font-size: 19px;}
    .shopping_list ul li .row .info .price{ margin: 15px 0 0 0; font-size: 16px;}
}




.shopping_detail{ position: relative; z-index: 30;}
.shopping_detail > .type_row{ position: relative; padding: 0 0 0 500px;}
.shopping_detail > .type_row > .fl{ position: absolute; top: 0; bottom: 0; left: 0; width: 500px;}
.shopping_detail > .type_row > .fr{ padding: 0 0 0 80px;}
@media(max-width: 1501px){
    .shopping_detail > .type_row{ padding: 0 0 0 400px;}
    .shopping_detail > .type_row > .fl{ width: 400px;}
    .shopping_detail > .type_row > .fr{ padding: 0 0 0 50px;}
}
@media(max-width: 1025px){
    .shopping_detail > .type_row{ padding: 0;}
    .shopping_detail > .type_row > .fl{ position: initial; width: auto;}
    .shopping_detail > .type_row > .fr{ padding: 0;}
}
@media(max-width: 767px){
}


.shopping_detail_img{}
.shopping_detail_img .title{ padding: 0 0 20px 0; font-size: 30px; font-weight: 700; color: #000;}
.shopping_detail_img .img{ position: relative; border-radius: 16px; background: url(/images/img6.jpg) center/cover; }
.shopping_detail_img .img .time{ display: flex !important; align-items: center; position: absolute; z-index: 4; top: 20px; left: 20px; padding: 0 15px; height: 36px; border-radius: 20px; background: #F00; font-size: 16px; font-weight: 500; color: #FFF;}
.shopping_detail_img .img img{ display: block; width: 100%;}
.shopping_detail_img .info{ padding: 30px 0 0 0;}
.shopping_detail_img .info .t1{ display: flex; align-items: center;}
.shopping_detail_img .info .t1 p{ line-height: 1; font-size: 16px; color: #666;}
.shopping_detail_img .info .t1 span{ display: block; margin: 0 20px; width: 1px; height: 14px; background: #DDD;}
.shopping_detail_img .info .t2{ margin: 15px 0 0 0; line-height: 1.2; font-size: 24px; font-weight: 600; color: #000;}
.shopping_detail_img .info .t3{ margin: 30px 0 0 0; padding: 25px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.shopping_detail_img .info .t3 ul{}
.shopping_detail_img .info .t3 ul li{ display: flex; align-items: center; padding: 5px 0;}
.shopping_detail_img .info .t3 ul li span{ display: block; width: 80px; font-size: 16px; font-weight: 300; color: #666;}
.shopping_detail_img .info .t3 ul li p{ font-size: 16px; font-weight: 500; color: #000;}

@media(max-width: 1025px){
}
@media(max-width: 767px){
    .shopping_detail_img .title{ padding: 0 0 15px 0; font-size: 24px;}
    .shopping_detail_img .info{ padding: 20px 0 0 0;}
    .shopping_detail_img .info .t1 p{ font-size: 14px;}
    .shopping_detail_img .info .t2{ margin: 10px 0 0 0;}
    .shopping_detail_img .info .t3{ margin: 20px 0 0 0; padding: 20px 0;}
}


.shopping_calendar{}
.shopping_calendar .ft{}
.shopping_calendar .ft .in{ display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0 20px 0; border-bottom: 2px solid #000;}
.shopping_calendar .ft .in p{ font-size: 30px; font-weight: 700; color: #afd486;}
.shopping_calendar .ft .in p span{ margin: 0 10px 0 0; font-weight: 700; color: #000;}
.shopping_calendar .ft .in .btn{ display: none; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #DDD; cursor: pointer; transition: all .2s;}
.shopping_calendar .ft .in .btn i{ font-size: 18px; color: #000;}
.shopping_calendar .ft .in .btn:hover{ transform: scale(1.1);}
.shopping_calendar .fb{ overflow: auto; padding: 20px 0; border-bottom: 1px solid #DDD;}
.shopping_calendar .fb ul{ display: flex; position: relative;}
.shopping_calendar .fb ul li{ margin: 0 1px;}
.shopping_calendar .fb ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 70px; height: 70px; border-radius: 40px; transition: all .2s; cursor: pointer;}
.shopping_calendar .fb ul li a p{ line-height: 1; font-size: 14px; font-weight: 300; color: #999;}
.shopping_calendar .fb ul li a span{ font-size: 16px; font-weight: 500; color: #000;}
.shopping_calendar .fb ul li a:hover{ background: rgba(0 0 0/5%); transform: scale(.9);}
.shopping_calendar .fb ul li.on a{ background: #afd486;}
.shopping_calendar .fb ul li.on a p{ color: #FFF;}
.shopping_calendar .fb ul li.on a span{ color: #FFF;}
.shopping_calendar .fb::-moz-scrollbar{ height: 6px; background: rgba(0 0 0/0);}
.shopping_calendar .fb::-moz-scrollbar-thumb{ background-color: rgba(0 0 0/10%); border-radius: 0;}
.shopping_calendar .fb::-ms-scrollbar{ height: 6px; background: rgba(0 0 0/0);}
.shopping_calendar .fb::-ms-scrollbar-thumb{ background-color: rgba(0 0 0/10%); border-radius: 0;}
.shopping_calendar .fb::-webkit-scrollbar{ height: 6px; background: rgba(0 0 0/0);}
.shopping_calendar .fb::-webkit-scrollbar-thumb{ background-color: rgba(0 0 0/10%); border-radius: 0;}
@media(max-width: 1025px){
    .shopping_calendar{ margin: 60px 0 0 0;}
}
@media(max-width: 767px){
    .shopping_calendar{ margin: 40px 0 0 0;}
    .shopping_calendar .ft .in{ padding: 0 0 15px 0;}
    .shopping_calendar .ft .in p{ font-size: 24px;}
}


.shopping_detail .fr .sd_time{ margin: 60px 0 0 0;}
.shopping_detail .fr .sd_time .title{ padding: 0 0 20px 0; border-bottom: 2px solid #000; font-size: 30px; font-weight: 700; color: #000;}
.shopping_detail .fr .sd_time .box{ display: flex; flex-direction: column; align-items: center; padding: 30px 0; border-bottom: 1px solid #DDD;}
.shopping_detail .fr .sd_time .img{ max-width: 100%}
.shopping_detail .fr .sd_time .img img{ display: block; width: 100%; height: auto; border-radius: 16px; cursor: pointer;}
.shopping_detail .fr .sd_time .img p{text-align:right; font-size:15px; margin-top:10px}
.shopping_detail .fr .sd_time .list{}
.shopping_detail .fr .sd_time .list ul{ display: flex; flex-wrap: wrap; justify-content: center; margin:0 auto}
.shopping_detail .fr .sd_time .list ul li{ margin: 10px 0 0 0; cursor: pointer;}
.shopping_detail .fr .sd_time .list ul li a{ display: flex; justify-content: center; align-items: center; padding:10px; margin: 0 5px; min-width: 50px; min-height: 50px; border-radius: 10px; border: 1px solid #DDD; transition: all .2s;}
.shopping_detail .fr .sd_time .list ul li a p{ font-size: 16px; font-weight: 500; color: #000;}
.shopping_detail .fr .sd_time .list ul li a:hover{ background: #f5f8fa; transform: scale(.9);}
.shopping_detail .fr .sd_time .list ul li.on a{ border-color: #fa6c2f; background: #fa6c2f;}
.shopping_detail .fr .sd_time .list ul li.on a p{ font-weight: 600; color: #FFF;}
.shopping_detail .fr .sd_time .txt{ margin: 20px 0 0 0; text-align: center; font-size: 14px; color: #F00;}
@media(max-width: 1501px){
    .shopping_detail .fr .sd_time .box{ padding: 30px 0;}
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .shopping_detail .fr .sd_time{ margin: 40px 0 0 0;}
    .shopping_detail .fr .sd_time .title{ padding: 0 0 15px 0; font-size: 24px;}
    .shopping_detail .fr .sd_time .box{ padding: 20px 0;}
    .shopping_detail .fr .sd_time .img{ max-width: 100%;}
    .shopping_detail .fr .sd_time .img img{ border-radius: 8px;}
    .shopping_detail .fr .sd_time .list ul{ margin: 20px -5px 0 -5px;}
    .shopping_detail .fr .sd_time .list ul li{ margin: 10px 0 0 0; cursor: pointer;}
    .shopping_detail .fr .sd_time .list ul li a{height: 35px;}
}


.shopping_detail .fr .sd_option{ margin: 60px 0 0 0;}
.shopping_detail .fr .sd_option .title{ padding: 0 0 20px 0; border-bottom: 2px solid #000; font-size: 30px; font-weight: 700; color: #000;}
.shopping_detail .fr .sd_option .box{ padding: 25px 0; border-bottom: 1px solid #DDD;}
.shopping_detail .fr .sd_option .row{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.shopping_detail .fr .sd_option .row .rl{ display: flex; align-items: center;}
.shopping_detail .fr .sd_option .row .rr{ display: flex; align-items: center;}
.shopping_detail .fr .sd_option .row .tit{ width: 100px; font-size: 16px; color: #666;}
.shopping_detail .fr .sd_option .row .btn{ display: flex;}
.shopping_detail .fr .sd_option .row .btn i{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #DDD; background: #FFF; font-size: 16px; color: #000; cursor: pointer;}
.shopping_detail .fr .sd_option .row .btn i:nth-child(1){ border-radius: 8px 0 0 8px;}
.shopping_detail .fr .sd_option .row .btn i:nth-child(3){ border-radius: 0 8px 8px 0;}
.shopping_detail .fr .sd_option .row .btn i:hover{ background: #f0f0f0;}
.shopping_detail .fr .sd_option .row .btn input{ display: flex; align-items: center; margin: 0 -1px; padding: 0; width: 80px; height: 40px; border-radius: 0; border: 1px solid #DDD; background: #FFF; text-align: center; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.shopping_detail .fr .sd_option .row .price{ font-size: 16px; font-weight: 500; color: #000; letter-spacing: 0;}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .shopping_detail .fr .sd_option{ margin: 40px 0 0 0;}
    .shopping_detail .fr .sd_option .title{ padding: 0 0 15px 0; font-size: 24px;}
    .shopping_detail .fr .sd_option .box{ padding: 20px 0;}
    .shopping_detail .fr .sd_option .row{ padding: 10px 0;}
    .shopping_detail .fr .sd_option .row .tit{ width: 80px;}
    .shopping_detail .fr .sd_option .row .btn input{ width: 70px;}
}


.sd_price{ display: flex; justify-content: space-between; align-items: center; margin: 60px 0 0 0;}
.sd_price p{ font-size: 30px; font-weight: 700; color: #000;}
.sd_price span{ font-size: 30px; font-weight: 700; color: #F00; letter-spacing: 0;}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .sd_price{ margin: 40px 0 0 0;}
    .sd_price p{ font-size: 24px;}
    .sd_price span{ font-size: 27px;}
}


.sd_btn{ margin: 30px 0 0 0;}
.sd_btn ul{ display: flex; margin: 0 -5px;}
.sd_btn ul li{ width: 100%;}
.sd_btn ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 70px; border-radius: 40px; background: #000; cursor: pointer;}
.sd_btn ul li a p{ font-size: 20px; font-weight: 700; color: #FFF;}
.sd_btn ul li a.on{ background: #afd486;}
.sd_btn ul li a.on p{ color: #FFF;}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .sd_btn{ margin: 20px 0 0 0;}
    .sd_btn ul li a{ height: 60px;}
    .sd_btn ul li a p{ font-size: 18px;}
}


.shopping_detail_view{ margin: 100px 0 0 0;}
.shopping_detail_view .row{ margin: 0 0 80px 0;}
.shopping_detail_view .row:last-child{ margin: 0;}
.shopping_detail_view .shopping_detail_tab_menu{}
.shopping_detail_view .shopping_detail_tab_menu ul{ display: flex; border-bottom: 2px solid #000;}
.shopping_detail_view .shopping_detail_tab_menu ul li{ display: flex; justify-content: center; align-items: flex-end; padding: 0 0 20px 0; width: 100%; cursor: pointer;}
.shopping_detail_view .shopping_detail_tab_menu ul li a{ display: block;}
.shopping_detail_view .shopping_detail_tab_menu ul li a p{ font-size: 20px; font-weight: 400; color: #999;}
.shopping_detail_view .shopping_detail_tab_menu ul li.on a p{ font-size: 30px; font-weight: 700; color: #000;}
.shopping_detail_view .shopping_detail_tab{ padding: 40px 0;}
.shopping_detail_view .shopping_detail_tab .title{ padding: 0 0 30px 0; font-size: 26px; font-weight: 400; color: #000;}
.shopping_detail_view .shopping_detail_tab .text{ padding: 0 0 20px 0; line-height: 1.5; font-size: 14px; color: #666;}
.shopping_detail_view .shopping_detail_tab .text:last-child{ padding: 0;}

.shopping_detail_view .shopping_detail_tab .t2{ padding: 0 0 10px 0; font-size: 18px; color: #46a2f2;}
.shopping_detail_view .shopping_detail_tab .t3{ padding: 0 0 30px 0;}
.shopping_detail_view .shopping_detail_tab .t3 p{ position: relative; padding: 5px 0 5px 15px; line-height: 20px; font-size: 14px; color: #666;}
.shopping_detail_view .shopping_detail_tab .t3 p:before{ content: ""; display: block; position: absolute; top: 14px; left: 0; width: 6px; height: 1px; background: #CCC;}
@media(max-width: 767px){
    .shopping_detail_view{ margin: 60px 0 0 0;}
    .shopping_detail_view .row{ margin: 0 0 40px 0;}
    .shopping_detail_view .shopping_detail_tab_menu ul li{ padding: 0 0 15px 0;}
    .shopping_detail_view .shopping_detail_tab_menu ul li a p{ font-size: 16px;}
    .shopping_detail_view .shopping_detail_tab_menu ul li.on a p{ font-size: 24px;}
    .shopping_detail_view .shopping_detail_tab{ padding: 20px 0;}
    .shopping_detail_view .shopping_detail_tab .title{ padding: 0 0 20px 0; font-size: 20px;}
    .shopping_detail_view .shopping_detail_tab .text{ padding: 0 0 30px 0;}

    .shopping_detail_view .shopping_detail_tab .t2{ font-size: 16px;}
    .shopping_detail_view .shopping_detail_tab .t3{ padding: 0 0 20px 0;}
    .shopping_detail_view .shopping_detail_tab .t3 p{ font-size: 12px;}
}

/* 이용안내 */
.guide_use{}
.guide_use > div {background-color:#f0f3f6; border-radius:10px; padding:30px 50px;  margin-bottom:50px}
.guide_use > div > h2{font-size:30px; margin-bottom:20px;}
.guide_use > div > h2.red{color:#d82000;}
.guide_use > div > ul{margin-left:10px;}
.guide_use > div > ul > li {margin-bottom:10px; word-break:keep-all;}
.guide_use > div > ul > li > span.red{color:#d82000;}
.guide_use > div > ul > li > span.bold{font-weight:600}
.guide_use > div > ul > li > span.underline{text-decoration:underline;}
.guide_use > div > ul > li > span.blue{color:#0003ed;}
@media(max-width:767px){
	.guide_use > div{padding:20px 20px; margin-bottom:30px;}
	.guide_use > div > h2{font-size:21px; margin-bottom:10px;}
	.guide_use > div > ul > li{font-size:15px;}
}


.reservation_pay{}
.reservation_pay > .type_row{ position: relative; z-index: 30; padding: 0 0 0 500px;}
.reservation_pay .fl{ position: absolute; top: 0; left: 0; width: 500px;}
.reservation_pay .fr{ padding: 0 0 0 80px;}
@media(max-width: 1501px){
    .reservation_pay .fr{ padding: 0 0 0 50px;}
}
@media(max-width: 1025px){
    .reservation_pay > .type_row{ padding: 0;}
    .reservation_pay .fl{ position: initial; width: auto;}
    .reservation_pay .fr{ padding: 60px 0 0 0;}
}
@media(max-width: 767px){
    .reservation_pay .fr{ padding: 40px 0 0 0;}
}


.reservation_pay_ok{ position: relative; z-index: 30;}
.reservation_pay_ok .ok{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px; border-radius: 16px; background: #f5f8fa;}
.reservation_pay_ok .ok i{ font-size: 80px; color: #afd486;}
.reservation_pay_ok .ok .tit{ margin: 10px 0 0 0; font-size: 30px; font-weight: 700; color: #000;}
.reservation_pay_ok .sd_btn{ margin: 60px 0 0 0;}
.pay_complete{margin:50px auto 0;}
.pay_complete > div{max-width:700px; margin:0 auto ;}
.pay_complete > div:first-child{margin:0 auto 50px;}
.reservation_pay_ok > div > div > ul.check_txt{margin-top:50px; width:100%; max-width:700px; background-color:#fff; padding:50px;}
.reservation_pay_ok > div > div > ul.check_txt > li{font-size:18px}
.reservation_pay_ok > div > div > ul.check_txt > li > h3{color:#f00}
@media(max-width: 767px){
    .reservation_pay_ok .ok{ padding: 20px;}
    .reservation_pay_ok .ok i{ font-size: 50px;}
    .reservation_pay_ok .ok .t1{ font-size: 24px;}
    .reservation_pay_ok .sd_btn{ margin: 40px 0 0 0;}
	.reservation_pay_ok > div > div > ul.check_txt{padding:20px;  margin-top:20px}
	.reservation_pay_ok > div > div > ul.check_txt > li{margin-bottom:5px; font-size:15px}
	.reservation_pay_ok > div > div > ul.check_txt > li > h3{font-size:17px}
	.reservation_pay_ok .ok .tit{font-size:24px}
	.pay_complete{margin:20px auto}


}


.reservation_search > .type_row{ max-width: 500px;}
.reservation_search .search{ text-align: center;}
.reservation_search .search i{ font-size: 80px; color: #afd486;}
.reservation_search .search .t1{ margin: 10px 0 0 0; font-size: 36px; font-weight: 400; color: #000;}
.reservation_search .search .in{ position: relative;}
.reservation_search .search .in input{ display: flex; align-items: center; margin: 30px 0 0 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 30px; border: 1px solid #CCC; background: none; font-size: 16px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.reservation_search .search .in .btn{ display: flex; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; padding: 0 30px; border-radius: 30px; background: #afd486; font-size: 16px; font-weight: 400; color: #FFF; cursor: pointer;}
.reservation_search .search .t2 span{ font-weight: 500; color: #afd486;}
.reservation_search .search .t3{ margin: 20px 0 0 0; font-size: 16px; font-weight: 200; color: #666;}
@media(max-width: 767px){
    .reservation_search .search i{ font-size: 60px;}
    .reservation_search .search .t1{ font-size: 26px;}
    .reservation_search .search .in input{ height: 45px; font-size: 14px;}
    .reservation_search .search .in .btn{ padding: 0 25px; font-size: 14px;}
    .reservation_search .search .t3{ margin: 15px 0 0 0; font-size: 14px;}
}


.mypage_option{ position: relative; z-index: 30; width: 100%;}
.mypage_option .type_row{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 0 20px 0; width: 100%; border-bottom: 2px solid #000;}
.mypage_option .type_row .fl{ display: flex; align-items: center; position: relative; z-index: 10;}
.mypage_option .type_row .fr{ display: flex; align-items: center; position: relative; z-index: 1;}

.mypage_option .type_row .btn_01{ position: relative;}
.mypage_option .type_row .btn_01 .head{ display: flex; align-items: center; position: relative; cursor: default;}
.mypage_option .type_row .btn_01 .head p{ font-size: 30px; font-weight: 700; color: #000;}
.mypage_option .type_row .btn_01 .head i{ margin: 0 0 0 15px; font-size: 18px; color: #000; transition: all .2s;}
.mypage_option .type_row .btn_01 .body{ overflow: hidden; position: absolute; top: 45px; left: 0; border-radius: 16px; height: 0; background: #FFF; border: 1px solid rgba(0 0 0/10%); opacity: 0; transition: all .2s;}
.mypage_option .type_row .btn_01 .body div{}
.mypage_option .type_row .btn_01 .body div a{ display: block; padding: 0 30px; line-height: 2.5; font-size: 18px; color: #000; white-space: nowrap; cursor: pointer;}
.mypage_option .type_row .btn_01 .body div a:hover{ background: #f5f5f5;}
.mypage_option .type_row .btn_01 .body div.on a{ font-weight: 600; color: #afd486;}
.mypage_option .type_row .btn_01:hover .head i{ transform: rotate(180deg);}
.mypage_option .type_row .btn_01:hover .body{ top: 45px; padding: 10px 0; height: auto; opacity: 1;}

.mypage_option .type_row .date{ position: relative; z-index: 10; margin: 0 10px 0 0;}
.mypage_option .type_row .date > .head{ display: flex; justify-content: space-between; align-items: center; position: relative; width: 160px;}
.mypage_option .type_row .date > .head i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 20px; bottom: 0; font-size: 12px; color: #999;}
.mypage_option .type_row .date > .head input{ display: flex; align-items: center; margin: 0; padding: 0 35px 1px 20px; width: 100%; height: 40px; border-radius: 20px; border: 1px solid #DDD; background: none; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}

.mypage_option .type_row .date .date_calendar{ display: none; position: absolute; top: 39px; left: 0; padding: 0 15px 15px 15px; width: 260px; border-radius: 20px; background: #FFF; border: 1px solid rgba(0 0 0/10%);}
.mypage_option .type_row .date .date_calendar .top{ display: flex; justify-content: space-between; align-items: center; margin: 0 -15px; padding: 0 15px; border-radius: 10px 10px 0 0; height: 0; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_option .type_row .date .date_calendar .top a{ display: flex; align-items: center; height: 50px; font-size: 12px; color: #000; cursor: pointer;}
.mypage_option .type_row .date .date_calendar .top a.on{ font-size: 13px; font-weight: 500; color: #afd486;}
.mypage_option .type_row .date .date_calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.mypage_option .type_row .date .date_calendar .menu .btn{}
.mypage_option .type_row .date .date_calendar .menu .btn i{ font-size: 14px; color: #666; cursor: pointer;}
.mypage_option .type_row .date .date_calendar .menu p{ font-size: 16px; font-weight: 300; color: #000;}
.mypage_option .type_row .date .date_calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.mypage_option .type_row .date .date_calendar .head p{ width: 14.285%; text-align: center; font-size: 14px; color: #666;}
.mypage_option .type_row .date .date_calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0; width: 240px;}
.mypage_option .type_row .date .date_calendar .body p{ display: flex; justify-content: center; align-items: center; margin: 1px 0; width: 14.285%; height: 34px; background: #f5f7fa; font-size: 12px; color: #999; cursor: pointer;}
.mypage_option .type_row .date .date_calendar .body p.on{ background: none; color: #000;}
.mypage_option .type_row .date .date_calendar .body p.on.click{ border-radius: 50%; background: #afd486; color: #FFF;}

.mypage_option .type_row .date .date_calendar .flatpickr-current-month{ display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; margin: -10px 0 0 0; padding: 0;}
.mypage_option .type_row .date .date_calendar .flatpickr-current-month input.cur-year{ padding: 0; width: 50px; text-align: center;}
.mypage_option .type_row .date .date_calendar .flatpickr-current-month .flatpickr-monthDropdown-months{ display: flex; align-items: center; margin: 0; padding: 0 20px 0 0; background: url(/images/basic_select_icon.png) no-repeat center right 0 #FFF; background-size: 8px auto; outline: none; -webkit-appearance: none;}
.mypage_option .type_row .date .date_calendar .flatpickr-current-month .flatpickr-monthDropdown-months option{ background: #FFF;}
.mypage_option .type_row .date .date_calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month{ display: flex; align-items: center; margin: -10px 0 0 0; padding: 0;}
.mypage_option .type_row .date .date_calendar .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month{ display: flex; align-items: center; margin: -10px 0 0 0; padding: 0;}
.mypage_option .type_row .date.on .date_calendar{ display: block;}

.mypage_option .type_row .search{ display: flex; position: relative; width: 200px;}
.mypage_option .type_row .search i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 50px; font-size: 16px; color: #000; cursor: pointer;}
.mypage_option .type_row .search input{ display: flex; align-items: center; margin: 0; padding: 0 35px 1px 20px; width: 100%; height: 40px; border-radius: 20px; border: 1px solid #DDD; background: none; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .mypage_option .type_row{ flex-direction: column; align-items: flex-start; padding: 0;}
    .mypage_option .type_row .fl{}
    .mypage_option .type_row .fr{ padding: 10px 0 15px 0;}

    .mypage_option .type_row .btn_01 .head i{ margin: 0 0 0 5px;}
    .mypage_option .type_row .btn_01 .head p{ font-size: 24px;}
    .mypage_option .type_row .btn_01 .body{ top: 35px;}
    .mypage_option .type_row .btn_01:hover .body{ top: 40px;}

    .mypage_option .type_row .date{ flex: 0 0 140px; margin: 0 5px 0 0;}
    .mypage_option .type_row .date > .head i{ right: 15px;}
    .mypage_option .type_row .date > .head input{ padding: 0 40px 0 15px; font-size: 15px;}

    .mypage_option .type_row .search{ flex: 1; width: 100%;}
    .mypage_option .type_row .search i{ width: 40px;}
    .mypage_option .type_row .search input{ padding: 0 30px 0 15px; font-size: 15px;}
}




.mypage_order_list{ margin: 20px 0 0 0;}
.mypage_order_list .type_row{ overflow: hidden; position: relative;}
.mypage_order_list .type_row .head{ display: flex; justify-content: space-between; align-items: center; padding: 30px; border-radius: 15px 15px 0 0; border: 1px solid rgba(0 0 0/10%); border-bottom: 0; background: #f1f9fc;}
.mypage_order_list .type_row .head .check{ display: flex; align-items: center; cursor: pointer;}
.mypage_order_list .type_row .head .check i{ display: flex;justify-content: center; align-items: center; margin: 0 10px 0 0; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #DDD; background: #FFF; font-size: 14px; color: #999;}
.mypage_order_list .type_row .head .check p{ font-size: 20px; font-weight: 400; color: #000;}
.mypage_order_list .type_row .head .check.on i{ border-color: #742790; background: #742790; color: #FFF;}
.mypage_order_list .type_row .head .fr{ display: flex; align-items: center;}
.mypage_order_list .type_row .head .fr .row{ display: flex; align-items: flex-end; margin: 0 0 0 30px;}
.mypage_order_list .type_row .head .fr .row p{ padding: 0 0 2px 0; font-size: 12px; font-weight: 200; color: #666;}
.mypage_order_list .type_row .head .fr .row span{ margin: 0 0 0 10px; font-size: 16px; font-weight: 500; color: #F00;}

.mypage_order_list{ margin: 40px 0 0 0;}
.mypage_order_list:first-child{ margin: 60px 0 0 0;}
.mypage_order_list .head{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-radius: 8px; background: #f5f8fa;}
.mypage_order_list .head .check{ display: flex; align-items: center; cursor: pointer;}
.mypage_order_list .head .check i{ display: flex;justify-content: center; align-items: center; margin: 0 10px 0 0; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #DDD; background: #FFF; font-size: 14px; color: #999;}
.mypage_order_list .head .check p{ font-size: 24px; font-weight: 600; color: #000;}
.mypage_order_list .head .check.on i{ border-color: #afd486; background: #afd486; color: #FFF;}
.mypage_order_list .head .fr{ display: flex; align-items: center;}
.mypage_order_list .head .fr .row{ display: flex; align-items: flex-end; margin: 0 !important;}
.mypage_order_list .head .fr .row p{ padding: 0 0 2px 0; font-size: 16px; font-weight: 300; color: #000;}
.mypage_order_list .head .fr .row span{ margin: 0 0 0 10px; font-size: 22px; font-weight: 600; color: #F00 !important;}

.mypage_order_list .body{ display: flex; align-items: center; padding: 30px; border-bottom: 1px solid #DDD;}
.mypage_order_list .body .img{ display: block; width: 240px; border-radius: 8px; background: url(/images/img6.jpg) center/cover;}
.mypage_order_list .body .img img{ display: block; width: 100%;}
.mypage_order_list .body .img img:last-child{ display: none;}
.mypage_order_list .body .info{ flex: 1; padding: 0 0 0 50px;}
.mypage_order_list .body .info .t1{ display: flex; align-items: center;}
.mypage_order_list .body .info .t1 a{ font-size: 16px; color: #000;}
.mypage_order_list .body .info .t1 a:before{ content: ""; font-size: 16px; color: #000;}
.mypage_order_list .body .info .t1 span{ display: block; margin: 0 20px; width: 1px; height: 12px; background: #DDD;}
.mypage_order_list .body .info .t1 p{ font-size: 16px; color: #000;}
.mypage_order_list .body .info .t1 p:before{ content: ""; font-size: 16px; color: #000;}
.mypage_order_list .body .info .t2{  margin: 20px 0 0 0; line-height: 1.2; font-size: 30px; font-weight: 600; color: #000;}
.mypage_order_list .body .info .t3{ display: flex; align-items: center; margin: 15px 0 0 0;}
.mypage_order_list .body .info .t3 ul{ padding: 0 50px 0 0;}
.mypage_order_list .body .info .t3 ul:last-child{ padding: 0;}
.mypage_order_list .body .info .t3 ul li{ display: flex; align-items: flex-start; padding: 10px 0 0 0;}
.mypage_order_list .body .info .t3 ul li p{ width: 80px; line-height: 1.4; font-size: 16px; font-weight: 300; color: #666;}
.mypage_order_list .body .info .t3 ul li span{ flex: 1; line-height: 1.4; font-size: 16px; font-weight: 500; color: #000;}

.mypage_order_list .type_row .body{ padding: 30px; border: 1px solid #e5e5e5;}
.mypage_order_list .type_row .list{ display: block; position: relative; margin: 20px 0 0 0;}
.mypage_order_list .type_row .list:first-child{ margin: 0;}
.mypage_order_list .type_row .list .row{ display: flex; align-items: flex-end; position: relative; z-index: 20;}
.mypage_order_list .type_row .list .row .img{ flex: 0 0 200px; display: block; margin: 0 30px 0 0; border-radius: 10px;}
.mypage_order_list .type_row .list .row .img img{ display: block; width: 100%;}
.mypage_order_list .type_row .list .row .img img:last-child{ display: none;}
.mypage_order_list .type_row .list .row .info{ padding: 0 0 20px 0; width: 100%;}
.mypage_order_list .type_row .list .row .info .t1{ display: flex; align-items: center;}
.mypage_order_list .type_row .list .row .info .t1 a{ line-height: 1; font-size: 14px; font-weight: 300; color: #333;}
.mypage_order_list .type_row .list .row .info .t1 span{ display: block; margin: 0 15px; width: 1px; height: 12px; background: rgba(0 0 0/15%);}
.mypage_order_list .type_row .list .row .info .t1 p{ line-height: 1; font-size: 14px; color: #333;}
.mypage_order_list .type_row .list .row .info .t2{ display: block; margin: 15px 0 0 0; line-height: 1.4; font-size: 26px; font-weight: 400; color: #000;}
.mypage_order_list .type_row .list .row .info ul{ margin: 10px 0 0 0;}
.mypage_order_list .type_row .list .row .info ul li{ display: flex; align-items: flex-start; padding: 10px 0 0 0;}
.mypage_order_list .type_row .list .row .info ul li i{ margin: 0 5px 0 0; font-size: 20px; color: rgba(0 0 0/50%);}
.mypage_order_list .type_row .list .row .info ul li p{ width: 80px; line-height: 1.4; font-size: 14px; color: rgba(0 0 0/50%);}
.mypage_order_list .type_row .list .row .info ul li span{ line-height: 1.4; font-size: 14px; color: rgba(0 0 0/90%);}
.mypage_order_list .type_row .list .bg{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px;}
.mypage_order_list .type_row .list .bg:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0 0 0/10%), rgba(0 0 0/80%)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}


.mypage_order_list .type_row .foot{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-radius: 0 0 15px 15px; border: 1px solid #e5e5e5; border-top: 0;}
.mypage_order_list .type_row .foot .fl p{ display: flex; justify-content: center; align-items: center; font-size: 14px; color: #000;}
.mypage_order_list .type_row .foot .fl p span{ padding: 0 10px 0 0;}
.mypage_order_list .type_row .foot .fr{ display: flex;}
.mypage_order_list .type_row .foot .fr a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 100px; height: 40px; border-radius: 20px; background: #ff2828; color:#fff; font-size: 14px; font-weight: 400;cursor: pointer;}
@media(max-width: 767px){
    .mypage_order_list .type_row .head{ padding: 20px;}
    .mypage_order_list .type_row .head .check i{ margin: 0 5px 0 0; width: 20px; height: 20px; font-size: 12px;}
    .mypage_order_list .type_row .head .check p{ font-size: 18px;}

    .mypage_order_list .type_row .body{ padding: 30px 20px;}
    .mypage_order_list .type_row .list{ margin: 10px 0 0 0;}
    .mypage_order_list .type_row .list .row{ display: block;}
    .mypage_order_list .type_row .list .row .img{ flex: initial; margin: 0 0 20px 0; width: auto;}
    .mypage_order_list .type_row .list .row .img img:first-child{ display: none;}
    .mypage_order_list .type_row .list .row .img img:last-child{ display: block;}
    .mypage_order_list .type_row .list .row .info{ padding: 0;}
    .mypage_order_list .type_row .list .row .info .t1 a{ font-size: 12px;}
    .mypage_order_list .type_row .list .row .info .t1 p{ font-size: 12px;}
    .mypage_order_list .type_row .list .row .info ul li i{ font-size: 18px;}
    .mypage_order_list .type_row .list .row .info ul li p{ font-size: 12px;}
    .mypage_order_list .type_row .list .row .info ul li span{ font-size: 12px;}
    .mypage_order_list .type_row .foot{ padding: 20px; flex-direction:column; width:100%}
	.mypage_order_list .type_row .foot .fl{width:100%}
    .mypage_order_list .type_row .foot .fl a{ padding: 0 20px;}
    .mypage_order_list .type_row .foot .fr a{ width: 90px; height: 30px; font-size: 12px; margin-left:0}
	.mypage_order_list .type_row .foot .fl p{flex-direction:column; align-items:flex-start; margin-bottom:10px; width:100%}
}




.mypage_order_foot{ margin: 20px 0 0 0;}
.mypage_order_foot .type_row{ overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-radius: 15px; border: 1px solid #e5e5e5;}
.mypage_order_foot .type_row .fl{ display: flex; align-items: center;}
.mypage_order_foot .type_row .fl .check{ display: flex; align-items: center; cursor: pointer;}
.mypage_order_foot .type_row .fl .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.mypage_order_foot .type_row .fl .check p{ display: block; line-height: 2.5; font-size: 14px; color: #333;}
.mypage_order_foot .type_row .fl .check.on i{ border-color: #742790; background: #742790; color: #FFF;}
.mypage_order_foot .type_row .fl .check.on p{ font-weight: 400; color: #742790;}
.mypage_order_foot .type_row .fl .btn{ display: flex; align-items: center; margin: 0 0 0 30px;}
.mypage_order_foot .type_row .fl .btn a{ font-size: 14px; color: #333; cursor: pointer;}
.mypage_order_foot .type_row .fl .btn span{ display: block; margin: 0 15px; width: 1px; height: 10px; background: #CCC;}
.mypage_order_foot .type_row .fr .btn p{ font-size: 16px; font-weight: 400; color: #FFF;}
@media(max-width: 1025px){
    .mypage_order_foot .type_row{ display: block;}
    .mypage_order_foot .type_row .fl{ justify-content: space-between;}
	.mypage_order_list .body .info{ padding: 0 0 30px 30px;}
    .mypage_order_list .body .info .t3 ul{ padding: 0 30px 0 0;}
    .mypage_order_list .body .info .t3 ul li p{ width: 70px;}
}
@media(max-width: 767px){
    .mypage_order_foot .type_row{ padding: 20px 15px;}
    .mypage_order_foot .type_row .fl{}
    .mypage_order_foot .type_row .fl .btn{ display: flex; align-items: center; margin: 0;}
    .mypage_order_foot .type_row .fl .btn a{ margin: 0 0 0 20px;}
    .mypage_order_foot .type_row .fl .btn span{ display: none;}
	.mypage_order_list{ margin: 30px 0 0 0;}
    .mypage_order_list:first-child{ margin: 40px 0 0 0;}
    .mypage_order_list .head{ padding: 20px 15px;}
    .mypage_order_list .head .check p{ font-size: 20px;}
    .mypage_order_list .head .fr .row p{ padding: 0 0 1px 0; font-size: 16px;}
    .mypage_order_list .head .fr .row span{ font-size: 20px;}

    .mypage_order_list .body{ display: block; padding: 20px 15px;}
    .mypage_order_list .body .img{ width: auto;}
    .mypage_order_list .body .img img:first-child{ display: none;}
    .mypage_order_list .body .img img:last-child{ display: block;}
    .mypage_order_list .body .info{ padding: 20px 0 10px 0;}
    .mypage_order_list .body .info .t1 a{ font-size: 14px;}
    .mypage_order_list .body .info .t1 a:before{ font-size: 14px;}
    .mypage_order_list .body .info .t1 span{ margin: 0 15px;}
    .mypage_order_list .body .info .t1 p{ font-size: 14px;}
    .mypage_order_list .body .info .t1 p:before{ font-size: 14px;}
    .mypage_order_list .body .info .t2{ margin: 10px 0 0 0; font-size: 24px;}
    .mypage_order_list .body .info .t3{ display: block; margin: 10px 0 0 0;}
    .mypage_order_list .body .info .t3 ul{ padding: 0 30px 0 0;}
    .mypage_order_list .body .info .t3 ul li{ padding: 10px 0 0 0;}
    .mypage_order_list .body .info .t3 ul li p{ width: 70px; font-size: 15px;}
    .mypage_order_list .body .info .t3 ul li span{ font-size: 15px;}
}




.mypage_order_foot{ margin: 20px 0 0 0;}
.mypage_order_foot .type_row{ overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-radius: 15px; border: 1px solid #e5e5e5;}
.mypage_order_foot .type_row .fl{ display: flex; align-items: center;}
.mypage_order_foot .type_row .fl .check{ display: flex; align-items: center; cursor: pointer;}
.mypage_order_foot .type_row .fl .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.mypage_order_foot .type_row .fl .check p{ display: block; line-height: 2.5; font-size: 14px; color: #333;}
.mypage_order_foot .type_row .fl .check.on i{ border-color: #afd486; background: #afd486; color: #FFF;}
.mypage_order_foot .type_row .fl .check.on p{ font-weight: 400; color: #afd486;}
.mypage_order_foot .type_row .fl .btn{ display: flex; align-items: center; margin: 0 0 0 30px;}
.mypage_order_foot .type_row .fl .btn a{ font-size: 14px; color: #333; cursor: pointer;}
.mypage_order_foot .type_row .fl .btn span{ display: block; margin: 0 15px; width: 1px; height: 10px; background: #CCC;}
.mypage_order_foot .type_row .fr .btn p{ font-size: 16px; font-weight: 400; color: #FFF;}
@media(max-width: 1025px){
    .mypage_order_foot .type_row{ display: block;}
    .mypage_order_foot .type_row .fl{ justify-content: space-between;}
}
@media(max-width: 767px){
    .mypage_order_foot .type_row{ padding: 20px 15px;}
    .mypage_order_foot .type_row .fl{}
    .mypage_order_foot .type_row .fl .btn{ display: flex; align-items: center; margin: 0;}
    .mypage_order_foot .type_row .fl .btn a{ margin: 0 0 0 20px;}
    .mypage_order_foot .type_row .fl .btn span{ display: none;}
}




.mypage_profile{ margin: 0 0 80px 0;}
.mypage_profile .type_row{}
.mypage_profile .type_row .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 20px 0; border-bottom: 2px solid #000;}
.mypage_profile .type_row .head .tit{ font-size: 30px; font-weight: 700; color: #000;}
.mypage_profile .type_row .head .btn{ display: flex; align-items: center; padding: 0 30px; height: 40px; border-radius: 20px; border: 1px solid #DDD; background: #FFF; cursor: pointer;}
.mypage_profile .type_row .head .btn p{ font-size: 16px; color: #000;}
.mypage_profile .type_row .head .btn.on{ border-color: #afd486; background: #afd486;}
.mypage_profile .type_row .head .btn.on p{ color: #FFF;}
.mypage_profile .type_row .list{ padding: 20px 40px; border-bottom: 1px solid #DDD;}
.mypage_profile .type_row .list ul{}
.mypage_profile .type_row .list ul li{}
.mypage_profile .type_row .list ul li .box{ display: block; position: relative; padding: 20px 0 20px 120px;}
.mypage_profile .type_row .list ul li .box .title{ position: absolute; top: 50%; left: 0; transform: translate(0,-50%); font-size: 16px; color: #666;}
.mypage_profile .type_row .list ul li .box .row{}
.mypage_profile .type_row .list ul li .box .row .text{ font-weight: 600; font-size: 16px; color: #000;}
.mypage_profile .type_row .list ul li .box .row .btn{ display: flex; justify-content: center; align-items: center; padding: 0 50px; height: 60px; border-radius: 8px; background: #333; text-align: center; cursor: pointer;}
.mypage_profile .type_row .list ul li .box .row .btn p{ font-size: 18px; font-weight: 600; color: #FFF;}
.mypage_profile .type_row .list ul li .box .row .in_pw{ position: relative;}
.mypage_profile .type_row .list ul li .box .row .in_pw i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; font-size: 24px; color: #000; cursor: pointer;}
.mypage_profile .type_row .list ul li .box .row .in_pw input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 50px; border-radius: 8px; border: 1px solid #DDD; background: #FFF; font-size: 16px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none;}
.mypage_profile .type_row .list ul li .box .row .in_pw.on i{ color: #afd486;}
.mypage_profile .type_row .list ul li .box .row input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 8px; border: 1px solid #DDD; background: #FFF; font-size: 16px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none;}
.mypage_profile .type_row .list ul li .box .row textarea{ display: flex; align-items: center; margin: 0; padding: 20px 20px; width: 100%; height: 200px; border-radius: 8px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 16px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none;}
.mypage_profile .type_row .list ul li .box .row select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 20px; width: 100%; height: 50px; border-radius: 8px; border:1px solid rgba(0 0 0/10%); background:url(/images/basic_select_icon.png) no-repeat center right 20px #FFF; background-size: 10px auto; font-size: 14px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.mypage_profile .type_row .list ul li .box .row select::-ms-expand{ display: none;}
.mypage_profile .type_row .list ul li .box .row .in{ display: flex; margin: 0 -5px;}
.mypage_profile .type_row .list ul li .box .row .in input{ margin: 0 5px;}
.mypage_profile .type_row .list ul li .box .row .in select{ margin: 0 5px;}
@media(max-width: 767px){
    .mypage_profile .type_row .head{ padding: 0 0 15px 0;}
    .mypage_profile .type_row .head .tit{ font-size: 24px;}
    .mypage_profile .type_row .head .btn{ padding: 0 20px;}
    .mypage_profile .type_row .head .btn.on{ font-size: 14px;}
    .mypage_profile .type_row .list{ padding: 15px 15px;}
    .mypage_profile .type_row .list ul li{ width: 100%;}
    .mypage_profile .type_row .list ul li .box{ padding: 10px 0 10px 70px;}
    .mypage_profile .type_row .list ul li .box .row{ flex-wrap: wrap;}
    .mypage_profile .type_row .list ul li .box .row .in_pw{ width: 100%;}
    .mypage_profile .type_row .list ul li .box .row .btn{ height: 50px;}
    .mypage_profile .type_row .list ul li .box .row .btn p{ font-size: 16px;}
    .mypage_profile .type_row .list ul li .box .row input{ padding: 0 15px;}
    .mypage_profile .type_row .list ul li .box .row select{ padding: 0 30px 0 15px; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto;}
    .mypage_profile .type_row .list ul li .box .row .in{ margin: 0 -2.5px;}
    .mypage_profile .type_row .list ul li .box .row .in input{ margin: 0 2.5px;}
    .mypage_profile .type_row .list ul li .box .row .in select{ margin: 0 2.5px;}
}

































.type_btn_more{ display: flex; justify-content: center; margin: 60px 0 0 0;}
.type_btn_more a{ display: flex; justify-content: center; align-items: center; padding: 0 50px; height: 60px; border-radius: 30px; border: 1px solid rgba(0 0 0/100%); background: #FFF; cursor: pointer; transition: all .3s;}
.type_btn_more a p{ font-size: 18px; font-weight: 500; color: #000;}
.type_btn_more a i{ margin: 0 0 2px 10px; font-size: 16px; color: #000;}
.type_btn_more a:hover{ background: #f5f5f5;}
@media(max-width:767px){
    .type_btn_more{ margin: 30px 0 0 0;}
    .type_btn_more a{ width: 140px; height: 40px;}
    .type_btn_more a p{ font-size: 12px;}
    .type_btn_more a i{ font-size: 12px;}
}




.member_join{ padding: 0 50px;}
.member_join .row{ margin: 0 auto; padding: 50px; max-width: 600px; border-radius: 16px; border: 1px solid rgba(0 0 0/10%); background: #f5f8fa;}
.member_join .row .title{ text-align: center; font-size: 30px; font-weight: 700; color: #000;}

.member_join .row .menu{ display: flex; margin: 20px -5px 0 -5px;}
.member_join .row .menu:first-child{ margin-top: 0;}
.member_join .row .menu li{}
.member_join .row .menu li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 60px; border-radius: 8px; border: 1px solid #000; background: #FFF; cursor: pointer;}
.member_join .row .menu li a p{ font-size: 18px; font-weight: 500; color: #000;}
.member_join .row .menu li.on a{ border: 1px solid #000; background: #000;}
.member_join .row .menu li.on a p{ font-weight: 700; color: #FFF;}

.member_join .row .menu.privacy{ margin: 40px -5px 0 -5px;}
.member_join .row .menu.privacy li a p{ font-size: 18px;}

.member_join .row .name{ display: flex; justify-content: center; align-items: center; position: relative; margin: 40px 0 0 0;}
.member_join .row .name:after{ content: ""; display: block; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: #DDD;}
.member_join .row .name p{ position: relative; z-index: 10; padding: 0 20px; background: #f5f8fa; font-size: 16px; font-weight: 500; color: #000;}

.member_join .row .write{ margin: 40px 0 0 0;}
.member_join .row .write .box{ margin: 20px 0 0 0;}
.member_join .row .write .box:first-child{ margin: 0;}
.member_join .row .write .box .tit{ padding: 0 0 10px 0; font-size: 14px; color: #333;}
.member_join .row .write .box .tit span{ padding: 0 5px 0 0; color: #F00;}
.member_join .row .write .box input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 8px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.member_join .row .write .box select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 20px; width: 100%; height: 50px; border-radius: 8px; border:1px solid rgba(0 0 0/10%); background:url(/images/basic_select_icon.png) no-repeat center right 20px #FFF; background-size: 12px auto; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.member_join .row .write .box select::-ms-expand{ display: none;}

.member_join .row .write .box .in_day{ display: flex; margin: 0 -5px;}
.member_join .row .write .box .in_day input{ width: 40%; margin: 0 5px;}
.member_join .row .write .box .in_day select{ width: 30%; margin: 0 5px;}

.member_join .row .write .box .in_sns{ display: flex;}
.member_join .row .write .box .in_sns select{ flex: 0 0 120px; margin: 0 5px 0 0;}

.member_join .row .write .box .in_code{ display: flex;}
.member_join .row .write .box .in_code .btn{ flex: 0 0 120px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; height: 50px; border-radius: 8px; background: #000; cursor: pointer;}
.member_join .row .write .box .in_code .btn p{ font-size: 16px; font-weight: 500; color: #FFF;}

.member_join .row .write .box .in_pw{ position: relative;}
.member_join .row .write .box .in_pw i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; font-size: 24px; color: #000; cursor: pointer;}
.member_join .row .write .box .in_pw.on i{ color: #afd486;}

.member_join .row .write .box .in_file{}
.member_join .row .write .box .in_file ul{ display: flex; margin: 0 -2.5px;}
.member_join .row .write .box .in_file ul li{ width: 33.333%;}
.member_join .row .write .box .in_file ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin: 0 2.5px; height: 140px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.member_join .row .write .box .in_file ul li a .ok{ display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; border: 2px solid #afd486;}
.member_join .row .write .box .in_file ul li a .ok .text{ display: flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 0; left: 0; padding: 10px 0; background: #afd486;}
.member_join .row .write .box .in_file ul li a .ok .text i{ font-size: 12px; color: #FFF;}
.member_join .row .write .box .in_file ul li a .ok .text p{ margin: 0 0 0 5px; font-size: 12px; color: #FFF;}
.member_join .row .write .box .in_file ul li a > i{ font-size: 3em; color: #000;}
.member_join .row .write .box .in_file ul li a > p{ margin: 10px 0 0 0; font-size: 14px; color: #000;}
.member_join .row .write .box .in_file ul li.on .ok{ display: block;}
.member_join .row .write .box .in_file > p{ margin: 10px 0 0 0; font-size: 12px; color: #F00;}

.member_join .row .terms{ overflow: hidden; margin: 40px 0 0 0; border-radius: 8px; border: 1px solid rgba(0 0 0/15%); background: #FFF;}
.member_join .row .terms .scroll{ overflow: auto; padding: 30px; height: 200px; line-height: 1.8 !important; font-size: 14px; color: #666;}
.member_join .row .terms .title{ font-size: 18px !important; color: #000;}

.member_join .row .terms .scroll::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.member_join .row .terms .scroll::-moz-scrollbar-thumb{ background-color: #afd486; border-radius: 0;}
.member_join .row .terms .scroll::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.member_join .row .terms .scroll::-ms-scrollbar-thumb{ background-color: #afd486; border-radius: 0;}
.member_join .row .terms .scroll::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.member_join .row .terms .scroll::-webkit-scrollbar-thumb{ background-color: #afd486; border-radius: 0;}

.member_join .row .join_check{ display: flex; align-items: center; margin: 20px 0 0 0;}
.member_join .row .join_check i{ display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #FFF; cursor: pointer;}
.member_join .row .join_check i.on{ border-color: #afd486; background: #afd486; color: #FFF;}
.member_join .row .join_check .txt{ display: flex; align-items: center; margin: 1px 0 0 5px;}
.member_join .row .join_check .txt a{ font-size: 16px; font-weight: 600; color: #000;}
.member_join .row .join_check .txt p{ font-size: 16px; color: #333;}

.member_join .row .join_ok{ margin: 50px 0 0 0; text-align: center;}
.member_join .row .join_ok i{ font-size: 80px; color: #afd486;}
.member_join .row .join_ok .t1{ margin: 20px 0 0 0; text-align: center; font-size: 26px; font-weight: 500; color: #000;}
.member_join .row .join_ok .t1 span{ font-weight: 700; color: #000;}
.member_join .row .join_ok .t2{ margin: 10px 0 0 0; text-align: center; font-size: 16px; font-weight: 400; color: #333;}
.member_join .row .join_ok .t2 span{ color: #F00;}

.member_join .row .btn_join{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; height: 60px; border-radius: 8px; background: #000; cursor: pointer;}
.member_join .row .btn_join p{ font-size: 18px !important; font-weight: 600; color: #FFF !important;}

.member_join .row .btn_login{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0;}
.member_join .row .btn_login p{ font-size: 14px; color: #666;}
.member_join .row .btn_login a{ display: flex; align-items: center; margin: 0 0 0 10px; cursor: pointer;}
.member_join .row .btn_login a span{ font-size: 14px; font-weight: 600; color: #afd486;}
.member_join .row .btn_login a i{ margin: 0 0 1px 5px; font-size: 12px; color: #afd486;}
@media(max-width:767px){
    .member_join{ padding: 0 15px;}
    .member_join .row{ padding: 30px 30px 40px 30px;}
    .member_join .row .title{ font-size: 24px;}

    .member_join .row .menu{ margin: 15px -2.5px 0 -2.5px;}
    .member_join .row .menu li a{ margin: 0 2.5px; height: 55px;}
    .member_join .row .menu li a p{ font-size: 16px;}

    .member_join .row .menu.privacy{ margin: 30px -2.5px 0 -2.5px;}
    .member_join .row .menu.privacy li a p{ font-size: 16px;}

    .member_join .row .write{ margin: 20px 0 0 0;}
    .member_join .row .write .box{ margin: 20px 0 0 0;}
    .member_join .row .write .box .tit{ padding: 0 0 6px 0;}
    .member_join .row .write .box input{ padding: 0 15px;}
    .member_join .row .write .box select{ padding: 0 30px 0 15px; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto;}

    .member_join .row .write .box .in_sns select{ flex: 0 0 100px;}
    .member_join .row .write .box .in_code .btn{ flex: 0 0 100px;}
    .member_join .row .write .box .in_pw i{ width: 45px;}

    .member_join .row .write .box .in_file ul li a{ height: 120px;}
    .member_join .row .write .box .in_file > p{font-size: 10px;}

    .member_join .row .join_ok .t1{ font-size: 24px;}
    .member_join .row .join_ok .t2{ margin: 5px 0 0 0;}
}









.type_table_01 table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.type_table_01 table thead{}
.type_table_01 table thead tr{}
.type_table_01 table thead tr td{ padding: 15px 10px; border-top: 2px solid #afd486; border-bottom: 1px solid #CCC; background: #f5f5f5; text-align: center; font-size: 16px; color: #000;}
.type_table_01 table tbody{}
.type_table_01 table tbody tr{}
.type_table_01 table tbody tr th{ padding: 15px 10px; border: 1px solid #DDD; background: #f5f5f5; text-align: center; line-height: 1.6; font-size: 14px; font-weight: 300;}
.type_table_01 table tbody tr th:first-child{ border-left: 0;}
.type_table_01 table tbody tr th:last-child{ border-right: 0;}
.type_table_01 table tbody tr td{ padding: 15px 10px; border: 1px solid #DDD; text-align: center; line-height: 1.6; font-size: 14px; font-weight: 200;}
.type_table_01 table tbody tr td:first-child{ border-left: 0;}
.type_table_01 table tbody tr td:last-child{ border-right: 0;}


.type_btn_01{ display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0;}
.type_btn_01 p{ font-size: 16px; font-weight: 200;}
.type_btn_01 a{ display: flex; align-items: center; padding: 0 50px; border-radius: 30px; height: 50px; background: #afd486; font-size: 16px; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    .type_btn_01{ flex-wrap: wrap; margin: 30px 0 0 0;}
    .type_btn_01 a{ height: 40px;}
}


.type_btn_02{ display: flex; justify-content: center; margin: 50px 0 0 0;}
.type_btn_02 a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 180px; height: 50px; border-radius: 25px; background: #333;}
.type_btn_02 a p{ font-size: 16px; font-weight: 300; color: #FFF;}
.type_btn_02 a:nth-child(1){ background: #333;}
.type_btn_02 a:nth-child(2){ background: #afd486;}
@media(max-width: 767px){
    .type_btn_02{ margin: 30px -2.5px 0 -2.5px;}
    .type_btn_02 a{ margin: 0 2.5px; height: 45px;}
    .type_btn_02 a p{ font-size: 14px;}
}


.type_btn_03{ display: flex; justify-content: center; align-items: center; margin: 60px auto 0 auto; width: 200px; height: 60px; border-radius: 30px; border: 1px solid #000; background: #FFF; text-align: center; cursor: pointer;}
.type_btn_03 p{ font-size: 18px; font-weight: 500; color: #000;}
.type_btn_03:hover{ background: #f5f5f5;}
@media(max-width:767px){
    .type_btn_03{ margin: 30px auto 0 auto; width: auto; height: 50px;}
    .type_btn_03 p{ font-size: 16px;}
}








.type_search{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 20px 0; border-bottom: 2px solid #000;}
.type_search .fl{}
.type_search .fl p{ font-size: 30px; color: #000;}
.type_search .fl p span{ padding: 0 15px 0 0; font-weight: 700;}
.type_search .fl p font{ font-weight: 700; color: #afd486;}
.type_search .fr{ display:flex; align-items:center;}
.type_search .fr .search{ position: relative;}
.type_search .fr .search i{ display: block; position: absolute; top: 0; right: 0; width: 50px; text-align: center; line-height: 40px; font-size: 16px; color: #000; cursor: pointer;}
.type_search .fr .search input{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 20px; width: 200px; height: 40px; border-radius: 20px; border: 1px solid #DDD; background: #FFF; font-size: 16px; font-weight: 400; color:#000; outline:none; -webkit-appearance:none;}
@media(max-width:767px){
    .type_search{ padding: 0 0 15px 0;}
    .type_search .fl p{ font-size: 19px;}
    .type_search .fl p span{ padding: 0 10px 0 0;}
    .type_search .fr .search{}
    .type_search .fr .search i{ width: 40px; font-size: 15px;}
    .type_search .fr .search input{ padding: 0 40px 0 15px; width: 150px; font-size: 15px;}
}


.type_page{ display:flex; justify-content:center; align-items:center; margin: 60px 0 0 0;}
.type_page i{ display: flex; justify-content: center; align-items: center; margin: 0 2.5px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #DDD; font-size: 12px; color: #000; cursor: pointer;}
.type_page i:hover{ background: #f5f5f5;}
.type_page .page{ display: flex; align-items: center;}
.type_page .page p{display: flex; justify-content: center; align-items: center; margin: 0 2.5px; padding: 0 10px; min-width: 40px; height: 40px; border-radius: 50%; border: 1px solid #DDD; font-size: 14px; font-weight: 400; color: #000; cursor: pointer;}
.type_page .page p > a{color:#adadad; }
.type_page .page p.on{ position: relative; z-index: 1; border-color: #afd486; background: #afd486; color: #FFF;}
@media(max-width: 767px){
    .type_page{ margin: 30px 0 0 0;}
    .type_page i{ width: 35px; height: 35px; font-size: 12px;}
    .type_page .page p{ padding: 0 10px; min-width: 35px; height: 35px; font-size: 14px;}
}


.type_faq{ margin: 60px 0 0 0;}
.type_faq ul{ border-top: 1px solid #DDD;}
.type_faq ul li{ border-bottom: 1px solid #DDD; cursor: pointer;}
.type_faq ul li a{ display: block; position: relative; padding: 35px 100px 35px 30px;}
.type_faq ul li a .q{ position: relative; padding: 0 0 0 50px; line-height: 1.2; font-size: 18px; font-weight: 500; color: #000;}
.type_faq ul li a .q:before{ content: "Q"; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 35px; height: 35px; border-radius: 50%; background: #000; font-size: 18px; font-weight: 500; color: #FFF;}
.type_faq ul li a .a{ display: none; position: relative; margin: 30px 0 0 0; padding: 0 0 0 50px; line-height: 1.2; font-size: 24px; font-weight: 600; color: #000;}
.type_faq ul li a .a:before{ content: "A"; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: -2px; width: 35px; height: 35px; border-radius: 50%; background: #afd486; font-size: 18px; font-weight: 500; color: #FFF; opacity: 0; transition: all 1s;}
.type_faq ul li a i{ display: block; position: absolute; top: 50%; right: 20px; transform: translate(0,-50%); font-size: 16px; color: rgba(0 0 0/50%); transition: all .3s;}
.type_faq ul li.on a .a:before{ opacity: 1;}
.type_faq ul li.on a i{ transform: rotate(180deg);}
@media(max-width: 767px){
    .type_faq{ margin: 40px 0 0 0;}
    .type_faq ul li a{ padding: 20px 60px 20px 0;}
    .type_faq ul li a .q{ padding: 0 0 0 40px; font-size: 16px;}
    .type_faq ul li a .q:before{ width: 30px; height: 30px; font-size: 16px;}
    .type_faq ul li a .a{ margin: 20px 0 0 0; padding: 0 0 0 40px; font-size: 18px;}
    .type_faq ul li a .a:before{ width: 30px; height: 30px; font-size: 15px;}
    .type_faq ul li a i{ right: 0;}
}



.type_notice{ margin: 60px 0 0 0;}
.type_notice .head{ display: flex; background: #f5f8fa;}
.type_notice .head li{ display: flex; justify-content: center; align-items: center; height: 70px;}
.type_notice .head li p{ font-size: 18px; font-weight: 500; color: #000;}
.type_notice .body{ border-top: 1px solid #DDD;}
.type_notice .body li{}
.type_notice .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding: 30px 0; border-bottom: 1px solid #DDD;}
.type_notice .body li .row .number{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 18px; color:#666;}
.type_notice .body li .row .tit{ width:60%; display:flex; align-items:center; padding: 0 15px;}
.type_notice .body li .row .tit a{ max-width: 100%; font-size: 18px; font-weight: 500; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer;}
.type_notice .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 18px; color:#666;}
.type_notice .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 18px; color:#666;}
.type_notice .body li .row .click span{ display: none;}
.type_notice .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.type_notice .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 14px; color:#666;}
.type_notice .body li .row .answer.on p{ border:1px solid #afd486; background:#afd486; color:#FFF;}
@media(max-width: 767px){
    .type_notice{ margin: 40px 0 0 0;}
    .type_notice .head{ display: none;}
    .type_notice .body li .row{ padding: 20px 0 20px 0;}
    .type_notice .body li .row .number{ justify-content: flex-start; width: 10%; line-height: 30px; font-weight: 700; color: #afd486;}
    .type_notice .body li .row .tit{ padding: 0; width: 90%; line-height: 30px;}
    .type_notice .body li .row .tit a{ font-size: 16px;}
    .type_notice .body li .row .date{ justify-content: flex-start; margin: 5px 20px 0 0; width: auto; font-size: 14px;}
    .type_notice .body li .row .click{ justify-content: flex-start; margin: 5px 0 0 0; width: auto; font-size: 14px;}
    .type_notice .body li .row .click span{ display: block; padding: 0 5px 0 0;}
    .type_notice .body li .row .answer{ width:auto;}
    .type_notice .body li .row .answer p{ height:25px; font-size:10px;}
}


.type_qna{ overflow: hidden; margin: 20px 0 0 0; border-radius: 15px; border: 1px solid #e5e5e5;}
.type_qna .head{ display: flex; background: #f5f5f5;}
.type_qna .head li{ display:flex; justify-content:center; align-items:center; height: 50px;}
.type_qna .head li p{ font-size: 14px; font-weight: 300; color: #000;}
.type_qna .body{}
.type_qna .body li{}
.type_qna .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding: 30px 0; border-top: 1px solid #e5e5e5;}
.type_qna .body li .row .number{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 14px; color:#666;}
.type_qna .body li .row .tit{ width:45%; display:flex; align-items:center; padding:0 15px;}
.type_qna .body li .row .tit a{ max-width: 90%; font-size: 14px; font-weight: 300; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.type_qna .body li .row .tit i{ margin:0 0 0 5px; font-size: 2em; color:#666; cursor:pointer;}
.type_qna .body li .row .user{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.type_qna .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.type_qna .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.type_qna .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.type_qna .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding: 0 15px; height: 35px; border-radius: 20px; border: 1px solid #e5e5e5; background: #fafafa; font-size: 14px; color:#666;}
.type_qna .body li .row .answer.on p{ border: 1px solid #8bb92c; background:#8bb92c; color: #FFF;}
@media(max-width: 767px){
    .type_qna .head{ display: none;}
    .type_qna .body li:first-child .row{ border-top: 0;}
    .type_qna .body li .row{ padding: 20px 15px 20px 60px;}
    .type_qna .body li .row .number{ position:absolute; top:50%; transform: translate(0,-50%); left: 15px; width:35px; height:35px; border-radius:50%; background: #afd486; color:#FFF;}
    .type_qna .body li .row .tit{ margin: -1px 0 0 0; padding: 0 0 5px 0; width: 100%; line-height: 20px;}
    .type_qna .body li .row .user{ justify-content:flex-start; width:20%; font-size:12px;}
    .type_qna .body li .row .date{ justify-content:flex-start; width:30%; font-size:12px;}
    .type_qna .body li .row .click{ justify-content:flex-start; width:20%; font-size:12px;}
    .type_qna .body li .row .answer{ width:auto;}
    .type_qna .body li .row .answer p{ padding: 0 10px; height: 30px; font-size: 11px;}
}


.type_event{ margin: 60px 0 0 0;}
.type_event ul{ display: flex; flex-wrap: wrap; margin: -30px -15px 0 -15px;}
.type_event ul li{ margin: 30px 0 0 0; width: 25%;}
.type_event ul li a{ display: block; margin: 0 15px; transition: all .2s;}
.type_event ul li a .img{}
.type_event ul li a .img img{ display: block; width: 100%; height: auto; border-radius: 16px;}
.type_event ul li a .fr{ display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 10; padding: 20px 0 0 0; width: 100%;}
.type_event ul li a span{ display: flex; align-items: center; position: absolute; top: -50px; left: 20px; padding: 0 15px; height: 30px; border-radius: 20px; background: #000; font-size: 12px; font-weight: 600; color: #FFF;}
.type_event ul li a span.on{ background: #F00;}
.type_event ul li a .tit{ margin: 0 0 0 0; width: 100%; font-size: 18px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.type_event ul li a .txt{ display: none !important; margin: 10px 0 0 0; width: 100%; line-height: 1.5; font-size: 14px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.type_event ul li a .date{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 16px; color: #999;}
.type_event ul li a .date i{ margin: 0 5px 0 0; font-size: 16px; color: #999;}
.type_event ul li a:hover{ transform: scale(.95);}
@media(max-width: 1025px){
    .type_event ul li{ width: 33.333%;}
}
@media(max-width: 767px){
    .type_event{ margin: 40px 0 0 0;}
    .type_event ul{ margin: -30px -7.5px 0 -7.5px;}
    .type_event ul li{ margin: 30px 0 0 0; width: 50%;}
    .type_event ul li a{ margin: 0 7.5px;}
    .type_event ul li a .img img{ border-radius: 8px;}
    .type_event ul li a .fr{ padding: 10px 0 0 0;}
    .type_event ul li a span{ top: -40px; left: 15px; padding: 0 10px; height: 25px; font-size: 10px;}
    .type_event ul li a .tit{ font-size: 16px;}
    .type_event ul li a .date{ margin: 5px 0 0 0; font-size: 14px;}
    .type_event ul li a .date i{ font-size: 14px;}
}


.type_view{}
.type_view .head{}
.type_view .head .tit{ padding: 0 0 20px 0; line-height: 1.4; font-size: 30px; font-weight: 700; color: #000;}
.type_view .head ul{ display: flex; flex-wrap: wrap; align-items: center; padding: 20px 30px; border-top: 2px solid #000; border-bottom: 1px solid #DDD; background: #f5f8fa;}
.type_view .head ul li{ display: flex; align-items: center; margin: 0 30px 0 0;}
.type_view .head ul li:last-child{ margin: 0;}
.type_view .head ul li p{ display: block; margin: 0 10px 0 0; font-size: 16px; color: #666;}
.type_view .head ul li font{ display: block; font-size: 16px; font-weight: 500; color: #000;}
.type_view .head ul li span{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 14px; font-weight: 200; color:#666;}
.type_view .head ul li span.on{ border:1px solid #afd486; background:#afd486; color:#FFF;}
.type_view .body{ padding: 40px 30px;}
.type_view .body *{ line-height: 1.5; font-size: 16px; color: #000; word-break: break-all !important; word-wrap: break-word !important;}
.type_view .body a{ word-break: break-all !important; word-wrap: break-word !important;}
.type_view .body iframe{ display: block; margin: 0 0 20px 0; width: 100% !important; height: 500px !important;}
.type_view .body img{ display: block; margin: 0 0 20px 0; max-width:100%;}

.type_view .body .qna{}
.type_view .body .qna .head{ padding: 0 0 15px 0; font-size: 16px; font-weight: 400; color: #000;}
.type_view .body .qna .q{}
.type_view .body .qna .a{ margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #DDD;}

.type_view .body .file{ display:flex; flex-wrap: wrap; margin:30px 0 0 0;}
.type_view .body .file a{ display:flex; justify-content:center; align-items:center; margin: 0 10px 0 0; padding:0 30px; height:40px; border-radius: 30px; border:1px solid #09F;}
.type_view .body .file p{ font-size: 14px; color:#09F;}
.type_view .body .file i{ margin:0 0 0 5px; font-size: 14px; color:#09F;}
.type_view .page{ border-top: 1px solid #DDD;}
.type_view .page li{ display:flex; align-content:center; padding: 30px 30px 30px 100px; border-bottom: 1px solid #DDD;}
.type_view .page li p{ float:left; margin:0 0 0 -100px; width:100px; text-align:center; font-size: 16px; color:#999;}
.type_view .page li .tit{ display:flex; align-content:center; width:100%;}
.type_view .page li .tit a{ display:block; max-width:90%; font-size: 16px; font-weight: 500; color: #000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.type_view .page li .tit i{ margin:0 0 0 10px; font-size: 16px; cursor:pointer;}
.type_view .answer{ display:flex; align-items:center; padding:30px; background:#afd486;}
.type_view .answer .fl{ margin:0 30px 0 0; font-size:20px; color:#FFF;}
.type_view .answer .fr{ flex:1 0; padding:30px; border-radius:10px; background:#FFF;}
.type_view .answer .fr *{ line-height:25px; font-size:15px; color:#333;}
.type_view .answer .fr img{ display:block; margin:0 0 20px 0; max-width:100%;}
@media(max-width:767px){
    .type_view .head .tit{ padding: 0 0 15px 0; font-size: 19px; line-height:1.2}
    .type_view .head ul{ padding: 20px 15px;}
    .type_view .head ul li{ margin: 0 15px 0 0;}
    .type_view .head ul li p{ font-size: 15px;}
    .type_view .head ul li font{ font-size: 15px;}
    .type_view .body{ padding: 30px 15px;}
    .type_view .body *{ font-size: 15px;}
    .type_view .body iframe{ height: 250px !important;}
    .type_view .body .file a{ margin: 5px 5px 0 0; padding: 0 15px; height: 35px;}
    .type_view .body .file a p{ font-size: 12px;}
    .type_view .page li{ padding: 20px 15px 20px 80px;}
    .type_view .page li p{ margin: 0 0 0 -60px; width:60px; text-align: left; font-size: 15px;}
    .type_view .page li .tit{ font-size: 15px;}
    .type_view .answer{ flex-direction:column; padding:15px;}
    .type_view .answer .fl{ margin:0 0 15px 0; font-size:18px;}
    .type_view .answer .fr{ padding:20px;}
    .type_view .answer .fr *{ font-size:14px;}
}





.type_write{ margin: 60px 0 0 0;}
.type_write:first-child{ margin: 0;}
.type_write .title{ display:flex; justify-content: space-between; align-items: center; padding: 0 0 20px 0; border-bottom: 2px solid #000;}
.type_write .title p{ font-size: 30px; font-weight: 700; color: #000;}
.type_write .title font{ font-size: 16px; color: #F00;}
.type_write ul{}
.type_write ul li{ border-bottom: 1px solid #DDD;}
.type_write ul li a{ display: flex; align-items: center; padding: 20px 0;}
.type_write ul li a > .tit{ width: 120px; font-size: 16px; font-weight: 300; color: #000;}
.type_write ul li a > .tit span{ padding: 0 0 0 5px; color: #F00;}
.type_write ul li a .row{ flex: 1;}
.type_write ul li a .text{ padding: 5px 0; line-height: 1.4; font-size: 16px; font-weight: 500; color: #000;}
.type_write ul li.other_list{ padding-bottom:20px}
.type_write ul li.other_list a{padding-bottom:10px}
.type_write ul li.other_list div.other_wrap{padding-left:120px;}
.type_write ul li.other_list div.other_contents{margin-top:10px}
.type_write ul li.other_list div.other_contents li{border:0; font-size:15px; line-height:1.4; font-weight:300}
.type_write ul li.other_list div.other_contents h3{font-size:16px;}

.type_write input{ display: flex; align-items: center; margin: 0; padding: 0 20px; max-width: 400px; width: 100%; height: 50px; border-radius: 8px; border: 1px solid #DDD; background: #FFF; font-size: 16px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none;}
.type_write select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 20px; width: 100%; height: 50px; border-radius: 25px; border:1px solid rgba(0 0 0/10%); background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 14px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.type_write select::-ms-expand{ display: none;}
.type_write textarea{ display: flex; align-items: center; margin: 0; padding: 10px 20px; width: 100%; height: 300px; border-radius: 25px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 14px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}

.type_write .file{ display: flex; width: 100%;}
.type_write .file .btn{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 0 0 0 10px; width: 150px; height: 50px; border-radius: 25px; background:#afd486; cursor: pointer;}
.type_write .file .btn p{ font-size: 14px; color: #FFF;}
.type_write .file .btn_down{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:0 0 0 10px; width:140px; height:35px; background:#afd486; cursor:pointer;}
.type_write .file .btn_down p{ font-size:14px; color:#FFF;}

.type_write .code{ display: flex; width: 100%;}
.type_write .code .img{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 0 10px 0 0; width: 150px; height: 50px; border-radius: 25px; background: #333; font-size: 14px; color:#FFF;}

.type_write ul li a .tt{ margin:10px 0 0 0; font-size:12px; color:#F00;}

.type_write .privacy{ width:100%;}
.type_write .privacy .title{ line-height:20px; font-size:20px; color:#000;}
.type_write .privacy .check{ margin:15px 0 0 0;}
.type_write .privacy .check label{ display:flex; cursor:pointer;}
.type_write .privacy .check label i{ display:flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; background:#DDD; font-size:12px; color:#000;}
.type_write .privacy .check label p{ margin:0 0 0 5px; line-height:20px; font-size:15px; color:#333;}
.type_write .privacy .check label.on i{ background:#afd486; color:#FFF;}

.type_write .price_guide{ overflow:auto; padding:15px 30px 30px 30px; width:100%; height:150px; border:1px solid rgba(0,0,0,0.1);}
.type_write .price_guide .tit{ padding:15px 0 5px 15px; font-size:15px;}
.type_write .price_guide .tit font{ display:block; float:left; margin:0 0 0 -15px; font-weight:500; color:#afd486;}
.type_write .price_guide .txt{ padding:0 0 0 15px; font-size:13px; color:#666;}

.type_write .radio{ display:flex; flex-wrap:wrap; width:100%;}
.type_write .radio p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
.type_write .radio p:last-child{ margin:0;}
.type_write .radio p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border-radius:50%; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .radio p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .radio p.on i{ border-color:#afd486; background:#afd486; color:#FFF;}

.type_write .checkbox{ display: flex; flex-wrap: wrap; width: 100%;}
.type_write .checkbox p{ display:flex; align-items:center; margin:0 20px 0 0; padding: 10px 0; font-size: 16px; font-weight: 400; color: #000; cursor:pointer;}
.type_write .checkbox p:last-child{ margin:0;}
.type_write .checkbox p i{ display:flex; justify-content:center; align-items:center; margin: 0 5px 0 0; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #DDD; font-size: 12px; color:#FFF;}
.type_write .checkbox p span{ border-bottom: 1px solid #afd486; color: #afd486; font-weight: 500;}
.type_write .checkbox p.on i{ border-color:#afd486; background:#afd486; color:#FFF;}

.type_write .password{ display:flex; align-items:center; width:100%;}
.type_write .password input{ width:100px;}
.type_write .password .ck{ display:flex; align-items:center; margin:0 0 0 20px; padding:10px 0; cursor:pointer;}
.type_write .password .ck i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .password .ck p{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .password .ck.on i{ border-color:#afd486; background:#afd486; color:#FFF;}

.type_write .tel select{ width:80px;}
@media(max-width:767px){
    .type_write{ margin: 40px 0 0 0;}
    .type_write .title{ padding: 0 0 15px 0;}
    .type_write .title p{ font-size: 24px;}
    .type_write ul{}
    .type_write ul li a{ padding: 15px 0;}
    .type_write ul li a > .tit{ width: 80px;}
	.type_write ul li.other_list div.other_wrap{padding-left:0}

    .type_write input{ padding: 0 15px;}
    .type_write select{ padding-left: 15px;}
    .type_write textarea{ padding: 10px 15px; height: 150px;}

    .type_write .file .btn{ margin: 0 0 0 5px; width: 120px; height: 45px;}
    .type_write .file .btn p{ font-size:12px;}
    .type_write .file .btn_down{ margin:0 0 0 5px;}
    .type_write .file .btn_down p{ font-size:12px;}

    .type_write .code .img{ margin: 0 5px 0 0; width: 50%; height: 45px;}

    .type_write .privacy .title{ line-height:20px; font-size:18px;}
    .type_write .privacy .check label p{ font-size:13px;}
    .type_write .tel input{ flex:1 0; width:50%;}
    .type_write .mail input{ flex:1 0; width:50%;}
    .type_write .mail select{ margin-top:4px !important; width:100%;}

    .type_write .radio{}
    .type_write .radio p{ margin:0 15px 0 0; padding:5px 0;}
}





.intro_terms{ margin: 20px 0 0 0; padding: 50px; border-radius: 8px; background: #FFF; line-height: 1.8 !important; font-size: 14px; color: #666;}
.intro_terms .title{ font-size: 18px !important; color: #000;}
@media(max-width:767px){
    .intro_terms{ padding: 30px;}
}









.new_intro{ position: relative; padding: 0 50px 0 450px;}
.new_intro .left_container{ position: relative; z-index: 10; padding: 50px 0 50px 0;}
.new_intro .left_container .head{ display: flex; flex-direction: column; align-items: center; padding: 50px 50px; border-radius: 0;}
.new_intro .left_container .head .logo{ display: block; height: 200px;}
.new_intro .left_container .head p{ margin: 40px 0 0 0; text-align: center; line-height: 1.2; font-size: 30px; font-weight: 700; color: #000;}
.new_intro .left_container .list{ margin: 50px 0 0 0;}
.new_intro .left_container .list ul{ display: flex; flex-wrap: wrap; justify-content: center; margin: -30px -15px 0 -15px;}
.new_intro .left_container .list ul li{ margin: 30px 0 0 0; width: 25%;}
.new_intro .left_container .list ul li a{ overflow: hidden; display: block; margin: 0 15px; height: 100%; border-radius: 16px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%); transition: all .2s;}
.new_intro .left_container .list ul li a .img{ position: relative;}
.new_intro .left_container .list ul li a .img .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/0%), rgba(0 0 0/70%));}
.new_intro .left_container .list ul li a .img img{ display: block; width: 100%;}
.new_intro .left_container .list ul li a .img .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80px; height: 80px; font-size: 80px; color: #afd486; opacity: 0; transition: all .3s;}.new_intro .left_container .list ul li a .fr{ position: relative; padding: 30px;}
.new_intro .left_container .list ul li a .fr .t1{ display: flex; align-items: center; position: absolute; z-index: 10; top: -80px; left: 30px; font-size: 40px; font-weight: 800; color: #FFF;}
.new_intro .left_container .list ul li a .fr .t2{ display: flex; position: relative; padding: 0 0 0 25px; font-size: 18px; color: #000;}
.new_intro .left_container .list ul li a .fr .t2 i{ display: flex; justify-content: center; position: absolute; top: 2px; left: 0; width: 20px; font-size: 24px; color: #afd486;}
.new_intro .left_container .list ul li a .fr .t3{ display: flex; position: relative; padding: 5px 0 0 25px; font-size: 26px; font-weight: 700; color: #000;}
.new_intro .left_container .list ul li a:hover{ transform: scale(.95);}
.new_intro .left_container .list ul li a:hover .img .btn{ opacity: 1; transform: translate(-50%,-50%) rotate(360deg);}
.new_intro .bg_img{ position: fixed; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: #f5f8fa;}
@media(max-width: 1921px){
    .new_intro .left_container .list ul li{ width: 50%;}
}
@media(max-width: 1501px){
    .new_intro .left_container .list ul li{ width: 100%;}
}
@media(max-width: 1025px){
    .new_intro{ padding: 0 50px 100px 50px;}
    .new_intro .left_container{ padding: 100px 0 60px 0;}
    .new_intro .left_container .list ul li{ width: 50%;}
}
@media(max-width: 767px){
    .new_intro{ padding: 0 15px 40px 15px;}
    .new_intro .left_container{ padding: 40px 0 40px 0;}
    .new_intro .left_container .head .logo{ height: 100px;}
    .new_intro .left_container .head p{ margin: 20px 0 0 0; font-size: 20px;}
    .new_intro .left_container .list ul{ margin: -15px 0 0 0;}
    .new_intro .left_container .list ul li{ margin: 15px 0 0 0; width: 100%;}
    .new_intro .left_container .list ul li a{ margin: 0;}
    .new_intro .left_container .list ul li a .fr .t1{ top: -70px; font-size: 30px;}
}




.intro_write{ overflow: hidden; position: fixed; z-index: 200; top: 0; left: 0; bottom: 0; width: 400px; background: rgba(255 255 255/90%); box-shadow: 0 0 50px 0 rgba(0 0 0/10%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.intro_write .i_head{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; z-index: 210; top: 0; left: 0; width: 400px; height: 100px; background: #FFF; box-shadow: 0 0 20px 0 rgba(0 0 0/10%);}
.intro_write .i_head .logo{ display: block; height: 16px;}
.intro_write .i_head p{ margin: 5px 0 0 0; font-size: 24px; font-weight: 700; color: #000;}
.intro_write .i_foot{ position: absolute; z-index: 210; bottom: 0; left: 0; padding: 30px 40px; width: 400px; height: 140px; background: #FFF; box-shadow: 0 0 20px 0 rgba(0 0 0/10%);}
.intro_write .i_foot .copy{ margin: 20px 0 0 0; text-align: center; font-size: 12px; color: #999;}

.intro_write .row{ overflow: auto; position: absolute; top: 100px; right: 0; bottom: 140px; left: 0; padding: 0 40px 40px 40px;}
.intro_write .row::-moz-scrollbar{ width: 4px; background: #FFF;}
.intro_write .row::-moz-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}
.intro_write .row::-ms-scrollbar{ width: 4px; background: #FFF;}
.intro_write .row::-ms-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}
.intro_write .row::-webkit-scrollbar{ width: 4px; background: #FFF;}
.intro_write .row::-webkit-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}

.intro_write .row .name{ display: flex; justify-content: center; align-items: center; position: relative; margin: 40px 0 0 0;}
.intro_write .row .name:after{ content: ""; display: block; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: #DDD;}
.intro_write .row .name p{ position: relative; z-index: 10; padding: 0 20px; background: #FFF; font-size: 16px; font-weight: 500; color: #000;}

.intro_write .write{ margin: 40px 0 0 0;}
.intro_write .write .box{ margin: 20px 0 0 0;}
.intro_write .write .box:first-child{ margin: 0;}
.intro_write .write .box .tit{ padding: 0 0 10px 0; font-size: 14px; color: #333;}
.intro_write .write .box .tit span{ padding: 0 5px 0 0; color: #F00;}
.intro_write .write .box input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.intro_write .write .box select{ display: flex; align-items: center; margin: 0; padding: 0 30px 0 15px; width: 100%; height: 50px; border-radius: 30px; border:1px solid rgba(0 0 0/10%); background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 12px auto; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.intro_write .write .box select::-ms-expand{ display: none;}

.intro_write .write .box .in_day{ display: flex; margin: 0 -2.5px;}
.intro_write .write .box .in_day select{ width: 30%; margin: 0 2.5px;}
.intro_write .write .box .in_day input{ width: 40%; margin: 0 2.5px; text-align: center;}

.intro_write .write .box .in_code{ display: flex;}
.intro_write .write .box .in_code .btn{ flex: 0 0 100px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; height: 50px; border-radius: 30px; background: #000; cursor: pointer;}
.intro_write .write .box .in_code .btn p{ font-size: 16px; font-weight: 500; color: #FFF;}

.intro_write .terms{ overflow: hidden; margin: 40px 0 0 0; border-radius: 25px; border: 1px solid rgba(0 0 0/15%); background: #FFF;}
.intro_write .terms .scroll{ overflow: auto; padding: 20px; height: 200px; line-height: 1.8 !important; font-size: 14px; color: #666;}
.intro_write .terms .title{ font-size: 18px !important; color: #000;}

.intro_write .terms .scroll::-moz-scrollbar{ width: 4px; background: #FFF;}
.intro_write .terms .scroll::-moz-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
.intro_write .terms .scroll::-ms-scrollbar{ width: 4px; background: #FFF;}
.intro_write .terms .scroll::-ms-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
.intro_write .terms .scroll::-webkit-scrollbar{ width: 4px; background: #FFF;}
.intro_write .terms .scroll::-webkit-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}

.intro_write .join_check{ display: flex; align-items: center; margin: 20px 0 0 0;}
.intro_write .join_check i{ display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #FFF; cursor: pointer;}
.intro_write .join_check i.on{ border-color: #afd486; background: #afd486; color: #FFF;}
.intro_write .join_check .txt{ display: flex; align-items: center; margin: 1px 0 0 5px;}
.intro_write .join_check .txt a{ font-size: 16px; font-weight: 600; color: #000;}
.intro_write .join_check .txt p{ font-size: 16px; color: #333;}

.intro_write .btn_join{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 30px; background: #afd486; cursor: pointer;}
.intro_write .btn_join p{ font-size: 18px !important; font-weight: 700; color: #FFF !important;}
@media(max-width: 1025px){
    .intro_write{ position: relative; z-index: 50; top: initial; right: initial; bottom: initial; left: initial; width: auto; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
    .intro_write .i_head{ position: initial; width: auto;}
    .intro_write .i_foot{ position: initial; padding: 30px 40px; width: auto;}
    .intro_write .row{ position: initial;}
}
@media(max-width: 767px){
    .intro_write .row{ padding: 0 30px 40px 30px;}
}










.franchise_inquiry{}
.franchise_inquiry .row{ margin: 0 auto; padding: 50px; max-width: 600px; border-radius: 16px; border: 1px solid rgba(0 0 0/10%); background: #f5f8fa;}
.franchise_inquiry .row::-moz-scrollbar{ width: 4px; background: #FFF;}
.franchise_inquiry .row::-moz-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}
.franchise_inquiry .row::-ms-scrollbar{ width: 4px; background: #FFF;}
.franchise_inquiry .row::-ms-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}
.franchise_inquiry .row::-webkit-scrollbar{ width: 4px; background: #FFF;}
.franchise_inquiry .row::-webkit-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}

.franchise_inquiry .row .title{ text-align: center; font-size: 30px; font-weight: 700; color: #000;}
.franchise_inquiry .row .name{ display: flex; justify-content: center; align-items: center; position: relative; margin: 40px 0 0 0;}
.franchise_inquiry .row .name:after{ content: ""; display: block; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: #DDD;}
.franchise_inquiry .row .name p{ position: relative; z-index: 10; padding: 0 20px; background: #f5f8fa; font-size: 16px; font-weight: 500; color: #000;}

.franchise_inquiry .write{ margin: 40px 0 0 0;}
.franchise_inquiry .write .box{ margin: 20px 0 0 0;}
.franchise_inquiry .write .box:first-child{ margin: 0;}
.franchise_inquiry .write .box .tit{ padding: 0 0 10px 0; font-size: 14px; color: #333;}
.franchise_inquiry .write .box .tit span{ padding: 0 5px 0 0; color: #F00;}
.franchise_inquiry .write .box input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.franchise_inquiry .write .box select{ display: flex; align-items: center; margin: 0; padding: 0 30px 0 15px; width: 100%; height: 50px; border-radius: 30px; border:1px solid rgba(0 0 0/10%); background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 12px auto; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.franchise_inquiry .write .box select::-ms-expand{ display: none;}

.franchise_inquiry .write .box .in_day{ display: flex; margin: 0 -2.5px;}
.franchise_inquiry .write .box .in_day select{ width: 30%; margin: 0 2.5px;}
.franchise_inquiry .write .box .in_day input{ width: 40%; margin: 0 2.5px; text-align: center;}

.franchise_inquiry .write .box .in_code{ display: flex;}
.franchise_inquiry .write .box .in_code .btn{ flex: 0 0 100px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; height: 50px; border-radius: 30px; background: #000; cursor: pointer;}
.franchise_inquiry .write .box .in_code .btn p{ font-size: 16px; font-weight: 500; color: #FFF;}

.franchise_inquiry .terms{ overflow: hidden; margin: 40px 0 0 0; border-radius: 25px; border: 1px solid rgba(0 0 0/15%); background: #FFF;}
.franchise_inquiry .terms .scroll{ overflow: auto; padding: 20px; height: 200px; line-height: 1.8 !important; font-size: 14px; color: #666;}
.franchise_inquiry .terms .title{ font-size: 18px !important; color: #000;}

.franchise_inquiry .terms .scroll::-moz-scrollbar{ width: 4px; background: #FFF;}
.franchise_inquiry .terms .scroll::-moz-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
.franchise_inquiry .terms .scroll::-ms-scrollbar{ width: 4px; background: #FFF;}
.franchise_inquiry .terms .scroll::-ms-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
.franchise_inquiry .terms .scroll::-webkit-scrollbar{ width: 4px; background: #FFF;}
.franchise_inquiry .terms .scroll::-webkit-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}

.franchise_inquiry .join_check{ display: flex; align-items: center; margin: 20px 0 0 0;}
.franchise_inquiry .join_check i{ display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #FFF; cursor: pointer;}
.franchise_inquiry .join_check i.on{ border-color: #afd486; background: #afd486; color: #FFF;}
.franchise_inquiry .join_check .txt{ display: flex; align-items: center; margin: 1px 0 0 5px;}
.franchise_inquiry .join_check .txt a{ font-size: 16px; font-weight: 600; color: #000;}
.franchise_inquiry .join_check .txt p{ font-size: 16px; color: #333;}

.franchise_inquiry .btn_join{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0; height: 60px; border-radius: 30px; background: #afd486; cursor: pointer;}
.franchise_inquiry .btn_join p{ font-size: 20px; font-weight: 700; color: #FFF;}
@media(max-width: 767px){
    .franchise_inquiry .row{ padding: 30px 30px 40px 30px;}
    .franchise_inquiry .row .title{ font-size: 24px;}

    .franchise_inquiry .btn_join{ margin: 30px 0 0 0; height: 50px;}
    .franchise_inquiry .btn_join p{ font-size: 18px;}
}




/* 캠핑장 List */
colgroup.pc_only{display:table-column-group;}
colgroup.m_only{display:none;}

.camping_section:not(.camping_section01) {margin-top:100px; padding-top:100px; border-top:1px solid #ddd;}
.camping_section > h2{text-align:center; font-size:57px; line-height:1.2; margin-bottom:50px}
.camping_section > h2 > p{font-size:25px; font-weight:500}
.camping_section > h3{display:flex; align-items:center; margin-bottom:10px}
.camping_section > h3:before{content:''; display:inline-block; background:url('../../images/ico/ico_chk.png') no-repeat; width:25px; height:25px; background-position:left center}
.camping_section > h3.auto_b_title{margin-top:50px;}
.section_info{display:flex; gap:3rem}
.section_info .info_txt{flex:2}
.section_info .info_txt > p{color:#666; margin-bottom:10px; font-size:18px;}
.section_info .info_txt > div > div{display:flex; gap:1rem; margin-top:30px;}
.section_info .info_txt > div > div > a{flex:1; text-align:center; padding:15px 0; }
.section_info .info_txt > div > div > a#detail{ background-color:#eee; color:#000;}
.section_info .info_txt > div > div > a.reserve{ background-color:#afd486; color:#fff; }
.section_info .info_txt > div > div > ul > li{font-size:17px; margin-bottom:10px; color:#666}
.section_info .info_txt > div > div > ul > li > b{color:#000}
.section_info .info_txt > div > div > ul > li > span{color:#0064ff}
.section_info .info_img {flex:3}
.section_info .info_img > img{max-width:100%;}

.camping_section02 > img{max-width:100%}
.camping_section02 > ul{margin:-7px 0 30px; font-size:19px; background-color:#f4f6f8; padding:20px 20px; }
.camping_section02 > ul > li{margin-bottom:5px}
.camping_section02 > ul > li > span{color:#0064ff}
.camping_section02 > div.detail_img{margin-top:50px}
.camping_section02 > div.detail_img > h3{font-size:24px; text-align:center; background-color:#afd486;color:#fff; padding:20px 0; font-weight:500;}
.camping_section02 > div.detail_img > ul{}
.camping_section02 > div.detail_img > div.detailSlide{padding:20px 20px 40px; background-color:#f0f3f6}
.camping_section02 > div.detail_img > div.detailSlide .swiper-slide img{max-width:100%}
.camping_section02 > div.detail_img > div.detailSlide .swiper-pagination{bottom:12px}
.camping_section02 > div.detail_img > div.detailSlide .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px;}
.camping_section02 > div.detail_img > div.detailSlide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#afd486}
.camping_section02 > div.detail_img .detailSlide .swiper-button-next,
.camping_section02 > div.detail_img .detailSlide .swiper-button-prev{background:rgba(0,0,0,0.5); width:50px; height:50px; }
.camping_section02 > div.detail_img .detailSlide .swiper-button-next{right:20px}
.camping_section02 > div.detail_img .detailSlide .swiper-button-prev{left:20px;}
.camping_section02 > div.detail_img .detailSlide .swiper-button-next:after,
.camping_section02 > div.detail_img .detailSlide .swiper-button-prev:after{color:#fff; font-size:25px;}
/* 동물형카라반 table */
.camping_section02 table{width:100%;text-align:center; border-collapse:collapse;}
.camping_section02 table thead th{background:#eceff2; border:1px solid #dee1e4; padding:10px 0px; }
.camping_section02 table tbody th{background:#f6f8f9; border:1px solid #dee1e4; padding:10px 0px; font-weight:400;}
.camping_section02 table tbody th > br{display:none}
.camping_section02 table tbody td{ padding:10px 0px; border:1px solid #dee1e4; }
/* 동물형 이미지 리스트 */
.camping_section02 > div.detail_img > div.detail_imgList{padding:20px;background-color:#f0f3f6; display:flex;gap:1rem; flex-wrap:wrap; justify-content:center;}
.camping_section02 > div.detail_img > div.detail_imgList > img{width:calc(50% - 1rem);}
.camping_section02 > div.detail_img.detail_img2 {}
.camping_section02 > div.detail_img.detail_img2 > div.detail_imgList > img{width:calc(25% - 1rem);}


.camping_section03 > ul{ background-color:#f4f6f8; padding:2rem 3rem}
.camping_section03 > ul > li{display:flex; align-items:baseline; gap:10px; margin-bottom:10px}
.camping_section03 > ul > li:last-child{margin-bottom:0;}
.camping_section03 > ul > li:before{content:''; display:inline-block; width:5px; height:5px; border:1px solid #999; border-radius:10px; }
.camping_section03 > ul > li.red{color:#ed2d02}
.camping_section03 > ul > li > span{color:#0064ff}
.camping_section03 > ul > li > i{font-weight:bold; text-decoration:underline}
.camping_section03 > div{margin-top:20px}
.camping_section03 > div > table{border-collapse:collapse; width:100%;}
.camping_section03 > div > table th{background-color:#eceff2;border:1px solid #dee1e4; padding:10px; }
.camping_section03 > div > table td{border:1px solid #dee1e4; padding:20px 30px;}

.camping_section04 > div{width:100%;}
.camping_section04 table{border-collapse:collapse; width:100%;}
.camping_section04 table th{background-color:#eceff2;border:1px solid #dee1e4; padding:20px 30px; }
.camping_section04 table th br{display:none}
.camping_section04 table td{border:1px solid #dee1e4; padding:20px 30px; text-align:center;}

@media(max-width:1400px){
	.section_info{flex-direction:column-reverse; }
	.section_info .info_txt{text-align:center;}
	.section_info .info_txt > div{max-width:60%; margin:0 auto; }
	.section_info .info_txt > div > div {justify-content:center;}
	.section_info .info_img{text-align:center;}
}

@media(max-width:1023px){
	.camping_section > h2{font-size:37px; }
	.camping_section > h2 > p{font-size:19px;}
	
}

@media(max-width:767px){
	colgroup.pc_only{display:none;}
	colgroup.m_only{display:table-column-group;}
	.camping_section > h2{font-size:21px; margin-bottom:20px}
	.camping_section > h2 > p{font-size:15px;}
	.section_info{gap:1rem}
	.section_info .info_txt > p{font-size:15px; display:inline; word-break:keep-all}
	.section_info .info_txt > div{max-width:90%;}
	.section_info .info_txt > div > div > ul > li{font-size:15px; word-break:keep-all; text-align:left; margin-bottom:5px}
	.camping_section:not(.camping_section01){margin-top:50px; padding-top:50px;}
	.camping_section02 > ul > li{font-size:15px;}
	.camping_section02 > div.detail_img > h3{padding:10px 20px; font-size:17px;}
	.camping_section02 > div.detail_img > div.detailSlide{padding:10px 10px 40px;}
	.camping_section02 > div.detail_img .detailSlide .swiper-button-next, 
	.camping_section02 > div.detail_img .detailSlide .swiper-button-prev{width:30px; height:30px;}
	.camping_section02 > div.detail_img .detailSlide .swiper-button-next:after,
	.camping_section02 > div.detail_img .detailSlide .swiper-button-prev:after{font-size:15px}
	.camping_section02 > div.detail_img > div.detail_imgList{padding:20px 10px}
	.camping_section02 > div.detail_img.detail_img2 > div.detail_imgList > img{width:calc(50% - 1rem)}
	.camping_section02 table thead th{font-size:15px;}
	.camping_section02 table tbody th{font-size:15px;}
	.camping_section02 table tbody th > br{display:block}
	.camping_section02 table tbody td{font-size:15px;}
	.camping_section02 .autoTable_wrap{overflow-x:scroll;}
	.camping_section02 table.autoTable{width:700px;}
	

	.camping_section03 > ul{padding:1.5rem; 1.5rem;}
	.camping_section03 > ul > li{display:block; }
	.camping_section03 > ul > li:before{margin-right:5px;}
	.camping_section03 > div > table td{padding:20px;font-size:15px}
	.camping_section03 > div > table th{font-size:15px}

	.camping_section04 > div{overflow-x:scroll;}
	.camping_section04 > div > table{width:700px;}
	.camping_section04 table th{padding:5px 10px; font-size:15px}
	.camping_section04 table th > br{display:block}
	.camping_section04 table td{padding:5px 10px; font-size:15px}
	
	

}



/* 메인페이지 추가 */
.main_info_wrap{padding:100px 50px 0;}
	.main_info_wrap > h2{font-size:50px; text-align:center; margin-bottom:1rem}
	.main_info_wrap > section{display:flex; gap:1rem;}
	.main_info_wrap > section > article{flex:1; overflow:hidden; height:calc(85vh - 250px); transition:all 0.8s 0.1s ease, flex-grow 0.6s ease}
	.main_info_wrap > section > article.cabin{background:#fbdde7 url('../../images/main_intro01.png'); background-repeat:no-repeat;background-position:bottom right; }
	.main_info_wrap > section > article.caravan{background:#dddcfb url('../../images/main_intro02.jpg'); background-repeat:no-repeat; background-position:bottom right; }
	.main_info_wrap > section > article.caravan2{background:#d9f5ff url('../../images/main_intro03.jpg'); background-repeat:no-repeat; background-position:bottom right; }
	.main_info_wrap > section > article.deck{background:#ecd3ab url('../../images/main_intro04.png'); background-repeat:no-repeat; background-position:bottom right; }
	.main_info_wrap > section > article.auto{background:#f2fbde url('../../images/main_intro05.jpg'); background-repeat:no-repeat; background-position:bottom right; }
	.main_info_wrap > section > article > a{height:100%; width:100%; display:block; position:relative;}
	/* .main_info_wrap > section > article > a:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1)} */
	.main_info_wrap > section > article > a > img{min-height:100%; position:absolute; top:0; }
	.main_info_wrap > section > article > a > div{z-index:1; position:absolute;display:flex; flex-direction:column; justify-content:flex-end; padding:0 2rem; transition:0.5s; transform:translateY(100%)}
	.main_info_wrap > section > article > a > div > h3{color:#000; font-size:33px; position:relative; font-weight:600}
	.main_info_wrap > section > article > a > div > h3 > p{position:absolute; right:-100px; top:0; opacity:0; animation-fill-mode: both; font-weight:300; }
	.main_info_wrap > section > article > a > div > h3 > i{display:none;}
	.main_info_wrap > section > article > a > div > p{color:#3d3d3d; transform:translateY(100px); opacity:0; font-size:17px; line-height:1.4; animation-fill-mode: both; height:0; word-break:keep-all;}
	
	@keyframes textUp {
		from {transform:translateY(100px); opacity:0;}
		to {transform:translateY(10px); opacity:1;}
	}
	@keyframes btnPlus {
		0% {right:-50px; opacity:0;}
		80% {right:0.1rem; opacity:1;}
		100% {right:0rem; opacity:1;}
	}
	@media (hover: hover) {
		.main_info_wrap > section > article:hover{flex:2}
		.main_info_wrap > section > article:hover > a > div {}
		.main_info_wrap > section > article:hover > a > div > p{animation-name: textUp; animation-duration: 0.7s;  animation-delay: 0.4s;}
		.main_info_wrap > section > article:hover > a > div > h3 > p{animation-name: btnPlus;  animation-duration: 0.7s;  animation-delay: 0.5s; animation-timing-function: cubic-bezier(0.83, 0, 0.5, 1.73);}
	}

	@media(max-width:1500px){
		.main_info_wrap > section > article > a > div{padding-left:1.5rem;}
		.main_info_wrap > section > article > a > div > h3{font-size:28px;}
	}
	@media(max-width:1200px){
		.main_info_wrap{padding:50px}
		.main_info_wrap > h2{font-size:35px}
		.main_info_wrap > section > article{height:calc(50vh);}
		.main_info_wrap > section > article > a > div{}
		.main_info_wrap > section > article > a > div > h3{font-size:21px;}
		.main_info_wrap > section > article.cabin{background-size:300px}
		.main_info_wrap > section > article.caravan{background-size:300px}
		.main_info_wrap > section > article.caravan2{background-size:300px}
		.main_info_wrap > section > article.deck{background-size:300px}
		.main_info_wrap > section > article.auto{background-size:300px}
	}
	@media(max-width:1023px){
		.main_info_wrap > section{flex-wrap:wrap;}
		.main_info_wrap > section > article{width:calc(50% - 1rem); flex:auto; border-radius:10px}
		.main_info_wrap > section > article.cabin{height:auto; background-position:90% bottom; background-size:auto 60%}
		.main_info_wrap > section > article.caravan{height:auto; background-position:90% bottom; background-size:auto 60%}
		.main_info_wrap > section > article.caravan2{height:auto; background-position:90% bottom; background-size:auto 60%}
		.main_info_wrap > section > article.deck{height:auto; background-position:90% bottom; background-size:auto 60%}
		.main_info_wrap > section > article.auto{height:auto; background-position:90% bottom; background-size:auto 100%}
		.main_info_wrap > section > article > a{height:200px;}
		.main_info_wrap > section > article > a > div > h3{display:flex; gap:10px; align-items:center;}
		.main_info_wrap > section > article > a > div > h3 > i{display:block}
	}
	@media(max-width:767px){
		.main_info_wrap{padding:50px 20px 0}
		.main_info_wrap > h2{font-size:25px}
		.main_info_wrap > section{gap:0.5rem;}
		.main_info_wrap > section > article{height:auto}
		.main_info_wrap > section > article > a{height:100px;}
		.main_info_wrap > section > article > a > div{transform:translateY(15px); padding-left:15px}
		.main_info_wrap > section > article > a > div > h3{font-size:17px; line-height:1}
	}