/*style.css*/
body{/*min-width: 1900px;*/}
#header {height: 90px; background: #f7f7f7; overflow:hidden; position:fixed;width: 100%; z-index:999; /*min-width: 1900px;*/}
#main {}
.container {/*width: 1370px;*/ width: 72%; height:inherit; margin:0 auto; /*background:rgba(0,0,0,0.6);*/}
.container1 {/*width: 1377px;*/ width: 72.4%; height:inherit; margin:0 auto;}
.container1-1 {width: 1315px; height:inherit; margin:0 auto;}
.container2 {width: 468px;height:inherit; margin:0 auto;}
.container3 {width: 815px;height:inherit; margin:0 auto;}
.container4 {/*width: 1167px;*/ width: 61.3%;height:inherit; margin:0 auto;}
.container5 {/*width: 1280px;*/ width: 67.3%; height:inherit; margin:0 auto;}
.container6 {/*width: 1190px;*/ width: 62.6%;  height:inherit; margin:0 auto;}
.container7 {width: 997px;height:inherit; margin:0 auto;}
::selection{background: #81a252;color: #fff;}

.bgg {background: #ebf3e0;}
/*header*/
/*
.header {overflow:hidden;}
.header .nav {float:left; width: 891px; text-align: center; font-size: 18px; font-weight: 600;padding: 46px 0;}
.header .nav ul {}
.header .nav li {display:inline-block; width: 16%;}
.header .nav li a { color:#444; transition: color 0.3s ease-in-out;}
.header .nav li a:hover {color:#81a252;}
.header .ask {    
    float: right;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    padding: 9px 13px;
    background: #81a252;
    margin: 33px 4px;
    width: 195px;
    text-align: center;
    height: 49px;
    line-height: 30px;
    box-shadow: 7px 3px 3px 1px rgba(0,0,0,0.2);
}
*/
#header.active {background: #fff;}
#header.hd_mama:before {
    height: 259px;
} 
#header.open {height:349px;}
.hd_mama.open {height: 90px;}
#header:before {
    display:block; content:''; position:absolute; top:0; right: 0; left: 0; 
    background: url(../img/pc/sub_img.png)no-repeat center;
    background-color: #95ac70; 
    /*transition: all 0.5s ease;*/ opacity:0;
}
#header.open:before {opacity:1; top: 90px;}
.header {position:relative;height: 100%;width: 100%;margin: 0 auto;}
.header .logo {position:absolute; top: 26px; left: 0; width: 20.2%}
.header .logo a {display:block;height: 90px;/* width: 276px;*/ width: 100%;}

.header .nav {position:absolute; top: 0; /*left: 350px;*/ left: 25.5%}
.header .nav li a:hover {color:#81a252;}
.header .nav > ul > li {float:left; position:relative;}
.header .nav > ul > li > a {
    display:block; 
   /* padding: 0 46px; */
    padding: 0 2.4vw;
    font-size: 18px;
    font-weight: 500;
    text-align: center; 
    line-height: 90px;
    transition: color 0.3s ease-in-out;
}
.header .nav > ul > li > ul {
    position:absolute; 
    top: 90px; right: 0; left: 0;
    box-sizing: border-box; 
    padding: 15px 0 0 0; 
    text-align: center;
}
.hd_mama.open {height: 224px;}

.header .typing-text:after {
  content: "|";
  animation: blink ease 1s infinite;
}
@keyframes blink {
  0%, 100% {
    opacity: 0;
  } 50% {
    opacity: 1;
  }
}

/*header_white*/
#header.wh { background: rgba(0,0,0,0); border-bottom:1px solid #fff;}
#header.wh:hover {border-bottom:0;}
#header.wh.show {background: #fff;border-bottom: 1px solid #dcdcdc;}
#header.wh.show.open {border:0px;}
#header.wh.show > .container > .header > .nav > ul > li > a {color:#444;}
.header .logo a > img {width: 100%;}
.header .nav.wh > ul > li > a {color:#fff}

/*sub_menu*/
.header .nav > ul > li > ul > li > a {
    font-size: 16px; color:#222; font-weight: 400;
    text-align: center; padding:4px 0; display:inline-block;
}
.header .nav > ul > li > ul > li > a:hover {color:#fff;}
.header .nav > ul > li > ul > li > a:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 0.5px solid #95ac70;
    bottom: -1px;
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    transition: color 280ms ease-in-out;
    width: 0;
}
.header .nav > ul > li > ul > li > a:hover:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: #fff;
    transition: width 350ms ease-in-out;
    width: 100%;
    color:#fff;
}

.header .ask > a {
    position:absolute; 
    top: 23px;
    right: 0; 
    width: 195px; 
    height: 49px;
    font-size: 18px;
    color:#fff;
    font-weight: 500;
    padding: 9px 13px;
     background: #81a252;
    text-align: center;
     line-height: 30px;
    box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.2);
}

/*scroll*/
.scroll_wrap {
    position: fixed;
    bottom: 2%;left: 50%;
    transform: translateX(-50%);
    animation:scroll 1s ease-in-out infinite;
}
.scroll_wrap.show {display:none;}
@keyframes scroll {
    0% {bottom: 1.5%;}
    50% {bottom: 2%;}
    100% {bottom: 1.5%;}
}
.scroll_wrap:before {
    content:''; position:absolute; width: 27px; height: 41px; border:2px solid #81a252; border-radius:14px;
    left:50%; top:-44px; transform:translateX(-50%);
}
.scroll_wrap:after {content:''; position:absolute; width: 27px; height: 2px; background: #81a252;
    left:50%; top:-30px; transform:translateX(-50%);
}
.scroll_wrap p {     
    color: #81a252;
    font-size: 14px;
    font-weight: 500;
    letter-spacing:1.2px;
    position:relative;
}
.scroll_wrap p:before {
    content:''; width: 2px; height: 8px; background: #81a252; position:absolute; left:50%; top:-33px; transform:translateX(-50%);
}

/*banner*/
/*.banner_hd.active {position: fixed; top: 90px; width: 100%;min-width: 1390px;}*/

/*section01*/
#section01 {height: 100vh;  background: #f7f7f7; margin-top: 90px;}
.st01_left {width: 51%; height: 100vh;float:left; position:relative;}
.st01_right {width: 49%; height: 100vh; float:left; position:relative;}

.st01_txt {padding: 80px 0; height:inherit;}
.st01_txt h2 {/*font-size: 62px;*/font-size:3.2vw; font-weight: 300; padding-bottom: 28px; /*line-height: 72px;*/ line-height: 116%; letter-spacing:4px;}
.st01_txt h2 strong {font-weight:600}

.st01_txt.brown {color:#937965;}
.st01_txt.brown > h2 {position:absolute; left: -20%; /*top: 145px;*/ top: 15vh; opacity:0;}
.st01_txt.brown > p {position:absolute; left: -20%; /*top: 300px;*/ top: 31vh; opacity:0;}
.st01_txt.brown > img {position:absolute; right: 0; top: 50%; transform:translateY(-49%); opacity:0;}

.st01_txt.green {color:#81a252; text-align: right;}
.st01_txt.green > h2 {position:absolute; right: -20%; /*top:426px;*/ top: 44vh; opacity:0;}
.st01_txt.green > p {position:absolute; right: -20%; /*top: 586px;*/ top: 60.5vh; opacity:0; /*font-size: 21px;*/ font-size: 1.04vw;}
.st01_txt.green > img {position:absolute; left: 0; top: 50%; transform:translateY(-71.9%);opacity:0;}
.st01_txt p {/*font-size: 20px;*/ font-size: 1.04vw;  color:#555; font-weight: 300;letter-spacing: 1.2px;}

/*section01_animation*/
.st01_txt.brown > img.main_left.active {
     /*top: 50%; transform:translateY(-63%);
    top: 400px;*/
    top: 41.3vh; width: 62.7%;
    transition: all 1s ease-in-out; opacity:1;
    
}
.st01_txt.green > img.main_right.active {
    /* top: 50%; transform:translateY(-66%);
        top: 604px;*/
    top: 62.3vh; width: 57.7%;
    transition: all 1s ease-in-out; opacity:1;
}
.st01_txt.brown > h2.active {position:absolute; left: 0; opacity:1; transition: all 1.8s ease; opacity:1; transition-delay:0.5s;}
.st01_txt.brown > p.active {position:absolute; left: 0%; opacity:1; transition: all 1.8s ease; opacity:1; transition-delay:0.5s;}
.st01_txt.green > h2.active {position:absolute; right: 0; opacity:1; transition: all 1.8s ease; opacity:1; transition-delay:0.5s;}
.st01_txt.green > p.active {position:absolute; right: 0%; opacity:1; transition: all 1.8s ease; opacity:1; transition-delay:0.5s;}


/*section02*/
#section02 {background:url(/img/pc/st02_bg.jpg)no-repeat; position:relative; padding-bottom: 90px; overflow: hidden}
.st02_title {color:#fff; text-align: center;padding: 84px 0 63px 0;}
.st02_title h3 {font-size: 48px; }
.st02_title p {font-size: 20px; font-weight: 300;}
.st02_wrap {position:relative; z-index:1; }
.st02_wrap > a {}
.st02_box {/*display:inline-block; width: 236px; height: 233px;*/ width: 22.8%; height: 12.1vw; /*margin: 0 25px 21px 0;*/ margin: 0 2.666666666666667% 21px 0; background: #fff; position:relative; transition:transform 0.5s ease-in-out; float: left}
.st02_tp > .st02_box:nth-child(3) {margin-right: 0;}
.st02_bm > .st02_box:nth-child(1) {margin-bottom: 0;}
.st02_bm > .st02_box:nth-child(2) {margin-bottom: 0;}
.st02_bm > .st02_box:nth-child(3) { margin-bottom: 0;}
.st02_bm > .st02_box:nth-child(4) {margin-right: 0; margin-bottom: 0;}
.st02_box img {   
    position: absolute;
    /*left: 50%;
    transform: translateX(-50%);
    top: 26px;*/
    left: 50%;
    top: 40.5%;
    transform: translate(-50%,-50%);
    width: 64.5%
}
.st02_box p {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
    color: #444;
    font-size: 18px;
    font-weight: 500;
    width: 100%; text-align: center;
}

.st02_tp {/*margin:0 297px;*/ margin: 0 auto; width: 75%}
.st02_bm {/* margin: 0 162px;*/ margin: 0 auto; width: 75%;}
/*section02_bg*/
#section02 .remon {position:absolute; right:0; bottom:31%; width: 9.5%;}
#section02 .veg {position:absolute; right:0; bottom:0; width: 40%;}
#section02 .amond {position:absolute; right: 11.5%; bottom: 25%; width: 10%;}
#section02 .egg {position:absolute; /*left:150px;*/ left: 7.8vw; top:24px; transition:ease-in-out 0.8s;width:26.5%;}
#section02 .egg.show {/*left: 250px;*/ left: 13vw; top: 100px;}

/*menu_hover*/
.st02_box:hover { transform: scale(1.05); position:relative; z-index:1; box-shadow: 28px 28px 16px 5px rgba(0,0,0,0.3); }
.st02_box:hover {background: #fff!important;}
.st02_box:hover:before {
    content: '';
    position: absolute;
    width: 95%;
    height: 95%;
    left: 50%;
    top: 50%;
    border: 1px solid #ccd5b7;
    transform: translate(-50%,-50%);
}
.st02_box > div > div.gray {background: #e8e8e8 !important;}


/*section03*/
#section03{}
.st03_wrap {overflow:hidden; width: 100%;}
.st03_box {float:left; position:relative; width: 33.23%; height: 826px; display:inline-block; /*padding:145px 0 0 90px;*/ cursor:pointer}
.st03_box:hover {}
.st03_box:nth-child(1) {background:url(/img/pc/st03_img01_bg.jpg)no-repeat;}
.st03_box:nth-child(2) {background:url(/img/pc/st03_img02_bg.jpg)no-repeat;}
.st03_box:nth-child(3) {background:url(/img/pc/st03_img03_bg.jpg)no-repeat;}
.st03_box:nth-child(1):before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 95%; height: 96%;
    border:1px solid #e8e7e7;
}
.st03_box:nth-child(2):before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 95%; height: 96%;
    border:1px solid #b1be94;
}
.st03_box:nth-child(3):before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 95%; height: 96%;
    border:1px solid #b1be94;
}
.st03_box > a {width: 100%; height: 100%; display:inline-block; position:relative; z-index:1; overflow:hidden;}
.st03_box .st03_a {padding: 145px 0 0 76px;}
.st03_title {position:relative; padding-left: 29px;}
.st03_title:before {position: absolute; content:''; width: 8px; height: 65px; background: #75934a; left: 0; top: 0;}
.st03_title span {font-size: 18px; line-height: 18px;  font-weight: 500;}
.st03_title h3 {font-size: 36px; font-weight: 400; line-height: 42px; padding-top: 5px;}
.st03_box p {font-size: 18px; margin-top: 20px;  font-weight: 300;}
.st03_box img {position:absolute;right:0; bottom: 0; width: 86%;}

/*.st03_2 .st03_a {padding-left: 0;}*/
/*.st03_2 .st03_title {left: 50%; transform:translate(-50%); display:inline-block;}*/

.st03_box.st03_1 span {color:#fff;}
.st03_box.st03_1 h3 {color:#fff;}
.st03_box.st03_1 p {color:#e6e6e6;}

.st03_box.st03_2 span {color:#444;}
.st03_box.st03_2 h3 {color:#444;}
.st03_box.st03_2 p {color:#898989;}
.st03_box.st03_2 img {width: 100%; right: 0;}

.st03_box.st03_3 span {color:#444;}
.st03_box.st03_3 h3 {color:#444;}
.st03_box.st03_3 p {color:#898989;}
.st03_a > img {width: 87%;}


/*section04*/
#section04 {background: #fff; /*padding: 140px 0;*/ padding: 7.3vw 0; overflow: hidden;}
.st04_wrap {}
.st04_box {position:relative; width: 48.8%; /*height: 294px;*/height:15.3vw; box-shadow: 6px 5px 4px 1px rgba(0, 0, 0, 0.2); display:inline-block; transition:transform 0.5s ease-in-out; float: left}
.st04_box:before {content:''; position:absolute; width: 95%; height: 90%; left: 50%; top: 50%; transform:translate(-50%,-50%); border:1px solid #e2dfdc;}
.st04_box img {position:absolute; right: 0; bottom: 0;}
.st04_box:nth-child(1) img{width: 53.6%}
.st04_box:nth-child(2) img{width: 56.8%}
.st04_box a {    
    color: #fff;
    line-height: 30px;
    position: relative;
    width: 100%;
   /* height: 294px; */
    height: 15.3vw;
    display: inline-block;
    /*padding: 71px 0 0 74px;*/
    padding: 3.7vw 0 0 3.89vw;
}
.st04_box:hover {transform: scale(1.03); position:relative; z-index:1; box-shadow: 28px 28px 16px 5px rgba(0,0,0,0.3);}
.st04_title p {font-size: 18px; padding-left: 3px; font-weight: 300; letter-spacing:2px;}
.st04_title h4 {font-size: 40px;}
.st04_box .more {width: 56px; font-size: 17px; /*margin-top: 59px;*/margin-top:3.1vw; text-align: center; display: inline-block; font-weight: 500; letter-spacing:1px; position:relative;}

.st04_box.st04_1 {background:url(/img/pc/st04_img01_bg.jpg)no-repeat; /*margin-right: 29px;*/ margin-right: 2.4%}
.st04_box.st04_2 {background:url(/img/pc/st04_img02_bg.jpg)no-repeat;}

.st04_box .more:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid rgba(0,0,0,0);
    bottom: 2px;
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    transition: all 280ms ease-in-out;
    width: 0;
}
.st04_box:hover > a > .more:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: #fff;
    transition: width 350ms ease-in-out;
    width: 100%;
}
.st04_box .more:before {position:absolute; content:''; left: 0; bottom: 2px; width: 56px; height: 2px; background: #fff; }
.st04_box:hover .more:before {display:none;}



/*section05*/
#section05 {background: #a8bc7a; padding-bottom: 60px;}
.st05_wrap {position:relative; padding: 132px 0;}
.st05_contents {position:relative; background: #fff; width: 79.3%; /* padding:103px 100px 131px 100px;*/ padding: 103px 5.2vw 131px}
.st05_contents:before {content:''; position:absolute; width: 98%; height: 97%; left: 50%; top:50%; transform:translate(-50%,-50%); border: 1px solid #9aac70;}
.st05_contents img {width: 140px;padding-bottom: 42px;}
.st05_wrap .st05_store { position: absolute;right: 0; bottom: 87px; width: 52.5%;}
.st05_wrap .st05_food {position: absolute; left: 53%; transform: translateX(-50%); bottom: -16px; width: 34.1%}
.st05_contents .st05_title {}
.st05_contents .st05_title h4 {font-size: 42px; color:#444; font-weight: 400; line-height: 50px;  padding-bottom: 23px;}
.st05_contents .st05_title h4 strong {color: #81a252;}
.st05_contents .st05_txt li {
    font-size: 18px;
    color: #898989;
    font-weight: 300;
    letter-spacing: 0.5px;
    padding-bottom: 19px;
    line-height:31px;
}
.st05_contents span {position:relative; z-index:1; bottom: -32px;}
.st05_contents span a {
    display:inline-block; 
    color:#fff; 
    background: #81a252; 
    width: 172px; height: 46px; 
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.st05_contents span a:hover {border:1px solid #81a252; color:#81a252; background:none;}


/*section06*/
#section06 {background:url(/img/pc/st06_bg.jpg)no-repeat; height: 810px;}
.st06_wrap {}
.st06_title {text-align: center; color:#444;padding: 70px 0 42px 0;}
.st06_title h3 { font-size: 48px; line-height: 65px;}
.st06_title p {font-size: 21px;}
.st06_contents {/*width: 1190px;*/ width: 100%; margin:0 auto; display:inline-block;box-shadow: 6px 5px 4px 1px rgba(0, 0, 0, 0.2);}
.st06_contents .st06_box {float:left; display:inline-block; width: 25%; overflow: hidden;}
.st06_contents .st06_box .st06_img { /*width: 297.5px;*/ width: 100%}
.st06_contents .st06_box .st06_img > img {/*width: 100%;*/ height: 100%}
.st06_contents .st06_box .st06_txt {background: #fff; height: 200px; text-align: center; /*padding:39px 28px;*/ padding: 2vw 1vw; cursor: pointer;}
.st06_contents .st06_box .st06_txt a h5 {font-size: 21px; color:#444; padding-bottom: 7px; font-weight: 700;}
.st06_contents .st06_box .st06_txt a p {font-size: 15.5px; color:#898989; padding-bottom: 29px;line-height: 21px; font-weight: 300;}
.st06_contents .st06_box .st06_txt span {}
.st06_contents .st06_box .st06_txt a span {
    font-size: 13px; color:#81a252;font-weight: 500; position:relative; width: 44px; display:inline-block; font-weight: 500; 
}
.st06_contents .st06_box .st06_txt a span:before {
    position:absolute; content:''; width: 40px; height: 2px;
    background:#81a252; left: 2px; bottom: -4px; z-index:1;
}
.st06_contents .st06_box .st06_txt:hover a span:before {display:none;}
.st06_contents .st06_box .st06_txt:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #fff;
    bottom: -2px;
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    transition: all 280ms ease-in-out;
    width: 0;
}
.st06_contents .st06_box .st06_txt:hover:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: #81a252;
    transition: width 350ms ease-in-out;
    width: 40px;
}

/*section07*/
#section07 {background: #81a252;}
#section07.show {position:fixed; left: 0; bottom: 0; width: 100%; z-index:1;}
.section07 {}
.st07_wrap {overflow:hidden; height: 80px; padding: 23px 0;/* margin: 0 285px;*/ margin: 0 auto; width: 58.5%}
.st07_title {float:left; font-size: 26px; color:#fff; font-weight: 500; line-height: 28px; /*padding-right: 40px;*/ width: 24%}
.st07_info {width:76%; float: left;}
.st07_info input {height:34px; font-size: 16px; color:#898989; padding: 6px; padding-top: 3px;}
#con_num1 {margin-left: 28px;}
.st07_info span {}
.st07_info .apply_btn {background: #414141; border: 0; height: 34px; /*width: 110px;*/ width: 17%; color: #fff; font-size: 16px; /*margin-left: 50px;*/ margin-left: 8.2%; line-height:34px}


/*sub_page*/

/*menu01*/
#mu1_1 {}
.brand_tit {background:url(../img/pc/brand_tit_bg.jpg)no-repeat; text-align: center; /*padding:79px 0 100px 0;*/ padding: 8.2vh 0 10.5vh 0; background-size: cover}
.brand_tit h3 {font-size: 62px; color:#fff;font-weight: 400;}
.brand_tit img {width: 160px; padding-top: 12px;}

.brand_tit.bgn {background: #fff !important;}
.brand_tit.bgn h3 {color:#222;}

.brand_tit_02 {background:url(../img/pc/brand_tit_bg.jpg)no-repeat; text-align: center; /*padding:65px 0 60px 0;*/ padding: 6.7vh 0 6.2vh 0; background-size: cover}
.brand_tit_02 h3 {font-size: 42px; color:#fff;font-weight: 500;}
.brand_tit_02 img {width: 160px; padding-top: 12px;}

.brd_ct_wrap {}
.brd_ct_wrap .top_wrap {overflow:hidden;width: 100%;}
.brd_ct_wrap .top_wrap .top_box {
    text-align: center;
    width: 50%; 
    float:left;
    background:url(../img/pc/brand_img_bg.png)no-repeat center /*96px*/; 
    background-color:#fff;
    /*height: 563.66px;*/
    height: 58.2vh
}
.brd_ct_wrap .top_wrap .top_box > h4 {font-size: 37px; /*padding: 124px 0 21px 0;*/ padding: 12.6vh 0 2.1vh 0; font-weight: 400; line-height: 53px; opacity:0;transform: translateX(50px); transition: ease-in-out 0.8s;}
.brd_ct_wrap .top_wrap .top_box > h4 > strong {color:#81a252;}
.brd_ct_wrap .top_wrap .top_box > p {font-size: 17px; color:#444; line-height:29px; /*padding-bottom: 75px;*/ padding-bottom: 7.5vh; opacity:0;transform: translateX(50px); transition: ease-in-out 0.8s;}
.brd_ct_wrap .top_wrap .top_box > img {width: 125px;}
.brd_ct_wrap .top_wrap .top_box:nth-child(2) > img {padding-bottom: 43px;opacity:0;transform: translateY(50px); transition:ease-in-out 0.8s; transition-delay: 0.5s;}
.brd_ct_wrap .top_wrap .top_box:nth-child(3) > img {padding-bottom: 43px;}
.brd_ct_wrap .top_wrap .top_box:nth-child(3) {clear:both;}
.brd_ct_wrap .top_wrap .top_box:nth-child(3).m1_2 > h4 { transform: translateX(-50px); transition: ease-in-out 0.8s;}
.brd_ct_wrap .top_wrap .top_box:nth-child(3).m1_2.show > h4 {opacity:1;transform: translateX(0px);}
.brd_ct_wrap .top_wrap .top_box:nth-child(3).m1_2 > p { transform: translateX(-50px); transition: ease-in-out 0.8s;}
.brd_ct_wrap .top_wrap .top_box:nth-child(3).m1_2.show > p {opacity:1;transform: translateX(0px);}
.brd_ct_wrap .top_wrap .top_box:nth-child(3).m1_2 > img { transform: translateY(50px); transition: ease-in-out 0.8s; transition-delay: 0.5s; opacity:0;}
.brd_ct_wrap .top_wrap .top_box:nth-child(3).m1_2.show > img {opacity:1;transform: translateY(0px);}
.brd_ct_wrap .top_wrap .top_box.img > img {width: 100%;    height: 100%;}
/*
.brd_ct_wrap .top_wrap .top_box.m1_2 > p {padding-bottom: 104px;}
*/
.brd_btm_wrap {}
.brd_btm_wrap .btm_box {width: 25%; display:inline-block; float:left;}
.brd_btm_wrap .btm_box:hover {
    transform: scale(1.1); position:relative; z-index:1; box-shadow: 5px 7px 20px 5px rgba(0,0,0,0.3);
    z-index: 5; bottom:31px;
}

.brd_btm_wrap .btm_box:hover:before {
    content: '';
    position: absolute;
    width: 95%;
    height: 96%;
    left: 50%;
    top: 50%;
    border: 1px solid #ccd5b7;
    transform: translate(-50%,-50%);
    z-index:2;
}
.brd_btm_wrap .btm_box:hover .img_box:after {background:none;}

.brd_btm_wrap .btm_box:last-child {border-right:0px;}
.brd_btm_wrap .btm_box .img_box {position:relative; z-index:1;}
.brd_btm_wrap .btm_box .img_box:after {
    position:absolute;
    content:'';width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.45);}
.brd_btm_wrap .btm_box:nth-child(1):hover {left: 1.1%;}
.brd_btm_wrap .btm_box:nth-child(4):hover {right: 1.1%;}
.brd_btm_wrap .btm_box:nth-child(1) .img_box:before {
    position:absolute; 
    content:'01재료'; 
    /*font-size: 84px;*/
    font-size: 4.37vw;
    font-weight:500; 
    color:rgba(255,255,255,0.4); 
    height: 75px; /*left: 36px;*/ left: 1.9vw; bottom: 23px;
    z-index:2;
}
.brd_btm_wrap .btm_box:nth-child(2) .img_box:before {
    position:absolute; 
    content:'02맛'; 
    /*font-size: 84px;*/
    font-size: 4.37vw;
    font-weight:500; 
    color:rgba(255,255,255,0.4); 
    height: 75px; /*left: 36px;*/ left: 1.9vw; bottom: 23px;
    z-index:2;
}
.brd_btm_wrap .btm_box:nth-child(3) .img_box:before {
    position:absolute; 
    content:'03정성'; 
    /*font-size: 84px;*/
    font-size: 4.37vw;
    font-weight:500; 
    color:rgba(255,255,255,0.4); 
    height: 75px; /*left: 36px;*/ left: 1.9vw; bottom: 23px;
    z-index:2;
}
.brd_btm_wrap .btm_box:nth-child(4) .img_box:before {
    position:absolute; 
    content:'04조리'; 
    /*font-size: 84px;*/
    font-size: 4.37vw;
    font-weight:500; 
    color:rgba(255,255,255,0.4); 
    height: 75px; /*left: 36px;*/ left: 1.9vw; bottom: 23px;
    z-index:2;
}
.brd_btm_wrap .btm_box .img_box > img {width: 100%;}
.brd_btm_wrap .btm_box .br_txt {
    background: #fff; font-size: 20px; color:#444; /*padding:30px 28px 89px 28px;*/ padding: 30px 1.4vw 89px; height: 174px;
    border-right:1px solid #e7e7e7; position:relative;z-index:1;
        letter-spacing: -0.5px;
}
.brd_btm_wrap .btm_box .br_txt p {font-size: /*2.1vh;*/ 1.06vw}
.brd_btm_wrap .btm_box .br_txt p > strong {}

.top_box.m1_1.show h4 {opacity:1;transform: translateX(0px);}
.top_box.m1_1.show p {opacity:1;transform: translateX(0px);}
.brd_ct_wrap .top_wrap .top_box:nth-child(2).m1_1.show > img {opacity:1;transform: translateY(0px);}

/*menu04*/
.click {color:#81a252 !important; border-bottom:4px solid #81a252; font-weight:600!important;}
.banner_hd {background: #fff; /*height: 238px;*/ position:relative; z-index:10; border-bottom: 1px solid #dcdcdc;}
.banner_hd .container3{/*padding: 80px 0;*/ text-align: center;}
.banner_hd .container3 img{width: 160px; padding-top: 12px;}
.banner_hd h3{font-size: 62px; color: #222; font-weight: 400;}
.banner_hd ul {text-align: center}
.banner_hd ul li {display:inline-block; width: 24.5%;}
.banner_hd ul li a {font-size: 15.6px; color:#444; font-weight:500; display:inline-block; width: 74%; line-height: 60px;}


.banner_hd.scrolled{position: fixed; width: 100%; top: 90px}
.ct_tit {text-align:center; /*padding:83px 0 100px 0;*/ padding: 8.5vh 0 10.5vh 0}
.ct_tit h3 {font-size: 62px; color:#222; font-weight:400; padding-bottom: 13px;}
.ct_tit img {width: 160px;}

#mu1 {background:url(/img/pc/load_bg.jpg)no-repeat; padding-bottom: 145px;}
#m1_banner {position:relative;}
.m1_header {
    text-align: center;  
    width: 100%; /*height: 472px;*/ height: 48.7vh;
    /*padding-top: 234px;*/ padding-top: 24.2vh;
    line-height:40px;
}
.m1_banner { 
    background:url(../img/pc/menu01_bg.jpg)no-repeat; 
    background-size:cover; background-position:center;
    width: 100%;/* height: 472px;*/ height: 48.7vh; position:absolute; left: 0; top: 0;
    transform: rotate(.001deg);/*익스플로어에서 떨림방지*/ 
}
.m1_banner.active {transform:scale(1.05); transition:transform 4s;}
.m1_header p {font-size: 18px; color:#81a252; letter-spacing:1px; position:relative; z-index:1;}
.m1_header h2 {font-size: 42px; color:#fff; font-weight: 700; position:relative; z-index:1;}




/*menu03*/
#cm {}
.cm_tit {background: #fff; text-align: center; /*padding:79px 0 100px 0;*/ padding: 8.2vh 0 10.5vh 0}
.cm_tit h3 {font-size: 62px; color:#222;font-weight: 400;}
.cm_tit img {width: 160px; padding-top: 12px;}
#cm_wrap {}
#cm_wrap .cm01 {position:relative;}
#cm_wrap .cm01 > img {width: 100%;}
#cm_wrap .cm01 .cm01_txt {width: 42%; /*padding: 4% 0 0 0; */padding: 11% 0 0 0; position:absolute; right: 0; top: 0;}
#cm_wrap .cm01 .cm01_txt span {color:#81a252; font-size: 93px; font-weight: 200;}
#cm_wrap .cm01 .cm01_txt h4 {font-size: 40px; color:#444; letter-spacing:0.5px; /*padding-bottom: 10px;*/ padding-bottom: 1vh}
#cm_wrap .cm01 .cm01_txt p {font-size: 16px; color:#444; /*padding-bottom: 77px;*/ padding-bottom: 7.8vh}
#cm_wrap .cm01 .cm01_txt img {width:161px;}

#cm_wrap .cm02 {position:relative; /*padding-bottom: 368px;*/ padding-bottom: 38vh; background: #fff;}
#cm_wrap .cm02 > img {width: 100%;}
#cm_wrap .cm02 .cm02_txt { /*width:789px; padding: 26px 0 0 0;*/ width: 41.5%; /*padding: 1.4% 0 0 0;*/padding: 6% 0 1.5% 0; position:absolute; left: 50%; /*top:350px;*/ top: 36.1vh; transform:translateX(-50%); text-align: center; background: #fff; box-shadow: 11px 4px 11px 0px rgba(0,0,0,0.1);}
#cm_wrap .cm02 .cm02_txt span {color:#81a252; font-size: 93px; font-weight: 200;}
#cm_wrap .cm02 .cm02_txt h4 {font-size: 40px; line-height: 46px; color:#444; letter-spacing:0.5px; /*padding-bottom: 15px;*/ padding-bottom: 1.5vh}
#cm_wrap .cm02 .cm02_txt p {font-size: 16px; color:#444; /*padding-bottom: 83px;*/ padding-bottom: 8.5vh}
#cm_wrap .cm02 .cm02_txt img {width:161px; /*padding-bottom: 64px;*/ padding-bottom: 6.5vh}

#cm_wrap .cm03 {position:relative;}
#cm_wrap .cm03 .cm_img1 {position:absolute; left: 41%; bottom: 0; transform:translateX(-50%); z-index:1;}
#cm_wrap .cm03 .cm_img2 {position: absolute; /*left: 275px; top: 90px;*/ left: 14.4%; top: 9vh; width: 38%;}
#cm_wrap .cm03 > img {width: 100%;}
#cm_wrap .cm03 .cm03_txt { /*padding: 169px 0 0 0;*/ /*padding: 17.5vh 0 0 0;*/  padding: 21.5vh 0 0 0; position:absolute; right: 0; top: 0;/*width: 32%;*/ width: 36%;}
#cm_wrap .cm03 .cm03_txt span {color:#81a252; font-size: 93px; font-weight: 200; padding-right: 32px;}
#cm_wrap .cm03 .cm03_txt h4 {font-size: 40px; line-height: 46px; color:#444; letter-spacing:0.5px; /*padding-bottom: 28px;*/ padding-bottom: 3vh; display:inline-block; position:relative;}
/*
#cm_wrap .cm03 .cm03_txt h4:before {content:'03'; position:absolute;left: -44.7%; top: 11px; color:#81a252; font-size: 93px; font-weight: 200;}
*/
#cm_wrap .cm03 .cm03_txt p {font-size: 16px; color:#444; /*padding-bottom: 72px;*/ padding-bottom: 7.6vh}
#cm_wrap .cm03 .cm03_txt img {width:161px; padding-bottom: 64px;}


#cm_wrap .cm01 .cm01_txt {opacity:0;transform: translateY(50px); transition: all 0.5s ease-in-out;}
#cm_wrap .cm02 .cm02_txt {opacity:0;transform: translate(-50%, 50px); transition: all 0.5s ease-in-out;}
#cm_wrap .cm03 .cm03_txt {opacity:0;transform: translateY(50px); transition: all 0.5s ease-in-out;}
#cm_wrap .cm03 .cm_img1 {opacity:0;transform: translateX(-150px); transition: ease-in-out 0.8s; transition-delay:0.4s;}
#cm_wrap .cm01 .cm01_txt.show {opacity:1;transform: translateY(0px);}
#cm_wrap .cm02 .cm02_txt.show {opacity:1;transform: translate(-50%, 0px);}
#cm_wrap .cm03.show .cm03_txt {opacity:1;transform: translateY(0px);}
#cm_wrap .cm03.show .cm_img1 {opacity:1;transform: translateX(0px);}




.container7 > ul > li {width: 19% !important;}







/*menu04_road*/
.wrap {position: absolute;left: -43px;bottom: 92px;width: 378px;height: 225px;margin-left: -144px;text-align: left; /*overflow: hidden;*/font-size: 12px;line-height: 1.5;}
.wrap * {padding: 0;margin: 0;}
.wrap .info {overflow: hidden;background: #fff;box-shadow:0px 2px 7px 1px rgba(0,0,0,0.35);}
.info .title {padding: 12px 0 0 37px;height: 59px;background: #81a152;font-size: 24px;font-weight: bold; color:#fff}
.info .close {position: absolute;top: 21px;right: 24px;color: #888;width: 19px; height: 17px;background: url("../img/pc/overlay_close.png")no-repeat;}
.info .close:hover {cursor: pointer;}
.info .body {position: relative;overflow: hidden;}
.info .desc {position: relative;padding: 18px 0 0 37px;height: 166px; background: url(../img/pc/marker_bg.png)no-repeat right bottom;}
.info .desc ul {overflow:hidden; padding-bottom: 10px;}
.info .desc ul li {float:left; display:inline-block; width: 20%; font-size: 16px;}
.info .desc ul li:first-child {font-weight:900;}
.info:after {content: '';position: absolute;margin-left: -23px;left: 50%;bottom:-22px;width: 36px;height: 23px;background: url("../img/pc/vertex_white.png")no-repeat;}
.info .link {color: #5085BB;}

.ct_map {box-shadow: 12px 13px 11px -2px rgba(0,0,0,0.2);width: 98%;margin: 0 auto;}
.map_info {background: #fff;border-bottom:5px solid #81a152;/* padding: 35px 184px;*/ padding: 35px 0; width: 100%;}
.map_info ul {overflow:hidden; width: 80%; margin: 0 auto}
.map_info ul li {font-size: 18px; float:left; text-align: center; font-weight: 500; /*padding-right: 163px;*/ padding-right: 15.2%}
.map_info ul li:last-child {padding-right: 0;}
.map_info ul li > span {color:#81a252; font-weight: 800;}

#map > div > div {top: 138px;}


/*성공경쟁력*/
.container3 ul li {width: 19.7%; padding: 0 10px;}
#m2_banner {position:relative;}
.m2_header {
    text-align: center;  
    width: 100%; /*height: 472px;*/ height: 48.7vh;
    /*padding-top: 234px;*/ padding-top: 24.2vh;
    line-height:40px;
}
.m2_banner { 
    background:url(../img/pc/menu02_bg.jpg)no-repeat; 
    background-size:cover; background-position:center;
    width: 100%; /*height: 472px;*/ height: 48.7vh; position:absolute; left: 0; top: 0;
    transform: rotate(.001deg);/*익스플로어에서 떨림방지*/
}
.m2_banner.active {transform:scale(1.05)rotate(.001deg); transition:transform 8s;}
.m2_header p {font-size: 18px; color:#81a252; letter-spacing:1px; position:relative; z-index:1;}
.m2_header h2 {font-size: 42px; color:#fff; font-weight: 700; position:relative; z-index:1;}
#su_wrap {background: url(../img/pc/su_bg.jpg)no-repeat; padding-bottom: 177px;}
.su_bg {background:none;}

.su01 {position:relative;}
.su01 > img{width: 63.9%}
.su01 .su01_txt {
    position:absolute; right:12px; 
    top:50%; transform:translateY(-50%); 
    background: #fff; display:inline-block;
    border-radius:90px 0px; /*padding: 70px 55px;*/ /*padding: 3.65vw 2.85vw;*/
     padding: 4.3vw 2.1vw;
    box-shadow: 4px 5px 8px 0px rgba(0,0,0,0.2); 
    overflow:hidden;
    z-index:1;
}
.su01 .su01_txt:before {content:'01'; position:absolute; right: 37px; bottom: -74px; font-size: 220px; color:#f2f5ef; font-weight: 500;    letter-spacing: -13.5px; }
.su01 .su01_txt h4 {/*font-size: 29px;*/ font-size: 1.51vw; color:#444; font-weight: 300; /*line-height: 34px;*/ line-height: 120%; border-bottom:1px solid #81a252; /*padding-bottom: 22px; padding-right: 145px;*/ padding-bottom: 1.15vw; /*padding-right: 7.2vw*/}
.su01 .su01_txt h4 strong {font-weight: 600}
.su01 .su01_txt p {/*font-size: 18px;*/ font-size: 0.93vw; color:#444; /*padding-top: 18px;*/ padding-top: 0.93vw; font-weight: 400; /*padding-bottom: 13px; padding-right: 25px;*/ padding-bottom: 0.65vw; padding-right: 1.3vw; letter-spacing:1px;}
.su01 .su01_txt ul {line-height: 20px; /*padding-bottom: 28px;*/ padding-bottom: 1.4vw; position:relative; z-index:1; font-weight: 300;}
.su01 .su01_txt ul li {    
    /*font-size: 17px;*/
    font-size: 0.885vw;
    color: #444;
    letter-spacing: 1.2px;
    font-weight: 400;
}
.su01 .su01_txt span {font-size: 13px; color:#5d5d5d; position:relative; z-index:1; font-weight: 300;}

.su02 {position:relative; overflow:hidden; /*padding-top: 100px;*/ padding-top: 10.3vh}
.su02 > img {float:right; width: 43.3%}
.su02 .su02_txt {
    position:absolute; left:24.7%;/* top:41%;*/  top: 45%;
    transform:translateY(-50%); background: #fff; 
    display:inline-block;border-radius:90px 0px;
    /*padding: 70px 55px;*/ padding: 3.65vw 2.85vw;
    box-shadow: 4px 5px 8px 0px rgba(0,0,0,0.2); 
    overflow:hidden;
    z-index:1;
}
.su02 .su02_txt:before {content:'02'; position:absolute; right: 57px; bottom: -69px; font-size: 220px; color:#f2f5ef; font-weight: 500;    letter-spacing: -13.5px; }
.su02 .su02_txt h4 {/*font-size: 34px;*/ font-size: 1.77vw; color:#444; font-weight: 300; /*line-height: 34px;*/ line-height: 120%; border-bottom:1px solid #81a252; /*padding-bottom: 22px; padding-right: 132px;*/ padding-bottom: 1.15vw; padding-right: 6.9vw}
.su02 .su02_txt h4 strong {font-weight: 600;}
.su02 .su02_txt p {
   /* font-size: 17px;*/ font-size: 0.885vw; color:#444; 
    /*padding-top: 18px;  padding-bottom: 12px;padding-right: 106px; */ padding-top: 0.93vw; padding-bottom: 0.63vw; padding-right: 4.5vw;
     position:relative; 
    z-index:1;
    letter-spacing: 1.2px;
    /*line-height: 20px;*/ line-height: 120%;
}
.su02 .su02_txt ul {/*line-height: 20px; padding-bottom: 28px;*/ line-height: 120%; padding-bottom: 1.47vw; position:relative; z-index:1;}
.su02 .su02_txt ul li { /* font-size: 17px;*/ font-size: 0.885vw;color:#444; letter-spacing:1.2px; margin-top: 1vw}
.su02 .su02_txt span {font-size: 13px; color:#444; position:relative; z-index:1;}

.su03 {position:relative; overflow:hidden; margin-top: -59px;}
.su03 > img {float:left; width: 51%}
.su03 .su03_txt {
    position:absolute; left:43.5%; top:55%; 
    transform:translateY(-50%); background: #fff; 
    display:inline-block;border-radius:90px 0px; 
    /*padding: 70px 55px 117px 55px;*/
    padding: 3.65vw 2.85vw 6.1vw;
    box-shadow: 4px 5px 8px 0px rgba(0,0,0,0.2); 
    overflow:hidden;
    z-index:1;
}
.su03 .su03_txt:before {content:'03'; position:absolute; right: 51px; bottom: -67px; font-size: 220px; color:#f2f5ef; font-weight: 500;    letter-spacing: -13.5px; }
.su03 .su03_txt h4 {/*font-size: 34px;*/ font-size: 1.77vw; color:#444; font-weight: 300; /*line-height: 34px;*/ line-height: 120%; border-bottom:1px solid #81a252; /*padding-bottom: 22px;*/ padding-bottom: 1.15vw}
.su03 .su03_txt h4 strong {font-weight: 600}
.su03 .su03_txt p {/*font-size: 17px;*/ font-size: 0.885vw; color:#444; /*padding-top: 18px; padding-bottom: 7px; padding-right: 200px;*/ padding-top: 0.93vw; padding-bottom: 0.4vw; padding-right: 10.4vw; position:relative; z-index:1; letter-spacing:1.2px;}

.su01 .su01_txt .su_01 {opacity:0;transform: translateY(50px); transition: all 0.5s ease-in-out;}
.su02 .su02_txt .su_02 {opacity:0;transform: translateY(50px); transition: all 0.5s ease-in-out;}
.su03 .su03_txt .su_03 {opacity:0;transform: translateY(50px); transition: all 0.5s ease-in-out;}
.su01.show .su01_txt .su_01 {opacity:1;transform: translateY(0px);}
/*.su01.show .su01_txt .su_01 p.box_gray {
    font-size: 17px;
    color: #444;
    padding-top: 0;
    padding-bottom: 18px;
    padding-right: 106px;
    position: relative;
    z-index: 1;
    letter-spacing: 1.2px;
    line-height: 20px;
    font-weight: 400;
}*/
.su02.show .su02_txt .su_02 {opacity:1;transform: translateY(0px);}
.su03.show .su03_txt .su_03 {opacity:1;transform: translateY(0px);}
.su01 .su_border01 {
  /*   width: 592px;
    height: 414px;*/
    width: 30.8vw; height: 21.6vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #81a252;
    border-radius: 95px 0px;
    box-shadow: 4px 5px 8px 0px rgba(0,0,0,0.2);
    opacity:0;
    transition: all 0.5s ease-in-out;
}
.su01.show .su_border01 {    
    opacity:1;
}
.su02 .su_border02 {
  /* width: 628px;
    height: 342px;*/
   /* width: 32.7vw; height: 17.8vw;*/
     width: 32.6vw; height: 21.8vw;
    position: absolute;
   /* top: 41%;*/ top: 45%;
    transform: translateY(-50%);
    left: 24%;
    background: #81a252;
    border-radius: 95px 0px;
    box-shadow: 4px 5px 8px 0px rgba(0,0,0,0.2);
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.su02.show .su_border02 {    
    opacity:1;
}
.su03 .su_border03 {
   /* width: 624px;
    height: 339px;*/
    width: 32.5vw; height: 17.7vw;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left:43%;
    background: #81a252;
    border-radius: 95px 0px;
    box-shadow: 4px 5px 8px 0px rgba(0,0,0,0.2);
    opacity:0;
    transition: all 0.5s ease-in-out;
}
.su03.show .su_border03 {    
    opacity:1;
}


/*menu_국,찌개,탕*/
.m_width ul li {width: 14.11%;}
#menu_banner {position:relative;}
.menu_header {
    text-align: center;  
    width: 100%; /*height: 472px;
    padding-top: 234px;*/
    height: 48.7vh; padding-top: 24.2vh;
    line-height:40px;
}
.menu_banner { 
    background:url(../img/pc/menu_bg.jpg)no-repeat; 
    background-size:cover; background-position:center;
    width: 100%; /*height: 472px;*/ height: 48.7vh; position:absolute; left: 0; top: 0;
    transform: rotate(.001deg);/*익스플로어에서 떨림방지*/
}
.menu_banner.active {transform:scale(1.05); transition:transform 4s;}
.menu_header p {font-size: 18px; color:#81a252; letter-spacing:1px; position:relative; z-index:1;}
.menu_header h2 {font-size: 42px; color:#fff; font-weight: 700; position:relative; z-index:1;}


#soup_wrap {background:url(../img/pc/menu_patt_bg.jpg)repeat-y; padding-bottom: 172px; position:relative;}
#soup_wrap:after {
    position:absolute; content:''; width: 100%; height: 528px; 
    background:url(../img/pc/bottom_mama.png)no-repeat left bottom;
    left: 0; bottom: 0;
}
#soup_wrap > #cm > .cm_tit > h3 > span {width: 6px; height: 6px; border-radius:50%; background: #222; display:inline-block; margin: 18px 12px;}
.menu_section01 {}
.mu_ct {}
.mu_ct > div {
    overflow:hidden;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    -webkit-transition: opacity 800ms, -webkit-transform 800ms;
    transition: opacity 800ms, -webkit-transform 800ms;
    transition: transform 800ms, opacity 800ms;
    transition: transform 800ms, opacity 800ms, -webkit-transform 800ms;
    position: relative;
    z-index:1;
}
.mu_ct > div.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.mu_ct > div .mu_box {
    display:inline-block; float:left; position:relative; 
    /*margin-right: 17px; margin-bottom: 20px;    */ margin-right: 1.5%; margin-bottom: 1.5%;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
    z-index:1; width: 32.33333333333333%
}
.mu_ct > div .mu_box:last-child {margin-right: 0;}
.mu_ct > div .mu_box:before {position:absolute; content:''; width: 4px; height: 20px; background: #81a252;/* left: 35px;*/ left: 1.8vw; top: 35px;}
.mu_ct > div .mu_box span {position:absolute; left: 0; top: 0; font-size: 22px; color:#444;  /*padding:27px 52px 29px 52px;*/ padding: 27px 2.7vw 29px; font-weight: 600;}
.mu_ct > div .mu_box img {width: 100%}




/*startups*/
#starts {}
.starts_section01 {background:url(../img/pc/start_bg01.jpg)no-repeat; padding-bottom: 156px; position:relative;}
.starts_section01 .st_wrap {position:relative; z-index:1; overflow:hidden;}
.starts_section01 .st_wrap > div {overflow:hidden;}
.starts_section01 .st_wrap > div > .inner {/* padding: 92px 307px  136px 0;*/ padding: 92px 16vw 136px 5.2vw}
.starts_section01 .st_wrap > div > .inner > img {width: 126px; padding-bottom: 30px; position:absolute;}
.starts_section01 .st_wrap > div > .inner .tit {font-size: 42px; color:#fff; font-weight: 500; padding-bottom: 11px; padding-top: 46px;}
.starts_section01 .st_wrap > div > .inner .desc {font-size: 17px; color:#fff; font-weight: 300; line-height: 28px; letter-spacing:1px;}
.starts_section01 .st_wrap .member {background:url(../img/pc/start_img01.jpg)no-repeat center; transform: translateX(92px); opacity:0; transition:ease-in-out 0.5s; background-size: cover}
.starts_section01 .st_wrap .member.active {transform:translateX(0); opacity:1; transition:ease-in-out 0.5s;}
.starts_section01 .st_wrap .member .inner {float:right; position:relative;}
.starts_section01 .st_wrap .member .inner:before {
    position: absolute;
    content: '01';
    font-size: 240px;
    color: rgba(85,98,61,0.15);
    right: 0px;
    bottom: -77px;
    font-weight: 500;
    letter-spacing: -16.5px;
}
.starts_section01 .st_wrap .office {background:url(../img/pc/start_img02.jpg)no-repeat center;transform: translateX(-92px); opacity:0; transition:ease-in-out 0.5s;}
.starts_section01 .st_wrap .office .inner {position:relative;}
.starts_section01 .st_wrap .office .inner:before {
    position: absolute;
    content: '02';
    font-size: 240px;
    color: rgba(85,98,61,0.15);
    /*left: 443px;*/
    left: 23vw;
    bottom: -77px;
    font-weight: 500;
    letter-spacing: -16.5px;
}
.starts_section01 .st_wrap .office.active {transform:translateX(0); opacity:1; transition:ease-in-out 0.5s;}

.starts_section01 .start_spoon {position:absolute; right: -200px; top: -80px; opacity:0; transition-delay:2s; transition: ease-in-out 1s;}
.starts_section01 .start_spoon.active {right: 0; top: 0; opacity:1;}
.starts_section01 .start_gogi {position:absolute; left: 0px; bottom: 0; width: 34%; /*opacity:0; transition-delay:6s; transition: ease-in-out 1s;*/}
/*.starts_section01 .start_gogi.active {left: 0; opacity:1;}*/

.starts_section02 {background:url(../img/pc/start_bg02.jpg)no-repeat; /*height: 385px;*/ text-align: center; background-attachment:fixed; background-size: cover;}
.starts_section02 .inner {/*padding: 113px 0;*/ padding: 5.9vw 0}
.starts_section02 .tit {font-size: 37px; color:#fff; padding-bottom: 23px;}
.starts_section02 .tit > strong {}
.starts_section02 .desc {font-size: 18px; color:#fff; letter-spacing:0.5px; font-weight: 300;}
.starts_section02 .desc > span {color:#a2b576; font-weight: 500; border-bottom:1px solid #a2b576; padding-bottom: 2px;}

.starts_section03 {background:url(../img/pc/start_bg03.jpg)no-repeat; position:relative; /*padding-top: 130px; padding-bottom: 196px;*/ padding-top: 13.4vh; padding-bottom: 20.2vh}
.starts_section03 .st03_wrap {background: #fff; /*padding: 94px 0 0 102px;*/ padding: 94px 0 0 5.3vw; position:relative; z-index:1; transform:translateY(50px); opacity:0;transition:ease-in-out 0.5s;}
.starts_section03 .st03_wrap.active {transform:translateY(0); opacity:1;}
.starts_section03 .st03_wrap .tit {font-size: 37px; color:#222; padding-bottom: 33px;}
.starts_section03 .st03_wrap .tit > img {position: relative;top: -5px;}
.starts_section03 .st03_wrap .tit > strong {}
.starts_section03 .st03_wrap .tit .tit_txt{ font-size: 16px; color: #4d4d4d; margin: 0 0 0 54px}
.starts_section03 .st03_wrap > table {/*width: 1167px;*/ width: 92.1%; border-collapse: collapse; position: relative}
.starts_section03 .st03_wrap > table::before{content:''; width: 100%; height: 5px; background: #81a252; position: absolute; top: 0; left: 0;}
.starts_section03 .st03_wrap > table::after{content:''; width: 100%; height: 5px; background: #81a252; position: absolute; bottom: 0; left: 0;}
.starts_section03 .st03_wrap > table > thead {background: #81a252; color:#fff; font-size: 18px;}
.starts_section03 .st03_wrap > table > thead > tr {}
.starts_section03 .st03_wrap > table > thead > tr > th {border-right: 1px solid rgba(157,197,100,0.5); width: 25%; height: 77px;}
.starts_section03 .st03_wrap > table > thead > tr > th:last-child {border-right:0;}
.starts_section03 .st03_wrap > table > tbody {font-size: 18px; color:#4d4d4d; border-bottom:5px solid #81a252;}
.starts_section03 .st03_wrap > table > tbody > tr {text-align: center;}
.starts_section03 .st03_wrap > table > tbody > tr > th {border-right: 1px solid #dbeac7;border-bottom: 1px solid #dbeac7; height: 58px; font-weight: 500;}
.starts_section03 .st03_wrap > table > tbody > tr > td {border-right: 1px solid #dbeac7;border-bottom: 1px solid #dbeac7; height: 58px; font-weight: 300; line-height: 23px;}
.starts_section03 .st03_wrap > table > tbody > tr > td:last-child {border-right:0;}

.starts_section03 .st03_wrap > table > tbody > tr.pbb > td {padding: 16px 0;}

.starts_section03 .st03_wrap > ul {line-height: 40px; letter-spacing:0.2px; padding: 27px 0 94px 0;}
.starts_section03 .st03_wrap > ul > li {font-size: 18px; color:#4d4d4d; text-align: center; letter-spacing:0.5px;}
.starts_section03 .st03_wrap > ul > li > span {color:#81a252; border-bottom:1px solid #81a252; padding-bottom: 1px; font-weight: 500;}

.starts_section03 .jello { position:absolute; right: -500px; bottom: 0; opacity:0; transition:ease-in-out 1s;}
.starts_section03 .jello.active {right: 0; opacity:1; }


/*support*/
#support_wrap {background:#fff;}
.support_section01 {background:url(../img/pc/support_bg01.jpg)no-repeat; padding-bottom: 94px;}
.support_section01 > div > .tit {font-size: 37px; color:#fff; padding-bottom: 37px; padding-top: 84px; font-weight: 300;}
.support_section01 > div > .tit > img {margin-top: -5px; padding-right: 15px;}
.support_section01 > div > .tit > span > strong {font-weight: 600}
.support_section01 .contents {overflow:hidden;}
.support_section01 .contents > .box_wrap:nth-child(1) {background:url(../img/pc/support_icon01.jpg)no-repeat right bottom; background-color: #fff;}
.support_section01 .contents > .box_wrap:nth-child(2) {background:url(../img/pc/support_icon02.jpg)no-repeat right bottom; background-color: #fff;}
.support_section01 .contents > .box_wrap:nth-child(3) {background:url(../img/pc/support_icon03.jpg)no-repeat right bottom; background-color: #fff;}
.support_section01 .contents > .box_wrap:last-child {margin-right: 0;}

.support_section01 .contents > .box_wrap { /*width: 372px;*/ width: 31.93333333333333%; float:left; height: 318px; /*margin-right: 25px;*/ margin-right: 2.1%}
.support_section01 .contents > .box_wrap > .box_inner { /*padding: 35px 36px 35px 36px;*/ padding: 35px 1.9vw}
.support_section01 .contents > .box_wrap > .box_inner > .box > .tit {/*font-size: 21px;*/ font-size: 1.1vw; color:#292929; border-bottom:1px solid #9c9c9c; font-weight: 700; padding-bottom: 14px;}
.support_section01 .contents > .box_wrap > .box_inner > .box > .tit > p {font-size: 13px; color:#81a252; font-weight: 600; padding-bottom:6px;}
.support_section01 .contents > .box_wrap > .box_inner > .box > .desc {color:#444; padding-top: 14px;}
.support_section01 .contents > .box_wrap > .box_inner > .box > .desc > p {font-size: 20px; font-weight: 400; padding-bottom: 9px;}
.support_section01 .contents > .box_wrap > .box_inner > .box > .desc > ul {}
.support_section01 .contents > .box_wrap > .box_inner > .box > .desc > ul > li {font-size: 16px; letter-spacing:0.3px; padding-bottom: 12px;}

/*hover_line_animation*/
.support_section01 .contents > .box_wrap {position:relative; transition: 500ms ease;}
.support_section01 .contents > .box_wrap:before{position:absolute; content:''; width: 0;height: 4px; left: 0; top: 0; background: #81a252;}
.support_section01 .contents > .box_wrap:after{position:absolute; content:''; width: 4px;height: 0; top: 0; right: 0; background: #81a252;}
.support_section01 .contents > .box_wrap > .box_inner:before {position:absolute; content:''; width: 0; height: 4px; right: 0; bottom: 0; background: #81a252;}
.support_section01 .contents > .box_wrap > .box_inner:after {position:absolute; content:''; width: 4px; height: 0; left: 0; bottom: 0; background: #81a252;}
.support_section01 .contents > .box_wrap:hover:before { /*width: 368px;*/ width: 100%; transition: 100ms width ease 0ms;-web-kit-transition: 100ms width ease 0ms;}
.support_section01 .contents > .box_wrap:hover:after { height: 318px; transition: 100ms height ease 100ms; -web-kit-transition: 100ms height ease 100ms;}
.support_section01 .contents > .box_wrap:hover > .box_inner:before { /*width: 368px;*/ width: 100%; transition: 100ms width ease 200ms; -web-kit-transition: 100ms width ease 200ms;}
.support_section01 .contents > .box_wrap:hover > .box_inner:after { height: 320px; transition: 100ms height ease 300ms; -web-kit-transition: 100ms height ease 300ms;}

/*show_animation*/
.support_section01 .contents > .box_wrap:nth-child(1) {transform:translateY(50px); opacity:0; transition:ease-in-out 0.8s;}
.support_section01 .contents.show > .box_wrap:nth-child(1) {transform:translateY(0); opacity:1;}
.support_section01 .contents > .box_wrap:nth-child(2) {transform:translateY(50px); opacity:0; transition:ease-in-out 0.8s; transition-delay:0.3s}
.support_section01 .contents.show > .box_wrap:nth-child(2) {transform:translateY(0); opacity:1;}
.support_section01 .contents > .box_wrap:nth-child(3) {transform:translateY(50px); opacity:0; transition:ease-in-out 0.8s; transition-delay:0.6s}
.support_section01 .contents.show > .box_wrap:nth-child(3) {transform:translateY(0); opacity:1;}
.support_wrap {transform:translateY(50px); opacity:0; transition:ease-in-out 0.8s;}
.support_wrap.show {transform:translateY(0); opacity:1;}

.support_section03 .cost_wrap .cost_box .materials{transform: translateX(-50px); opacity:0;}
.support_section03 .cost_wrap .cost_box .materials.show{transform: translateX(0); opacity:1; transition: ease-in-out 0.5s;}
.support_section03 .cost_wrap .cost_box .materials > .inner {position:relative;}
.support_section03 .cost_wrap .cost_box .materials > .inner:before {
    position:absolute; content:'01'; 
    /*font-size: 165px; */
    font-size: 8.6vw;
    color:rgba(77,86,56,0.15); 
    right: 0; /*bottom: -58px;*/ bottom: -3vw;
    font-weight: 500;
    letter-spacing: -11px;
}
.support_section03 .cost_wrap .cost_box .materials > .inner > .tit { /*padding-right: 162px;*/}

.support_section03 .cost_wrap .cost_box .product {transform: translateX(50px); opacity:0;}
.support_section03 .cost_wrap .cost_box .product.show{transform: translateX(0); opacity:1; transition: ease-in-out 0.5s; transition-delay:0.3s;}
.support_section03 .cost_wrap .cost_box .product > .inner {position:relative;}
.support_section03 .cost_wrap .cost_box .product > .inner:before {
    position: absolute;
    content: '02';
    /*font-size: 165px;*/
    font-size: 8.6vw;
    color: rgba(255,253,253,0.13);
    right: -3px;
    /*bottom: -82px;*/ bottom: -3vw;
    font-weight: 500;
    letter-spacing: -11px;
}
.support_section03 .cost_wrap .cost_box .product > .inner > .tit { /*padding-right: 196px;*/}
.support_section03 .cost_wrap .cost_box .product > .inner {/*padding-right: 158px !important;*/}

.support_section03 .cost_wrap .cost_box .supply {transform: translateX(50px); opacity:0;}
.support_section03 .cost_wrap .cost_box .supply.show{transform: translateX(0); opacity:1; transition: ease-in-out 0.5s; transition-delay:0.6s;}
.support_section03 .cost_wrap .cost_box .supply > .inner {position:relative;}
.support_section03 .cost_wrap .cost_box .supply > .inner:before {
    position: absolute;
    content: '02';
    /*font-size: 165px;*/
    font-size: 8.6vw;
    color: rgba(77,86,56,0.15);
    right: -4px;
    /*bottom: -59px;*/
    bottom: -3vw;
    font-weight: 500;
    letter-spacing: -11px;
}
.support_section03 .cost_wrap .cost_box .supply > .inner > .tit { /*padding-right: 196px;*/}
.support_section03 > .nuts {transform: translateX(-100px); opacity:0;}
.support_section03 > .nuts.show {transform: translateX(0); opacity:1; transition: ease-in-out 0.5s; transition-delay: 0.8s; width: 40.3%}


.support_section02 {background:url(../img/pc/support_bg02.jpg)no-repeat; padding-top: 100px; padding-bottom: 116px;}
.support_wrap {background: #fff; /* padding:90px 102px 125px 102px;*/ padding: 90px 5.4vw 102px}
.support > img {margin-top: -21px; padding-right: 20px;}
.support > .tit {font-size: 37px; color:#222; padding-bottom: 32px; display:inline-block;}
.support > .tit > strong {}
.support > .tit > div { display: inline-block; font-size: 14.8px; background: #81a252; color: #fff; padding:7px 25px; position: absolute;left: 515px; top: 102px; /*width: 290px;*/ width: 260px; letter-spacing: 0.8px;    font-weight: 400;}
.support > .tit > p { display: inline-block; font-size: 16px; color: #4d4d4d; position: absolute; right: 100px;  top: 116px;}
.support_section02 .support_wrap > table {border-top:4px solid #81a252; /*border-bottom:4px solid #81a252;*/ border-collapse:collapse; width: 100%; position: relative;}

.support_section02 .support_wrap > table::before{content:''; width: 100%; height: 2px; background: #81a252; position: absolute; top: 0; left: 0;}
.support_section02 .support_wrap > table::after{content:''; width: 100%; height: 4px; background: #81a252; position: absolute; bottom: 0; left: 0;}

.support_section02 .support_wrap > table > thead {font-size: 18px; color:#444; border-bottom: 2px solid #81a252; }
.support_section02 .support_wrap > table > thead > tr {height: 77px;}
.support_section02 .support_wrap > table > thead > tr > th {width: 25%; position:relative; border-right:1px solid #dbeac7;}
/*.support_section02 .support_wrap > table > thead > tr > th:before {content:''; position:absolute; width: 1px; height: 74px; background: #dbeac7; top: 0; right: -1px;}*/
/*.support_section02 .support_wrap > table > thead > tr > th:last-child:before {width: 0;}*/
.support_section02 .support_wrap > table > thead > tr > th:last-child {border-right:0;}
.support_section02 .support_wrap > table > tbody {font-size: 18px; color:#4d4d4d;  text-align: center;}
.support_section02 .support_wrap > table > tbody > tr {height: 55px;} 
.support_section02 .support_wrap > table > tbody > tr > th { border-right: 1px solid #dbeac7; border-bottom: 1px solid #dbeac7; font-weight: 400;    color: #4d4d4d;} 
.support_section02 .support_wrap > table > tbody > tr > td { border-right: 1px solid #dbeac7; border-bottom: 1px solid #dbeac7; font-weight: 300;} 
.support_section02 .support_wrap > table > tbody > tr > td:last-child {border-right:0;}

.support_section02 .support_wrap > table > tbody > tr.bbn > th {border-bottom:0;}
.support_section02 .support_wrap > table > tbody > tr.bbn > td {border-bottom:0;}

.support_section02 .support_wrap > table > tfoot {}
.support_section02 .support_wrap > table > tfoot > tr {
    height: 77px;
    background: #81a252;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.support_section02 .support_wrap > table > tfoot > tr > td { border-right: 1px solid #a1b97f;}
.support_section02 .support_wrap > table > tfoot > tr > td:last-child {border-right:0;}
/*.t_before > th {border-right:0 !important; position:relative;}*/
/*.t_before > th:before {position:absolute; content:''; right: -1px; top: 0; background: #dbeac7; width: 1px; height: 54px;}*/
/*.t_before > td {border-right:0 !important; position:relative;}*/
/*.t_before > td:before {position:absolute; content:''; right: -1px; top: 0; background: #dbeac7; width: 1px; height: 54px;}*/
.t_before > td:last-child:before {width: 0;}


.support_section03 {position:relative; padding-bottom: 161px;}
.support_section03 .cost_wrap {padding-top: 84px; position:relative; z-index:1;} 
.support_section03 .cost_wrap .cost_box > div {height: 336px; margin-bottom: 30px;box-shadow:9px 12px 9px -4px rgba(0,0,0,0.3);}
.support_section03 .cost_wrap .cost_box .materials { background: url(../img/pc/support_img01.jpg)no-repeat center;background-size:cover; overflow:hidden;}
.support_section03 .cost_wrap .cost_box .product { background: url(../img/pc/support_img02.jpg)no-repeat center;background-size:cover; overflow:hidden;}
.support_section03 .cost_wrap .cost_box .supply { background: url(../img/pc/support_img03.jpg)no-repeat center;background-size:cover; overflow:hidden;}

.support_section03 .cost_wrap .cost_box > div > .inner {}
.support_section03 .cost_wrap .cost_box > div > .inner > img {width: 110px; position:absolute;}
.support_section03 .cost_wrap .cost_box > div > .inner > .tit {font-size: 34px; color:#fff; border-bottom:1px solid #fff; font-weight: 600; padding-bottom: 9px; padding-top: 28px;}
.support_section03 .cost_wrap .cost_box > div > .inner > .desc { color:#fff; padding-top: 16px;}
.support_section03 .cost_wrap .cost_box > div > .inner > .desc > li {font-size: 16px; letter-spacing:0.5px; font-weight: 300; line-height: 21px;}
.support_section03 .cost_wrap .cost_box > div > .inner > .desc > li:first-child {padding-bottom: 8px;}
.support_section03 .cost_wrap .cost_box > div > .inner > .desc > li > strong {font-size: 19px !important; font-weight: 500; letter-spacing:0.6px;}
.support_section03 .cost_wrap .cost_box > div > .inner > .desc > li > span { font-weight: 600; }
.support_section03 .cost_wrap .cost_box .materials .inner {float:left; /*padding: 82px 154px 95px 104px;*/ width: 50%; padding: 82px 7.95vw 95px 5.4vw;}
.support_section03 .cost_wrap .cost_box .product .inner {float:right; /*padding: 66px 178px 86px 104px;*/ width: 50%; padding: 82px 7.95vw 95px 5.4vw}
.support_section03 .cost_wrap .cost_box .supply .inner {float:right; /*padding:66px 157px 86px 104px;*/ width: 50%; padding: 66px 7.95vw 86px 5.4vw}

.support_section03 > .nuts {position:absolute; left:0; bottom: 0;}


/*cost*/
#cost_wrap {}
#cost_wrap > #cm {background: #fff;}
.cost_section01 {background:url(../img/pc/cost_bg01.jpg)no-repeat;  height: 858px; padding-top: 135px;}
.cost_section01 .contents {overflow:hidden;}
.cost_section01 .contents > .dot {/*width: 467px;*/ width: 34.1%; height: 281px; float:left;margin-bottom: 36px; position:relative;}
.cost_section01 .contents > .dot > .box_wrap {background: #fff; /*width: 435px;*/ width: 93.2%; height: 281px; /*margin-right: 34px;*/ margin-right: 3%; /*border:3px solid #fff;  padding: 50px 40px;*/ padding: 5.5vh 2vw}
.cost_section01 .contents > .dot > .box_wrap:nth-child(3) {margin-right: 0;}

.cost_section01 .contents > .dot_serch {float:left;margin-bottom: 36px; position:relative; width: 34.1%; margin-right: -3% !important}
.cost_section01 .contents > .dot_serch > .box_wrap {background: #fff; /*width: 435px;*/ width: 93.2%; height: 281px; margin-right: 34px;  /*border:3px solid #fff; padding: 50px 40px;*/ padding: 5.5vh 2vw}

.box_wrap.last {margin-right: 0 !important;}
.box_inner {}
.box_inner > .box {}
.box_inner > .box > .inner > .tit {font-size: 24px; color:#292929;font-weight: 600; border-bottom:1px solid #a3a3a3; padding-bottom: 14px;}
.box_inner > .box > .inner > .tit.inline {display:inline-block; width: 332px;}
.box_inner > .box > .inner > .tit > img {margin-top: -7px; margin-right: 14px;}
.box_inner > .box > .inner > .tit > span {}
.box_inner > .box > .inner > .desc {font-size: 18px; color:#444444; padding-top: 14px; line-height: 23px;}

.dot01 {width: 6px; height: 6px; border-radius:50%; background: #81a252; position:absolute; right: 21px; top: 50%; transform:translateY(-50%);opacity:0;}
.dot02 {width: 6px; height: 6px; border-radius:50%; background: #81a252; position:absolute; right: 6px; top: 50%; transform:translateY(-50%);opacity:0;}
.dot03 {width: 6px; height: 6px; border-radius:50%; background: #81a252; position:absolute; right: 21px; top: 50%; transform:translateY(-50%);opacity:0;}
.dot04 {width: 6px; height: 6px; border-radius:50%; background: #81a252; position:absolute; right: 6px; top: 50%; transform:translateY(-50%);opacity:0;}
.dot05 {width: 6px; height: 6px; border-radius:50%; background: #81a252; position:absolute; left: 50%; top: -28px; transform:translateX(-50%);opacity:0;}
.dot06 {width: 6px; height: 6px; border-radius:50%; background: #81a252; position:absolute; left: 50%; top: -15px; transform:translateX(-50%);opacity:0;}
.dot07 {width: 6px; height: 6px; border-radius:50%; background: #81a252; position:absolute; right: 21px; top: 50%; transform:translateY(-50%);opacity:0;}
.dot08 {width: 6px; height: 6px; border-radius:50%; background: #81a252; position:absolute; right: 6px; top: 50%; transform:translateY(-50%);opacity:0;}

.cost_section01 .contents > .dot_open {/*width: 935px;*/ width: 68.6%; height: 281px; float:left; margin-bottom: 36px; position:relative;}
.cost_section01 .contents > .dot_open > .box_wrap {/*width: 903px;*/ width: 96.2%; height: 281px; margin-right: 34px; /*border:3px solid #fff; padding: 50px 40px; */ padding: 5.5vh 2vw;
 background:url(../img/pc/cost_img04.jpg)no-repeat; background-color: #fff; /*background-size:100%;*/ background-size: cover}


.cost_section02 {background:url(../img/pc/cost_bg02.jpg)no-repeat; padding-top: 162px; padding-bottom: 159px;}
.cost_section02 > div > div > span {    
    float: right;
    font-size: 16px;
    color: #4d4d4d;
    padding-top: 25px;
}
.cost_section02 .cost_wrap {background: #fff; padding: 84px 102px; transform:translateY(50px); opacity:0; transition: ease-in-out 0.3s;}
.cost_section02 .cost_wrap.show {opacity:1; transform:translateY(0);}
.cost_section02 .cost_wrap > .tit {font-size: 37px; color:#222222; display: inline-block;}
.cost_section02 .cost_wrap > .tit > img {margin-top: -7px; padding-right:12px;}
.cost_section02 .cost_wrap > .tit > span {}
.cost_section02 .cost_wrap > .tit > span > strong {}

.cost_section02 .cost_wrap > table {border-top:4px solid #81a252; border-collapse:collapse; width: 100%; margin-top: 19px;}
.cost_section02 .cost_wrap > table > caption {font-size: 16px; color:#4d4d4d; text-align: right; padding-bottom: 8px;}
.cost_section02 .cost_wrap > table > thead {font-size: 18px; color:#444;}
.cost_section02 .cost_wrap > table > thead > tr {height: 77px;}
.cost_section02 .cost_wrap > table > thead > tr > th { position:relative; border-right: 1px solid #dbeac7;}
.cost_section02 .cost_wrap > table > thead > tr > th:nth-child(1) {width: 252px;}
.cost_section02 .cost_wrap > table > thead > tr > th:nth-child(2) {width: 525px;}
.cost_section02 .cost_wrap > table > thead > tr > th:nth-child(3) {width: 175px; line-height: 22px;}
.cost_section02 .cost_wrap > table > thead > tr > th:nth-child(4) {width: 210px; border-right: 0;}
/*.cost_section02 .cost_wrap > table > thead > tr > th:before {content:''; position:absolute; width: 1px; height: 74px; background: #dbeac7; top: 0; right: -1px;}*/
.cost_section02 .cost_wrap > table > thead > tr > th:last-child:before {width: 0;}
.cost_section02 .cost_wrap > table > tbody {font-size: 18px; color:#4d4d4d;  text-align: center;}
.cost_section02 .cost_wrap > table > tbody > tr {height: 77px;} 
.cost_section02 .cost_wrap > table > tbody > tr > th { border-right: 1px solid #dbeac7; border-bottom: 1px solid #dbeac7; font-weight: 400;} 
.cost_section02 .cost_wrap > table > tbody > tr > th:last-child {border-bottom: 0;}
.cost_section02 .cost_wrap > table > tbody > tr > td { border-right: 1px solid #dbeac7; border-bottom: 1px solid #dbeac7; font-weight: 300;} 
.cost_section02 .cost_wrap > table > tbody > tr > td:last-child {border-right:0;}
.cost_section02 .cost_wrap > table > tbody > tr:last-child > td {border-bottom:0;}
.cost_section02 .cost_wrap > table > tbody > tr:last-child > th {border-bottom:0;}
.cost_section02 .cost_wrap > table > tfoot {}
.cost_section02 .cost_wrap > table > tfoot > tr { height: 77px; background: #81a252; text-align: center; color: #fff; font-size: 18px;}
.cost_section02 .cost_wrap > table > tfoot > tr > td {border-right:1px solid rgba(235,243,224,0.3);}

/*.t_before2 > th {border-right:0 !important; position:relative;}*/
/*.t_before2 > th:before {position:absolute; content:''; right: -1px; top: 0; background: #dbeac7; width: 1px; height: 77px;}*/
/*.t_before2 > td {border-right:0 !important; position:relative;}*/
/*.t_before2 > td:before {position:absolute; content:''; right: -1px; top: 0; background: #dbeac7; width: 1px; height: 77px; z-index:1;}*/
/*.t_before2 > td:last-child:before {width: 0;}*/

.cost_section02 .cost_wrap > ul {text-align: center; padding-top: 32px; line-height: 37px;}
.cost_section02 .cost_wrap > ul > li {font-size: 18px; color:#4d4d4d;}
.cost_section02 .cost_wrap > ul > li > span {color:#81a252; border-bottom:1px solid #81a252; font-weight: 500; padding-bottom: 2px;}
.cost_section02 .cost_wrap > ul > li.box_gray {background: #444444; color:#fff; font-size: 24px; font-weight: 500;display: inline-block; padding:8px 132px; margin-top: 25px;}

/*hover_line_animation*/
.cost_section01 .contents .box_wrap {position:relative; transition: 500ms ease; /*border: 3px solid #fff;*/}
.cost_section01 .contents .box_wrap:before{position:absolute; content:''; width: 0;height: 3px; left: 0; top: 0; background: #81a252; z-index:2;}
.cost_section01 .contents .box_wrap:after{position:absolute; content:''; width: 3px;height: 0; top: 0; right: 0; background: #81a252; z-index:2;}
.cost_section01 .contents .box_wrap > .box_inner:before {position:absolute; content:''; width: 0; height: 3px; right: 0; bottom: 0; background: #81a252; z-index:2;}
.cost_section01 .contents .box_wrap > .box_inner:after {position:absolute; content:''; width: 3px; height: 0; left: 0; bottom: 0; background: #81a252; z-index:2;}
.cost_section01 .contents .box_wrap:hover:before { /*width: 432px;*/  width: 100%; transition: 100ms width ease 0ms;-web-kit-transition: 100ms width ease 0ms;}
.cost_section01 .contents .box_wrap:hover:after { /*height: 281px;*/ height: 100%; transition: 100ms height ease 100ms; -web-kit-transition: 100ms height ease 100ms;}
.cost_section01 .contents .box_wrap:hover > .box_inner:before {  /*width: 432px;*/  width: 100%;transition: 100ms width ease 200ms; -web-kit-transition: 100ms width ease 200ms;}
.cost_section01 .contents .box_wrap:hover > .box_inner:after { /*height: 281px;*/ height: 100%;transition: 100ms height ease 300ms; -web-kit-transition: 100ms height ease 300ms;}

.cost_section01 .contents > .dot_open .box_wrap {position:relative; transition: 500ms ease; /*border: 3px solid #fff;*/}
.cost_section01 .contents > .dot_open .box_wrap:before{position:absolute; content:''; width: 0;height: 3px; left: 0; top: 0px; background: #81a252; z-index:2;}
.cost_section01 .contents > .dot_open .box_wrap:after{position:absolute; content:''; width: 3px;height: 0; top: 0; right: 0px; background: #81a252; z-index:2;}
.cost_section01 .contents > .dot_open .box_wrap > .box_inner:before {position:absolute; content:''; width: 0; height: 3px; right: 0; bottom: -3px; background: #81a252; z-index:2;}
.cost_section01 .contents > .dot_open .box_wrap > .box_inner:after {position:absolute; content:''; width: 3px; height: 0; left: 0px; bottom: 0; background: #81a252; z-index:2;}
.cost_section01 .contents > .dot_open .box_wrap:hover:before { /*width: 903px;*/ width: 100%;  transition: 100ms width ease 0ms;-web-kit-transition: 100ms width ease 0ms;}
.cost_section01 .contents > .dot_open .box_wrap:hover:after { /*height: 281px;*/ height: 100%; transition: 100ms height ease 100ms; -web-kit-transition: 100ms height ease 100ms;}
.cost_section01 .contents > .dot_open .box_wrap:hover > .box_inner:before { /*width: 903px;*/ width: 100%; transition: 100ms width ease 200ms; -web-kit-transition: 100ms width ease 200ms;}
.cost_section01 .contents > .dot_open .box_wrap:hover > .box_inner:after {  /*height: 281px;*/ height: 100%;transition: 100ms height ease 300ms; -web-kit-transition: 100ms height ease 300ms;}


/*show_animation*/
.cost_section01 .contents > .dot.row01 {transform: translateX(-50px); opacity:0; position:relative; overflow:hidden;}
.cost_section01 .contents > .dot.row01.show {transform: translateX(0); opacity:1; transition: ease-in-out 0.3s;}

.cost_section01 .contents > .dot.row01.show.ani1 > .dot01 {opacity:1; transition-delay: 0.1s}
.cost_section01 .contents > .dot.row01.show.ani1 > .dot02 {opacity:1; transition-delay: 0.15s}

.cost_section01 .contents > .dot.row01.show.ani2 {transition-delay: 0.2s;}

.cost_section01 .contents > .dot.row01.show.ani2 > .dot03 {opacity:1; transition-delay: 0.3s}
.cost_section01 .contents > .dot.row01.show.ani2 > .dot04 {opacity:1; transition-delay: 0.35s}

.cost_section01 .contents > .dot_serch.row01.ani3 {transform: translateX(-50px);opacity:0;transition: ease-in-out 0.3s;}
.cost_section01 .contents > .dot_serch.row01.show.ani3 {transform: translateX(0); transition-delay: 0.4s;opacity:1;}

.cost_section01 .contents > .dot_serch.row01.show.ani5 > .dot05 {opacity:1; transition-delay: 0.5s}
.cost_section01 .contents > .dot_serch.row01.show.ani5 > .dot06 {opacity:1; transition-delay: 0.55s}

.cost_section01 .contents > .dot_serch.row01.ani5 {transform:translateY(-50px); opacity:0; transition: ease-in-out 0.3s;}
.cost_section01 .contents > .dot_serch.row01.ani5.show {transform: translateY(0); transition-delay: 0.6s;opacity:1;}

.cost_section01 .contents > .dot_open > .box_wrap {transform: translateX(50px); opacity:0;transition-delay: 0.7s}
.cost_section01 .contents > .dot_open.show > .box_wrap {transform:translateX(0); opacity:1;}

.cost_section01 .contents > .dot_open.show .dot08 {transition-delay: 0.6s;opacity:1;}
.cost_section01 .contents > .dot_open.show .dot07 {transition-delay: 0.65s;opacity:1;}


.cost_section01 .contents > .dot.row01:first-child:before {position:absolute; content:'01'; font-size: 157px; color:#e9eee3; right: 22px; bottom: -50px; z-index:1;    font-weight: 500;}
.cost_section01 .contents > div:nth-child(2):before {position:absolute; content:'02'; font-size: 157px; color:#e9eee3; right: 24px; bottom: -50px; z-index:1;    font-weight: 500;}
.cost_section01 .contents > div:nth-child(3):before {position:absolute; content:'03'; font-size: 157px; color:#e9eee3; /*right: -9px;*/ right: 24px; bottom: -48px; z-index:1;    font-weight: 500;}
.cost_section01 .contents > .dot_serch.row01.ani5 {position:relative;}
.cost_section01 .contents > .dot_serch.row01.ani5:after {position:absolute; content:'04'; font-size: 157px; color:#e9eee3; /*right: -5px;*/ right: 33px; bottom: -48px; z-index:1;  font-weight: 500;}

/*****history*****/

.dot_wrap {
    width: 16px; height: 16px; 
    background: #fff; 
    position:absolute;  /*top: 162px;11.3vh;*/ top: 5.6vw; left: 50%; 
    transform:translateX(-50%); 
    border-radius:50%;
    transition: all 1s;
    z-index:1;
}
.dot_wrap2 {
    width: 16px; height: 16px; 
    background: #80a151; 
    position:absolute; /*top: 162px 11.3vh;*/ top:5.7vw ; left: 50%; 
    transform:translateX(-50%); 
    border-radius:50%;
    transition: all 1s;
}


.history_warp {background:url(../img/pc/history_bg.jpg)no-repeat; /* padding-top: 94px 9.7vh; padding-bottom: 154px 16vh; */ padding-top: 4.9vw; /*padding-bottom: 8vw; */ padding-bottom: 15vw; background-size: cover;}
.dot_wrap {}
.dot_wrap > .fl_dot {}
.year_boxwarp {position:relative;}
.y16 {position:relative; /*height: 802px; 82.7vh*/ height:  41.76vw}
.y16:before {position:absolute; content:''; /*top: 60px;*/ top: 3.1vw; left: 50%; transform: translateX(-50%); width: 1px; /*height: 698px;*/ height: 36.3vw; background: #fff;}
.y16:after {position:absolute; content:''; bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; height:54px; background: #b0c287;}
.year_boxwarp .start {color:#fff; /*font-size: 77px;*/ font-size: 4vw; font-weight: 600; text-align: center;}
.year_boxwarp .logo {position:absolute; /*top:108px;*/ top: 5.6vw; left:50%; transform:translateX(-50%);}
.year_boxwarp .box_wrap .year_box {overflow:hidden; /* padding-bottom: 20px;*/ padding-bottom: /*2.1vh*/ 1.05vw}
.year_boxwarp .box_wrap .year_box .left {width: 50%; display:inline-block;float:left;}
.year_boxwarp .box_wrap .year_box .right .num_box {/*padding:100px 0 0 6.35vw;*/ padding: 100px 0 0 122px}
.year_boxwarp .box_wrap .year_box .right .num_box > span {/*font-size: 80px;*/ font-size: 4.2vw; color:#fff; font-weight: 400; padding-bottom: 6px;}
.year_boxwarp .box_wrap .year_box .right .num_box > span > ul {}
.year_boxwarp .box_wrap .year_box .right .num_box > ul > li {font-size: 18px; color:#fff; padding-bottom: 18px;}
.year_boxwarp .box_wrap .year_box .right .num_box > ul > li > img {padding-right: 18px;}

.y16 .year_box .right {width: 50%; display:inline-block;float:right; padding-right: 122px;}
.y16 .year_box .left {padding-top: 50px;}

.y16 .year_box {/*padding-top: 132px;  13.6vh*/ padding-top:6.85vw}
.dot_wrap.yr2016 {/*top:410px;*/ top: /*42.4vh*/ 21vw}
.dot_wrap.yr2016.none {display:none}
.dot_wrap.end {/*top: 908px; 93.7vh*/ top:  47.5vw; background: #80a151;}
.dot_wrap.yr2017 {top:500px;}
.dot_wrap.yr2019 {top:1000px;}

.dot_wrap2.yr2017 {/*top: 374px;: 38.5vh*/ top:17.45vw}
.dot_wrap2.yr2019 {/*top: 1100px;113.5vh*/ top: 53.3vw }
.dot_wrap2.yr2020 {top: 83.3vw }
.dot_wrap2.end {/*top: 1463px;  151vh*/ top:112.3vw}
.year_box.yr2016 > .left > img {opacity:0; transform:translateY(50px); transition: ease-in-out 0.6s; transition-delay:0.1s;box-shadow:  8px 10px 10px rgba(0,0,0,0.3); width: 82% }
.year_box.yr2016 > .left > img.on {opacity:1; transform:translateY(0); }
.year_box.yr2016 > .right > .num_box > span {opacity:0; transform:translateX(50px);  transition: ease-in-out 0.6s; display:block;transition-delay:0.2s;}
.year_box.yr2016 > .right > .num_box > span.on {opacity:1; transform:translateX(0);}
.year_box.yr2016 > .right > .num_box > ul {opacity:0; transform:translateY(50px); transition: ease-in-out 0.6s;transition-delay:0.3s;}
.year_box.yr2016 > .right > .num_box > ul.on {opacity:1; transform:translateY(0);}

.year_box.yr2017 > .right > img {opacity:0; transform:translateY(50px); transition: ease-in-out 0.6s; transition-delay:0.1s;  box-shadow: 9px 12px 9px -4px rgba(0,0,0,0.3); width: 100%}
.year_box.yr2017 > .right > img.on {opacity:1; transform:translateY(0);}
.year_box.yr2017 > .left > .num_box > span {opacity:0; transform:translateX(-50px);  transition: ease-in-out 0.6s; display:block;transition-delay:0.2s; padding-bottom: 5px;}
.year_box.yr2017 > .left > .num_box > span.on {opacity:1; transform:translateX(0);}
.year_box.yr2017 > .left > .num_box > ul {opacity:0; transform:translateY(50px); transition: ease-in-out 0.6s;transition-delay:0.3s;}
.year_box.yr2017 > .left > .num_box > ul.on {opacity:1; transform:translateY(0);}

.year_box.yr2019 > .left > img {opacity:0; transform:translateY(50px); transition: ease-in-out 0.6s; transition-delay:0.1s; width: 84.5%}
.year_box.yr2019 > .left > img.on {opacity:1; transform:translateY(0);}
.year_box.yr2019 > .right > .num_box > span {opacity:0; transform:translateX(50px);  transition: ease-in-out 0.6s; display:block;transition-delay:0.2s;}
.year_box.yr2019 > .right > .num_box > span.on {opacity:1; transform:translateX(0);}
.year_box.yr2019 > .right > .num_box > ul {opacity:0; transform:translateY(50px); transition: ease-in-out 0.6s;transition-delay:0.3s;}
.year_box.yr2019 > .right > .num_box > ul.on {opacity:1; transform:translateY(0);}


.year_box.yr2020 > .right > img {opacity:0; transform:translateY(50px); transition: ease-in-out 0.6s; transition-delay:0.1s;  box-shadow: 9px 12px 9px -4px rgba(0,0,0,0.3); width: 100%}
.year_box.yr2020 > .right > img.on {opacity:1; transform:translateY(0);}
.year_box.yr2020 > .left > .num_box > span {opacity:0; transform:translateX(-50px);  transition: ease-in-out 0.6s; display:block;transition-delay:0.2s; padding-bottom: 5px;}
.year_box.yr2020 > .left > .num_box > span.on {opacity:1; transform:translateX(0);}
.year_box.yr2020 > .left > .num_box > ul {opacity:0; transform:translateY(50px); transition: ease-in-out 0.6s;transition-delay:0.3s;}
.year_box.yr2020 > .left > .num_box > ul.on {opacity:1; transform:translateY(0);}


#growth {position:relative;}
#growth:before {position:absolute; content:''; /*top: 176px;18vh*/ top: 9.1vw; left: 50%; transform: translateX(-50%); width: 1px; /*height:1290px;133vh*/ /*height:67.2vw ;*/ height: 101.2vw; background: #b0c287;}
#growth:after {position:absolute; content:''; background:url(../img/pc/history_green_logo.png)no-repeat center; width: 77px; height: 77px;/* bottom: -60px;-6.2vh*/ /*bottom: -3.1vw;*/bottom: -10vw; left:50%; transform:translateX(-50%);}
#growth .growth {color:#7fa050; /*font-size: 77px;*/ font-size: 4vw; font-weight: 600; text-align: center;}
#growth .logo  {position:absolute; /*top:108px;*/ top: 5.6vw; left:50%; transform:translateX(-50%);}
#growth .growth .y17 {}
#growth .box_wrap {/*padding-top: 207px 21vh;*/ /*padding-top:10.75vw */ padding-top: 7.75vw}
#growth .box_wrap .year_box {}
#growth .box_wrap .year_box .left {}
#growth .box_wrap.y17 .year_box .left .num_box {padding: 0 50px 0 242px;}
#growth .box_wrap.y17 .year_box .left .num_box > span {/*font-size: 80px;*/ font-size: 4.2vw; color:#7fa050; font-weight: 400;}
#growth .box_wrap.y17 .year_box .left .num_box > ul {}
#growth .box_wrap.y17 .year_box .left .num_box > ul > li {font-size: 18px; color:#858585; padding-bottom: 18px;}
#growth .box_wrap.y17 .year_box .left .num_box > ul > li > img {padding-right: 18px;}
#growth .box_wrap.y17 .year_box .right {display: inline-block; width: 50%; padding-left: 122px;}

#growth .box_wrap.y19 .year_box .right {padding-left: 50px;display: inline-block;}
#growth .box_wrap.y19 .year_box .right .num_box {}
#growth .box_wrap.y19 .year_box .right .num_box > span {/*font-size: 80px;*/ font-size: 4.2vw; color:#7fa050; font-weight: 400;}
#growth .box_wrap.y19 .year_box .right .num_box > ul {}
#growth .box_wrap.y19 .year_box .right .num_box > ul > li {font-size: 18px; color:#858585;}
#growth .box_wrap.y19 .year_box .right .num_box > ul > li > img {}


#growth .box_wrap.y20 .year_box .left .num_box {padding: 0 50px 0 242px;}
#growth .box_wrap.y20 .year_box .left .num_box > span {/*font-size: 80px;*/ font-size: 4.2vw; color:#7fa050; font-weight: 400;}
#growth .box_wrap.y20 .year_box .left .num_box > ul {}
#growth .box_wrap.y20 .year_box .left .num_box > ul > li {font-size: 18px; color:#858585; padding-bottom: 18px;}
#growth .box_wrap.y20 .year_box .left .num_box > ul > li > img {padding-right: 18px;}
#growth .box_wrap.y20 .year_box .right {display: inline-block; width: 50%; padding-left: 122px;}


/*nesw*/
/*매장찾기*/
#m5_banner {position:relative;}
.m5_header {
    text-align: center;  
    width: 100%; /*height: 472px;*/ height: 48.7vh;
    /*padding-top: 234px;*/  padding-top: 24.2vh;
    line-height:40px;
}
.m5_banner { 
    background:url(../img/pc/menu05_bg.jpg)no-repeat; 
    background-size:cover; background-position:center;
    width: 100%; /*height: 472px;*/ height: 48.7vh; position:absolute; left: 0; top: 0;
    transform: rotate(.001deg);/*익스플로어에서 떨림방지*/
}
.m5_banner.active {transform:scale(1.05); transition:transform 4s;}
.m5_header p {font-size: 18px; color:#81a252; letter-spacing:1px; position:relative; z-index:1;}
.m5_header h2 {font-size: 42px; color:#fff; font-weight: 700; position:relative; z-index:1;}



/*매장찾기*/
#m4_banner {position:relative;}
.m4_header {
    text-align: center;  
    width: 100%;/*height: 472px;*/ height: 48.7vh;
    /*padding-top: 234px;*/  padding-top: 24.2vh;
    line-height:40px;
}
.m4_banner { 
    background:url(../img/pc/menu04_bg.jpg)no-repeat; 
    background-size:cover; background-position:center;
    width: 100%; /*height: 472px;*/ height: 48.7vh; position:absolute; left: 0; top: 0;
    transform: rotate(.001deg);/*익스플로어에서 떨림방지*/
}
.m4_banner.active {transform:scale(1.05); transition:transform 4s;}
.m4_header p {font-size: 18px; color:#81a252; letter-spacing:1px; position:relative; z-index:1;}
.m4_header h2 {font-size: 42px; color:#fff; font-weight: 700; position:relative; z-index:1;}

/*#store_information {background:url(../img/pc/store_information.jpg)no-repeat; padding-bottom: 135px;}*/

#store_information {background:url(../img/pc/menu_patt_bg.jpg)repeat-y; padding-bottom: 136px; position:relative;}
#store_information:after {
    position:absolute; content:''; width: 100%; height: 528px; 
    background:url(../img/pc/bottom_mama.png)no-repeat left bottom;
    left: 0; bottom: 0;
}


.store > button {background:none; border:0;}
.store .slick-prev {position:absolute; left: 36px; top: 50%; transform:translateX(-50%); z-index:1;}
.store .slick-next {position:absolute; right: 7px; top: 50%; transform:translateX(-50%); z-index:1;}

.store_info {background: #fff; /*padding: 20px 68px;*/ padding: 20px 3.5vw; border-bottom:4px solid #81a252;}
.store_info .text_box {display: inline-block; overflow:hidden; /*padding-right: 82px;*/ padding-right: 4.6vw}
.store_info .text_box:last-child {padding-right: 0;}
.store_info .text_box img {float:left; padding-right: 14px; padding-top: 4px;}
.store_info .text_box .txt {float:left;}
.store_info .text_box .txt p {font-size: 14px; font-weight: 600;}
.store_info .text_box .txt span {font-size: 18px;}

.store_info .text_box.mpr {padding-right: 75px!important;}
.store_info .text_box.mpr:last-child {padding-right: 0 !important;}

.store_info .text_box.gpr {padding-right: 80px!important;}
.store_info .text_box.gpr:last-child {padding-right: 0 !important;}

#store_wrap {}
#store_wrap .slide {background:url(/img/pc/store_bg.jpg)no-repeat; padding-bottom: 120px;}
.store_wrap {box-shadow: 14px 15px 20px 0px rgba(0,0,0,0.2);}

/*inquiry*/
#in_wrap {padding-bottom: 180px;}
.in_wrap {background: #fff; padding: 146px 84px;}
.in_wrap .tit_wrap {position:relative;}
.in_wrap .tit_wrap > img {position:absolute; top: -125px; /*right: -44px;*/ right: -2.3vw; width: 41.9%}
.in_wrap .tit_wrap .tit {background:url(../img/pc/inquiry_tit_bg.jpg)no-repeat; background-size:100%; /*padding:54px 66px;*/ padding: 2.8vw 3.5vw; height: 163px;}
.in_wrap .tit_wrap .tit .inner {overflow:hidden}
.in_wrap .tit_wrap .tit .inner .left { float:left; overflow:hidden;}
.in_wrap .tit_wrap .tit .inner .left .txt {/*font-size: 24px;*/ font-size: 1.25vw; color:#fff; float:left; padding-top: 9px; padding-right: 12px;}
.in_wrap .tit_wrap .tit .inner .left .strong {/*font-size: 50px;*/ font-size: 2.6vw; color:#fff; font-weight:600; line-height: 50px; float:left; padding-right: 24px;}
.in_wrap .tit_wrap .tit .inner .right { float:left; /*font-size: 20px;*/font-size: 1.05vw; color:#fff; border-left: 1px solid #fff;     padding-bottom: 7px;}
.in_wrap .tit_wrap .tit .inner .right ul {padding-left: 24px; padding-top: 4px; font-weight: 300; line-height: 22px;}

.int { border: 1px solid #e5e5e5; height: 42px; width: 340px; padding-left: 15px;}
.ad_btn { height: 42px; background: #bfbfbf; border:0px; width: 137px; color:#fff; margin-left: 14px; font-size: 16px; line-height: 16px;}
.demo {height: 42px; width: 340px;border: 1px solid #e5e5e5;}
#checker {text-align: center; display:inline-block; width: 100%; font-size: 16px; font-weight:500; padding-top: 36px; border-bottom: 1px solid #e5e5e5; padding-bottom: 36px;}

.ask_ct {position:relative;}
.ask_ct .ask_ct_tit {overflow:hidden; padding-top: 92px; padding-bottom: 22px;}
.ask_ct .ask_ct_tit > h4 {font-size: 32px; color:#444; float:left;}
.ask_ct .ask_ct_tit > span { float:right; font-size: 16px; color:#81a252; padding-top: 20px;}
.ask_ct .ask_ct_tit > span > img {padding: 0 8px 4px;}

.in_wrap .basic { border-collapse: collapse; border-top:2px solid #626262; width: 100%;}
.in_wrap .basic tr { border-bottom: 1px solid #e5e5e5;}
.in_wrap .basic tr > th {background: #ebf3e0; font-size: 16px; color:#222; font-weight: 300; width: 290px; height: 86px; text-align: left; padding-left: 45px; font-weight: 500;}
.in_wrap .basic tr > td {padding-left: 40px;}

.clause {background: #f5f5f5; padding: 34px 50px;}
.clause ul > li  {font-size: 14px; color:#444; padding-bottom: 36px;}
.clause h5 {font-weight: 500; font-size: 16px; padding-bottom: 36px;}

.keycolor-btn {font-size: 18px; color:#fff; background: #81a252; width: 212px; height: 60px; left: 50%; transform:translateX(-50%); border:0px; position:absolute; font-weight:600; padding-bottom: 3px;}
.bnone {padding-top: 141px;}

.selectric { border: 1px solid #e5e5e5; height: 42px!important;}
.selectric-wrapper {width: 340px !important;}

#checker label {font-size: 17px; color: #020202; font-weight: 600;}
.agreement input[type="checkbox"] + label span {
    display: inline-block;
    width: 15px;
    height: 17px;
    background: url(./img/checkbox.jpg) no-repeat;
    background-size: 15px 15px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 11px;
}

label.chked {
    display: inline-block;
    position: relative;
    padding: 0 0 0 34px;
    margin-left: -27px;
}
label.chked input {    
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    cursor: pointer;
}
label.chked span {
/*
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    color: #3e3a39;
*/
}
label.chked span:before {
    display: block;
    content: '';
    position: absolute;
    top: 19px;
    left: 12px;
    width: 14px;
    height: 14px;
    margin: -12px 0 0;
    background: url(/img/rdo.png) 0 0 no-repeat;
}
label.chked input:checked + span:before {
    background-position: 0 -14px;
}


/*paging*/
.pagination {}
.pagination > a > img {margin-top: -3px;}
.pagination > .pg_start {}
.pagination > li {display: inline-block;}
.pagination > li > a {}
.pagination > li > a.page_pre {}
.pagination > li.active > a {background: #81a252;  color: #fff; }
.pagination > a.btn_pnext {}
.pagination > .pg_end {}



/*footer*/
#footer {background: #191919; position:relative; clear:both;}
.footer {text-align: center; padding: 58px 0; /* height: 265px;*/ height: 310px}
.footer img {width: 316px; padding-bottom: 16px;}
.footer p {color:#b8b8b8;}
.footer .ft_address {font-size: 16px;}
.footer .ft_copy {font-size: 10px; padding-top: 3px;}


.go_top {
    padding-top: 31px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #444;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    position: absolute;
    top: -32px;
    right: 15px;
    z-index: 999;
    webkit-transition: opacity 0.3s, background 0.3s;
    transition: opacity 0.3s, background 0.3s;
}
.go_top span {
    position:relative;
    
}
.go_top:before {
    content: '';
    top: 16px;
    left: 50%;
    width: 0px;
    height: 0px;
    position: absolute;
    border-bottom: 10px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    transform: translateX(-50%);
}
.go_top:hover {background: #81a252; color:#fff;}

body.js_go_top_hide .go_top {opacity:0; z-index: -1;}
body.js_go_top_fix .go_top {    
    position: fixed;
    top: inherit;
    bottom: 93px;
}

/*footer 점주전용 버튼*/
.pc_admin {
    color: #b8b8b8;
    border: 1px solid #b8b8b8;
    padding: 2px 6px;
    margin-top: 9px !important;
    display: block;
    width: 64px;
    margin: 0 auto;
}
#section07.show.a{position: absolute;bottom: auto;top: -80px;}


.board_tit {padding:79px 0 100px 0}



/*점주전용 배너*/

#m6_banner {position:relative;}
.m6_header {
    text-align: center;  
    width: 100%; /*height: 472px;*/ height: 48.7vh;
    /*padding-top: 234px;*/  padding-top: 24.2vh;
    line-height:40px;
}
.m6_banner { 
    background:url(../img/pc/menu06_bg.jpg)no-repeat; 
    background-size:cover; background-position:center;
    width: 100%; /* height: 472px;*/ height: 48.7vh; position:absolute; left: 0; top: 0;
    transform: rotate(.001deg);/*익스플로어에서 떨림방지*/
}
.m6_banner.active {transform:scale(1.05); transition:transform 4s;}
.m6_header p {font-size: 18px; color:#81a252; letter-spacing:1px; position:relative; z-index:1;}
.m6_header h2 {font-size: 42px; color:#fff; font-weight: 700; position:relative; z-index:1;}





/*mediaquery*/
@media (max-width:1680px){
    .brd_btm_wrap .btm_box .img_box:before{bottom: 10px !important}
    .starts_section01 .st_wrap > div > .inner{padding: 92px 13vw 136px 5.2vw}
    .support_section01 .contents > .box_wrap > .box_inner > .box > .desc > ul > li{font-size: 15px; letter-spacing: normal}
    .support_section03 .cost_wrap .cost_box .product .inner{padding: 82px 3.95vw 95px 4.4vw}
    .support_section03 .cost_wrap .cost_box .supply .inner{padding: 66px 3.95vw 86px 4.4vw}
    #bo_gall .blog-title{font-size: 1.5vw}
    .bgw{padding-right: 18%}
    .starts_section01 .st_wrap .office .inner:before{left: 21vw}
    
   /* .dot_wrap{top: 19vh}
    .dot_wrap.yr2016{top:41.4vh}
    .dot_wrap.end{top: 87.7vh}
    .dot_wrap2{top: 11.7vh}
    .dot_wrap2.yr2017{top: 39.5vh}
    .dot_wrap2.yr2019{top: 109.5vh}
    .y16{height: 76.7vh}
    #growth:after {bottom: -9.2vh}
    .history_warp{padding-bottom: 22vh}
    */
}

@media (max-width:1663px){
    .map_info ul li{padding-right: 13.2%}
}
@media (max-width:1640px){
    .store_info{padding: 20px 3vw}
    .store_info .text_box{padding-right:  2vw}
    .store_info .text_box .txt span{font-size: 16px;}
}
@media (max-width:1600px){
    .header .nav{left: 22%}
    .brd_btm_wrap .btm_box .img_box:before{bottom: 5px !important}
    .map_info ul li{padding-right: 10%}
    .starts_section01 .st_wrap > div > .inner{padding: 92px 12vw 136px 5.2vw}
    .support_section01 .contents > .box_wrap > .box_inner > .box > .desc > ul > li{font-size: 14.5px}
    .support > .tit > div{left: 495px}
    .support_section03 .cost_wrap .cost_box .materials .inner{padding: 82px 6.95vw 95px 4.4vw}
    .support_section03 .cost_wrap .cost_box .materials > .inner:before{right: 3px}
    
    .cost_section01 .contents > .dot > .box_wrap{height: 31vh}
    .cost_section01 .contents > .dot_serch > .box_wrap{height: 31vh}
    .cost_section01 .contents > .dot_open > .box_wrap{height: 31vh}
    .cost_section01 .contents > .dot{height: 31vh}
    .dot03,.dot01{right: 15px}
    .dot04,.dot02{right: 5px}
    
    .ask_ct .ask_ct_tit{padding-top: 62px}
    #in_wrap{padding-bottom: 130px;}
    
    .su01 .su01_txt h4{font-size: 1.81vw; }
    .su01 .su01_txt p{font-size: 1.13vw}
    .su01 .su01_txt ul li{font-size:  1.085vw}
    .su01 .su_border01{width: 36vw; height: 23.6vw}
    .su02 .su02_txt h4{font-size: 1.81vw;}
    .su02 .su02_txt p{font-size: 1.13vw}
    .su02 .su02_txt ul li{font-size:  1.085vw}
    .su02 .su_border02{width: 35.5vw; height: 18.8vw}
    .su03 .su03_txt h4{font-size: 1.97vw}
    .su03 .su03_txt p{font-size: 1.185vw}
    .su03 .su_border03{width: 38vw; height: 19.7vw}
    
    
    .st03_box .st03_a{padding: 145px 0 0 46px}
    .brd_ct_wrap .top_wrap .top_box > h4{padding: 10.6vh 0 2.1vh 0}
   /* .dot_wrap2.yr2019{top: 113.5vh}
    .dot_wrap{top: 11.8vh}
    #growth:before{height: 133vh}
    .dot_wrap2{top: 11.9vh}
    .year_boxwarp .box_wrap .year_box{padding-bottom: 7.1vh}
    .y16{height: 84.7vh}
    .dot_wrap.end{top: 95.7vh}
    #growth:after{bottom: -10.2vh}
    */
    
    #growth:before{/*height: 65.2vw*/ height: 99.2vw}
    .dot_wrap2.end{top: 73.2vw}
    .dot_wrap2.yr2019{top: 57.3vw}
    .dot_wrap2.yr2020{top: 83.3vw}
}
@media (max-width:1600px) {
   @media screen and (max-height: 900px) {
   /*
       .dot_wrap{top:6.8vw}
    .dot_wrap.yr2016{top: 20vw}
    .y16{height: 82.7vh}
    .dot_wrap.end{top: 95.7vh}
    #growth:before{top: 19vh; height: 129vh}
    .dot_wrap2{top: 13.9vh}
    .dot_wrap2.yr2017{top: 36.5vh}
    .box_wrap.y17{padding-top: 24vh}
    .box_wrap.y19{padding-top: 10vh}
       .year_boxwarp .box_wrap .year_box{padding-bottom: -0.1vh}
    .year_boxwarp .box_wrap .year_box .right .num_box{padding: 40px 0 0 122px}
    .dot_wrap2.yr2019{top: 100vh}
    #growth:after{bottom: -17.2vh}
    .history_warp {padding-bottom: 25vh}
   .starts_section01 .st_wrap > div > .inner{padding: 52px 12vw 96px 5.2vw}
   .support_section01 .contents > .box_wrap{height: 298px}
   .dot_wrap2.end{top: 147vh}
   #growth .box_wrap{padding-top: 16vh}
   .year_boxwarp .box_wrap .year_box{padding-bottom: 0.1vh}
       .box_wrap.y19{padding-top: 9vh}
       */
    }
}
@media (max-width:1590px){
    .header .logo{top: 2vw}
    
    .st07_wrap{width: 62.5%}
}
@media (max-width:1460px){
    .store_info .text_box .txt p{font-size:13px}
    .store_info .text_box .txt span{font-size: 16px;}
    .store_info .text_box img{padding-right: 9px}
}
@media (max-width:1440px){
    .container{width: 75%}
    .st01_txt h2{font-size: 3.4vw}
    .st01_txt p{font-size: 1.14vw}
    .st01_txt.brown > img.main_left.active{width: 66%}
    .st01_txt.green > p{font-size: 1.14vw}
    .st01_txt.green > img.main_right.active{width: 61%}
    .st02_box p{bottom: 19px; font-size: 17px;}
    .st03_box .st03_a{padding: 145px 0 0 3.5vw}
    .st03_title h3{font-size: 31px}
    .st03_box p{font-size: 17px}
    .st03_box{height: 736px}
    .st05_contents .st05_title h4{font-size: 40px}
    .st05_contents .st05_txt li{font-size: 17px}
    .st06_contents .st06_box .st06_txt{padding: 2.3vw 1vw}
    .st06_contents .st06_box .st06_txt a p{font-size: 14.5px}
    .st07_wrap{width: 80%}
    .brd_btm_wrap .btm_box .img_box:before{bottom: -2px !important}
    #growth .box_wrap.y17 .year_box .left .num_box{padding: 0 50px 0 102px}
    .container1{width: 75%}
    .starts_section01 .st_wrap > div > .inner{padding: 62px 12vw 106px 4vw}
    .container4{width: 75%}
    .support_section01 .contents > .box_wrap > .box_inner > .box > .tit{font-size: 1.43vw}
    .support_section01 .contents > .box_wrap > .box_inner > .box > .desc > ul > li{font-size: 15px;}
    .support > .tit > div{left: 480px}
    .support_section03 .cost_wrap .cost_box .product > .inner:before{right: 2px}
    .support_section03 .cost_wrap .cost_box .supply > .inner:before{right: 3px}
    .cost_section01 .contents > .dot.row01:first-child:before{font-size: 7.5vw; right: 1.3vw; bottom: -2.3vw}
    .cost_section01 .contents > div:nth-child(2):before{font-size: 7.5vw; right: 1.4vw; bottom: -2.4vw}
    .cost_section01 .contents > div:nth-child(3):before{font-size: 7.5vw; right: 1.3vw; bottom: -2.3vw}
    .cost_section01 .contents > .dot_serch.row01.ani5:after{font-size: 7.5vw; right: 1.9vw; bottom: -2.3vw}
    .box_inner > .box > .inner > .tit{font-size: 1.6vw;}
    .dot01,.dot03,.dot07{width: 5px; height: 5px; right: 16px}
    .dot02,.dot04,.dot08{width: 5px; height: 5px; right: 5px;}
    .dot06{width: 5px; height: 5px}
    .container5{width: 75%}
    .bgw{padding-right: 15%}
    #bo_gall .blog-title{font-size: 1.8vw}
    .brand_tit h3{font-size: 52px}
    .cm_tit h3 {font-size: 52px;}
    .ct_tit h3{font-size: 52px;}
    .brd_ct_wrap .top_wrap .top_box{height: 55.2vh}
    .brd_ct_wrap .top_wrap .top_box > h4{font-size: 31px; padding: 12.6vh 0 2.1vh 0; line-height: 41px}
    .brd_ct_wrap .top_wrap .top_box > p{font-size: 16px; padding-bottom: 6.5vh}
    
    
    
    #cm_wrap .cm01 .cm01_txt{padding: 3% 0 0 0}
    #cm_wrap .cm01 .cm01_txt span{font-size: 87px}
    #cm_wrap .cm01 .cm01_txt h4{font-size: 37px; }
    #cm_wrap .cm01 .cm01_txt img{width: 151px}
    #cm_wrap .cm02 .cm02_txt span{font-size: 87px}
    #cm_wrap .cm02 .cm02_txt h4{font-size: 37px; line-height: 41px}
    #cm_wrap .cm02 .cm02_txt img{width: 151px}
    #cm_wrap .cm03 .cm03_txt h4:before{font-size: 87px}
    #cm_wrap .cm03 .cm03_txt h4{font-size: 37px; line-height: 41px}
    #cm_wrap .cm03 .cm03_txt img{width: 151px}
    
    /*
    .dot_wrap.end{top:  89.7vh }
    .y16{height: 76.5vh}

    .year_boxwarp .start{font-size: 70px !important}
    #growth .growth{font-size: 70px !important}
    
    .dot_wrap{top: 12vh}
    .year_boxwarp .box_wrap .year_box .right .num_box{padding: 90px 0 0 122px}
    .dot_wrap2{top: 14vh}
    .year_boxwarp .box_wrap .year_box .right .num_box{padding: 60px 0 0 122px}
    #growth:before{top: 21vh; height: 111vh}
    #growth:after{bottom: -10.2vh}
  
    .history_warp{padding-bottom: 25vh}
    .dot_wrap2.yr2017{top: 36.5vh}
     .dot_wrap2.yr2019{top: 87vh}
    .dot_wrap2.end{top: 130vh}
    .box_wrap.y19{padding-top: 0.1vh !important}
    .y16 .year_box{padding-top: 15.5vh}
    .dot_wrap{top: 13.7vh}

    .year_boxwarp .box_wrap .year_box{padding-bottom: 7.1vh}
    */
    .st01_txt.brown > h2{top: 17.5vh}
    .st01_txt.green > h2{top: 45.5vh}
    .st05_wrap .st05_food{width: 44.1%}
    
    #cm_wrap .cm02 .cm02_txt{top: 29vh}
    #cm_wrap .cm03 .cm_img1{width: 28%}
    
    .su01 .su01_txt:before{font-size: 170px;right: 46px; bottom:-59px}
    .su02 .su02_txt{padding: 4.65vw 2.85vw}
    .su02 .su_border02{height: 20.8vw}
    .su02 .su02_txt:before{font-size: 170px; bottom: -56px}
    .su03 .su03_txt:before{font-size: 170px; right: 40px; bottom: -55px}
    .su03{margin-top: -34px}
    
    .starts_section01 .st_wrap .member .inner:before{font-size: 200px; bottom: -65px}
    .starts_section01 .st_wrap .office .inner:before{font-size: 200px; left: 23vw; bottom: -63px}
   
}
@media (max-width:1391px){
    .map_info ul li{padding-right: 9%}
}
@media (max-width:1366px){
    .header .logo{top: 2.4vw}
    .header .nav > ul > li > a{padding: 0 2vw; font-size: 17px}
    .header .nav > ul > li > ul > li > a{font-size: 15px}
    .brd_btm_wrap .btm_box .img_box:before{bottom: -6px !important}
    .y16 .year_box .right{padding-right: 100px;}
    .year_boxwarp .box_wrap .year_box .right .num_box > ul > li > img{ width: 17.3%}
    .map_info ul li{padding-right: 7%}
    .support_section03 .cost_wrap .cost_box > div > .inner > .desc > li > strong{font-size: 18px !important}
    .support_section03 .cost_wrap .cost_box > div > .inner > .desc > li{font-size: 15px;}
    .cost_section02 .cost_wrap > ul > li{font-size: 17px;}
    .cost_section02 .cost_wrap > ul > li.box_gray{font-size: 22px;}
    .in_wrap .basic tr > th{width: 200px}
    .in_wrap .tit_wrap > img{top: -85px; right: -3.3vw; width: 36.9%}
    .in_wrap .tit_wrap .tit{padding: 2.2vw 2.5vw}
    .in_wrap .tit_wrap .tit .inner .left .txt{font-size: 1.75vw; padding-top: 9px; padding-right: 12px}
    .in_wrap .tit_wrap .tit .inner .left .strong{font-size: 3.14vw; padding-right: 20px}
    .in_wrap .tit_wrap .tit .inner .right{font-size: 1.2vw}
    .st01_txt.brown > h2{top: 16vh}
    .st01_txt.green > h2{top: 45vh}
    .scroll_wrap:before{width: 25px; height: 39px;}
    .scroll_wrap p{font-size: 13px}
    .scroll_wrap:after{width: 22px}
    .m1_header{padding-top: 22.5vh}
    .m1_header p{font-size:  16px}
    .m1_header h2{font-size:40px}
    .menu_header h2{font-size: 40px;}
    .m2_header h2{font-size: 40px;}
    .m4_header h2{font-size: 40px;}
    .brd_ct_wrap .top_wrap .top_box{height: 60vh;}
   /* .dot_wrap{top: 14vh}
    .dot_wrap.yr2016{top: 47.4vh}
    .year_boxwarp .start{font-size: 65px !important}
     .y16{height: 93.7vh }
    .year_boxwarp .box_wrap .year_box{padding-bottom: 2.1vh}
    .y16 .year_box{padding-top: 17.6vh}
    #growth:before{top: 22vh; height: 135vh}
    .dot_wrap2{top: 17vh}
    #growth .growth{font-size: 65px !important}
    .year_box.yr2017{padding-top: 26vh}
    .year_box.yr2019{padding-top: 12vh; padding-bottom: 10vh !important}
    #growth:after{bottom: -9.2vh}
    .history_warp{padding-bottom: 22vh}
    #growth .box_wrap{padding: 0}
    .dot_wrap.end{top: 106.7vh }
    .dot_wrap2.yr2017{top: 43.5vh}
    .dot_wrap2.yr2019{top: 113.5vh}
     .dot_wrap2.end{top: 156vh}
    */
    #cm_wrap .cm02 .cm02_txt{padding: 0.5% 0 0 0}
    
    .cost_section01 .contents > .dot > .box_wrap{height: 36vh}
    .cost_section01 .contents > .dot_serch > .box_wrap{height: 36vh}
    .cost_section01 .contents > .dot_open > .box_wrap{height: 36vh}
    .cost_section01 .contents > .dot{height: 36vh}
    
    .in_wrap{padding: 106px 84px}
    
    .ask_ct{margin-top: -40px}
    .ask_ct .ask_ct_tit > h4{font-size: 30px;}
    
   
    #bo_gall .gall_text_href span{bottom: 74px !important}
    .su02 .su_border02{width: 35.7vw}
    
    
    
   
    .container1-1{width: 100%}
    .store_info .text_box .txt span{font-size: 15px}
    
   
  
}
@media (max-width:1300px){
    .store_info{padding: 20px 2vw}
}
@media (max-width:1296px){
    .map_info ul li{padding-right: 6%}
}
@media (max-width:1280px){
    .container{width: 80%}
    .st01_txt h2{font-size: 3.6vw}
    .st01_txt p{font-size: 1.24vw}
    .st01_txt.green > p{font-size: 1.24vw; top: 56.5vh}
    .st02_box p{font-size: 15px; bottom: 19px}
    .st03_box .st03_a{padding: 100px 0 0 39px !important}
    .st03_title{padding-left: 23px}
    .st03_title:before{width: 6px}
    .st03_title span{font-size: 17px}
    .st03_title h3{font-size: 29px}
    .st03_box p{font-size: 16px; margin-top: 15px}
    .st04_title p{font-size: 16px}
    .st04_title h4{font-size: 37px}
    .st04_box{height: 16.3vw}
    .st04_box a{height: 16.3vw; padding: 3.2vw 0 0 3.89vw}
    .st04_title p{font-size: 16px}
    .st04_title h4{font-size: 37px}
    .st04_box .more{width: 54px; font-size: 15px; margin-top: 2.5vw}
    .st05_contents .st05_txt li{font-size: 16px}
    .st06_contents .st06_box .st06_txt{font-size: 13.5px}
    .brd_btm_wrap .btm_box .br_txt p{font-size: 1.15vw;}
    .brd_btm_wrap .btm_box .img_box:before{bottom: -10px !important}
    .year_boxwarp .box_wrap .year_box .right .num_box > ul > li{font-size: 1.4vw}
    #growth .box_wrap.y17 .year_box .left .num_box > ul > li{font-size: 1.4vw}
    #growth .box_wrap.y19 .year_box .right .num_box > ul > li{font-size: 1.4vw}
    .container1{width: 80%}
    .container4{width: 80%}
    .support > .tit > div{font-size: 13.8px; left: 480px; padding: 7px 18px; width: auto}
    .container5{width: 80%}
    #bo_gall .blog-title{font-size: 2vw}
    .bgw{padding-right: 10%}
    .nt_search .inp_rst{font-size: 15px}
    .st01_txt.brown > img.main_left.active{width: 60%; top: 38.3vh}
    .st01_txt.green > img.main_right.active{width: 54%; top: 58.3vh}
    .st01_txt.green > h2{top: 36vh}
    .st03_box{height: 555px}
    .st05_contents{padding: 73px 5.2vw 101px}
    .brand_tit h3{font-size: 50px}
    .cm_tit h3 {font-size: 50px;}
    .ct_tit h3{font-size: 50px}
    .brand_tit img{width: 140px}
    .ct_tit img{width: 140px}
    .cm_tit img{width: 140px}
    #cm_wrap .cm01 .cm01_txt{padding: 2.5% 0 0 0 }
    #cm_wrap .cm01 .cm01_txt span{font-size: 78px}
    #cm_wrap .cm01 .cm01_txt h4{font-size: 34px;}
    #cm_wrap .cm01 .cm01_txt p{font-size: 15px;}
    #cm_wrap .cm01 .cm01_txt img{width: 141px}
    #cm_wrap .cm02 .cm02_txt span{font-size: 78px;}
    #cm_wrap .cm02 .cm02_txt h4{font-size: 34px; line-height: 39px}
    #cm_wrap .cm02 .cm02_txt p{font-size: 15px;}
    #cm_wrap .cm02 .cm02_txt img{width: 141px}
    #cm_wrap .cm03 .cm03_txt h4:before{font-size: 78px;}
    #cm_wrap .cm03 .cm03_txt h4{font-size: 34px;; line-height: 39px}
    #cm_wrap .cm03 .cm03_txt p{font-size: 15px;}
    #cm_wrap .cm03 .cm03_txt img{width: 141px}
    #cm_wrap .cm03 .cm_img1{width: 30%}
    
    .store_info{padding: 20px 4vw}
    .su01 .su_border01{width: 36.5vw}
    
    .st01_txt.brown > h2{top: 15vh}
    .st01_txt.green > h2{top: 42vh}
    
    .st06_contents .st06_box .st06_img{height: 150px}
    .st06_contents .st06_box .st06_txt a h5{font-size: 18px;}
    .st06_contents .st06_box .st06_txt{height: 150px; padding:1.4vw 1vw}
    .st06_contents .st06_box .st06_txt a p{font-size: 13.5px; padding-bottom: 13px}
    .st06_contents .st06_box .st06_txt a span{font-size: 12px;}
    #section06{height: 710px}
    .support_section01 .contents > .box_wrap{height: 278px}
    
    
    /*.dot_wrap{top: 16.5vh}
       .dot_wrap.yr2016{top: 46.4vh }
       .y16{height: 88.7vh }
       .dot_wrap.end{top: 100.7vh }
       .dot_wrap2{top: 16.7vh}
       #growth:before{top: 26vh; height: 123vh}
       .dot_wrap2.yr2017{top: 46.5vh}
       .dot_wrap2.yr2019{top: 102.5vh}
    
       #growth:after{bottom: -9.2vh}
       .history_warp{padding-bottom: 19vh}
       .y16:after{height: 76px}
       .dot_wrap2.end{top: 147vh}
       .year_box.yr2019{padding-top: 2vh}
       .y16:before{top: 65px; height: 695px}
    
    */
    
    .history_warp{padding-top: 2.9vw; padding-bottom: 12vw}
    .year_boxwarp .logo{top: 6.6vw; width: 6%}
    .y16:before{top: 5.2vw; height: 39.3vw}
    .dot_wrap{width: 13px; height: 13px; top: 6.6vw}
    .year_boxwarp .box_wrap .year_box .right .num_box{padding: 90px 0 0 122px}
    .dot_wrap.yr2016{top: 23vw}
    .y16{height: 47.76vw}
    .dot_wrap.end{top: 52.7vw}
    #growth .logo{top: 6.6vw}
    .dot_wrap2{width: 13px; height: 13px; top: 6.7vw}
    #growth:before{top: 11.1vw; /*height: 68.2vw*/ height: 97.2vw}
    .box_wrap.y19{padding-top: 7vw !important;}
    .box_wrap.y19 .num_box{padding: 50px 0 0 122px}
    #growth:after{width: 57px; height: 57px; background-size: 100%; bottom: -7.1vw}
    .dot_wrap2.end{top: 78.7vw}
    .dot_wrap2.yr2020{top: 85.3vw}
    
}

        
@media (max-width:1233px){
    .store_info{padding: 20px 2vw}
    .store_info .text_box .txt span{font-size: 15px;}
}
@media (max-width:1152px){
    .header .nav > ul > li > ul > li > a{font-size: 14px}
}
@media (max-width:1188px){
    .map_info ul li{padding-right: 5%}
}
@media (max-width:1162px){
    .map_info ul li{padding-right: 4%}
    .map_info ul{width: 90%}
}
@media (max-width:1105px){
    .store_info .text_box{padding-right: 1vw}
}
@media (max-width:1024px){
    .header .ask > a{width: 160px; font-size: 16px}
    .header .logo{top: 3.3vw}
    .header .nav > ul > li > a{font-size: 16px}
    .container{width: 85%}
    .st01_txt h2{font-size: 3.8vw}
    .st01_txt p{font-size: 13px}
    .st01_txt.green > p{font-size: 13px}
    .st02_title{padding: 84px 0 40px 0}
    .st02_title h3{font-size: 44px}
    .st02_title p{font-size: 16px}
    .st02_tp{width: 80%}
    .st02_bm{width: 80%}
    .st02_box{height: 15vw}
    .st02_box p{font-size: 13.5px}
    .st01_txt.brown > h2{top: 14vh}
    .st01_txt.brown > p{top: 27vh}
    .st01_txt.brown > img.main_left.active{top: 37.3vh}
    .st01_txt.green > h2{top: 44vh}
    .st01_txt.green > img.main_right.active{top: 58.3vh}
    .st01_txt.brown > img.main_left.active{width: 65%}
    .st01_txt.green > img.main_right.active{width: 59%}
    .scroll_wrap{bottom: 1%}
    .scroll_wrap:before{width: 22px; height: 35px; top: -40px}
    .scroll_wrap p{font-size: 13px}
    .scroll_wrap:after{width: 22px; height: 2px; top: -30px}
    #section02 .egg.show{left: 100px}
    #section02 .egg{left: 50px}
    .st03_box{height: 500px}
    .st03_box .st03_a{padding: 95px 0 0 20px !important}
    .st03_title{padding-left: 15px}
    .st03_title:before{width: 4px; height: 55px}
    .st03_title span{font-size: 16px; line-height: 18px}
    .st03_title h3{font-size: 25px; line-height: 37px}
    .st03_box p{font-size: 14px; margin-top: 15px}
    .st04_title p{font-size: 14px}
    .st04_title h4{font-size: 32px}
    .st04_box{height: 17.3vw}
    .st04_box a{height: 17.3vw; padding: 3vw 0 0 3.89vw}
    .st04_title p{font-size: 14px}
    .st04_title h4{font-size: 32px}
    .st04_box .more{width: 51px; font-size: 13px; margin-top: 2vw}
    .st05_contents img{width: 130px; padding-bottom: 22px}
    .st05_contents .st05_title h4{font-size: 35px; line-height: 40px; padding-bottom: 23px}
    .st05_contents .st05_txt li{font-size: 14px; line-height: 21px; padding-bottom: 12px;}
    .st05_contents span a{width: 152px; height: 42px; font-size: 15px; line-height: 42px}
    .container6{width: 77.6%}
    .st06_title{padding: 50px 0 32px 0;}
    .st06_contents .st06_box .st06_txt{padding: 1.7vw 1vw}
    #section06{height: 650px}
    .st06_title h3{font-size: 44px}
    .st06_title p{font-size: 17px}
    .st07_title{font-size: 22px; line-height: 32px; width: 22%}
    .st07_info input{font-size: 13px; padding: 7px}
    .st07_info .apply_btn{font-size: 14px; width: 16%}
    .header .nav > ul > li > ul > li > a{font-size: 13px}
    .brd_btm_wrap .btm_box .br_txt p{font-size: 1.16vw}
    .brd_btm_wrap .btm_box .img_box:before{bottom: -23px !important}
    .brd_ct_wrap .top_wrap .top_box > p{font-size: 15px}
    .y16 .year_box .right{padding-right: 48px}
    .year_boxwarp .box_wrap .year_box .right .num_box > span{font-size: 4.5vw;}
    .year_boxwarp .box_wrap .year_box .right .num_box > ul > lift[font-size: 1.5vw;]
    .year_boxwarp .box_wrap .year_box .right .num_box{padding: 80px 0 0 122px}
    #growth .box_wrap.y17 .year_box .left .num_box > span{font-size: 4.5vw;}
    #growth .box_wrap.y19 .year_box .right .num_box > span{font-size: 4.5vw;}
    .year_boxwarp .box_wrap .year_box .right .num_box{padding: 62px 0 0 70px}
    .map_info ul{width: 90%}
    .container1{width: 85%}
    .mu_ct > div .mu_box span{font-size: 20px}
    .mu_ct > div .mu_box:before{width: 3px; top: 33px;}
    .starts_section01 .st_wrap > div > .inner{padding: 50px 13vw 66px 4vw}
    .starts_section01 .st_wrap > div > .inner .desc{font-size: 14px; line-height: 24px}
    .starts_section01 .st_wrap > div > .inner .tit{font-size: 38px; padding-top: 35px}
    .starts_section01 .st_wrap > div > .inner > img{width: 112px}
    .starts_section01 .st_wrap .member .inner:before{font-size: 140px;bottom: -44px}
    .starts_section01 .st_wrap .office .inner:before{font-size: 140px; left: 28.5vw; bottom: -48px}
    .starts_section01 .start_gogi{width: 44%}
    .starts_section01{padding-bottom: 126px}
    .starts_section02 .tit{font-size: 33px;}
    .starts_section02 .desc{font-size: 15px;}
    .container4 {width: 85%}
    .support_section01 .contents > .box_wrap > .box_inner > .box > .tit{font-size: 1.6vw}
    .support_section01 .contents > .box_wrap{height: 260px}
    .support_section01 .contents > .box_wrap > .box_inner > .box > .desc > ul > li{font-size: 13.5px}
    .support > .tit > div{font-size: 13px; padding: 7px 5px; left: 450px; top: 103px; }
    .support > .tit > p{font-size: 14px; right: 58px;}
    .support_section03 .cost_wrap .cost_box .materials .inner{padding: 52px 2.95vw 65px 3.4vw}
    .support_section03 .cost_wrap .cost_box > div > .inner > .tit{font-size: 31px;}
    .support_section03 .cost_wrap .cost_box > div > .inner > .desc > li{font-size: 14px;}
    .support_section03 .cost_wrap .cost_box > div > .inner > .desc > li > strong{font-size: 17px !important;}
    .support_section03 .cost_wrap .cost_box > div{height: 272px}
    .support_section03 .cost_wrap .cost_box .materials > .inner:before{font-size: 10vw; bottom: -3.5vw; right: 4px}
    .support_section03 .cost_wrap .cost_box .product .inner{padding:52px 2vw 65px 2.5vw}
    .support_section03 .cost_wrap .cost_box .product > .inner:before{font-size: 10vw; right: 4px; bottom: -3.5vw}
    .support_section03 .cost_wrap .cost_box .supply .inner{padding: 46px 1.95vw 50px 3.4vw}
    .support_section03 .cost_wrap .cost_box .supply > .inner:before{bottom: -3.6vw; font-size: 10vw;}

    .box_inner > .box > .inner > .tit{font-size: 1.8vw;}
    .box_inner > .box > .inner > .desc{font-size: 17px;}
    .cost_section01 .contents > div:nth-child(2):before{right: 1.5vw}
    .cost_section01 .contents > .dot.row01:first-child:before{right: 1.4vw}
    .cost_section02 .cost_wrap > table > tbody{font-size: 14.5px;}
    .cost_section02 > div > div > span{font-size: 15px;}
    .cost_section02 .cost_wrap > ul > li{font-size: 15px; letter-spacing: -0.8px}
    .in_wrap .tit_wrap .tit .inner .left .txt{padding-top: 13px}
    .in_wrap .tit_wrap .tit .inner .left .strong{font-size: 3vw; padding-right: 17px; }
    .in_wrap .tit_wrap .tit .inner .right{font-size: 1.4vw}
    .container5{width: 85%}
   
    #bo_gall .gall_li:nth-child(3n) {margin-right: 0 !important}
    #bo_gall .blog-title{font-size: 2.5vw;}
    .bgw{padding-right: 14%}
    .st05_wrap{padding: 72px 0}
    .st05_contents{padding: 63px 5.2vw 90px}
    
    #cm_wrap .cm01 .cm01_txt{padding: 1.5% 0 0 0}
    #cm_wrap .cm01 .cm01_txt span{font-size: 70px;}
    #cm_wrap .cm01 .cm01_txt h4{font-size: 30px;}
    #cm_wrap .cm01 .cm01_txt p{font-size: 13px; padding-bottom: 6.8vh}
    #cm_wrap .cm01 .cm01_txt img{width: 135px}
    #cm_wrap .cm02 .cm02_txt span{font-size: 70px;}
    #cm_wrap .cm02 .cm02_txt h4{font-size: 30px; line-height: 35px}
    #cm_wrap .cm02 .cm02_txt p{font-size: 13px;}
    #cm_wrap .cm02 .cm02_txt{top: 26.1vh}
    #cm_wrap .cm02 .cm02_txt img{width: 135px}
    
    .cost_section01{height: 678px; padding-top: 120px}
    .cost_section02{padding-top: 95px; padding-bottom: 119px}
    
    .ask_ct{margin-top: -90px}
    
    .store_info .text_box{padding-right: 2vw}
    
    .su01 .su01_txt{padding: 3.85vw 3.05vw}
    .su01 .su01_txt h4{font-size: 2.21vw}
    .su01 .su01_txt p{font-size: 1.43vw}
    .su01 .su01_txt ul li{font-size: 1.385vw}
    .su01 .su_border01{width: 44.5vw; height: 26.6vw}
    .su02 .su02_txt{padding: 5.85vw 3.05vw}
    .su02 .su02_txt h4{font-size: 2.21vw}
    .su02 .su02_txt ul li{font-size: 1.385vw}
    .su02 width: 42.7vw; height: 20.8vw
    .su03 .su03_txt{padding: 3.85vw 3.05vw 6.3vw}
    .su03 .su03_txt h4{font-size: 2.21vw}
    .su03 .su03_txt p{font-size:  1.385vw}
    .su03 .su_border03{width: 42vw; height: 23.7vw; left: 42.7%}
    .su03{margin-top: 13px}
    .su01 .su01_txt:before{font-size: 140px; right: 47px; bottom: -44px}
    .su02 .su02_txt:before{font-size: 140px; right: 65px; bottom: -45px}
    .su03 .su03_txt:before{font-size: 140px; right: 56px; bottom: -44px}
    /*
    
    .history_warp{padding-top: 4.7vh}
    .year_boxwarp .start{font-size: 60px !important}
    .y16 .year_box{padding-top: 16.6vh}
    .y16:after{height: 52px}
    .dot_wrap.yr2016{top: 40.4vh}
    .dot_wrap.end{top: 95.7vh}
    #growth .growth{font-size: 60px !important;}
    .year_boxwarp .logo{width: 7%}
    .dot_wrap{width: 13px; height: 13px; top: 16.5vh}
    .dot_wrap2{width: 13px; height: 13px; top: 16.7vh}
    .year_boxwarp .box_wrap .year_box{padding-top: 12.6vh}
    .y16{height: 83.7vh }
    .year_box.yr2017{padding-top: 21vh !important}
    .dot_wrap2.yr2017{top: 40.5vh}
    .dot_wrap2.yr2019{top: 98vh}

    #growth:before{top: 25vh;  height: 109vh}
    .year_box.yr2019 > .left > img{width: 74.5%}
    .year_box.yr2019{padding-top: 11vh !important; padding-bottom: 10vh !important}
    .history_warp{padding-bottom: 22vh}
    #growth:after{width: 57px; height: 57px; background-size: 100%}
    .dot_wrap2.end{top: 133.5vh}
    #growth:after{bottom: -9.2vh}
    .year_boxwarp .box_wrap .year_box{padding-bottom: 2.1vh}
    #growth .box_wrap{padding-top: 1vh}
    #growth .box_wrap{padding-top: 1vh !important}
    */
    
    .brd_ct_wrap .top_wrap .top_box{height: 50vh}
    .brd_ct_wrap .top_wrap .top_box > h4{font-size: 29px; padding: 7.5vh 0 2.1vh 0; line-height: 41px}
    .brd_ct_wrap .top_wrap .top_box > p{font-size: 14px; padding-bottom: 4.5vh; line-height: 24px}

    #cm_wrap .cm03 .cm03_txt h4{font-size: 30px; line-height: 35px}
    #cm_wrap .cm03 .cm03_txt p{padding-bottom: 6.6vh}
    #cm_wrap .cm03 .cm03_txt img{width: 135px}
    #cm_wrap .cm03 .cm03_txt h4:before{font-size: 70px;}
    #cm_wrap .cm03 .cm_img1{width: 27%}
    #cm_wrap .cm03 .cm_img2{top: 6vh}
    #cm_wrap .cm03 .cm03_txt{padding: 10.5vh 0 0 0}
    #cm_wrap .cm01 > img{height: 330px}
    
    
    .banner_hd{width: 100%; height: 60px}
    .m_width ul li{width: 14.28571428571429%; float: left}
    .banner_hd ul li a{font-size: 14px; width: 100%; line-height: 56px}
    .container1-1{width: 100%}
    
    .su02 .su_border02{width: 43.5vw; height: 24.8vw; left: 23.5%}
    .su02 .su02_txt p{font-size: 1.43vw}
    .su03 .su03_txt{padding: 5.65vw 2.85vw 7.1vw}
    #su_wrap{padding-bottom: 107px}
    
    .support_section03 .cost_wrap .cost_box > div > .inner > .tit{font-size: 31px}
    .support_section03 .cost_wrap .cost_box > div > .inner > .desc > li > strong{font-size: 17px !important}
    .support_section03 .cost_wrap .cost_box > div > .inner > .desc > li{font-size: 14px;}
    .support_section03 > .nuts.show{width: 50.3%}
    .support_section03{padding-bottom: 131px}
    
    .cost_section01 .contents > .dot > .box_wrap{height: 27vh}
    .cost_section01 .contents > .dot{height: 27vh}
    .cost_section01 .contents > .dot_serch > .box_wrap{height: 27vh}
    .cost_section01 .contents > .dot_open > .box_wrap{height: 27vh}
    .cost_section01 .contents > .dot_open{hanging-punctuation: 27vh}
    .dot01, .dot03, .dot07{right: 12px}
    .dot02, .dot04, .dot08{right: 3px}
    
    .int{width: 300px}
    .in_wrap .basic tr > td{padding-left: 30px}
    .selectric-wrapper{width: 300px !important}
    
    
    .y16{height: 56.76vw}
    .y16:before{height: 48.3vw}
    .y16:after{height: 52px}
    
    .history_warp{padding-bottom: 14vw; padding-top: 7vw}
    #growth:after{bottom: -11.1vw}
    .box_wrap.y19{padding-top: 10.75vw !important}
    #growth:before{/*height: 87.2vw*/ height: 132.2vw}
  
    .dot_wrap.yr2016{top: 26vw}
    .year_boxwarp .box_wrap .year_box{padding-bottom: 4.05vw}
    #growth .box_wrap{padding-top: 15.75vw}
    
    .dot_wrap2.yr2017{top: 24.45vw}
    .dot_wrap2.yr2019{top: 69.3vw}
    .dot_wrap2.yr2019{top: 113.3vw}
      .dot_wrap2.end{top: 97.7vw}
    .dot_wrap2{top: 6.7vw}
    .y16 .year_box{padding-top: 10.85vw}
/*    .box_wrap.y19{padding-top: 12.75vw !important}*/
    .dot_wrap.end{top: 61.5vw}

}