button {cursor: pointer;}

/*메인*/
.slick-slide img {display: inline-block;}
.slick-dots {position: static; margin: 30px 0 45px; }
.slick-dots li.slick-active button:before {display: none;}
.slick-dots li button:before {content: ""; display: none;}
.slick-dots li {width: auto; height: auto;}

.slick-dots li.slick-active button {width: 145px; height: 18px; border-radius: 100px; background: #00a019;}
.slick-dots li button {background: #dadada; width: 18px; height: 18px; border-radius: 100px; transition: all 0.3s;}

/*메인 섹션1*/
.main_s1 {text-align: center;}
.main_s1 h1 {padding-bottom: 60px; padding-top: 60px; max-width: 545px; margin: 0 auto;}
.main_s1 .slidetop {position: relative;}

.main_s1 .slidebox .slide img {width: 100%; max-width: 1085px;}
.main_s1 .slidetop .chicken-name {position: absolute; top: -100px; z-index:2; left: 50%; transform: translateX(-50%); transition: top 1s; opacity: 0;}
.main_s1 .slidetop .chicken-name.fade {opacity: 1; top: -50px;}
.main_s1 .slidetop .chicken-name p {font-size: 150px; color: #fff; line-height: 0;  font-family: 'Montserrat'; font-weight: 800;
    text-shadow: 2px 0 7px rgba(0,0,0,0.4);
}

.main_s1 .slidetop.on a {opacity: 1; left: -100px;}
.main_s1 .slidetop a {content: ""; width: 227px; height: 295px; background-image: url(../img/678delivery.png); position: absolute; left: -10%; top: -15%; z-index: 555; opacity: 1; transition: left 1s; border-radius: 0 0 100px 100px; display: inline-block;}

#s1_arrow button {width: 66px; height: 66px; border: 2px solid #eee; display: inline-block; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); background: transparent; background-repeat: no-repeat; background-position: center center; border-radius: 100px;}
#s1_arrow .prev {left: -6%; background-image: url(../img/prev.png);}
#s1_arrow .next {right: -10%; background-image: url(../img/next.png);}

.main_s1 .slidebox {position: relative; right: -2%;}
.main_s1 .slick-dots {transform: translateX(-4%);}


@media only screen and (max-width: 1340px) {

    #s1_arrow {display: none;}
    .main_s1 .slidetop .chicken-name {top: -90px;left: 0; transform: none; width: 100%;}
    .main_s1 .slidetop .chicken-name img {width: 60%;}
    .main_s1 .slidetop .chicken-name.fade {top: -80px;}
    
    .main_s1 .slidetop.on:before {left: -5%;}
    .main_s1 .slidetop:before {width: 30%; height: 30%; opacity: 0; background-repeat: no-repeat; background-size: contain;}
}



@media only screen and (max-width: 787px) {

    .main_s1 h1 {padding-bottom: 50px; padding-top: 50px; }
    .main_s1 h1 img {width: 75%;}
    .main_s1 .slidebox .slide img {width: 100%;}
    .main_s1 .slidetop .chicken-name:nth-of-type(2) img {width: 80%;} 
    .main_s1 .slidetop .chicken-name:nth-of-type(2) {top: -40px;}
    .main_s1 .slidetop .chicken-name:nth-of-type(2).fade {top: -35px;}
    .main_s1 .slidetop .chicken-name {top: -50px;left: 0; transform: none; width: 100%;}
    .main_s1 .slidetop .chicken-name img {width: 60%;}
    
    .main_s1 .slidetop .chicken-name.fade {top: -40px;}
    

    .main_s1 .slidetop.on a {left: -5%;}
    .main_s1 .slidetop a {width: 30%; height: 30%; opacity: 0; background-repeat: no-repeat; background-size: contain;}
    
    .main_s1 .slidebox {position: relative; right: -2.5%;}
   
    
}


/*메인 섹션2*/
.main_s2 {text-align: center; color: #00a019; background: #fee100;}
.main_s2 h2 {font-size: 60px; padding-top: 100px; margin-bottom: 30px; font-family: 'Montserrat'; font-weight: 800;}
.main_s2 dl {padding-bottom: 120px;}
.main_s2 dl dt {font-size: 22px; line-height: 1.5; margin-bottom: 25px;}
.main_s2 dl dd {font-size: 33px; font-weight: bold;}
.right-leaf {position: absolute; right: 0; top: -80px; z-index: 2;}
.left-leaf {position: absolute; left: 0; bottom: -80px; z-index: 2;}


@media only screen and (max-width: 787px) {

    .main_s2 h2 {font-size: 35px; padding-top: 50px;}
    .main_s2 dl {padding-bottom:1rem; word-break: keep-all; }
    .main_s2 dl dt {font-size: 16px; margin-bottom: 1rem;}
    .main_s2 dl dd {font-size: 18px; color: #00a019; font-weight: bold; letter-spacing: -2px;}
    
    
    .right-leaf {right: 0; top: -10%; z-index: 2; width: 100%; text-align: right;}
    .right-leaf img {width: 20%;}
    .left-leaf {left: 0; bottom: -10%; z-index: 2; width: 100%; text-align: left;}
    .left-leaf img {width: 20%;}
}


@media only screen and (max-width: 300px) {

    .main_s2 h2 {font-size: 30px;}
    .main_s2 dl dt {font-size: 10px;}
    .main_s2 dl dd {font-size: 10px;letter-spacing: normal;}
    
}



/*메인 섹션3*/
.main_s3 {text-align: center; position: relative;}
.main_s3 .overflow {overflow: hidden;}
.main_s3 .main-box {max-width: 700px; margin: 0 auto; border: 1px solid #ddd; border-radius: 50px; position: relative; top: -70px; background: #fff; padding: 50px 0 90px;}
.main_s3 .main-box h2 {font-size: 25px; color: #07a31f; font-family: 'Montserrat'; font-weight: 800;}
.main_s3 .middle-blank {height: 486px; position: relative;}
.main_s3 .chicken-name {height: 100px; position: relative; width: 100%; text-align: center; margin: 10px 0;}
.main_s3 .chicken-name h3 {position: absolute; left: 50%; transform: translate(-50%, -50%); word-wrap: normal; width: 100%; top: 50%; opacity: 0; transition: 0.3s; }
.main_s3 .chicken-name h3 img {max-width: 530px;}
.main_s3 .chicken-name h3.fade {opacity: 1;}
.main_s3 .chicken-contant {height: 180px; position: relative;}
.main_s3 .chicken-contant .slidefade {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.main_s3 .chicken-contant .slidefade dl {margin-top: 20px;}

.main_s3 .middle-slide {position: absolute; top:0; width: 100%; overflow: visible; height: 486px;}
.main_s3 .middle-slide .owl-carousel .owl-stage-outer {overflow: visible;}

.main_s3 .middle-slide img {height: 486px; width: auto;}
.main_s3 .middle-slide .owl-item {overflow:visible; transform: translateY(100px); transition: 0.3s;}

.main_s3 .middle-slide .owl-item.center {transform:  translateY(0); transition: 0.3s;}


.middle-slidedots {position: relative; z-index: 9;}
.middle-slidedots li{display: inline-block; margin: 0 5px;}
.middle-slidedots li button {width: 18px; height: 18px; border-radius: 100px; background: #dadada; border: none; transition: 0.3s;}
.middle-slidedots li.active button {width: 145px; background: #00a019;}

.main_s3 .chicken-contant .slidefade.fade {opacity: 1; pointer-events: auto;}
.main_s3 .chicken-contant .slidefade {opacity: 0; transition: opacity 0.3s; pointer-events: none;}
.main_s3 .chicken-contant .slidefade dl dt {font-size: 40px; margin-bottom: 12px; font-weight: bold; word-break: keep-all;}
.main_s3 .chicken-contant .slidefade dl dd {font-size: 22px; word-break: keep-all;}
.main_s3 .chicken-contant .slidefade dl {margin-bottom: 30px;}
.main_s3 .chicken-contant .slidefade > a {font-size: 20px; color: #fff; display: inline-block; padding: 20px 80px; border-radius: 100px; background:#f5ca00; }


@media only screen and (max-width: 787px) {

    .main_s3 .main-box {border-radius: 25px; top: -50px; padding: 20px 0 20px; width: 100%;}
    .main_s3 .main-box h2 {font-size: 24px; padding-top:20px}
    .main_s3 .chicken-name { margin:0;}
    .main_s3 .chicken-name h3 {font-size: 0; box-sizing: border-box; padding: 0 20px;}
    .main_s3 .chicken-name .bur{width: 220px;}
    .main_s3 .chicken-name h3 img {width: 100%; max-width: 328px;}
    
    .main_s3 .middle-blank {height: 200px; position: relative;}
    .main_s3 .middle-slide {top:50%; width: 100%; transform: translateY(-50%); overflow: hidden; height: 200px;}
    .main_s3 .middle-slide img {width: auto; height: 200px;}
    .main_s3 .middle-slide .owl-item.center {transform:  translateY(0);}
    .main_s3 .middle-slide .owl-item {transform: translateY(0); transition: none;}
    .main_s3 .chicken-contant {height: 150px;margin-top: 0;}

    .main_s3 .chicken-contant .slidefade dl dt {font-size: 24px;}
    .main_s3 .chicken-contant .slidefade dl dd {font-size: 14px;}
    .main_s3 .chicken-contant .slidefade > a {font-size: 14px; padding: 10px 50px;}
    
}

@media only screen and (max-width: 472px) {
	
    .main_s3 .chicken-contant .slidefade dl dt {font-size: 20px;}
    .main_s3 .chicken-contant .slidefade dl dd {font-size: 14px;}
    
}

@media only screen and (max-width: 300px) {

    .main_s3 .chicken-contant .slidefade dl dt {font-size: 16px;}
    .main_s3 .chicken-contant .slidefade dl dd {font-size: 10px;}
    .main_s3 .chicken-contant .slidefade > a {font-size: 14px;}
    .middle-slidedots li {margin: 0 2px;}
    
}


/*메인 섹션4*/

.main_s4 {position: relative; overflow: hidden; padding: 120px 0 100px;}
.main_s4 .flex {display: flex; justify-content: center; align-items: center;}
.main_s4 .leftbox {width: calc(30% - 20px); max-width: 540px; margin-right: 20px;}
.main_s4 .leftbox img {width: 100%; position: relative; left: -20%;}
.main_s4 .rightbox {width: 70%; text-align: center;}
.main_s4 .rightbox .scroll {text-align: left;}
.main_s4 .rightbox .slide {display: inline-block; text-align: center;}
.main_s4 .rightbox .slide img {width: 100%;}
.main_s4 .rightbox dl {margin-top: 30px;}
.main_s4 .rightbox dl dt {font-size: 18px; margin-bottom: 5px; font-weight:500}
.main_s4 .rightbox dl dd {font-size: 16px; margin-top: 10px; word-break: keep-all; text-transform: uppercase;}

.main_s4 .table {display: table;}

.main_s4 .leftbox_bottom {display: table-cell;}
.main_s4 .leftbox_bottom dl {margin-top: 20px;}
.main_s4 .leftbox_bottom dl dt {font-size: 35px; font-weight: bold; margin-bottom: 20px; font-family: 'Montserrat'; font-weight: 700; white-space: nowrap;}
.main_s4 .leftbox_bottom dl dd {font-size: 24px; color: #656565; line-height: 1.2;}

.main_s4 .slick-dots li.slick-active button{ background: #f5ca01;}
.main_s4 .slick-dots {margin: 0; position: absolute; bottom: -35%;}

.main_s4 .slick-slide { margin: 0 15px; }
.main_s4 .slick-list { margin: 0 -15px;}

@media only screen and (max-width: 1298px) {
    
    .main_s4 .leftbox img {left: 0;}
    
}




@media only screen and (max-width: 787px) {

    .main_s4 {padding: 100px 0 80px;}
    .my-wrap {padding: 0 20px; box-sizing: border-box;}
    .main_s4 .leftbox {width: 100%; max-width: 540px; text-align: center; margin-bottom: 20px; margin: 0 auto; float: none;}
    .main_s4 .leftbox img {position: relative; right: -5%; left: auto;max-width:180px;}
    .main_s4 .leftbox_bottom {display: block; padding-right:0; text-align: center; margin-bottom: 40px;}
    .main_s4 .leftbox_bottom dl {margin-top: 20px;}
    .main_s4 .leftbox_bottom dl dt {font-size: 24px;margin-bottom: 20px;}
    .main_s4 .leftbox_bottom dl dd {font-size: 20px;}

    .main_s4 .flex {display: block;}
    .main_s4 .rightbox {width: 100%; float: none;}
    .main_s4 .rightbox .scroll {text-align: left;}
    .main_s4 .rightbox .slide {display: inline-block; text-align: center;}
    .main_s4 .rightbox .slide img {width: 100%;}
    .main_s4 .rightbox dl {margin-top: 10px;}
    .main_s4 .rightbox dl dt {font-size: 22px; font-weight: bold; margin-bottom: 5px;}
    .main_s4 .rightbox dl dd {font-size: 14px;}

    .main_s4 .rightbox .slide { margin-right: 20px;}
    .main_s4 .rightbox .slide:last-child {margin-right: 0;}

    
}

@media only screen and (max-width: 300px) {
    
    .main_s4 .leftbox_bottom dl dt {font-size: 24px;margin-bottom: 20px;}
    .main_s4 .leftbox_bottom dl dd {font-size: 16px;}
    
    .main_s4 .rightbox dl dt {font-size: 20px; font-weight: bold; margin-bottom: 5px;}
    .main_s4 .rightbox dl dd {font-size: 12px;}

    
}




/*메인 섹션5*/

.main_s5 {background: #038d42; position: relative; padding: 145px 0 185px 30px;}
.main_s5 .text h2 {font-size: 60px; margin-bottom: 40px; color: #fee100; font-family: 'Montserrat'; font-weight: 800;}
.main_s5 .text p {font-size: 25px; line-height: 1.5; color: #fff;}
.main_s5 .sign {position: absolute; right: -10%; top: -38px;} 



@media only screen and (max-width: 1396px) {

    .main_s5 {padding: 125px 0 165px 0px;}
    .main_s5 .sign {right: -20%;} 
    .main_s5 .sign {height: 100%; top: -38px;}
    .main_s5 .sign img {width: auto; height: 110%;}
    
}

@media only screen and (max-width: 1184px) {

    .main_s5 .text h2 {font-size: 55px; margin-bottom: 40px; color: #fee100; font-family: 'Montserrat'; font-weight: 800;}
    .main_s5 .text p {font-size: 20px; line-height: 1.5; color: #fff;}
    .main_s5 {padding: 145px 0 185px 0px;}
    .main_s5 .sign {height: 100%; top: -38px; right: -30%;}
    .main_s5 .sign img {width: auto; height: 110%;}
    
}

@media only screen and (max-width: 963px) {

    .main_s5 .text h2 {font-size: 50px; margin-bottom: 40px; color: #fee100; font-family: 'Montserrat'; font-weight: 800;}
    .main_s5 .text p {font-size: 15px; line-height: 1.5; color: #fff;}
    .main_s5 {padding: 125px 0 165px 0px;}
    .main_s5 .sign {height: 100%; top: -38px; right: -30%;}
    .main_s5 .sign img {width: auto; height: 110%;}
    
}


@media only screen and (max-width: 787px) {

    .main_s5 {background-color: #038d42; position: relative; padding: 140px 0 0 0; background-image: url(/img/s5bg.png); background-position: 0% 80%; background-size: 50%; background-repeat: no-repeat;}
    .main_s5 .text h2 {font-size: 40px; margin-bottom: 40px;}
    .main_s5 .text p {font-size: 16px; line-height: 1.5; font-weight: normal; word-break: keep-all;}
    .main_s5 .sign {position: relative; right: -35%; top: auto; left: auto; bottom: -10px; max-width: none;} 
    .main_s5 .sign img {width: 100%;}
    
}

@media only screen and (max-width: 360px) {

    .main_s5 .text h2 {font-size: 30px;}
    .main_s5 .text p {font-size: 12px;}
    
}

@media only screen and (max-width: 300px) {

    .main_s5 .text h2 {font-size: 28px;}
    .main_s5 .text p {font-size: 12px;}
    
}


/*메인 섹션6*/ 
.main_s6 {text-align: center; padding:150px 0; background:#fee100;}
.main_s6 .wrap > h2 {color: #00a019; font-size: 33px;}
.main_s6 .wrap > dl {margin: 20px 0 50px;}
.main_s6 .wrap > dl dt {font-size: 60px; margin-bottom: 30px;font-family: 'Montserrat'; font-weight: 800; color: #00a019;}
.main_s6 .wrap > dl dd {font-size: 25px; color: #00a019; line-height: 1.5;}


.main_s6  h2 {color: #00a019; font-size: 33px;}
.main_s6  dl {margin: 20px 0 50px;}
.main_s6  dl dt {font-size: 60px; margin-bottom: 30px;font-family: 'Montserrat'; font-weight: 800; color: #00a019;}
.main_s6  dl dd {font-size: 25px; color: #00a019; line-height: 1.5;}


.main_s6 .step li {width: calc(100%/3 - 240px/3); float: left; position: relative; margin-bottom: 85px; margin-right: 119px;}

.main_s6 .step li:before {width: 51px; height: 18px; background-image: url(../img/franchise_arrow.png); top: 50%; transform: translateY(-50%); right: -87px; content: ""; position: absolute;}
.main_s6 .step li:nth-of-type(3):before {bottom: -52px; right: 38%; top: auto; transform: translateY(0) rotate(90deg);}
.main_s6 .step li:nth-of-type(4):before,
.main_s6 .step li:nth-of-type(5):before {
      -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);

  filter: FlipH;
  -ms-filter: "FlipH";
}

.main_s6 .step li:after {padding-bottom: 100%; content: ""; display: block;}

.main_s6 .step li .text {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; padding:  20px;}
.main_s6 .step li .text h2 {font-size: 22px; color: #00a019; font-family: 'Montserrat'; font-weight: 700;padding-top:2.5rem;}
.main_s6 .step li .text .imgbox {margin: 25px 0;}
.main_s6 .step li .text dl dt {margin-bottom: 15px; font-size: 22px; font-weight: bold;}
.main_s6 .step li .text dl dd {line-height: 1.5; font-size: 18px; color:#474747; }

.main_s6 .step li:nth-of-type(3n+0) {margin-right: 0;}
.main_s6 .step li:last-child:before {display: none;}

@media only screen and (max-width: 977px) {
    
    .main_s6 .step li .text h2 {font-size: 13px;}
    .main_s6 .step li .text .imgbox {margin: 10px 0;}
    .main_s6 .step li .text .imgbox img {width: 50%;}
    .main_s6 .step li .text dl dt {margin-bottom: 5px; font-size:13px;}
    .main_s6 .step li .text dl dd {line-height: 1.5; font-size: 10px;}
    
}


@media only screen and (max-width: 787px) {

    .main_s6 {text-align: center; padding:40px 0 30px; background:#fee100;}
    .main_s6 .wrap > h2 {color: #038d42; font-size: 30px; font-weight: bold;}
    .main_s6 .wrap > dl {margin: 20px 0 30px;}
    .main_s6 .wrap > dl dt {font-size: 45px; margin-bottom: 20px;}
    .main_s6 .wrap > dl dd {font-size: 14px; color: #038d42; word-break: keep-all; letter-spacing: -2px;}


	.main_s6 h2 {color: #038d42; font-size: 30px; font-weight: bold;}
    .main_s6 dl {margin: 20px 0 30px;}
    .main_s6  dl dt {font-size: 45px; margin-bottom: 20px;}
    .main_s6 dl dd {font-size: 14px; color: #038d42; word-break: keep-all; letter-spacing: -2px;}


    
    .main_s6 .step {width: 100%; max-width: 532px; margin: 0 auto;}
    .main_s6 .step li {width: calc(100%/2 - 25px/2); margin-bottom: 25px; margin-right: 25px;}
    .main_s6 .step li:nth-of-type(2n) {margin-right: 0;}
    .main_s6 .step li:before {display: none;}
    .main_s6 .step li:nth-of-type(3):before {display: none;}

    .main_s6 .step li .text h2 {font-size: 16px;}
    .main_s6 .step li .text .imgbox {margin: 10px 0;}
    .main_s6 .step li .text .imgbox img {width: 50%;}
    .main_s6 .step li .text dl dt {margin-bottom: 5px; font-size:16px;}
    .main_s6 .step li .text dl dd {line-height: 1.5; font-size: 10px;}

    .main_s6 .step li:nth-of-type(3n+0) {margin-right: auto;}
    .main_s6 .step li:nth-of-type(3) {margin-right: 20px;}
    .main_s6 .step li:last-child:before {display: none;}
    
}

@media only screen and (max-width: 300px) {

    .main_s6 .wrap > h2 {font-size: 25px;}
    .main_s6 .wrap > dl dt {font-size: 25px;}
    .main_s6 .wrap > dl dd {font-size: 12px;}


	.main_s6 h2 {font-size: 25px;}
    .main_s6 dl dt {font-size: 25px;}
    .main_s6 dl dd {font-size: 12px;}


    .main_s6 .step li .text {padding: 10px;}
    .main_s6 .step li .text h2 {font-size: 12px;}
    .main_s6 .step li .text .imgbox {margin: 5px 0;}
    .main_s6 .step li .text .imgbox img {width: 30%;}
    .main_s6 .step li .text dl dt {margin-bottom: 5px; font-size:10px;}
    .main_s6 .step li .text dl dd {line-height: 1.2; font-size: 10px; letter-spacing: -2px;}
    
}

/*메인 섹션7*/


.main_s7 {text-align: center; padding-bottom: 30px;}
.main_s7 h2 {padding: 90px 0; font-size: 32px; color: #00a019; font-family: 'Montserrat'; font-weight: 700;}
.main_s7 img {width: 100%; max-width: 1143px;}


@media only screen and (max-width: 787px) {
    .main_s7 .wrap {padding: 0;}
    .main_s7 {text-align: center; padding-bottom: 50px;}
    .main_s7 h2 {padding: 50px 0; font-size: 32px;}
    
}



/*추가 by SEO*/
.s2box {width:100%;max-width:540px;display:inline-block;vertical-align:middle;}
.s7box {width:100%;max-width:540px;display:inline-block;vertical-align:middle;}
.s2box img {width:100%;margin:0 auto;} 
.s7box img {width:100%;max-width:200px;margin:0 auto;padding:3rem;} 

.s6box {width:100%;max-width:300px;margin:0 70%;position:relative;margin-bottom:-15rem;}
.s6box img {width:100%;max-width:300px;padding:3rem;} 


.main_logo {width:100%;text-align:center;}
.main_logo img {width:100%;max-width:800px;margin:4rem 0 2rem 0;}
.partnership_box1 {width:100%;max-width:230px;display:inline-block;vertical-align:top;text-align:center;}
.partnership_box1 img {width:100%;max-width:150px;padding:1rem;}
.partnership_box2 {width:100%;max-width:605px;display:inline-block;vertical-align:top;}

@media screen and (max-width: 787px){
.s7box img {width:80%;margin:0 auto;max-width:150px;} 

.s6box {width:80%;max-width:200px;margin:0 50%;position:relative;margin-bottom:-5rem;}
.s6box img {width:80%;max-width:200px;padding:3rem;} 

}

@media screen and (max-width: 300px){
.s7box img {width:80%;margin:0 auto;max-width:150px;} 

.s6box {width:100%;max-width:150px;margin:0 auto;margin-bottom:-5rem;}
.s6box img {width:100%;max-width:150px;} 

}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/


/*메뉴 스타일*/

#menu .menubar {text-align: center; padding-bottom: 50px;}

#menu .menubar .chicken {margin-top: 50px;}
#menu .menubar .chicken li {float: left; width: calc(100%/4);  font-weight: 500; position: relative; padding-bottom: 60px;}
#menu .menubar .chicken li .box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#menu .menubar .chicken li:after {content: ""; display: block; padding-bottom: 80%;}
#menu .menubar .chicken li img {width: 70%;}
#menu .menubar .chicken li .bgt01 {transform: translateY(-30px);}
#menu .menubar .chicken li .bgt {width: 87%;}

#menu .menubar .chicken li:nth-of-type(3n){margin-right: 0;}
#menu .menubar .chicken li dl {margin-top: 15px; color: #404040;}
#menu .menubar .chicken li dl dt {font-size: 17px; margin-bottom: 10px; margin-bottom: 10px; font-weight: 500;}
#menu .menubar .chicken li dl dd {font-size:15px;  font-weight: 500; text-transform:uppercase;}

#menu .menubar .chicken li h3 {font-size: 18px; font-weight: 300;}
#menu .menubar .side {margin-top: 0;}




@media screen and (max-width: 787px){
    #menu .menubar .chicken li .box {position: static;}
    #menu .menubar .chicken li:after {display: none;}
    
    
    #menu .menubar .chicken {margin-top: 50px;}
    
    #menu .menubar .chicken:last-child {margin-top: 0;}
    
    #menu .menubar .chicken li {width: 100%; max-width: 500px; float: none; margin: 0 auto 60px; }
    #menu .menubar .chicken li .box {}
    #menu .menubar .chicken li .imgbox img {max-width: 400px;}
    #menu .menubar .chicken li:nth-of-type(3n){margin-right: auto;}
    #menu .menubar .chicken li dl {color: #404040;}
    #menu .menubar .chicken li dl dt {font-size: 18px; font-weight: 800;}
    #menu .menubar .chicken li dl dd:nth-of-type(1) {margin-bottom: 10px;  font-size: 16px; font-weight: 800;}
    #menu .menubar .chicken li dl dd:nth-of-type(2) {font-size: 18px;}
    #menu .menubar .chicken li p.mob {font-size: 16px; margin-top: 10px;}
    
    #menu .menubar .chicken li {display: none;}
    #menu .menubar .chicken li.one {display: block;}
    
    #menu .tap-menu {padding-top: 25px; display: flex; align-items: center;}
    #menu .tap-menu li {font-size:  18px; flex: 1; color: #888888; padding: 12px 0; cursor: pointer; border-radius:7px}
    #menu .tap-menu li.active {background: #038d42; color: #fff; position: relative;}
    #menu .tap-menu li.active:after {position: absolute; width: 15px; height: 15px; transform: rotate(45deg) translateX(-50%); left: 50%; content: ""; bottom: -10px; background: #038d42; z-index: -1;}
    
    #menu .menubar .chicken li h3 {font-size: 24px; color: #404040; font-weight: bold;}
    
    
}


@media screen and (max-width: 300px){
    
    
    #menu .menubar .chicken li dl dt {font-size: 18px;}
    #menu .menubar .chicken li dl dd:nth-of-type(1) {font-size: 13px;}
    #menu .menubar .chicken li dl dd:nth-of-type(2) {font-size: 12px;}
    #menu .menubar .chicken li p.mob {font-size: 12px;}
    #menu .tap-menu li {font-size:  14px;}
    #menu .menubar .chicken li h3 {font-size: 18px;}
    
    
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/


/*스토어 스타일*/
.store {padding: 50px 0 80px;}

.store .map {background-color:#f9f8f6; box-sizing: border-box; position: relative; }
.store .map:after {clear: both; content: ""; display: block; padding-bottom: 100%;}
.store .map .imgbox {position: absolute; left: 30px; top: 50%; transform: translateY(-50%);}

.store .map ul { position: absolute; right: 0; top: 50%; transform: translateY(-50%); box-sizing: border-box; padding-right: 60px;}
.store .map ul li{margin-bottom: 20px; background: #fff;}
.store .map ul li:last-child {margin-bottom: 0;}
.store .map ul li .box {border: 1px solid #dad9d7; padding: 20px 30px; display: flex; height: 100%; align-items: center;}

.store .map ul li .box > div {height: 100%; text-align: center;}

.store .map ul li .box .left {margin-right: 0; width: 40%;}
.store .map ul li .box .left img {max-width: 162px; position: relative; left: 10px; width: 100%;}
.store .map ul li .box .left h2 {margin-top: 10px; font-size: 18px; font-weight: normal; color: #222222;}

.store .map ul li .box .right { width: 60%; justify-content: center;text-align: center; font-size: 16px; color: #666666; line-height: 1.5; word-break: keep-all; margin-left: 30px;}

.store .st2 {text-align: center;}
.store .st2 h2 {font-size: 32px; padding: 75px 0 60px;}
.store .st2 ul.tap li {float: left; width: calc(100%/3); font-size: 18px; border: 1px solid #bdbdbd;box-sizing: border-box; padding: 20px 0; cursor: pointer; margin-left: -1px;}
.store .st2 ul.tap li:nth-of-type(2) {border-left: none; border-right: none;}

.store .st2 ul.tap {margin-bottom: 10px;}
.store .st2 ul.tap li.active {background:#038d42; border-color: #038d42; color: #fff; position: relative;}
.store .st2 ul.tap li.active:after {content: ""; position: absolute; left: 50%; transform: rotate(45deg) translateX(-50%); width: 15px; height: 15px; background: #038d42; bottom: -10px;}


.store .st2 table {table-layout: fixed; border-collapse: collapse; width: 100%; font-size: 18px;}
.store .st2 table tbody tr {border-bottom: 1px solid #cccccc;}
.store .st2 table th {color: #038d42; border-bottom: 1px solid #038d42;}
.store .st2 table th,
.store .st2 table td {padding: 20px 0; word-break: keep-all;}
.store .st2 table tr.off-screen { display:  none;}

.store .st2 .tabledots {text-align: center; margin-top: 50px;}
.store .st2 .tabledots li {width: 40px; height: 40px; border-radius: 100%; display: inline-block; margin: 0 5px; font-size: 20px; line-height: 40px; color: #888888; cursor: pointer;}
.store .st2 .tabledots li.active {color: #fee100; font-weight: bold; background: #038d42;}

/*
.store #area {display: none;}
.store #orarea {display: none;}
*/

@media screen and (max-width: 1043px){
    
    .store {padding: 18px 0 120px;}
    .store .map {height: auto; padding-bottom: 100px;}
    .store .map:after {padding-bottom: 0;}
    .store .map .imgbox {position: static; transform: none; text-align: center; padding: 30px 0;}
    .store .map .imgbox img {width: 90%; margin: 0 auto; max-width: 455px;}
    .store .map ul { position: static; transform: none; padding: 0 5%;}
    
}


@media screen and (max-width: 831px){
    .store .st2 table td {font-size: 16px;}
}




@media screen and (max-width: 787px){
    
    /* 모바일 테이블*/
    .store .mobset li {text-align: left; border-bottom: 1px solid #ddd; padding: 20px 0;}
    .store .mobset li h2{font-size: 24px; padding: 0; font-weight: normal;}
    .store .mobset li p {font-size: 18px; margin-top: 18px; position: relative; position: relative; }
    .store .mobset li p span { width: 85%; display: inline-block; margin-left: 15%;}
    .store .mobset li p strong {font-weight: normal; color: #038d42; width: 15%; display: inline-block; vertical-align: middle; position: absolute; top: 50%; transform: translateY(-50%);}
    .store .mobtabledots {text-align: center; margin-top: 50px;}
    .store .mobtabledots li {width: 40px; height: 40px; border-radius: 100%; display: inline-block; margin: 0 5px; font-size: 20px; line-height: 40px; color: #888888; cursor: pointer;}
    .store .mobtabledots li.active {color: #fee100; font-weight: bold; background: #038d42;}
    .store .mobset li.off-screen {display: none;}
    /**/
    
    .store .map {padding-bottom: 50px;}
	.store .map ul li .box {padding: 5%;}
    .store .map ul li .box .right {font-size: 12px;}
    .store .map ul li .box .left h2 {font-size: 14px;}
    
    .store .st2 h2 {font-size: 28px; padding: 55px 0 50px;}
    .store .st2 ul.tap li {font-size: 14px;}
    
}

@media screen and (max-width: 540px){
    
    .store .mobset li h2{font-size: 20px;}
    .store .mobset li p {font-size: 14px;}
    
}

@media screen and (max-width: 427px){
    
    .store .mobset li h2{font-size: 16px;}
    .store .mobset li p {font-size: 12px;}
    
}

@media screen and (max-width: 373px){
    
    .store .mobset li h2{font-size: 12px;}
    .store .mobset li p {font-size: 10px;}
    
}

@media screen and (max-width: 329px){
    
    .store .st2 h2 {font-size: 24px;}
    .store .mobset li p strong {width: 30%;}
    .store .mobset li p span {width: 70%; word-break: keep-all; margin-left: 30%;}
    .store .mobset li h2{font-size: 10px;}
    .store .mobset li p {font-size: 8px;}
    .store .map ul li .box .right {font-size: 10px;}
    
}