/*서브*/
@import url("reset.css");

.main {width:100%; position:relative;}

.main .more {display:inline-block; vertical-align:middle;}
.main .more a {display:block; width:100%; height:100%; font-family: 'Poppins', sans-serif; font-size:16px;}
.main .more span {display:inline-block; padding-right:20px; position:relative;} 
.main .more span:before {content:""; width:12px; height:12px; background:url(/img/main/more.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:calc(50% + 1px); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); transition:transform .2s ease-in-out;}
.main .more:hover span:before {-webkit-transform:translateY(-50%) rotate(180deg); -moz-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg);}

.main .slide-arrow  {width:100%; font-size:0;}
.main .slide-arrow .arrow {width:50px; height:50px; border-radius:50%; display:inline-block; vertical-align:middle; margin-left:8px; background:#fff; border:1px solid #E4E4E4; overflow:hidden; cursor:pointer; position:relative;}
.main .slide-arrow .arrow:nth-child(1) {margin-left:0;}
.main .slide-arrow .arrow:before {content:""; width:100%; height:100%; background:url(/img/main/arrow_g.svg) center no-repeat; position:absolute; left:0; top:0;}
.main .slide-arrow .arrow.next:before {-webkit-transform:scaleX(-1); -moz-transform:scaleX(-1); transform:scaleX(-1);}
.main .slide-arrow .arrow:hover {background:#009554; border-color:#009554;}
.main .slide-arrow .arrow:hover:before {background-image:url(/img/main/arrow_w.svg);}

.main .visual {width:100%; height:800px; position:relative; background:#000; z-index:1;}
.main .visual .visual-bg {width:100%; height:100%; position:absolute; left:0; top:0; background:url(/img/main/visual.png) center no-repeat; background-size:cover; z-index:0; animation:visualAni 1.2s ease 0s forwards;}
.main .visual .visual-bg:after {content:""; width:100%; height:100%; background:rgba(32,32,32,0.6); position:absolute; left:0; top:0;}
.main .visual .visual-conts {width:100%; height:100%; position:relative; z-index:10;}
.main .visual .visual-conts > .inner {width:90%; position:absolute; left:50%; top:calc(50% - 67px); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center;}
.main .visual .visual-conts i {display:block; width:100%; height:64px; background:url(/img/main/ci.svg) center no-repeat; background-size:auto 100%;}
.main .visual .visual-conts h1 {font-family: 'SEOULMILK'; font-size:40px; font-weight:700; color:#fff; margin:30px 0 10px 0;}
.main .visual .visual-conts .txt {font-size:20px; color:rgba(255,255,2555,0.7);}

.main .factory {width:90%; max-width:1600px; margin:0 auto; background: rgb(114,187,111); background: linear-gradient(70deg, rgba(114,187,111,1) 0%, rgba(0,149,84,1) 100%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:relative; z-index:2;}
.main .factory ul {width:100%; font-size:0;}
.main .factory ul li {display:inline-block; vertical-align:middle; width:50%; cursor:pointer; border-left:1px solid rgba(255,255,255,0.2);}
.main .factory ul li:nth-child(1) {border-left:none;}
.main .factory ul li .factory-box {width:100%; height:270px; position:relative; display:table; padding:40px 70px;}
.main .factory ul li .factory-box > .inner {width:100%; display:table-cell; vertical-align:middle; position:relative;}
.main .factory ul li .factory-box > .inner:before {content:""; width:100%; background-position:right 3px top; background-repeat:no-repeat; background-size:auto 100%; position:absolute; left:0; top:10px; z-index:0;}
.main .factory ul li .factory-box > .inner > * {position:relative; z-index:10;}
.main .factory ul li .factory-box h1 {font-family: 'SEOULMILK'; font-size:24px; font-weight:700; color:#fff;}
.main .factory ul li .factory-box .txt {font-size:16px; color:#fff; width:100%; height:50px; margin:10px 0 15px 0; width:80%;}
.main .factory ul li .factory-box .button-box {width:100%; margin-top:-8px; font-size:0;}
.main .factory ul li .factory-box .button-box .btn {display:inline-block; vertical-align:middle; height:44px; margin-right:8px; margin-top:8px; border:1px solid #fff; border-radius:50px; overflow:hidden;}
.main .factory ul li .factory-box .button-box .btn a {display:block; width:100%; height:100%; padding:0 25px; font-size:16px; color:#fff; line-height:42px;}
.main .factory ul li .factory-box .button-box .btn:hover {background:#fff;}
.main .factory ul li .factory-box .button-box .btn:hover a {color:#46B07A;}
.main .factory ul li .factory-box:hover {background:#46B07A;}
.main .factory ul li .factory-box.geochang > .inner:before {height:84px; background-image:url(/img/main/icon_factory_01.svg);}
.main .factory ul li .factory-box.yangju > .inner:before {height:71px; background-image:url(/img/main/icon_factory_02.svg);}

.main .section-wrap {width:100%; margin-top:-135px;}
.main .section-wrap section {width:100%; position:relative; padding:150px 0;}
.main .section-wrap section > .inner {overflow:hidden; position:relative; z-index:10;}
.main .section-wrap section .title {margin-bottom:50px;}
.main .section-wrap section .title h1 {font-family: 'SEOULMILK'; font-size:30px; font-weight:700;}
.main .section-wrap section .title h1.ty-2 {color:#009554;}
.main .section-wrap section .title .txt {margin-top:5px;}

.main .section-wrap .review:before,
.main .section-wrap .review:after {content:""; width:50%; height:100%; position:absolute; z-index:0; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transform:translateY(30px); opacity:0;}
.main .section-wrap .review:before {background:url(/img/main/review_obj_01.svg) left bottom no-repeat; left:-5%; bottom:-26%; transition:transform 1s 0.2s ease-in-out, opacity 1s 0.2s ease-in-out;}
.main .section-wrap .review:after {height:115%; background:url(/img/main/review_obj_02.svg) right top no-repeat; right:-10%; bottom:0; transition:transform 1s 0.3s ease-in-out, opacity 1s 0.3s ease-in-out;}
.main .section-wrap .review.action.on:before {-webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); opacity:1}
.main .section-wrap .review.action.on:after {-webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); opacity:1}
.main .section-wrap .review .review-wrap {width:100%; margin-left:calc(50% - 800px); display:flex; flex-wrap:wrap;}
.main .section-wrap .review .title {width:380px; position:relative; margin-bottom:0;}
.main .section-wrap .review .tab {width:100%; margin-top:40px; font-size:0;}
.main .section-wrap .review .tab span {display:inline-block; vertical-align:middle; margin-left:8px; border-radius:40px; height:44px; border:2px solid #fff; background:transparent; overflow:hidden; box-sizing:border-box;}
.main .section-wrap .review .tab span:nth-child(1) {margin-left:0;}
.main .section-wrap .review .tab span a {display:block; font-size:0; font-size:16px; font-weight:700; line-height:40px; padding:0 25px;}
.main .section-wrap .review .tab span.on {border-color:#009554; background:#fff;}
.main .section-wrap .review .tab span.on a {color:#009554;}
.main .section-wrap .review .slide-arrow {position:absolute; left:0; bottom:0; font-size:0; z-index:10;}
.main .section-wrap .review .sec-conts {width:calc(100% - 380px);}
.main .section-wrap .review .sec-conts .conts-box {display:none;}
.main .section-wrap .review .sec-conts .conts-box.active {display:block;}
.main .section-wrap .review .sec-conts .card-box {width:300px; height:374px; -webkit-box-shadow:0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow : 0px 3px 6px 0px rgba(0,0,0,0.16); filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=10); box-shadow : 0px 3px 6px 0px rgba(0,0,0,0.16); position:relative; background:#fff;}
.main .section-wrap .review .sec-conts .card-box > a {display:block; width:100%; height:100%; position:relative; z-index:10;}
.main .section-wrap .review .sec-conts .card-box > a:before,
.main .section-wrap .review .sec-conts .card-box > a:after {content:""; width:0; height:0; position:absolute; transition:height .15s ease-out, width .15s .15s ease-out, border-color .15s .3s; border:6px solid transparent; box-sizing:border-box; z-index:1;}
.main .section-wrap .review .sec-conts .card-box > a:before {left:0; top:0;}
.main .section-wrap .review .sec-conts .card-box > a:after {right:0; bottom:0;}
.main .section-wrap .review .sec-conts .card-box > a:hover:before,
.main .section-wrap .review .sec-conts .card-box > a:hover:after {width:100%; height:100%;}
.main .section-wrap .review .sec-conts .card-box > a:hover:before {border-top-color:#009554; border-right-color:#009554; transition:width .15s ease-out, height .15s .15s ease-out;}
.main .section-wrap .review .sec-conts .card-box > a:hover:after {border-bottom-color:#009554; border-left-color:#009554; transition:border-color 0s .3s ease-out, width .15s .3s ease-out, height .15s .45s ease-out;}
.main .section-wrap .review .sec-conts .card-box .wrap {width:100%; height:100%;}
.main .section-wrap .review .sec-conts .card-box .conts {width:100%; height:100%; position:relative;}
.main .section-wrap .review .sec-conts .card-box .conts .category {font-size:14px; font-weight:700; color:#72BB6F;}
.main .section-wrap .review .sec-conts .card-box .conts h1 {font-size:18px; font-weight:700; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .section-wrap .review .sec-conts .card-box .conts .txt {width:100%; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis;}
.main .section-wrap .review .sec-conts .card-box .conts .date {font-family: 'Poppins', sans-serif; font-size:14px; color:#aaa;}
.main .section-wrap .review .sec-conts .card-box .thumnail {width:100%;}
.main .section-wrap .review .sec-conts .card-box .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(199 / 299 * 100%); overflow:hidden; position:relative;}
.main .section-wrap .review .sec-conts .card-box .thumnail span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:0;}
.main .section-wrap .review .sec-conts .card-box .question {width:100%; height:120px; display:table; padding:0 30px;}
.main .section-wrap .review .sec-conts .card-box .question > .inner {width:100%; display:table-cell; vertical-align:middle;}
.main .section-wrap .review .sec-conts .card-box .question .conts {padding-left:50px; position:relative; font-size:16px; font-weight:700; color:#009554; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:48px;}
.main .section-wrap .review .sec-conts .card-box .question .conts:before {content:"Q"; width:36px; height:36px; border-radius:50%; text-align:center; font-family: 'Poppins', sans-serif; font-size:18px; font-weight:400; line-height:36px; background:#009554; box-sizing:border-box; color:#fff; position:absolute; left:0; top:0;}
.main .section-wrap .review .sec-conts .card-box .ask {width:100%; height:calc(100% - 120px); padding:20px 30px; background:#FAFAFA;}
.main .section-wrap .review .sec-conts .card-box .ask .conts {padding-left:50px; position:relative; font-size:16px; color:#666; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:96px;}
.main .section-wrap .review .sec-conts .card-box .ask .conts:before {content:"A"; width:36px; height:36px; border-radius:50%; text-align:center; font-family: 'Poppins', sans-serif; font-size:18px; line-height:36px; background:#fff; box-sizing:border-box; color:#009554; position:absolute; left:0; top:0;}
.main .section-wrap .review .sec-conts .card-box.ty-1 .conts {padding:40px 30px;}
.main .section-wrap .review .sec-conts .card-box.ty-1 .conts h1 {margin:10px 0 30px 0;}
.main .section-wrap .review .sec-conts .card-box.ty-1 .conts .txt {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:65px;}
.main .section-wrap .review .sec-conts .card-box.ty-1 .conts .date {position:absolute; bottom:40px;}
.main .section-wrap .review .sec-conts .card-box.ty-2 .conts {padding:20px 30px;}
.main .section-wrap .review .sec-conts .card-box.ty-2 .conts h1 {margin:10px 0;}
.main .section-wrap .review .sec-conts .card-box.ty-2 .conts .txt {white-space:nowrap;}
.main .section-wrap .review .sec-conts .review-slide li {padding:3px 8px 10px 8px;}
.main .section-wrap .review .sec-conts .review-slide .slick-list {margin:0 -7px;}
.main .section-wrap .review .sec-conts .review-slide .slick-slide {margin:0 7px;}
.main .section-wrap .review .sec-conts .faq-slide li {padding:3px 8px 10px 8px;}
.main .section-wrap .review .sec-conts .faq-slide .slick-list {margin:0 -7px;}
.main .section-wrap .review .sec-conts .faq-slide .slick-slide {margin:0 7px;}
.main .section-wrap .review .btn-box {width:90%; max-width:1600px; margin:0 auto; margin-top:30px; text-align:right;}

.main .section-wrap .gallery {background:#F1F9F1;}
.main .section-wrap .gallery .title {text-align:center;}
.main .section-wrap .gallery .sec-conts .img-box {width:100%; position:relative;}
.main .section-wrap .gallery .sec-conts .img-box a {display:block; width:100%; height:100%; z-index:10; position:relative;}
.main .section-wrap .gallery .sec-conts .img-box .img {width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; z-index:0;}
.main .section-wrap .gallery .sec-conts .img-box .img:after {content:""; width:100%; height:50%; background:Red; position:absolute; left:0; bottom:0; z-index:1; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); opacity:0.45;}
.main .section-wrap .gallery .sec-conts .img-box .img img {width:100%; height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:0;}
.main .section-wrap .gallery .sec-conts .img-box .tag {width:100%; position:absolute; left:0; bottom:0; z-index:10; padding:30px 10px; text-align:center;}
.main .section-wrap .gallery .sec-conts .img-box .tag span {font-family: 'SEOULMILK'; font-size:18px; color:#fff;}
.main .section-wrap .gallery .sec-conts .gallery-slide {width:100%; max-width:1920px; margin:0 auto;}
.main .section-wrap .gallery .sec-conts .gallery-slide .slick-list {margin:0 -15px;}
.main .section-wrap .gallery .sec-conts .gallery-slide .slick-slide {margin:0 15px;}
.main .section-wrap .gallery .sec-conts .gallery-slide .slick-center .img-box a:after {content:""; width:100%; height:100%; box-sizing:border-box; border:6px solid #009554; position:absolute; left:0; top:0;}
.main .section-wrap .gallery .btn-box {width:90%; max-width:1600px; margin:0 auto; margin-top:30px; text-align:right;}
.main .section-wrap .gallery .btn-box.mo {text-align:center; display:none;}
.main .section-wrap .gallery .slide-arrow {width:100%; text-align:center;}


@keyframes visualAni{
	0% { transform:skewX(6deg); opacity:0; }
	100% { transform:skewX(0deg); opacity:1; }
}


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

	.main .section-wrap .review:before {background-size:auto 70%;}
	.main .section-wrap .review:after {background-size:auto 90%;}
	.main .section-wrap .review .review-wrap {margin-left:5%;}

}


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

	.main .visual {height:700px;}

	.main .factory ul li .factory-box {padding:30px 40px;}
	.main .factory ul li .factory-box.geochang > .inner:before {height:64px;}
	.main .factory ul li .factory-box.yangju > .inner:before {height:51px;}

	.main .section-wrap .review:before {background-size:auto 50%; bottom:-18%;}
	.main .section-wrap .review:after {background-size:auto 70%;}

	.main .section-wrap .gallery .sec-conts .img-box .tag {padding:15px 5px;}
	.main .section-wrap .gallery .sec-conts .img-box .tag span {font-size:16px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-list {margin:0 -10px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-slide {margin:0 10px;}

}


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

	.main .visual {height:620px;}
	.main .visual .visual-conts i {height:60px;}
	.main .visual .visual-conts h1 {font-size:36px; margin:25px 0 10px 0;}
	.main .visual .visual-conts .txt {font-size:18px;}

	.main .factory ul li .factory-box {height:250px; padding:25px 35px;}
	.main .factory ul li .factory-box h1 {font-size:22px;}
	.main .factory ul li .factory-box .button-box .btn {height:40px;}
	.main .factory ul li .factory-box .button-box .btn a {padding:0 20px; line-height:38px;}
	.main .factory ul li .factory-box.geochang > .inner:before {height:49px;}
	.main .factory ul li .factory-box.yangju > .inner:before {height:36px;}

	.main .section-wrap {margin-top:-125px;}
	.main .section-wrap section {padding:120px 0;}
	.main .section-wrap section .title h1 {font-size:26px;}
	
	.main .section-wrap .review .title {width:320px;}

	.main .section-wrap .gallery .sec-conts .img-box .tag span {font-size:14px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-list {margin:0 -8px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-slide {margin:0 8px;}

}


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

	.main .visual .visual-conts > .inner {top:calc(50% - 55px);}

	.main .factory ul li .factory-box {height:220px; padding:20px 30px;}
	.main .factory ul li .factory-box h1 {font-size:20px;}
	.main .factory ul li .factory-box .txt {font-size:14px; height:44px;}
	.main .factory ul li .factory-box .button-box .btn {height:36px;}
	.main .factory ul li .factory-box .button-box .btn a {padding:0 15px; line-height:34px; font-size:14px;}
	.main .factory ul li .factory-box.geochang > .inner:before {height:45px;}
	.main .factory ul li .factory-box.yangju > .inner:before {height:32px;}

}


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

	.main .more a {font-size:15px;}
	.main .more span {padding-right:18px;}
	.main .more span:before {width:10px; height:10px;}

	.main .visual {height:85vh;}
	.main .visual .visual-conts > .inner {top:calc(50% - 77px);}	
	.main .visual .visual-conts h1 {font-size:32px;}
	.main .visual .visual-conts .txt {font-size:16px;}

	.main .factory {width:90%; margin-left:auto; margin-right:0; background:none; -webkit-transform:translateY(calc((100% + 40px) * -1)); -moz-transform:translateY(calc((100% + 40px) * -1)); transform:translateY(calc((100% + 40px) * -1));}
	.main .factory .slick-list {margin:0 -10px;}
	.main .factory .slick-slide {margin:0 10px;}
	.main .factory ul li {border-left:none;}
	.main .factory ul li .factory-box {height:230px;}
	.main .factory ul li .factory-box > .inner:before {display:none;}
	.main .factory ul li .factory-box .button-box .btn {background:#fff;}
	.main .factory ul li .factory-box.geochang {background:#46B07A;}
	.main .factory ul li .factory-box.yangju {background:#72BB6F;}
	.main .factory ul li .factory-box.geochang .button-box .btn a {color:#46B07A;}
	.main .factory ul li .factory-box.yangju .button-box .btn a {color:#72BB6F;}
	/*.main .factory ul li .factory-box {pointer-events:none;}*/

	.main .section-wrap {margin-top:-270px;}
	.main .section-wrap section {padding:100px 0;}
	.main .section-wrap section .title {margin-bottom:40px;}
	.main .section-wrap section .title h1 {font-size:22px;}
	.main .section-wrap section .title .txt {font-size:16px;}

	.main .section-wrap .review:before {background-size:auto 50%; background-position:right bottom 20px; left:-25%; bottom:0;}
	.main .section-wrap .review:after {background-image:url(/img/main/review_obj_03.svg); background-position:left top; background-size:auto 70%; right:-10%; bottom:10%;}
	.main .section-wrap .review .review-wrap {width:90%; margin-left:auto; margin-right:0;}
	.main .section-wrap .review .title {width:100%; margin-bottom:40px;}
	.main .section-wrap .review .tab {margin-top:30px;}
	.main .section-wrap .review .tab span {height:40px;}
	.main .section-wrap .review .tab span a {font-size:15px; line-height:36px; padding:0 20px;}
	.main .section-wrap .review .slide-arrow {display:none;}
	.main .section-wrap .review .sec-conts {width:100%;}
	.main .section-wrap .review .sec-conts .card-box {width:260px; height:338px;}
	.main .section-wrap .review .sec-conts .card-box > a {border-width:5px;}
	.main .section-wrap .review .sec-conts .card-box .conts .category {font-size:13px;}
	.main .section-wrap .review .sec-conts .card-box .conts h1 {font-size:16px;}
	.main .section-wrap .review .sec-conts .card-box .conts .txt {font-size:13px;}
	.main .section-wrap .review .sec-conts .card-box .conts .date {font-size:13px;}
	.main .section-wrap .review .sec-conts .card-box .question {height:100px; padding:0 25px;}
	.main .section-wrap .review .sec-conts .card-box .question .conts {padding-left:45px; font-size:15px; height:45px;}
	.main .section-wrap .review .sec-conts .card-box .question .conts:before {width:32px; height:32px; font-size:16px; line-height:32px;}
	.main .section-wrap .review .sec-conts .card-box .ask {height:calc(100% - 100px); padding:20px 25px;}
	.main .section-wrap .review .sec-conts .card-box .ask .conts {padding-left:45px; font-size:15px; height:90px;}
	.main .section-wrap .review .sec-conts .card-box .ask .conts:before {width:32px; height:32px; font-size:16px; line-height:32px;}
	.main .section-wrap .review .sec-conts .card-box.ty-1 .conts {padding:35px 25px;}
	.main .section-wrap .review .sec-conts .card-box.ty-1 .conts h1 {margin:8px 0 25px 0;}
	.main .section-wrap .review .sec-conts .card-box.ty-1 .conts .txt {height:62px;}
	.main .section-wrap .review .sec-conts .card-box.ty-1 .conts .date {bottom:35px;}
	.main .section-wrap .review .sec-conts .card-box.ty-2 .conts {padding:15px 25px;}
	.main .section-wrap .review .sec-conts .card-box.ty-2 .conts h1 {margin:8px 0;}
	.main .section-wrap .review .sec-conts .review-slide .slick-list {margin:0 -5px;}
	.main .section-wrap .review .sec-conts .review-slide .slick-slide {margin:0 5px;}
	.main .section-wrap .review .sec-conts .faq-slide .slick-list {margin:0 -5px;}
	.main .section-wrap .review .sec-conts .faq-slide .slick-slide {margin:0 5px;}
	.main .section-wrap .review .btn-box {margin-top:25px;}


	.main .section-wrap .gallery .sec-conts .img-box .tag {padding:20px 5px;}
	.main .section-wrap .gallery .sec-conts .img-box .tag span {font-size:15px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-list {margin:0 -15px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-slide {margin:0 15px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-center .img-box a:after {border-width:5px;}
	.main .section-wrap .gallery .btn-box {display:none;}
	.main .section-wrap .gallery .btn-box.mo {display:block;}
	.main .section-wrap .gallery .slide-arrow {margin-top:40px;}

}


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

	.main .factory ul li .factory-box {width:350px;}

	.main .section-wrap .gallery .sec-conts .img-box .tag {padding:15px 5px;}
	.main .section-wrap .gallery .sec-conts .img-box .tag span {font-size:14px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-list {margin:0 -10px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-slide {margin:0 10px;}

}


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

	.main .more a {font-size:13px;}
	.main .more span {padding-right:16px;}
	.main .more span:before {width:8px; height:8px;}

	.main .slide-arrow .arrow {width:40px; height:40px;}
	.main .slide-arrow .arrow:before {background-size:auto 12px;}

	.main .visual .visual-conts > .inner {top:calc(50% - 100px);}
	.main .visual .visual-conts i {height:55px;}
	.main .visual .visual-conts h1 {font-size:24px; margin:15px 0 8px 0;}
	.main .visual .visual-conts .txt {font-size:15px;}
	.main .visual .visual-conts .txt .br {display:inline-block;}

	.main .factory {-webkit-transform:translateY(calc((100% + 30px) * -1)); -moz-transform:translateY(calc((100% + 30px) * -1)); transform:translateY(calc((100% + 30px) * -1));}
	.main .factory ul li .factory-box {width:100%; max-width:280px; padding:15px 20px;}
	.main .factory ul li .factory-box h1 {font-size:18px;}
	.main .factory ul li .factory-box .txt {font-size:13px; height:40px; margin:8px 0 12px; width:100%;}
	.main .factory ul li .factory-box .button-box .btn {height:32px;}
	.main .factory ul li .factory-box .button-box .btn a {line-height:30px; font-size:13px;}

	.main .section-wrap {margin-top:-230px;}
	.main .section-wrap section {padding:60px 0;}
	.main .section-wrap section .title {margin-bottom:30px;}
	.main .section-wrap section .title h1 {font-size:20px;}
	.main .section-wrap section .title .txt {font-size:14px; margin-top:3px;}

	.main .section-wrap .review:before {background-size:auto 50%;}
	.main .section-wrap .review:after {background-size:auto 50%; right:-10%; bottom:5%;}
	.main .section-wrap .review .title {margin-bottom:30px;}
	.main .section-wrap .review .tab {margin-top:20px;}
	.main .section-wrap .review .tab span {height:36px;}
	.main .section-wrap .review .tab span a {font-size:13px; line-height:32px; padding:0 15px;}
	.main .section-wrap .review .sec-conts .card-box {width:220px; height:280px;}
	.main .section-wrap .review .sec-conts .card-box > a {border-width:4px;}
	.main .section-wrap .review .sec-conts .card-box .conts .category {font-size:12px;}
	.main .section-wrap .review .sec-conts .card-box .conts h1 {font-size:14px;}
	.main .section-wrap .review .sec-conts .card-box .conts .txt {font-size:12px;}
	.main .section-wrap .review .sec-conts .card-box .conts .date {font-size:12px;}
	.main .section-wrap .review .sec-conts .card-box .question {height:80px; padding:0 20px;}
	.main .section-wrap .review .sec-conts .card-box .question .conts {padding-left:36px; font-size:13px; height:40px;}
	.main .section-wrap .review .sec-conts .card-box .question .conts:before {width:26px; height:26px; font-size:14px; line-height:26px;}
	.main .section-wrap .review .sec-conts .card-box .ask {height:calc(100% - 80px); padding:20px 20px;}
	.main .section-wrap .review .sec-conts .card-box .ask .conts {padding-left:36px; font-size:13px; height:78px;}
	.main .section-wrap .review .sec-conts .card-box .ask .conts:before {width:26px; height:26px; font-size:14px; line-height:26px;}
	.main .section-wrap .review .sec-conts .card-box.ty-1 .conts {padding:30px 20px;}
	.main .section-wrap .review .sec-conts .card-box.ty-1 .conts h1 {margin:5px 0 20px 0;}
	.main .section-wrap .review .sec-conts .card-box.ty-1 .conts .txt {height:58px;}
	.main .section-wrap .review .sec-conts .card-box.ty-1 .conts .date {bottom:30px;}
	.main .section-wrap .review .sec-conts .card-box.ty-2 .conts {padding:10px 20px;}
	.main .section-wrap .review .sec-conts .card-box.ty-2 .conts h1 {margin:5px 0;}
	.main .section-wrap .review .sec-conts .review-slide .slick-list {margin:0 -3px;}
	.main .section-wrap .review .sec-conts .review-slide .slick-slide {margin:0 3px;}
	.main .section-wrap .review .sec-conts .faq-slide .slick-list {margin:0 -3px;}
	.main .section-wrap .review .sec-conts .faq-slide .slick-slide {margin:0 3px;}
	.main .section-wrap .review .btn-box {margin-top:20px;}

	.main .section-wrap .gallery .sec-conts .img-box .tag {padding:15px 5px;}
	.main .section-wrap .gallery .sec-conts .img-box .tag span {font-size:12px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-list {margin:0 -8px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-slide {margin:0 8px;}
	.main .section-wrap .gallery .sec-conts .gallery-slide .slick-center .img-box a:after {border-width:4px;}
	.main .section-wrap .gallery .btn-box.mo {margin-top:20px;}
	.main .section-wrap .gallery .slide-arrow {margin-top:30px;}
}


.main-popup {width:95%; max-width:640px; position:fixed; left:0; top:0; z-index:10000; background:#44ab64; padding:0 16px; display:none; box-shadow: 0 3px 24px rgba(0,0,0,0.3);}
.main-popup.active {display:block;}
.main-popup .popup-title {width:100%; height:90px; display:flex; align-items:center; justify-content:center; font-family: 'SEOULMILK'; font-size:28px; font-weight:700; color:#fff;}
.main-popup .popup-title span {position:relative; padding-left:50px;}
.main-popup .popup-title span:before {content:""; width:104px; height:104px; background:url(/img/com/icon_calendar.png) center no-repeat; background-size:cover; position:absolute; left:-60px; top:calc(50% + 10px); transform:translateY(-50%);}
.main-popup .popup-conts {width:100%; height:calc(100% - 140px); max-height:80vh; background:#fff; border-radius:16px; background:#fff; overflow-y:auto;}
.main-popup .popup-conts .conts-wrap {padding:32px 24px;}
.main-popup .popup-conts ul {counter-reset:number;}
.main-popup .popup-conts ul li {font-size:16px; margin-top:16px;}
.main-popup .popup-conts ul li:nth-child(1) {margin-top:0;}
.main-popup .popup-conts ul li dl dt,
.main-popup .popup-conts ul li dl dd {width:100%; line-height:1.5;}
.main-popup .popup-conts ul li dl dt {font-weight:700; color:#666;}
.main-popup .popup-conts ul li dl dd {padding-left:18px; color:#666; letter-spacing:-1.5px;}
.main-popup .popup-conts ul li dl dd span {font-weight:700; color:#44AB64;}
.main-popup .popup-conts ul li dl dd span.point {color:#FF3D00;}
.main-popup .popup-conts ul li dl dd.mg {margin-top:16px;}
.main-popup .popup-bottom {width:100%; height:50px; display:flex; align-items:center;}
.main-popup .popup-bottom ul {width:100%; display:flex; align-items:center; justify-content:flex-end; gap:0 24px;}
.main-popup .popup-bottom ul li {font-size:16px; color:#fff;}
.main-popup .popup-bottom ul li .chk {position:relative; display:flex; align-items:center;}
.main-popup .popup-bottom ul li .chk input[type="checkbox"] {width:0; height:0; position:absolute; left:0; top:0;}
.main-popup .popup-bottom ul li .chk input[type="checkbox"] + label {cursor:pointer; padding-right:20px; position:relative;}
.main-popup .popup-bottom ul li .chk input[type="checkbox"] + label:before {content:""; width:12px; height:12px; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.main-popup .popup-bottom ul li .chk input[type="checkbox"]:checked + label:after {content:""; width:3px; height:7px; border:solid #44ab64; border-width:0 2px 2px 0; position:absolute; right:3px; top:6px; transform:rotate(40deg);}
.main-popup .popup-bottom ul li .popup-close {font-size:16px; color:#fff; position:relative; padding-right:20px;}
.main-popup .popup-bottom ul li .popup-close:after {content:""; width:12px; height:12px; background:url(/img/com/icon_x.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:50%; transform:translateY(-50%);}


@media screen and (max-width: 480px) {	
	.main-popup {padding:0 12px;}
	.main-popup .popup-title {height:60px; font-size:20px;}
	.main-popup .popup-title span {padding-left:30px;}
	.main-popup .popup-title span:before {width:60px; height:60px; left:-30px; top:calc(50% + 5px);}
	.main-popup .popup-conts {height:calc(100% - 100px);}
	.main-popup .popup-conts .conts-wrap {padding:24px 16px;}
	.main-popup .popup-conts ul li {font-size:13px;}
	.main-popup .popup-conts ul li dl dd {padding-left:14px;}
	.main-popup .popup-bottom {height:40px;}
	.main-popup .popup-bottom ul {gap:0 16px;}
	.main-popup .popup-bottom ul li {font-size:13px;}
	.main-popup .popup-bottom ul li .popup-close {font-size:13px; padding-right:16px;}
	.main-popup .popup-bottom ul li .chk input[type="checkbox"]:checked + label:after {top:4px;}

}


/* sub pop */
.sub-popup {width: 95%; max-width: 465px; position:fixed; left:0; top:0; z-index:10001; background:#44ab64; padding:0 16px; box-shadow: 0 3px 24px rgba(0,0,0,0.3); display: none;}
.sub-popup.active {display:block;}
.sub-popup .popup-title {font-size: 28px; color: #fff; text-align: center; padding-top: 14px; margin-bottom: 30px; }
.sub-popup .cont-box {max-height:calc(100vh - 160px); overflow: auto;}
.sub-popup .popup-conts {background-color: #fff; border-radius: 16px; padding: 28px 24px; }
.sub-popup .popup-conts p {font-size: 16px; color: #666; line-height: 1.7; letter-spacing: -1.5px; }
.sub-popup .popup-conts p span.point {color: #FF3D00; font-weight: bold;}
.sub-popup .popup-conts p + p {margin-top: 1em;}
.sub-popup .popup-conts p.last {margin-top: 2em;}
.sub-popup .popup-bottom {width:100%; height:50px; display:flex; align-items:center;}
.sub-popup .popup-bottom ul {width:100%; display:flex; align-items:center; justify-content:flex-end; gap:0 24px;}
.sub-popup .popup-bottom ul li {font-size:16px; color:#fff;}
.sub-popup .popup-bottom ul li .chk {position:relative; display:flex; align-items:center;}
.sub-popup .popup-bottom ul li .chk input[type="checkbox"] {width:0; height:0; position:absolute; left:0; top:0;}
.sub-popup .popup-bottom ul li .chk input[type="checkbox"] + label {cursor:pointer; padding-right:20px; position:relative;}
.sub-popup .popup-bottom ul li .chk input[type="checkbox"] + label:before {content:""; width:12px; height:12px; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sub-popup .popup-bottom ul li .chk input[type="checkbox"]:checked + label:after {content:""; width:3px; height:7px; border:solid #44ab64; border-width:0 2px 2px 0; position:absolute; right:3px; top:6px; transform:rotate(40deg);}
.sub-popup .popup-bottom ul li .popup-close2 {font-size:16px; color:#fff; position:relative; padding-right:20px;}
.sub-popup .popup-bottom ul li .popup-close2:after {content:""; width:12px; height:12px; background:url(/img/com/icon_x.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:50%; transform:translateY(-50%);}

@media screen and (max-width: 480px) {
	.sub-popup {padding: 0 12px;}
	.sub-popup .popup-title {font-size: 24px;}
	.sub-popup .popup-conts {padding: 16px 18px;}
	.sub-popup .popup-conts p {font-size: 14px;}

	.sub-popup .popup-bottom {height:40px;}
	.sub-popup .popup-bottom ul {gap:0 16px;}
	.sub-popup .popup-bottom ul li {font-size:13px;}
	.sub-popup .popup-bottom ul li .popup-close2 {font-size:13px; padding-right:16px;}
	.sub-popup .popup-bottom ul li .chk input[type="checkbox"]:checked + label:after {top:4px;}
}

/* 240730 */
.period-popup.displaynone {display: none !important;}
.period-popup.displaynone.active {display: none !important;}
/* .period-popup {max-width: 640px;} */
.period-popup .popup-title {margin-bottom: 5px; padding-top: 5px;}
.period-popup .popup-title span {display: inline-block; vertical-align: middle;}
.period-popup .popup-title span img {max-width: 100%;}
.period-popup .popup-title span:first-child {margin-right: 7px;}

.sub-popup .popup-bottom ul li .popup-close3 {font-size:16px; color:#fff; position:relative; padding-right:20px;}
.sub-popup .popup-bottom ul li .popup-close3:after {content:""; width:12px; height:12px; background:url(/img/com/icon_x.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:50%; transform:translateY(-50%);}

@media screen and (max-width: 480px){
	.period-popup .popup-title span:first-child {width: 60px;}
	.sub-popup .popup-bottom ul li .popup-close3 {font-size:13px; padding-right:16px;}
}

/* 250207 */
.sub-popup2 .cont-box {text-align: center; font-family: "Pretendard";}
.sub-popup2 .popup-title {font-weight: 700; font-family: 'SEOULMILK'; margin-bottom: 14px;}
.sub-popup2 .popup-conts p {letter-spacing: -0.5px;}
.sub-popup2 .popup-conts p.title {font-size: 20px;}
.sub-popup2 .popup-conts .info-box {width: 100%; border-radius: 16px; background: rgba(68,171,100,0.06); padding: 20px 16px; margin: 18px 0;}
.sub-popup2 .popup-conts .info-box p {color: #333; font-weight: 500;}
.sub-popup2 .popup-conts .info-box .info-tit {font-weight: 600;}
.sub-popup2 .popup-conts .info-box p + p {margin-top: 0.5em;}