* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        ul {
            list-style-type: none;
        }

        a {
            text-decoration: none;
        }

        img {
            display: block;
        }

        #wrap {
            width: 100%;
            /*브라우저 넓이 1903px로 계산*/
            margin: 0 auto;
            background-color: #f8f1e4;
        }





        #main_header {
            width: 100%;
            height: 974px;
            background-size: cover;
            background: url('../images/main_header_bg.png') no-repeat center;
        }

        @media screen and (max-width:768px) {
            #main_header {
                height: 600px;
            }
        }




        #main_header #mh_wrap {
            width: 70.7829%;
            /*원래: 1347/1903*100=70.7829% */
            height: 974px;
            margin: 0 auto;
            position: relative;
            padding-top: 69px;
        }

        @media screen and (max-width:768px) {
            #main_header #mh_wrap {
                height: 600px;
            }
        }





        #main_header #mh_wrap>img:nth-of-type(1) {
            margin: 0 auto;
            width: 34.0757%;
            min-width: 200px;
            /*이미지 최소크기*/
            height: auto;
        }




        #main_header #mh_wrap nav {
            position: absolute;
            top: 121px;
            left: 5.7557%;
            /* 원래: 91/1347*100=6.7557%;인데 왼쪽으로 더 땡김 */
            width: 86.1172%;
            /*1160/1347*100=86.1172%*/
        }

        #main_header #mh_wrap nav ul {
            overflow: hidden;
        }

        #main_header #mh_wrap nav ul li {
            float: left;
        }

        #main_header #mh_wrap nav ul li a {
            display: block;
            height: 37px;
        }




        #main_header #mh_wrap nav ul li:nth-of-type(1) {
            width: 17.3275%;
            /*160+41/1160*100=17.3275%*/
            /*  margin-right: 3.5344%; */
        }

        #main_header #mh_wrap nav ul li:nth-of-type(1) a {
            width: 160px;
            /* width: 79.6019%; */
            /*160/201*100=79.6019%*/
            background-image: url('../images/main_header_nav1.png');
            margin-right: 20.3981%;
            /*100%-79.6019%=20.3981%*/
            /*41/1160*100=3.5344%*/
        }

        #main_header #mh_wrap nav ul li:nth-of-type(1) a:hover {
            background-image: url('../images/main_header_nav1_hover.png');
        }




        #main_header #mh_wrap nav ul li:nth-of-type(2) {
            width: 55.8620%;
            /*138+510/1160*100=55.8620%*/
            /*margin-right: 43.9655%;*/
        }

        #main_header #mh_wrap nav ul li:nth-of-type(2) a {
            width: 138px;
            /* width: 21.2962%; */
            /*138/648*100=21.2962%*/
            background-image: url('../images/main_header_nav2.png');
            margin-right: 78.7038%;
            /*100%-21.2962%=78.7038%*/
            /*510/1160*100=43.9655%*/
        }

        #main_header #mh_wrap nav ul li:nth-of-type(2) a:hover {
            background-image: url('../images/main_header_nav2_hover.png');
        }




        #main_header #mh_wrap nav ul li:nth-of-type(3) {
            width: 14.6551%;
            /*129+41/1160*100=14.6551%*/
            /*margin-right: 3.5344%;*/
        }

        #main_header #mh_wrap nav ul li:nth-of-type(3) a {
            width: 129px;
            /* width: 75.8823%; */
            /*129/170*100=75.8823%*/
            background-image: url('../images/main_header_nav3.png');
            margin-right: 24.1177%;
            /*100%-75.8823%=24.1177%*/
            /*41/1160*100=3.5344%*/
        }

        #main_header #mh_wrap nav ul li:nth-of-type(3) a:hover {
            background-image: url('../images/main_header_nav3_hover.png');
        }




        #main_header #mh_wrap nav ul li:nth-of-type(4) {
            width: 12.1551%;
            /*141/1160*100=12.1551% */
        }

        #main_header #mh_wrap nav ul li:nth-of-type(4) a {
            width: 141px;
            /* width: 100%; */
            /*141/141*100=100%*/
            background-image: url('../images/main_header_nav4.png');
        }

        #main_header #mh_wrap nav ul li:nth-of-type(4) a:hover {
            background-image: url('../images/main_header_nav4_hover.png');
        }





        @media screen and (max-width:1896px) {
            #main_header #mh_wrap nav {
                width: 70%;
                position: static;
                margin: 15px auto 33px;
            }

            #main_header #mh_wrap nav ul {
                width: 100%;
                display: flex;
                /* 플렉서블 박스 레이아웃 적용 */
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                /* 여러 줄에 걸쳐 표시 */
                justify-content: space-around;
                /* 화면 양쪽에 바짝 붙이기  */
            }

            #main_header #mh_wrap nav ul li:nth-of-type(1) {
                width: 152px;
            }
            #main_header #mh_wrap nav ul li:nth-of-type(2) {
                width: 130px;
            }
            #main_header #mh_wrap nav ul li:nth-of-type(3) {
                width: 121px;
            }
            #main_header #mh_wrap nav ul li:nth-of-type(4) {
                width: 133px;
            }
        }

        @media screen and (max-width:1216px) {
            #main_header #mh_wrap nav {
                width: 100%;
                left: 0;
                top: 150px;
            }

            #main_header #mh_wrap nav ul {
                width: 100%;
                display: flex;
                /* 플렉서블 박스 레이아웃 적용 */
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                /* 여러 줄에 걸쳐 표시 */
                justify-content: space-between;
            }
        }










        #main_header #mh_wrap>img:nth-of-type(2) {
            width: 70%;
            min-width: 230px;
            /*이미지 최소크기*/
            margin: 85px auto 0;
        }

        @media screen and (max-width:1896px) {
            #main_header #mh_wrap>img:nth-of-type(2) {
                margin: 0 auto;
            }
        }


        #main_header #mh_wrap #sns {
            position: absolute;
            bottom: 75px;
            left: 0;
        }

        #main_header #mh_wrap #sns ul {
            overflow: hidden;
        }

        #main_header #mh_wrap #sns ul li {
            float: left;
        }

        #main_header #mh_wrap #sns ul li a {
            display: block;
            margin-right: 21px;
        }

        #main_header #mh_wrap #sns ul li:nth-of-type(1) a {
            width: 22px;
            height: 23px;
            opacity: 0.8;
            background-image: url('../images/main_header_facebook.png');
        }

        #main_header #mh_wrap #sns ul li:nth-of-type(1) a:hover {
            background-image: url('../images/main_header_facebook_hover.png');
        }

        #main_header #mh_wrap #sns ul li:nth-of-type(2) a {
            width: 22px;
            height: 23px;
            opacity: 0.8;
            background-image: url('../images/main_header_insta.png');
        }

        #main_header #mh_wrap #sns ul li:nth-of-type(2) a:hover {
            background-image: url('../images/main_header_insta_hover.png');
        }

        #main_header #mh_wrap #sns ul li:nth-of-type(3) a {
            width: 28px;
            height: 22px;
            opacity: 0.8;
            background-image: url('../images/main_header_twitter.png');
        }

        #main_header #mh_wrap #sns ul li:nth-of-type(3) a:hover {
            background-image: url('../images/main_header_twitter_hover.png');
        }

        #main_header #mh_wrap #sns ul li:nth-of-type(4) a {
            width: 27px;
            height: 19px;
            opacity: 0.8;
            background-image: url('../images/main_header_youtube.png');
        }

        #main_header #mh_wrap #sns ul li:nth-of-type(4) a:hover {
            background-image: url('../images/main_header_youtube_hover.png');
        }



        #main_header #mh_wrap #circle {
            position: absolute;
            right: 0;
            bottom: 64px;
        }

        #main_header #mh_wrap #circle a {
            display: block;
            width: 57px;
            height: 57px;
            background-image: url('../images/main_header_circle.png');
        }

        #main_header #mh_wrap #circle a:hover {
            background-image: url('../images/main_header_circle_hover.png');
        }















        /*----------------main_section1-------------------*/

        #main_section1 {
            width: 100%;
            height: 820px;
            background: url('../images/main_section1_bg.png') no-repeat center;
            background-size: cover;
        }


        #main_section1 #ms1_wrap {
            width: 70.7829%;
            height: 820px;
            margin: 0 auto;
            /* position: relative; */
            padding-top: 102px;
        }




        #main_section1 #ms1_wrap ul li {
            width: 70.7829%;
            height: 560px;
        }




        /*-------------#main_section1 영어 title img-----------------*/

        #main_section1 #ms1_wrap ul li div:nth-of-type(1) {
            /*             position: absolute;
            top: 102px;
            left: 79px; */
            margin: 0 0 16.55px 5.8648%;
            /*79/1347*100=5.8648%*/
            height: 102.45px;
            width: 51.2991%;
            /*691/1347*100=51.2991%*/
            /*타이틀이미지중 최장길이,최장높이 기준으로 통일*/
        }


        #main_section1 #ms1_wrap ul li:nth-of-type(2) div:nth-of-type(1) img {
            width: 47.6121%;
            /*329/691*100=47.6121% */
            min-width: 244.6095px;
            /*329*74.3494%=244.6095px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(3) div:nth-of-type(1) img {
            width: 53.9797%;
            /*373/691*100=53.9797% */
            min-width: 277.3232px;
            /*373*74.3494%=277.3232px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(4) div:nth-of-type(1) img {
            width: 87.4095%;
            /*604/691*100=87.4095% */
            min-width: 449.0703px;
            /*604*74.3494%=449.0703px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(5) div:nth-of-type(1) img {
            width: 33.1403%;
            /*229/691*100=33.1403% */
            min-width: 170.2601px;
            /*229*74.3494%=170.2601px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(6) div:nth-of-type(1) img {
            width: 100%;
            /*691/691*100=100% */
            min-width: 513.7543px;
            /*691*74.3494%=513.7543px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(7) div:nth-of-type(1) img {
            width: 45.4413%;
            /*314/691*100=45.4413% */
            min-width: 233.4571px;
            /*314*74.3494%=233.4571px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(8) div:nth-of-type(1) img {
            width: 84.2257%;
            /*582/691*100=84.2257% */
            min-width: 432.7135px;
            /*582*74.3494%=432.7135px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(9) div:nth-of-type(1) img {
            width: 36.6136%;
            /*253/691*100=36.6136% */
            min-width: 188.1039px;
            /*253*74.3494%=188.1039px*/
        }





        /*-------------#main_section1 한국어 subtitle img-----------------*/

        #main_section1 #ms1_wrap ul li div:nth-of-type(2) {
            /* position: absolute;
            top: 221px;
            left: 100px; */
            margin: 0 0 38px 7.4239%;
            /*100/1347*100=7.4239%*/
            height: 37px;
            width: 17.2234%;
            /*232/1347*100=17.2234%*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(2) div:nth-of-type(2) img {
            width: 27.1551%;
            /*63/232*100=27.1551%*/
            min-width: 46.8401px;
            /*63*74.3494%=46.8401px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(3) div:nth-of-type(2) img {
            width: 28.0172%;
            /*65/232*100=28.0172%*/
            min-width: 48.3271px;
            /*65*74.3494%=48.3271px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(4) div:nth-of-type(2) img {
            width: 71.5517%;
            /*166/232*100=71.5517%*/
            min-width: 123.4200px;
            /*166*74.3494%=123.4200px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(5) div:nth-of-type(2) img {
            width: 41.8103%;
            /*97/232*100=41.8103%*/
            min-width: 72.1189px;
            /*97*74.3494%=72.1189px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(6) div:nth-of-type(2) img {
            width: 100%;
            /*232/232*100=100%*/
            min-width: 172.4906px;
            /*232*74.3494%=172.4906px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(7) div:nth-of-type(2) img {
            width: 28.0172%;
            /*65/232*100=28.0172%*/
            min-width: 48.3271px;
            /*65*74.3494%=48.3271px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(8) div:nth-of-type(2) img {
            width: 80.1724%;
            /*186/232*100=80.1724%*/
            min-width: 138.2898px;
            /*186*74.3494%=138.2898px*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(9) div:nth-of-type(2) img {
            width: 71.5517%;
            /*166/232*100=71.5517%*/
            min-width: 123.4200px;
            /*166*74.3494%=123.4200px*/
        }







        /*-------------#main_section1 본문 p-----------------*/

        #main_section1 #ms1_wrap ul li p:nth-of-type(1),
        #main_section1 #ms1_wrap ul li img:nth-of-type(1) {
            float: left;
        }


        #main_section1 #ms1_wrap ul li p:nth-of-type(1) {
            /* position: absolute;
            top: 296px;
            left: 103px; */
            font-size: 0.8rem;
            line-height: 1.6rem;
            color: #414141;
            letter-spacing: -0.02rem;
            width: 36.8262%;
            /*496.05/1347*100=36.8262%*/
            height: 200px;
        }


        #main_section1 #ms1_wrap ul li:nth-of-type(2) p:nth-of-type(1) {
            margin: 0 2% 0 7.6466%;
            /*103/1347*100=7.6466%*/
            /*margin-right는 눈대중으로*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(3) p:nth-of-type(1) {
            margin: 0 6% 0 7.6466%;
            /*103/1347*100=7.6466%*/
            /*margin-right는 눈대중으로*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(4) p:nth-of-type(1) {
            margin: 0 2% 0 7.6466%;
            /*103/1347*100=7.6466%*/
            /*margin-right는 눈대중으로*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(5) p:nth-of-type(1) {
            margin: 0 2% 0 7.6466%;
            /*103/1347*100=7.6466%*/
            /*margin-right는 눈대중으로*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(6) p:nth-of-type(1) {
            margin: 0 15% 0 7.6466%;
            /*103/1347*100=7.6466%*/
            /*margin-right는 눈대중으로*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(7) p:nth-of-type(1) {
            margin: 0 2% 0 7.6466%;
            /*103/1347*100=7.6466%*/
            /*margin-right는 눈대중으로*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(8) p:nth-of-type(1) {
            margin: 0 8% 0 7.6466%;
            /*103/1347*100=7.6466%*/
            /*margin-right는 눈대중으로*/
        }

        #main_section1 #ms1_wrap ul li:nth-of-type(9) p:nth-of-type(1) {
            margin: 0 5% 0 7.6466%;
            /*103/1347*100=7.6466%*/
            /*margin-right는 눈대중으로*/
        }




        /*-------------#main_section1 음식 img-----------------*/

        #main_section1 #ms1_wrap ul li:nth-child(2)>img:nth-of-type(1) {
            /*position: absolute;
            top: 133px;
            right: 56px; */
            margin-top: -163px;
            /*p가 있는 위치:296-133=163*/
            width: 48.9977%;
            /*660/1347*100=48.9977%*/
        }

        /*         @media screen and (max-width:768px) {
            #main_section1 #ms1_wrap ul li:nth-child(2) img:nth-of-type(3) {
                position: absolute;
                top: 133px;
                right: 12.5%;
                width: 75%;
                원래 660/1347*100=48.9977%
            }
        } */

        #main_section1 #ms1_wrap ul li:nth-child(3)>img:nth-of-type(1) {
            /*          position: absolute;
            top: 167px;
            right: 250px; */
            margin-top: -129px;
            /*p가 있는 위치:296-167=129*/
            width: 28.4335%;
            /*383/1347*100=28.4335%*/
        }

        #main_section1 #ms1_wrap ul li:nth-child(4)>img:nth-of-type(1) {
            /* position: absolute;
            top: 207px;
            right: 102px; */
            margin-top: -89px;
            /*p가 있는 위치:296-207=89*/
            width: 45.6570%;
            /*615/1347*100=45.6570%*/
        }

        #main_section1 #ms1_wrap ul li:nth-child(5)>img:nth-of-type(1) {
            /* position: absolute;
            top: 45px;
            right: 175px; */
            margin-top: -251px;
            /*p가 있는 위치:296-45=251*/
            width: 40.9057%;
            /*551/1347*100=40.9057%*/
        }

        #main_section1 #ms1_wrap ul li:nth-child(6)>img:nth-of-type(1) {
            /* position: absolute;
            top: 123px;
            right: 77px; */
            margin-top: -173px;
            /*p가 있는 위치:296-123=173*/
            width: 35.4120%;
            /*477/1347*100=35.4120%*/
        }

        #main_section1 #ms1_wrap ul li:nth-child(7)>img:nth-of-type(1) {
            /* position: absolute;
            top: 87px;
            right: 230px; */
            margin-top: -209px;
            /*p가 있는 위치:296-87=209*/
            width: 34.8923%;
            /*470/1347*100=34.8923%*/
        }

        #main_section1 #ms1_wrap ul li:nth-child(8)>img:nth-of-type(1) {
            /* position: absolute;
            top: 58px;
            right: 157px; */
            margin-top: -238px;
            /*p가 있는 위치:296-58=238*/
            width: 34.2984%;
            /*462/1347*100=34.2984%*/
        }

        #main_section1 #ms1_wrap ul li:nth-child(9)>img:nth-of-type(1) {
            /* position: absolute;
            top: 81px;
            right: 220px; */
            margin-top: -215px;
            /*p가 있는 위치:296-81=215*/
            width: 32.6651%;
            /*440/1347*100=32.6651%*/
        }






        /*-------------#main_section1 메뉴판 버튼-----------------*/

        #main_section1 #ms1_wrap ul li>a {
            width: 5.4936%;
            /*74/1347*100=5.4936%*/
            /* height: 75px; */
            position: absolute;
            top: 16px;
            left: 34.8923%;
            /*470/1347*100=34.8923%*/
        }

        #main_section1 #ms1_wrap ul li h5 {
            position: absolute;
            top: 24px;
            left: 42.0193%;
            /*566/1347*100=42.0193%*/
            color: #707070;
            font-size: 0.85rem;
        }

        #main_section1 #ms1_wrap ul li p:nth-of-type(2) {
            position: absolute;
            top: 47px;
            left: 42.0193%;
            /*566/1347*100=42.0193%*/
            font-size: 0.7rem;
            color: #505050;
        }








        @media screen and (max-width:768px) {
            #main_section1 #ms1_wrap {
                padding-top: 70px;
            }

            #main_section1 #ms1_wrap ul li {
                height: 620px;
            }

            #main_section1 #ms1_wrap ul li div:nth-of-type(1) {
                margin: 0 auto;
                width: 100%;
            }
            #main_section1 #ms1_wrap ul li div:nth-of-type(1) img {
                margin: 0 auto;
            }


            #main_section1 #ms1_wrap ul li div:nth-of-type(2) {
                margin: -10px auto 10px;
                width: 30%;
            }
            #main_section1 #ms1_wrap ul li div:nth-of-type(2) img {
                margin: 0 auto;
            }


            #main_section1 #ms1_wrap ul li img:nth-of-type(1),
            #main_section1 #ms1_wrap ul li p:nth-of-type(1) {
                float: none;
            }

            #main_section1 #ms1_wrap ul li:nth-of-type(2)>img:nth-of-type(1) {
                margin: -20px auto 0;
                width: 65%;
            }
            #main_section1 #ms1_wrap ul li:nth-of-type(3)>img:nth-of-type(1) {
                margin: 40px auto 0;
                width: 40%;
            }
            #main_section1 #ms1_wrap ul li:nth-of-type(4)>img:nth-of-type(1) {
                margin: 30px auto 0;
                width: 70%;
            }
            #main_section1 #ms1_wrap ul li:nth-of-type(5)>img:nth-of-type(1) {
                margin: -20px auto 0;
                width: 50%;
            }
            #main_section1 #ms1_wrap ul li:nth-of-type(6)>img:nth-of-type(1) {
                margin: 5px auto 0;
                width: 50%;
            }
            #main_section1 #ms1_wrap ul li:nth-of-type(7)>img:nth-of-type(1) {
                margin: -23px auto 0;
                width: 45%;
            }
            #main_section1 #ms1_wrap ul li:nth-of-type(8)>img:nth-of-type(1) {
                margin: 0 auto 0;
                width: 37%;
            }
            #main_section1 #ms1_wrap ul li:nth-of-type(9)>img:nth-of-type(1) {
                margin: 15px auto 0;
                width: 38%;
            }


            #main_section1 #ms1_wrap ul li p:nth-of-type(1) {
                position: absolute;
                top: 390px;
                left: 10%;
                width: 80%;
                text-align: center;

            }

            #main_section1 #ms1_wrap ul li:nth-of-type(2) p:nth-of-type(1),
            #main_section1 #ms1_wrap ul li:nth-of-type(3) p:nth-of-type(1),
            #main_section1 #ms1_wrap ul li:nth-of-type(4) p:nth-of-type(1),
            #main_section1 #ms1_wrap ul li:nth-of-type(5) p:nth-of-type(1),
            #main_section1 #ms1_wrap ul li:nth-of-type(6) p:nth-of-type(1),
            #main_section1 #ms1_wrap ul li:nth-of-type(7) p:nth-of-type(1),
            #main_section1 #ms1_wrap ul li:nth-of-type(8) p:nth-of-type(1),
            #main_section1 #ms1_wrap ul li:nth-of-type(9) p:nth-of-type(1) {
                margin: 0;
                line-height: 1.2rem;
                font-size: 0.74rem;
                letter-spacing: -0.05rem;
            }

            #main_section1 #ms1_wrap ul li>a {
                width: 10%;
                position: absolute;
                top: 16px;
                left: 450px;
                /*470/1347*100=34.8923%*/
            }
            #main_section1 #ms1_wrap ul li h5,
            #main_section1 #ms1_wrap ul li p:nth-of-type(2) {
                display: none;
            }

        }










        /*----------------main_section2-------------------*/

        #main_section2 {
            width: 100%;
            height: 1200px;
            background: url('../images/main_section2_bg.png') no-repeat center;
            background-size: cover;
        }

        #main_section2 #ms2_wrap {
            width: 70.7829%;
            height: 1200px;
            margin: 0 auto;
            position: relative;
            padding-top: 53px;
        }

        #main_section2 #ms2_wrap>img {
            width: 19.9703%;
            /*269/1347*100=19.9703%;*/
            min-width: 200px;
            margin: 0 auto 107.22px;
            clear:both;
            /*위에서 float:left;한 것의 영향이 내려와 마진이 이상했던거임 그러므로 clear:both;*/
        }

        #main_section2 #ms2_wrap #menu {
            width: 84.7809%;
            /*1142/1347*100=84.7809%*/
            height: 738px;
            margin: 0 auto;
        }

        #main_section2 #ms2_wrap #menu>ul {
            width: 85.2889%;
            /*974/1142*100=85.2889%*/
            height: 14px;
            margin: 0 auto;
            /* overflow: hidden; */
        }

        #main_section2 #ms2_wrap #menu>ul li {
            float: left;
            margin-right: 2.5667%;
            /*25/974*100=2.5667%*/
            cursor: pointer;
        }

        #main_section2 #ms2_wrap #menu>ul li:last-of-type {
            margin-right: 0;
        }

        #main_section2 #ms2_wrap #menu>ul li img {
            margin-bottom: 20px;
        }

        #main_section2 #ms2_wrap #menu #menus {
            width: 84.7809%;
            /*1142/1347*100=84.7809%*/
            height: 583px;
            position: absolute;
            top: 392.85px;
            /* top: 156px; */
            overflow: hidden;
        }

        #main_section2 #ms2_wrap #menu #menus ul,
        #main_section2 #ms2_wrap #menu #menus #pics {
            float: left;
        }

        #main_section2 #ms2_wrap #menu #menus ul {
            width: 46.76%;
            /*534/1142*100=46.76%*/
            height: 583px;
            margin-right: 3.1523%;
            /*36/1142*100=3.1523%*/
        }

        #main_section2 #ms2_wrap #menu #menus ul li div {
            float: left;
            margin-bottom: 36px;
        }

        #main_section2 #ms2_wrap #menu #menus ul li div:nth-of-type(1) {
            width: 73.7827%;
            /*394/534*100=73.7827%*/
            margin-right: 6.9288%;
            /*37/534*100=6.9288%*/
        }

        #main_section2 #ms2_wrap #menu #menus ul li div:nth-of-type(1) img {
            margin-bottom: 15px;
        }

        #main_section2 #ms2_wrap #menu #menus ul li div:nth-of-type(1) p {
            font-size: 0.82rem;
            line-height: 1.4rem;
            letter-spacing: -0.03rem;
        }
        
        #main_section2 #ms2_wrap #menu #menus ul li div:nth-of-type(2){
            width:9.6556%;
            /*51.56/534*100=9.6556%*/
        }
        #main_section2 #ms2_wrap #menu #menus ul li div:nth-of-type(2) p {
            font-size: 0.85rem;
            line-height: 1.7rem;
            margin-right: 7px;
            color: #6eb43f;
        }
        
        #main_section2 #ms2_wrap #menu #menus ul li div:nth-of-type(3){
            width:9.5505%;
            /*51/534*100=9.5505%*/
        }
        #main_section2 #ms2_wrap #menu #menus ul li div:nth-of-type(3) p {
            font-size: 1rem;
            line-height: 1.7rem;
            font-weight: 700;
            width: 51px;
            text-align: right;
            color: #6eb43f;
        }

        #main_section2 #ms2_wrap #menu #menus #pics {
            width: 50%;
            /*571/1142*100=50%*/
            height: 583px;
            overflow: hidden;
        }

        #main_section2 #ms2_wrap #menu #menus #pics>div {
            float: left;
        }

        #main_section2 #ms2_wrap #menu #menus #pics #left {
            width:49.0367%;
            /*280/571*100=49.0367%*/
            margin-right: 1.9264%;
            /*11/571*100=1.9264%*/
        }

        #main_section2 #ms2_wrap #menu #menus #pics #left div:nth-of-type(1) {
            width: 100%;
            /*280/280*100=100%*/
            height: 286px;
            background-image: url('../images/main_section2_pics1.png');
            margin-bottom: 11px;
        }

        #main_section2 #ms2_wrap #menu #menus #pics #left div:nth-of-type(2) {
            width: 100%;
            /*280/280*100=100%*/
            height: 286px;
            background-image: url('../images/main_section2_pics2.png');
        }

        #main_section2 #ms2_wrap #menu #menus #pics>div:nth-of-type(2) {
            width:49.0367%;
            /*280/571*100=49.0367%*/
            height: 583px;
            background-image: url('../images/main_section2_pics3.png');
        }





        @media screen and (max-width:768px) {
            
            #main_section2 #ms2_wrap #menu{
                width:100%;
            }
            
            #main_section2 #ms2_wrap #menu>ul {
                width: 100%;
                display: flex;
                플렉서블 박스 레이아웃 적용 -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                justify-content: space-around;
                margin-bottom:150px;

            }
            #main_section2 #ms2_wrap #menu #menus{
              width:100%;
              position: static;
            }
            #main_section2 #ms2_wrap #menu #menus ul,
            #main_section2 #ms2_wrap #menu #menus #pics {
                float: none;
            }
            
            #main_section2 #ms2_wrap #menu #menus ul{
                width:100%;
                position:static;
                margin: 0 auto;
            }

            #main_section2 #ms2_wrap #menu #menus #pics{
                display: none;
            }
        }






        /*----------------main_section3-------------------*/

        #main_section3 {
            width: 100%;
            height: 1000px;
            background-color: #fff;
        }

        #main_section3 #ms3_wrap {
            width: 70.7829%;
            height: 1000px;
            margin: 0 auto;
            position: relative;
            padding-top:70px;
        }

        #main_section3 #ms3_wrap>img {
            /* position: absolute;
            top: 70px;
            left: 507px; */
            width:24.4246%;
            /*329/1347*100=24.4246%*/
            min-width:244.6095px;
            /*329*74.3494%=244.6095px*/    
            margin:0 auto;
            clear:both;
            /*위에서 float:left;한 것의 영향이 내려와 마진이 이상했던거임 그러므로 clear:both;*/
        }

        #main_section3 #ms3_wrap #gallery {
            /* position: absolute;
            top: 232px; */
            margin:59px auto 62px;
            width:100%;
            /*1347/1347*100=100%*/
        }

        #main_section3 #ms3_wrap #gallery table {
            border-collapse: collapse;
            width:100%;
            /*1347/1347*100=100%*/
        }
        
        #main_section3 #ms3_wrap #gallery table tr{
             /* width:100%; */
            /*1347/1347*100=100%*/
        }

        #main_section3 #ms3_wrap #gallery table tr td {
            /* width: 33.3333%; */
            /*449/1347*100=33.3333%*/
            height: 309px;
            text-align: center;
            font-size: 0.8rem;
            line-height: 1.5rem;
            color: #646464;
            padding:0 8px;
        }
        
        #main_section3 #ms3_wrap #gallery table tr:nth-of-type(1) td:nth-of-type(1){
            background: url(../images/main_section3_pics1.png) no-repeat center;
        }
        #main_section3 #ms3_wrap #gallery table tr:nth-of-type(1) td:nth-of-type(3){
            background: url(../images/main_section3_pics2.png) no-repeat center;
        }
        #main_section3 #ms3_wrap #gallery table tr:nth-of-type(2) td:nth-of-type(2){
             background: url(../images/main_section3_pics3.png) no-repeat center;
        }

        #main_section3 #ms3_wrap #gallery table tr:nth-of-type(1) td:nth-of-type(2) {
            background: url('../images/main_section3_line.png') no-repeat bottom center;
        }

        #main_section3 #ms3_wrap #gallery table tr:nth-of-type(1) td:nth-of-type(2) img {
            width: 131px;
            height: 14px;
            margin: 0 auto 40px;
        }

        #main_section3 #ms3_wrap #gallery table tr:nth-of-type(2) td:nth-of-type(1),
        #main_section3 #ms3_wrap #gallery table tr:nth-of-type(2) td:nth-of-type(3) {
            background: url('../images/main_section3_line.png') no-repeat top center;
        }

        #main_section3 #ms3_wrap #gallery table tr:nth-of-type(2) td:nth-of-type(1) img {
            width: 141px;
            height: 15px;
            margin: 0 auto 40px;
        }

        #main_section3 #ms3_wrap #gallery table tr:nth-of-type(2) td:nth-of-type(3) img {
            width: 131px;
            height: 14px;
            margin: 0 auto 40px;
        }


        #main_section3 #ms3_wrap #pager {
            /* position: absolute;
            bottom: 74px;
            left: 586px; */
            margin:0 auto 74px;
            width:159px;
        }

        #main_section3 #ms3_wrap #pager .gpager {
            background: #6eb43f;
            text-indent: -9999px;
            display: block;
            width: 14px;
            height: 14px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
            float: left;
            cursor: pointer;
        }
        
        
        @media screen and (max-width:768px){
            #main_section3 #ms3_wrap{
                width:100%;
            }
        }
        
        




        /*----------------footer-------------------*/

        footer {
            width: 100%;
            height: 338px;
            background-color: #6eb43f;
        }

        footer #ft_wrap {
            width: 70.7829%;
            height: 274px;
            margin: 0 auto;
            padding-top: 70px;
            overflow: hidden;
        }

        footer #ft_wrap #ft1,
        footer #ft_wrap #ft2,
        footer #ft_wrap #ft3,
        footer #ft_wrap #ft4 {
            float: left;
        }

        footer #ft_wrap #ft1 {
            width: 18.4112%;
            /*248/1347*100=18.4112%*/
            height: 118px;
            margin-left: 13.8084%;
            /*186/1347*100=13.8084%*/
        }

        footer #ft_wrap #ft1>img {
            margin: 0 auto 16px;
        }

        footer #ft_wrap #ft1>p {
            color: #fff;
            font-size: 0.71rem;
            text-align: center;
            line-height: 1rem;
            margin-bottom: 10px;
        }

        footer #ft_wrap #ft1>p:nth-of-type(2) {
            letter-spacing: -0.05rem;
        }



        footer #ft_wrap #ft2>a,
        footer #ft_wrap #ft3>a {
            color: #fff;
            font-size: 0.77rem;
            display: block;
            letter-spacing: -0.05rem;
            margin-bottom: 18px;
        }

        footer #ft_wrap #ft2>a:hover,
        footer #ft_wrap #ft3>a:hover {
            text-decoration: underline;
        }

        footer #ft_wrap #ft2>img,
        footer #ft_wrap #ft3>img,
        footer #ft_wrap #ft4>img {
            margin: 0 auto 27px;
        }

        footer #ft_wrap #ft2 {
            width: 5.1967%;
            /*70/1347*100=5.1967%*/
            height: 106px;
            margin: 12px 0 0 8.6859%;
            /*117/1347*100=8.6859%*/
            text-align: center;
        }

        footer #ft_wrap #ft3 {
            width: 7.7208%;
            /*104/1347*100=7.7208%*/
            height: 106px;
            margin: 12px 0 0 10.6904%;
            /*144/1347*100=10.6904%*/
            text-align: center;
        }

        footer #ft_wrap #ft4 {
            width: 9.7995%;
            /*132/1347*100=9.7995%*/
            height: 106px;
            margin: 12px 0 0 8.3890%;
            /*113/1347*100=8.3890%*/
        }

        footer #ft_wrap #ft4 #social {
            overflow: hidden;
        }

        footer #ft_wrap #ft4 #social a {
            float: left;
            margin: 0 15px 29px 0;
        }

        footer #ft_wrap #ft4 #social a:last-of-type {
            margin-right: 0;
        }

        footer #ft_wrap #ft4 #social a:active {
            opacity: 0.5;
        }







        footer #ft_wrap #ft4 #like {
            overflow: hidden;
            width: 114px;
            height: 18px;
            margin: 0 auto;
        }

        footer #ft_wrap #ft4 #like a,
        footer #ft_wrap #ft4 #like div {
            float: left;
        }

        footer #ft_wrap #ft4 #like a {
            display: block;
            width: 70px;
            height: 18px;
            border-radius: 9px;
            background-color: #fff;
            text-align: center;
            /* margin-right:-26px; */
            line-height: 18px;
        }

        footer #ft_wrap #ft4 #like a p {
            font-size: 0.9rem;
            color: #6eb43f;
            background: url('../images/footer_like.png') no-repeat 22% center;
            padding-left: 15px;
        }

        footer #ft_wrap #ft4 #like div {
            width: 70px;
            height: 18px;
            border-radius: 9px;
            border: 1px solid #fff;
            border-left: 0;
            line-height: 14px;
            padding-left: 33px;
            margin-left: -26px;
        }

        footer #ft_wrap #ft4 #like div p {
            font-size: 0.9rem;
            color: #fff;
        }

        footer #ft_wrap #ft4 #like a:active p {
            font-weight: 600;
        }

        footer #ft_bottom {
            width: 100%;
            height: 64px;
            background-color: #304f1c;
            text-align: center;
            line-height: 64px;
        }

        footer #ft_bottom p {
            color: #fff;
            font-size: 0.8rem;
        }
        
        
        
        @media screen and (max-width:768px) {
            footer #ft_wrap{
                width:100%;
                padding-top:55px;
            }
            footer #ft_wrap #ft1{
                width:21%;
            }
            footer #ft_wrap #ft2{
                width:9%;
                margin:15px 0 0 4%;
            }
            footer #ft_wrap #ft3{
                width:14%;
                margin:15px 0 0 3%;
            }
            footer #ft_wrap #ft4{
                width:17%;
                margin:15px 0 0 3%;
            }
        }