@media (max-width:768px){
        /* 마우스커서 */
        #cursor{display: none;
        }
        .pc{display:none;}
        header.mo{
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 8vh;
            z-index: 1000;
            background: #005841;
        }
        .mo>.innerHeader{
            width:90%;
            margin:0 auto;
            display:flex;
            height:100%;
            justify-content:space-between;
            align-items: center;
            position: relative;
        }
        .btnMoMenu{
            width:2rem;
            height:2rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            cursor: pointer;
            position:relative; 

        }
        .btnMoMenu>span{
            width:100%;
            height:2px;
            background:#fff;
            display:block;
            margin:3px 0;
            transition: all ease 0.5s 0s;
        }
        .btnMoMenu.on>span:nth-of-type(1){
            transform: rotate(45deg)translate(15px,-2px);
        }
        .btnMoMenu.on>span:nth-of-type(2){
            opacity: 0;
        }
        .btnMoMenu.on>span:nth-of-type(3){
            transform: rotate(-45deg)translate(13px,4px);
        }
        .moLogo{
            width: 180px;
            height: 50px;
        }
        .moLogo a img{
            width:100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* mobile menu */
        .moMenu{
            position:fixed;
            left:0;
            top:0;
            width: 300px;
            height: 100%;
            padding:10px;
            box-sizing: border-box;
            background: #005841;
            transform: translateX(-100%);
            transition: all 0.7s ease 0s;
        }
        .moMenu.on{
            transform: translateX(0%);
        }
        .mobileMenuList{}
        .mobileMenuList ul{
            background:rgb(244, 251, 251,0.4);
        }
        .mobileMenuList>li{
            height: 50px;
            overflow: hidden;
            transition: all 0.5s ease 0s;
            color: #fff;
        }
        .mobileMenuList>li>a{
            border-bottom: 1px solid #fff;
            display: flex;
            height: 50px;
            box-sizing: border-box;
            align-items: center;
            /* border: 1px solid lime; */
            justify-content: space-between;
        }
        .logoMo{
            width: 30vw;
            max-width: 230px;
            margin-top: 19px;
            margin-bottom: 49px;
            margin-left: 30px;
        }
        .logoMo img{
            width:100%;
        }
        .depi{
            width: 20px;
            height: 20px;
            position: relative;
            display:block;
        }
        .depi:before{
            content: "";
            position: absolute;
            background: #fff;
            left: 0;
            top: 8px;
            width: 18px;
            height: 1px;             
        }
        .depi:after{
            content: "";
            position: absolute;
            background: #fff;
            left: 9px;
            top: 0;
            width: 1px;
            height: 18px;
        }
        .moMenu ul>li{
            height: 50px;
            padding-left: 10px;
            line-height: 50px;
        }
        /* main */
        .wrap{
            margin-top: 35px;
        }
        .banner_train>li{
            position:relative;
            width: 100%;
            height: 100%;
        }
        .banner_train>li img{
            width:100%;
            height: 70vh;
            object-fit: cover;
            filter: brightness(0.8);
        }
        .bannerslideTxt{
            position: absolute; 
            width: 50%;
            left: 10%;
            top: 20%;
            color: #fff;
            padding: 10px;
        }
        .bannerslideTxt{
            margin-left: 20px;
        }
        .bannerslideTxt h2{
            font-size: 2rem;
            font-weight: bold;
        }
        .station2{
            width: 100%;
        }
        .station2>.s2train>li img{
            width: 200px;
            height: 200px;
            object-fit: cover;
            margin: 50px 149px;
        }
        .s2slideTxt{
            width: 90%;
            margin-left: 32px;
            margin-bottom: 50px;
        }
        .s2slideTxt h2 {
            font-size: 18px; 
            font-weight: bold;
        }
        .s2slideTxt p {
            font-size: 16px;
        }
        main .category{
            width: 100%;
            position: relative;
            flex-wrap: wrap;
            background-color: #8890811c;
        }
        .bg_area{
            width: 100%;
            position:relative;
        }
        .bg_category{
            width: 600%;
            display: flex;
            transition:all 0.7s ease 0s;
            transform:translateX(0%)
        }
        .bg_category>li{
            height: 432px;
            flex:1;
        }
        .bg_area>ul>li img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* display: none; */
        }
        .bg_area>ul>li.on img{
            display: block;
        }
        .category_left{
            position: relative;
            margin-top: 180px;
        }
        .maintabMenu{
            position: absolute;
            left: 0;
            top: -176px;
            width: 100%;
        }
        .maintabMenu h2{
            font-size: 25px;
            font-weight: bold;
            padding-top: 10px;
            padding-left: 30px;
    
        }
        .maintab{
            padding-top: 8px;
            display: flex;
            flex-wrap: wrap;
            width: 82%;
            margin: 0 auto;
            font-size: 18px;
            font-weight: bold;
        }
        .maintabMenu li{
            flex: 30%;
            text-align: center;
            padding: 5px;
            margin-bottom: 5px;
            margin-right: 10px;
            font-size: 16px;
            font-weight: bold;
            background: #fff;
    }
    .maintabMenu li.on{
        background:#005841 ;
        color: #fff;;
    }
        .maincontent{
            width: 90%;
            margin: 0 auto;
            overflow: hidden;
        }
        .maincontent_list{
            transform: translateX(-21px);
        }
        .maincontent>div{
            width: 100%;
        }
        .maincontent h3{
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 10px;
            margin-top: 30px;
        }
        .maincontent p{
            padding-left: 10px;
        }
        .maincontent img{
            width: 200px;
        }
        .maincontent .items{
            display: none;
        }
        .maincontent .items .on{
            display: block;
        }
        .topping{
            width: 90%;
            margin: 0 auto;
        }
        .topping h4{
            font-size: 15px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .topping_img ul{
            display: flex;
        }
        .topping_img ul>li{
            padding-right: 10px;
        }
        .topping img{
            width: 35px;
}
        .News{
            width: 100%;
            color: #005841;
            border-top:1px solid rgba(111, 112, 112, 0.3);
            overflow: hidden;
            position: relative;
        }
        .News_L{
            display: flex;
            justify-content: space-between;
            transition: all 0.5s ease 0s;
            position: relative;
            width: 90%;
            margin: 0 auto;
        }
        .News_L>li{
            padding: 25px 0px;
        }
        .News_L>li>h2{
            font-size: 2rem;
            font-weight: bold;
        }
        @keyframes rotate {
            from {
                -webkit-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
            }
        .News_L>.textwrap img{
            display: none;
        }
        .News_R{
            width: 100%;
    
        }
        .News_R>li{
            border-bottom:1px solid rgba(111, 112, 112, 0.3);
            width: 90%;
            margin: 20px auto;
        }

        .News_R>li p{
            color: #889081;
            font-weight: bold;
        }
        .News_R h4{
            padding: 25px 0;
            width: 70%;
        }
        .News_R>li img{
            display: none;
        }
    
        .News .arrow{
            display: flex;
        }
        .News .arrow>li:nth-of-type(1)::after{
            position: absolute;
            right: 44px;
            top: 38%;
            content: '';
            width: 20px;
            height: 20px;
            border-top: 5px solid #005841;
            border-right: 5px solid #005841;
            transform: rotate(45deg);
        }
        .News .arrow>li:nth-of-type(2)::after{
            position: absolute;
            right: 44px;
            top: 59%;
            content: '';
            width: 20px;
            height: 20px;
            border-top: 5px solid #005841;
            border-right: 5px solid #005841;
            transform: rotate(45deg);
        }
        .News .arrow>li:nth-of-type(3)::after{
            position: absolute;
            right: 44px;
            top: 80%;
            content: '';
            width: 20px;
            height: 20px;
            border-top: 5px solid #005841;
            border-right: 5px solid #005841;
            transform: rotate(45deg);
        }
        .slide{
            width: 100%;
            position: relative;
        }
        .slide_L{
            background: rgb(0, 88, 65);
            color: rgb(255, 255, 255);
            transition: all 0.7s ease 0s;
            overflow: hidden;
            width: 100%;
        }
        .slide_L>ul{
            list-style: none;
            display: flex;
            width: 600%;
        }
        .slide_L>ul>li{
            text-align: center;
            width: 100%;
        }
        .slide_L>ul>li.on{
            display: block;
        }
        .slide_L>ul>li p {
            margin-top: 15px;
            font-size: 2rem;
            font-weight: bold;
        }
        .slide_L>ul>li h2{
            font-size: 3rem;
            font-weight: bold;
        }
        .slideL_list{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin: 15px 0;
        }
        .slideL_list>li img{
            background: #fff;
            border-radius: 50%;
            width: 26vw;
        }
        .slide_R{
            overflow: hidden;
            width: 100%;
            color: #005841;
        }
        .slide_R>ul{
            display: flex;
            width: 600%;
        }
        .slide_R .train>li {
            width: 100%;
            text-align: center;
            margin: 15px 0;
        }
        .slide_R > li h3{
            font-size: 1.5rem;
            font-weight: bold;
        }
        .slide_R li p>span{
            font-size: 1.3em;
            font-weight: bold;
        }
        .slide_R li p{
            font-size: 1.2rem;
        }
        .controler{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 99%;
            display: flex;
            justify-content: space-between;
        }
        .controler .btnNext{
            position: absolute;
            right: 15px;
            top: -35px;
            content: '';
            width: 25px;
            height: 25px;
            border-top: 8px solid #fff;
            border-right: 8px solid #fff;
            transform: rotate(45deg);
            border-radius: 15%;
        }
    
        .controler .btnPrev{
            position: absolute;
            left: 19px;
            top: -35px;
            content: '';
            width: 25px;
            height: 25px;
            border-top: 8px solid #fff;
            border-right: 8px solid #fff;
            transform: rotate(225deg);
            border-radius: 15%;
        }
        .video{
            width: 100%;
            margin: 0 auto;
        }
        .video>h2{
            padding-top: 20px;
            padding-bottom: 30px;
            text-align: center;
            font-size: 2.5rem;
            font-weight: bold;
            color: #005841;
        }
        .video>ul>li {
            width: 100%;
            margin:0 auto;
            text-align: center;
        }
        .video>ul>li>iframe{
            width: 100%;
        }
        .youtube_link{
            margin: 30px 0;
        }
        .youtube_link>li a>p{
            display: inline-block;
            justify-content: center;
            width: 10vw;
            text-align: center;
            color: #fff;
            background: #005841;
            border: 10px solid #005841;
        }
        .video .textwrap{
            width: 100%;
            font-size:2rem;
            font-weight: bold;
            color: #005841;
            overflow: hidden;
        }
        .video .textwrap>ul{
            display: flex;
            width: 200%;
            overflow: hidden;
            border:1px solid #005841;
        }
        .video .textwrap>ul>li{
            width: 50%;
            white-space: nowrap;
            overflow: hidden;
        }
        @keyframes move1 {
            0%{transform: translateX(100%);}
            100%{transform: translateX(-100%);}
        }
        @keyframes move2 {
            0%{transform: translateX(0%);}
            100%{transform: translateX(-200%);}
        }
        .video .textwrap>ul>.a{
            animation:move1 40s linear -10s infinite;
        }
        .video .textwrap>ul>.b{
            animation: move2 37s linear 0s infinite;
            text-align: center;
        }
        .sns{
            width: 100%;
            background: #005841;
            color: #fff;
        } 
        .snsTitle>h2{
            color: #fff;
            font-size: 2rem;
            font-weight: bold;
            padding: 20px 15px;
            line-height: 1;
        }
        .snsTitle>p{
            margin-bottom: 25px;
            padding-left: 15px;
            color: #fff;
        }
        .snsList{
            width: 100%;
            margin:0 auto;
        }
    
        /* subpage1 */  
    
        .sub1{
            width: 100%;
            margin: 0 auto;
            position: relative;
            margin-top: 95px;
        }
        .subtab h1{
            margin-top: 150px;
            font-size: 3rem;
            font-weight: bold;
            color: #005841;
            text-align: center;
        }
        .subtaplist{
            display: flex;
            justify-content: center;
            color: #005841;
            flex-wrap: wrap;
            width: 85%;
            margin: 35px auto;
            /* position: relative; */
        }

        /* subpage1 버튼 */
        .subtaplist>li {
            flex: 25%;
            border: 1px solid white;
            /* position: absolute; */
            width: 160px;
            height: 50px;
            background: #f6f6f6;
            color: #005841;
            /* border: 1px solid red; */
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            text-transform: uppercase;
            line-height: 50px;
            letter-spacing: 2px;
        }
        .subtaplist>li>a {
            /* border: 1px solid red; */
            /* position: relative; */
            /* top: 50%; */
            /* left: 50%; */
            /* transform: translate(-50%,-50%); */
            /* width: 160px; */
            /* height: 50px;
            line-height: 50px;
            display: block;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 2px;*/

        }
        .subtaplist>li>a:before {
            /* content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            background: #00664b;
            color: #fff;
            transition: 0.5s;
            transform-origin: bottom;
            transform: translatey(-100%) rotatex(90deg); */
        }
          .subtaplist>li>a:hover:before{
            /* transform: translatey(0) rotatex(0deg); */
          }
          
          .subtaplist>li>a:after{
            /* content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            background: #005841;
            color: #fff;
            transition: 0.5s;
            transform-origin: top;
            transform: translatey(0) rotatex(0deg); */
          }
          .subtaplist>li>a:hover:after{
            /* transform: translatey(100%) rotatex(90deg); */
          }
        .subtaplist>li.on{
            color:#fff;
            background: #005841;
            text-align: center;
        }
        .subcontent{
            width: 90%;
            margin: 0 auto;
        }
        .subcon{
            margin-top: 100px;
            width: 100%;
        }
        .subcon>li>h2{
            color: #005841;
            font-size: 30px;
            font-weight: bold;
            text-align: center;
        }
        .subcon>li>ul{
            width: 100%;
        }
        .subcon>.items {
            display: none;
            width: 100%;
        }
        
        .subcon>.items>ul{
            width: 100%;
        }
        .complec{
            width: 50%;
        }
        .subcon>.items>ul>li>a{
            display: inline-block;
            width: 100%;
        }
        .subcon .items>ul>li img{
            width: 100%;
        }
        .items.complec {
            display: none;
            width: 100%;
        }
        .items.on{
            display:inline-block;
        }
        .items>ul {
            display: flex;
            flex-wrap: wrap;
        }
        .subcon .items>ul.bakery>li{
            width: 100%;
        }
        .item3dep{
            display: flex;
            flex-wrap: wrap;
        }
        .item3dep>li{
            width:50%;
        }
        .item3dep.have4depth>li{
            width:100%;
        }

        .item3dep>.dep3list{
            width: 100%;
        }
        .item4dep{
            display:flex;flex-wrap: wrap;
        }
        .item4dep>li{
            width:50%;
        }
        .complec>ul>li h2{
            font-size: 2rem;
            font-weight: bold;
            text-align: center;
            width: 100%;
            color: #005841;
            padding: 30px 0;
        }
        .complec>ul>li h3{
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            width: 100%;
            color: #005841;
        }
        .items>ul>li {
            padding-bottom: 30px;
            width: 100%;
        }
        .items>ul>li p {
            text-align: center;
            color: #fff;
            background: #005841;
            width: 98%;
            height: 38px;
            line-height: 40px;
            margin: 0 auto;
            font-size: 0.8rem;
            border-radius: 15px;
        }
        .sub1 .pageNation{
            display: flex;
            justify-content: center;
        }
        .sub1 .pageNation>li{
            text-align: center;
            border-radius: 15px 15px 14px 15px;
            padding: 5px 18px;
            border: 1px solid #005841;
            font-size: 1.2rem;
            font-weight: bold;
            color: #005841;
            position: absolute;
            bottom: 50px;
            left: 50%;
            transform: translateX(-50%);
        }
    
       /* subpage1-1 */
    .sub1_1{
        width: 100%;
        margin: 0 auto;
        margin-top: 95px;
    }
    .sub1_1tab>h1{
        font-size: 3rem;
        font-weight:bold;
        color: #005841;
        text-align: center;
    }
    .sub11tab{
        width: 80%;
        margin: 0 auto;
        margin-bottom: 50px;
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        color: #005841;
    }
    .sub11tab>li{
        /* margin-right: 80px; */
        font-size: 1.3rem;
        font-weight: bold;
        color: #889081;
        text-align: center;
        width: 50%;
        padding:5px 0 ;
    }
    .sub11tab>li.on{
        color: #005841;
    }
    .station5{
        width: 100%;
        /* height: 500px; */
        background:rgb(246, 228, 214,0.5);
    }
    .station5>ul{
        width: 100%;
        margin: 50px 0;
    }
    .station5>ul>li{
        width: 100%;
        text-align: center;
    }
    .station5>ul>li img{
        width: 200px;
        height: 200px;
        background: #fff;
        border-radius: 50%;
        margin-bottom: 20px;
    }
    .station5>ul>li div{
        color: #005841;
    }
    .station5>ul>li div>h2{
        font-weight: bold;
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .station5>ul>li div>p{
        line-height: 25px;
    }
    .station5 .items_list{
        text-align: center;
        margin:30px 0;
    }
    /* station66 */
    .station66{
        width: 100%;
        /* height: 500px; */
        background:rgb(246, 228, 214,0.5);
    }
    .station66>ul{
        width: 100%;
        margin: 50px 0;
    }
    .station66>ul>li{
        width: 100%;
        text-align: center;
    }
    .station66>ul>li img{
        width: 200px;
        height: 200px;
        background: #fff;
        border-radius: 50%;
        margin-bottom: 20px;
    }
    .station66>ul>li div{
        color: #005841;
    }
    .station66>ul>li div>h2{
        font-weight: bold;
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .station66>ul>li div>p{
        line-height: 25px;
    }
    .station566 .items_list{
        text-align: center;
        margin:30px 0;
    }
    /* station7 */
    .station7{
        width: 100%;
        /* height: 500px; */
        background:rgb(246, 228, 214,0.5);
    }
    .station7>ul{
        width: 100%;
        margin: 50px 0;
    }
    .station7>ul>li{
        width: 100%;
        text-align: center;
    }
    .station7>ul>li img{
        width: 200px;
        height: 200px;
        background: #fff;
        border-radius: 50%;
        margin-bottom: 20px;
    }
    .station7>ul>li div{
        color: #005841;
    }
    .station7>ul>li div>h2{
        font-weight: bold;
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .station7>ul>li div>p{
        line-height: 25px;
    }
    .station7 .items_list{
        text-align: center;
        margin:30px 0;
    }
    /* station8 */
    .station8{
        width: 100%;
        /* height: 500px; */
        background:rgb(246, 228, 214,0.5);
    }
    .station8>ul{
        width: 100%;
        margin: 50px 0;
    }
    .station8>ul>li{
        width: 100%;
        text-align: center;
    }
    .station8>ul>li img{
        width: 200px;
        height: 200px;
        background: #fff;
        border-radius: 50%;
        margin-bottom: 20px;
    }
    .station8>ul>li div{
        color: #005841;
    }
    .station8>ul>li div>h2{
        font-weight: bold;
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .station8>ul>li div>p{
        line-height: 25px;
    }
    .station8 .items_list{
        text-align: center;
        margin:30px 0;
    }
    /* station9 */
    .station9{
        width: 100%;
        /* height: 500px; */
        background:rgb(246, 228, 214,0.5);
    }
    .station9>ul{
        width: 100%;
        margin: 50px 0;
    }
    .station9>ul>li{
        width: 100%;
        text-align: center;
    }
    .station9>ul>li img{
        width: 200px;
        height: 200px;
        background: #fff;
        border-radius: 50%;
        margin-bottom: 20px;
    }
    .station9>ul>li div{
        color: #005841;
    }
    .station9>ul>li div>h2{
        font-weight: bold;
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .station9>ul>li div>p{
        line-height: 25px;
    }
    .station9 .items_list{
        text-align: center;
        margin:30px 0;
    }
    /* station10 */
    .station10{
        width: 100%;
        /* height: 500px; */
        background:rgb(246, 228, 214,0.5);
    }
    .station10>ul{
        width: 100%;
        margin: 50px 0;
    }
    .station10>ul>li{
        width: 100%;
        text-align: center;
    }
    .station10>ul>li img{
        width: 200px;
        height: 200px;
        background: #fff;
        border-radius: 50%;
        margin-bottom: 20px;
    }
    .station10>ul>li div{
        color: #005841;
    }
    .station10>ul>li div>h2{
        font-weight: bold;
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .station10>ul>li div>p{
        line-height: 25px;
    }
    .station10 .items_list{
        text-align: center;
        margin:30px 0;
    }
    .content2_bottom{
        width: 100%;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }
    .sub1_1 .swiper-button-next:after{
      color: #000;  
    }
    .sub1_1 .swiper-button-prev:after{
        color: #000;  
      }
    .content2_items{
        margin-top:100px;
        /* display: flex; */
        width: 100%;
        height: 100%;
    }
    .content2_items>li>h2{
        font-size:2rem;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .content2_items>li>p{
        text-align: center;
    }
    .content2_items>li>ul{
        display: flex;
        width: 100%;
        height: 100%;
        margin-bottom: 100px;
    }
    .content2_items>li{
        width: 100%;
        height: 100%;
        text-align: center;
        display: none;
    }
    .content2_items>li.on{
        display: block;
    }
    .content2_items>li>ul>li img{
        width: 250px;
        height: 250px;
    }
    .bot_items>h2{
        font-weight: bold;
        margin-bottom: 5px;
        color: #005841;
    }
    .bot_items> p{
        line-height: 20px;
    }

    .multi_station>div{
        display: none;
    }
    .multi_station>div.on{
        display: block;
    }
        /* subpage2 */
    
        .sub2{ 
            width: 100%;
            margin:0 auto;
            height: 100%;
        }
        .sub2_top{
            width:100%;
            margin:0 auto;
        }
        .store_info{ 
            margin-top: 90px;
            color: #005841;
            text-align: center;
        }
        .store_info>h1{
            font-size: 3rem;
            font-weight: bold;
            margin-bottom: 15px;
            margin-top: 130px;
        }
        .store_info>p{
            font-size: 0.9rem;
            margin-bottom: 70px;
        }
        .map{
            border: 1px solid #005841;
            width: 100%;
        }
        .service_search{
            margin-top:50px;
            padding-left:40px;
        }
        .service_search>h3{
            font-size: 1.5rem;
            margin-bottom: 15px;
        }
        .service_search>li{
            font-size: 1.2rem;
            margin-bottom: 10px;
            margin-left: 20px;
        }
        .area_search{
            margin-top: 40px;
            padding-left:40px;
        }
        .area_search h3{
            font-size: 1.5rem;
            margin-bottom: 20px;
        }
        .area_search p>label{
            font-size:0;
        }
        .area_search p>input{
            padding: 5px 40px;
            font-size: 1.1rem;
            margin-bottom: 120px;
        }
        .result{
            margin-bottom: 80px;
        }
        .result>ul>li{
            font-size: 1.1em;
            margin-right: 50px;
            padding-bottom: 10px;
        }
        .search_bg{
            font-size: 0.9rem;
            background: #005841;
            color: #fff;;
            padding: 10px 43px;
            margin-bottom: 100px;
        }
        .sub2_bottom{
            border-top: 1px solid #005841; 
            padding-top: 20px;
        }
        .store_button{
            margin: 40px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .store_button>li{
            margin: 10px 6px;
            background: #e7e2e2;
            padding: 10px 12px;
            font-weight: bold;
            border-radius: 11px;
            transition: all 0.1s ease 0s;
        }
        .store_button>li:hover{
            transform: scale(1.2);
    
        }
        .store_list{
            width: 90%;
            margin: 0 auto;
            font-weight: bold;
            margin-top: 90px;
        }
        .store_list>li>h3{
            font-size: 1.3rem;
            margin-bottom: 40px;
        }
        .store_list>li:last-of-type{
            margin-bottom: 130px;
        }
        .store_list>li>ul>li{
            background: #f9f6f4;
            text-align: center;
            width: 80%;
            margin: 0 auto;
            padding: 15px 0;
            margin-bottom: 25px;
        }
    
        /* subpage3 */
    
        .sub3{
            width: 100%;
            margin: 0 auto;
            margin-top: 160px;
            text-align: center;
            color: #005841;
        }
        .sub3tabmenu h1{
            font-size: 3rem;
            font-weight: bold;
            margin-bottom: 50px;
        }
        .sub3tabmenu ul>li{
            margin-right:20px;
        }
        .tab3{
            display: flex;
    justify-content: center;
    padding-bottom: 110px;
    color: #889081;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
}
        
        .tab3>li.on{
            color:#005841;
            border-top:1.5px solid #005841;
            font-weight: bold;
        }
        .sub3content{
            width: 90%;
            margin: 0 auto;
        }
        .sub3content .items{
            display:none;
        }
        .sub3content .items.on{
            display: block;
        }
        .sub3content_list p{
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 50px;
        }
        .sub3content_list ul{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            margin:0 auto;
        }
        .sub3content_list ul>li{
            font-size: 16px;
        }
        .sub3content_list ul>li img{
            width: 400px;
            height: 400px;
            object-fit: cover;
        }
        .sub3content_list ul>li p{
            padding-bottom: 20px;
        }
        .item_Info{
            margin-top: 150px;
            position: relative;
            width: 100%;
            margin: 50px auto;
        }
        .item_Info h2{
            font-size: 1.6rem;
            font-weight: bold; 
        }

        .bg_top>ul>li{   
            margin-bottom: 246px;
    
        }
        .bg_top>ul>li img{
            width: 150px;
            height: 150px;
            object-fit: contain;
            border-radius: 50%;
        }
        .bg_bottom{
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
            width: 100%;
        }
        .bg_bottom>ul>li{
            margin-top: 237px;
    
        }
        .bg_bottom>ul>li>h3{
            color:#005841;
            font-weight: bold;
        }
        .bg_bottom>ul>li>p{
            font-size: 13px;
            padding-top: 10px;
            color: black;
            line-height: 1.6;
        }
        .c_List{
            margin: 0 auto;
            width: 100%;
        }
        .c_List h2{
            font-size: 1.6rem;
            font-weight: bold;
            margin-bottom: 80px;
        }
        .c_List ul>li img{
            width: 110px;
            height: 100px;
            object-fit: contain;
        }
        .c_List li{
            margin-bottom: 50px;;
        }
        .c_List ul>li P{
            padding: 20px 0;
            font-size: 1.3rem;
            font-weight: bold;
        }
        .cost{
            width: 100%;
            color:#fff;
            background: #005841;
        }
        .cost h2{
            font-weight: bold;
            font-size: 3rem;
            padding-top: 50px;
            padding-bottom: 30px;
        }
        .list{
            display: flex;
            justify-content: center;
            padding-bottom: 50px;
        }
        .list>li{
            background: #fff;
            margin-right: 10px;
            padding:10px;
            color: #005841;
        }
        .list>li.on{
            background: #fecc16;
            margin-right: 10px;
            padding:10px;
            font-weight: bold;
        }
        .cost_text{
            display: flex;
            justify-content: center;
            font-size: 1.2rem;
            position: relative;
        }
        .cost_text>li{
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
        .cost_text>li.on{
            display: block;
        }
        .cost_text>li>ul>li{
            padding-bottom: 50px;
            font-size: 14px;
        }
        .cc{
            margin-top:10px;
            font-size: 1.2rem;
            font-weight: bold;
        }
        .cost_text>li>ul h3{
            font-size: 16px;
            padding-bottom: 15px;
        }
        .cost_text h3>span{
            color: #fecc16;
            font-weight: bold;
        }
        .pp{
            margin-top: 360px;
            margin-bottom: 40px;
        }
        .push{
            background: #fecc16;
            padding: 10px 50px;
            display: inline-block;
            color: #005841;
            margin-bottom: 50px;
            font-weight: bold;
        }
        .number{
            background: #fff;
            color:black;
            width: 100%;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .number>li img{
            width: 40px;
            height: 40px;
        }
        .number>li p{
            font-size: 20px;
            line-height: 1.9;
            margin-left: 15px;
        }
    
        /* footer */
    
        footer{
            width: 100%;
            background: #141414;
        color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-top: 60px;
            padding-bottom: 80px;
        }
        .footerLogo{
            padding-bottom: 50px;
        }
        .footerLogo h1{
            width: 150px;
        }
        .footerLogo a img{
            width: 100%;
            height: 100%;
        }
        .footerInfo{
            display: flex;
            flex-direction: column;
            text-align: center;
        }
        .footerInfo p{
            font-size: 15px;
            padding:10px;
        }
        .footerSns{
            margin-top: 35px;
        }
        .footerSns ul{
            display: flex;
            justify-content: center;
        }
        .footerSns ul>li{
            width: 40px;
            height: 40px;
            padding: 15px;
        }
        .footerTop{
            border-radius: 50%;
            width: 50px;
            height: 50px;
            background: #889081;
            color: #005841;
            text-align: center;
            position: fixed;
            bottom: 50px;
            right: 50px;
            z-index: 10;
        }
}