@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.hestia-about{background-size: cover;}

body{font-size:17px;color:#000;font-family:"Pretendard Variable", sans-serif;line-height:1.5;font-weight:300;}
em{font-style: normal;}
ul{margin:0;padding:0;}
li{list-style:none;}
.section.content_wrap .page *{margin:0;}

h1, .h1, h2, .h2, h3, .h3{margin-top:0;margin-bottom:0;}
mark{padding: 0;margin: 0;}

*,
.hestia-about h1, 
.hestia-about h2, 
.hestia-about h3, 
.hestia-about h4, 
.hestia-about h5,
.page-header.header-small .hestia-title, .page-header.header-small .title
,h1, h2, h3, h4, h5, h6{font-family:"Pretendard Variable", sans-serif;}


.container .section.content_wrap,
.navbar .container,
footer .container,
#kboard-thumbnail-list,
#kboard-default-list,
#kboard-thumbnail-editor,
#kboard-default-editor,
#kboard-document {max-width: 1920px;margin: 0 auto;width: 95%;}

.banner_logo{position: absolute;z-index: 999;top: 48%;left: 50%;opacity:0;transform: translate(-50%, -50%);width:10%;transition:all 1s;}
.banner_logo.active{opacity:1;width:40%;}
@media (min-width: 1200px) {
    .container .section.content_wrap,
    .navbar .container,
    footer .container{
        width: 95%;
    }
	#kboard-thumbnail-list,
    #kboard-default-list,
    #kboard-thumbnail-editor,
    #kboard-default-editor,
    #kboard-document{
        width: 85%;
    }
    .container{width: 100%;/* overflow: hidden; */}
}

mark{background:none;}

header .navbar a{font-size:17px;}
.navbar .navbar-header .navbar-brand img{max-height:65px;}

.header-filter::before{background:none;}
.content_wrap{text-align:center;}
.content_wrap,
#kboard-thumbnail-list,
#kboard-default-list,
#kboard-default-editor,
#kboard-thumbnail-editor,
#kboard-document{padding:120px 0;font-size:20px;font-weight: 300;}

.content_wrap h1, 
.content_wrap h2, 
.content_wrap h3, 
.content_wrap h4, 
.content_wrap h5, 
.content_wrap h6,
.content_wrap .h1,
.content_wrap .h2,
.content_wrap .h3,
.content_wrap .h4,
.content_wrap .h5,
.content_wrap .h6{line-height:1.5;}

.content_wrap .page h1{font-size:1.7em;font-weight: 700;}
.content_wrap .page h3{font-size:1.2em}
.content_wrap .page h4{font-size: 0.9em;font-weight:300;word-break: keep-all;}

#primary{display: flex;}

br.line{display: none;}

.header-filter{background-image: url(https://juicetem.co.kr/wp-content/uploads/2025/06/sub_bg02.jpg);background-position: center center;background-size: cover;}

@media (max-width: 1024px) {
    .content_wrap{font-size: 17px;padding: 100px 0;}
    .page-header.header-small .hestia-title{font-size: 35px;}
	.page-header{min-height:auto!important;height: 600px;}
	.banner_logo.active{max-width:300px;width:70%;}
}
@media (max-width: 800px) {
	.section.content_wrap .page h1{font-size: 1.4em;}
	.content_wrap,
	#kboard-thumbnail-list,
    #kboard-default-list,
	#kboard-thumbnail-editor,
    #kboard-default-editor,
	#kboard-document{font-size: 17px;padding: 70px 0;}
	.container .section.content_wrap,
    .navbar .container,
    footer .container,
	#kboard-thumbnail-list,
    #kboard-default-list,
	#kboard-thumbnail-editor,
    #kboard-default-editor,
	#kboard-document{width:100%;padding-left:15px;padding-right:15px;}
    br.line{display: block;}
	.content_wrap .page h3{font-size:1.1em;word-break:keep-all;}
}
@media (max-width: 450px) {
	.section.content_wrap .page h2{font-size:1em;}
	.page-header.header-small .hestia-title{font-size: 32px;letter-spacing:0;}
}

.go_inquiry{display: block;background: #fff;border: 1px solid #e0e0e0;border-radius: 500px;max-width: 400px;padding: 15px;color: #000;font-weight: 500;margin-left: auto!important;margin-right: auto!important;}
a.go_inquiry img{width:40px;margin-left: 10px!important;}

@media (max-width: 450px) {
	a.go_inquiry img{width:30px;margin-top: -4px;}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* footer */
footer .container{display: flex;justify-content: space-between;text-align:left;align-items: center;gap: 100px;}
footer .container>div{flex-grow: 1;}
footer .container .bt_info_list div{display:inline-block;padding-right: 10px;}
footer .container img{width: 150px;}
footer .container:before,
footer .container:after{display:none;}


/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* main */

.main_title {flex-shrink:0;padding-bottom: 30px;padding-top: 140px;display: inline-block;}
.tem1 .main_title {width: 30%;vertical-align: top;padding-top: 20px;}
.tem2 .main_title{position: relative;width: 100%;/* margin-left: -0.5%; */padding-top: 97px;}
.main_title .main_title_txt01 {font-size:3.3em;font-weight:700;line-height:1;color:#1a1a1a;font-family: "Montserrat", sans-serif;}
.main_title .main_title_txt01 em{color:#63B630;font-style: normal;}
.main_title .main_title_txt02 {font-size:1em;font-weight: 400;line-height:1;color: #5d5d5d;margin-top: 20px;line-height: 1.3;}
.main_title.ez-align-left {text-align:left;}
.main_title.ez-align-center {text-align:center;}
.main_title.ez-align-right {text-align:right;}

.main_img_li1{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;width: calc(70% - 5px);display: inline-block!important;}
.main_img_li1 .swiper-slide{width: 493px;}
.main_img_li1 img,
.main_img_li2 .swiper-slide{border-radius: 20px 0;border: 1px solid #eee;overflow: hidden;position: relative;height: 100%;}
.main_img_li1 img{height:329px;}
/* .main_img_li2{display: grid;grid-template-columns: repeat(5,1fr);gap: 20px;padding-bottom: 100px;} */
.main_img_li2 .main_banner_txt {width:100%;text-align:left;position: absolute;bottom: 0;padding: 15px 20px;box-sizing: border-box;background: #ffffffb0;}
.main_img_li2 .main_banner_txt .main_banner_txt01 {font-size: 1.3em;font-weight:600;line-height:1;color:#1a1a1a;}
.main_img_li2 .main_banner_txt .main_banner_more {font-size:17px;font-weight: 500;line-height: 1.2;color:#999;margin-top:10px;}
.main_img_li2 img{height: 100%;}
.main_img_li1 p{color: #000;font-weight: 600;margin-top: 10px;padding: 0 15px;font-size: 1.4em;}
.main_img_li1 span{color: #5d5d5d;word-break: keep-all;padding: 0 15px;display: block;}
.main_img_li1 .swiper-wrapper,
.main_img_li2 .swiper-wrapper {transition-timing-function: linear !important;}

.tem1{padding-top: 150px;}
.tem2{padding-bottom: 150px;padding-top: 80px;}

#slide{background:#fff;padding-bottom: 140px;padding-top: 20px;position: relative;}
#slide .swiper-wrapper {transition-timing-function: linear !important;}
#slide::before{content:"";position:absolute;width: 15%;height: 100%;left: 0;top: 0;z-index: 9;background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
#slide::after{content:"";position:absolute;width: 15%;height: 100%;right: 0;top: 0;z-index: 9;background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 100%);}
#slide img{filter: grayscale(1);opacity: 0.8;width: 65%;min-width: 100px;}

h2 mark{padding:0;}
.img_list img{border-style:solid;}
.img_list .is-layout-flow{padding: 20px 30px;box-sizing: border-box;background: #ffffffb0;}
.bg_white {position:relative;z-index: 2;}
.bg_white:before{content:"";position:absolute;width:200%;height:100%;background:#fff;z-index:-9;left:50%;top:0;transform:translateX(-50%);}
.hestia-about{padding-top:0;}
.bg_white.first{padding-top:100px;}
.contact_list{background: rgba(999,999,999,0.3);padding: 40px;border-radius: 20px;}
.main_tit{margin-bottom: 30px;}
.main_tit h1{margin-bottom: 15px;}

.bg_title_txt01{font-size: 9em;color: #dddddd;font-family: "Montserrat", sans-serif;font-weight: 800;width: 100%;position: absolute;top: 0;}

/* main contact us*/
.contact_area{padding-top: 0;margin-right: 2.5%;}
.contact_area .main_title .main_title_txt02{color: #fff;}
.contact{display: grid;gap: 0 40px;/* margin-top: 30px; */grid-template-columns: 1fr 1fr 1fr;margin-bottom: 155px;}
.contact li{background: #ffffff36;border-radius: 20px;position: relative;transition: transform 0.5s, box-shadow 0.5s;border: 1px solid #fff;}
.contact .click{padding: 40px;display:block;display: flex;flex-direction: column;height: 100%;box-sizing: border-box;}
.contact li:hover{transform: translateY(-10px);box-shadow: 0 7px 15px #00000026;}
.contact li h1{font-size: 1.6em;font-weight: 700;color: #ffffff;}
.contact li p{margin:30px 0;color: #c7c7c7;font-weight: 500;font-size: 1.15em;line-height: 1.5;flex-basis: 100%;display: flex;align-items: center;}
.contact li .sns{width:35px;margin-right:5px;}
.contact li span{color:#63B630;font-weight: 600;transition:color 0.5s}
.contact li .arrow{position:absolute;right: 40px;top: 40px;width: 33px;filter: invert(45%) sepia(54%) saturate(573%) hue-rotate(53deg) brightness(91%) contrast(89%);}
.contact .click:hover .arrow{filter:invert(50%) sepia(51%) saturate(708%) hue-rotate(334deg) brightness(105%) contrast(87%);;}
.contact li:hover span{color:#EE7A42;}
.contact li p br{display:none;}

.big-title-slider-content .hestia-title{font-size: 2.8em;text-align: left;line-height: 1.2;}
.big-title-slider-content .hestia-title p{overflow:hidden;}
.big-title-slider-content .hestia-title span{animation: mainTxt 1s ease-in-out both;display: block;}
.big-title-slider-content span.sub-title{text-align: left;font-family: "Montserrat", sans-serif;font-weight: 400;line-height: 1.2;margin-top: 30px;}
.big-title-slider-content span.sub-title p{overflow:hidden;}
.big-title-slider-content span.sub-title span{animation: mainTxt 1s ease-in-out both;display: block;}
.big-title-slider-content .hestia-title span.ani01 { animation-delay: .2s;}
.big-title-slider-content .hestia-title span.ani02 { animation-delay: .3s;}
.big-title-slider-content span.sub-title span.ani03 { animation-delay: .8s;}
.big-title-slider-content span.sub-title span.ani04 { animation-delay: .9s;}

@keyframes mainTxt {
    0% { transform: translateY(100%);}
    100% { transform: translateY(0);}
}


@media all and (max-width:1500px) {
    /* 메인 타이틀 */
	.main_title .main_title_txt01 {font-size: calc(35px + (30 - 20) * ((100vw - 370px) / (1500 - 370)));}
	.main_title .main_title_txt02 {font-size: calc(16px + (14 - 13) * ((100vw - 370px) / (1500 - 370)));}

    
    .contact{font-size:14px;}
    .contact li h1{font-size: 1.4em;}
    .contact li .arrow{width:24px;}
    
    .main_img_li2 .main_banner_txt .main_banner_txt01{font-size:22px;}
}
@media all and (max-width:1200px) {
    .contact li p em{display:none;}
    .contact li p br{display:block;}
    
    .contact .click{padding:30px;}
    .contact li .arrow{top:30px;right:30px;}
    .contact li p{margin:15px 0;}
    .contact{gap:0 25px;}

	.main_img_li2 .main_banner_txt{padding:20px;}
	.main_img_li1{grid-template-columns: 1fr 1fr;}
	.main_img_li2 .main_banner_txt .main_banner_more{font-size:15px;}

	.main_img_li1 p{font-size: 1.2em;}
	.bg_title_txt01{font-size: 7em;}
	.main_img_li2 .main_banner_txt .main_banner_txt01{font-size: 1.1em;}
	.tem2 .main_title{padding-top: 65px;}
	.main_img_li1 .swiper-slide{width: 350px;}
	.main_img_li1 img{height:234px;}
	.main_img_li2 .swiper-slide{width: 330px;}
	.main_img_li2 .swiper-slide img{height:220px;}
	.main_img_li1 span{font-size: 0.9em;}
}
@media all and (max-width:1024px) {
	.tem1{padding-top: 70px;}
	.tem1 .main_title{width:100%;}
	.swiper.main_img_li1{width: 102.5%;margin-left: -2.5%;}
	.big-title-slider-content .hestia-title{font-size:2em;}
	.big-title-slider-content span.sub-title{font-size:15px;line-height:1;}
	.main_img_li2{grid-template-columns: 1fr;padding-bottom: 70px;}
	.contact{grid-template-columns: 1fr;gap:20px;margin-top: 0;margin-bottom: 70px;}
	footer{font-size:14px;}
	footer .container .bt_info_list div{padding-right: 5px;}
	.main_title{padding-top:70px;}
	#slide{padding-bottom:70px;}
	footer .container{flex-direction:column-reverse;gap: 15px;text-align: center;}
}
@media all and (max-width:800px) {
	.navbar .navbar-header .navbar-brand img{max-height:50px;}
	.bg_title_txt01{font-size: 15vw;}
	.tem2 .main_title{padding-top: 7.2%;}
	.contact_area{padding-right:15px;margin-right:0;}
	.tem1{padding-top: 50px;}
	.tem2{padding-top: 50px;padding-bottom: 80px;}
	.swiper.main_img_li1{width: calc(100% + 30px);margin-left: -15px;}
}
@media all and (max-width:600px) {
	.main_img_li1{grid-template-columns: 1fr;}
}
@media all and (max-width:450px) {
	.main_title .main_title_txt02{font-size:14px;}
	.main_title .main_title_txt01{font-size:32px;}
	.tem2 .main_title{padding-top: 4.2%;}
	.big-title-slider-content .hestia-title{font-size: 7.5vw;}
	.big-title-slider-content span.sub-title{font-size:13px;}
	.tem1{padding-top: 30px;}
	.main_img_li1 img{height:auto;}
	.main_img_li2 .swiper-slide img{height:auto;}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

.page-header.header-small .hestia-title{letter-spacing: 2px;}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* ceo */

@font-face {
    font-family: 'ROEHOE-CHAN';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.section.content_wrap .page.ceo h1{font-weight:400;padding-bottom:5px;padding-bottom: 40px;line-height: 1.3;}
.section.content_wrap .page.ceo h1 span{font-weight:700;display:block;}
.section.content_wrap .page.ceo h2{font-size: 1.2em;font-weight:500;position:relative;display:inline-block;}
.section.content_wrap .page.ceo h2:before{content: "";width: 100%;height: 80%;bottom: -20%;background: #ee7a422e;position: absolute;padding: 0px 20px;left: 50%;transform: translateX(-50%);box-sizing: content-box;}
.section.content_wrap .page.ceo div{background:#F7F7F7;padding: 70px 50px;margin: 0 auto;margin-top: 150px;text-align: left;padding-left: 43%;position: relative;max-width: 1670px;transform: translateX(15px);}
.section.content_wrap .page.ceo div img{position:absolute;width: 40%;left: -30px;top: -30px;}
.section.content_wrap .page.ceo div p{padding-bottom: 30px;line-height: 1.5;word-break: keep-all;}
.section.content_wrap .page.ceo div p span{text-decoration:underline;font-weight: 600;text-underline-position: from-font;}
.section.content_wrap .page.ceo div .name{text-align:right;padding-bottom: 0;padding-top: 50px;}
.section.content_wrap .page.ceo div .name em{font-family: 'ROEHOE-CHAN';font-size: 2em;margin-left: 30px;display: inline-block;}

@media all and (max-width:1335px) {
    .section.content_wrap .page.ceo div p br{display:none;}
}

@media screen and (max-width:1024px) {
    .section.content_wrap .page.ceo div{padding: 30px 20px;padding-left: 290px;margin-top: 130px;max-width: calc(100% - 30px);}
    .section.content_wrap .page.ceo div img{width:290px;}
    .section.content_wrap .page.ceo div p br{display:block;}
    .section.content_wrap .page.ceo div .name{padding-top:20px;}
	.bt_copyright{padding-top:10px;}
}

@media all and (max-width:920px) {
	.section.content_wrap .page.ceo div p br{display:none;}
}

@media all and (max-width:850px) {
	
    .section.content_wrap .page.ceo div img{position:relative;left: 0;top: 0;width:100%;transform: translateY(-40px);}
	.section.content_wrap .page.ceo div{padding: 45px 20px;padding-top:0;margin-left: 0;max-width: 100%;transform: none;}
}

@media all and (max-width:450px) {
	.section.content_wrap .page.ceo div .name em{display:block;margin: 0;margin-top: 10px;}
	.section.content_wrap .page.ceo h2{font-size:1em;letter-spacing: -1.5px;}
    .section.content_wrap .page.ceo h2:before{padding:0 5px;}
    
}


/* ------------------------------------------------------------------------------------------------------------------------------------------- */


/* oem */

.section.content_wrap .page.oem h1 {font-family: "Montserrat", sans-serif;letter-spacing:1px;font-weight: 800;font-size: 2.5em;line-height: 1.1;color: #66b734;}
.section.content_wrap .page.oem h3 {font-family: "Montserrat", sans-serif;letter-spacing:1px;padding-bottom: 40px;letter-spacing: -1px;font-weight: 300;padding-top: 10px;}
.section.content_wrap .page.oem h3 em{font-family: "Montserrat", sans-serif;font-size:1.5em;color:#EE7A42;}
.section.content_wrap .page.oem .partnership{display:flex;align-items:center;justify-content: center;gap: 50px;margin-top: 70px;}
.section.content_wrap .page.oem .partnership .left{width: 250px;height: 90px;display: flex;align-items: center;justify-content: center;border-radius: 50px;border: 1px dashed #8b8b8b;}
.section.content_wrap .page.oem .partnership p{font-size:0.9em;padding: 0 20px;font-weight: 500;position: relative;}
.section.content_wrap .page.oem .partnership .top{border-bottom: 2px solid #63B630;padding-bottom: 15px;margin-bottom: 20px;}
.section.content_wrap .page.oem .partnership .bottom{border-top: 2px dashed #EE7A42;padding-top: 15px;}
.section.content_wrap .page.oem .partnership p.bottom:before{top: -8.5px;left:0px;border-left: 2px solid #EE7A42;border-bottom: 2px solid #EE7A42;}
.section.content_wrap .page.oem .partnership p:before{content:"";position:absolute;width:15px;height:15px;transform: rotate(45deg);}
.section.content_wrap .page.oem .partnership p.top:before{right: 0px;bottom: -8.5px;border-right: 2px solid #63B630;border-top: 2px solid #63B630;}
.section.content_wrap .page.oem .partnership .right{width: 250px;}
.section.content_wrap .page.oem .partnership+h1{margin-top:100px;padding-top: 100px;border-top: 1px solid #ddd;}
.section.content_wrap .page.oem h4 em{font-weight: 500;}

.section.content_wrap .page.oem .go_inquiry{margin-top:150px;}

@media all and (max-width:1024px) {
    .section.content_wrap .page.oem .partnership .left{width: 180px;}
	.section.content_wrap .page.oem .partnership .right{width: 180px;}
	.section.content_wrap .page.oem .partnership{gap: 10px;}
}
@media all and (max-width:750px) {
	.section.content_wrap .page.oem .partnership .left{width: 110px;height: 60px;font-size: 15px;}
	.section.content_wrap .page.oem .partnership .right{width: 120px;}
	.section.content_wrap .page.oem .partnership p{font-size:13px;}
	.section.content_wrap .page.oem .partnership+h1{padding-top:70px;margin-top:70px;}
	.section.content_wrap .page.oem h1{font-size:2em}
	.section.content_wrap .page.oem .partnership{margin-top:50px;}
	.section.content_wrap .page.oem h3{padding-bottom:30px;}
	.section.content_wrap .page.oem .go_inquiry{margin-top:70px;}
}
@media all and (max-width:550px) {
	.section.content_wrap .page.oem .partnership .left{flex: 0 0 18vw;height: 17vw;font-size: 3.3vw;line-height: 1;}
	.section.content_wrap .page.oem .partnership .right{width: 20vw;}
	.section.content_wrap .page.oem .partnership p{font-size: 3vw;padding-left:0;padding-right:0;}
	
}


/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* esg */

.section.content_wrap .page.esg h1{font-weight: 400;}
.section.content_wrap .page.esg h1 em{font-weight:700;}
.section.content_wrap .page.esg h3 {padding: 30px 0;color:#3ea300;font-weight:700;}
.section.content_wrap .page.esg h3 br{display:none;}
.section.content_wrap .page.esg ul{text-align:center;margin-top: 100px;display: inline-block;}
.section.content_wrap .page.esg li {display:flex;gap:50px;padding-bottom:160px;position:relative;align-items: center;}
.section.content_wrap .page.esg li:last-child{padding-bottom:100px;}
.section.content_wrap .page.esg li:before{content: "+";position: absolute;left: 50%;transform: translateX(-50%);top: calc(100% - 110px);font-size: 2.5em;font-weight: 200;background: #fff;color: #63B630;border-radius: 50px;width: 60px;height: 60px;border: 1px dashed #c5c5c5;line-height: 1;}
.section.content_wrap .page.esg li:last-child:before{display:none;}
.section.content_wrap .page.esg li img{background:#ddd;border-radius:500px;width: 220px;}
.section.content_wrap .page.esg li div{text-align:left;flex: 1;}
.section.content_wrap .page.esg li div span{font-weight:600;font-size:1.2em;font-family: "Montserrat", sans-serif;padding-bottom: 10px;display: block;}
.section.content_wrap .page.esg li div span em{font-size:2em;margin-right:2px;font-family: "Montserrat", sans-serif;}
.section.content_wrap .page.esg p {position:relative;padding-left: 10px;}
.section.content_wrap .page.esg li div>p:before{content:"";position:absolute;width:2px;height:2px;background:#000;left:0;top: 15px;border-radius: 500px;}
.section.content_wrap .page.esg>p{background:#F7F7F7;display: inline-block;padding: 30px 50px;box-sizing: border-box;border-radius: 20px;font-size: 1.1em;}

@media screen and (max-width:1024px) {
	.section.content_wrap .page.esg li div>p:before{top:11px;}
	.section.content_wrap .page.esg li:before{line-height:1.2}
	.section.content_wrap .page.esg li img{width:150px;}
	
}
@media screen and (max-width:800px) {
	.section.content_wrap .page.esg h1 em{display:block;}
	.section.content_wrap .page.esg h3 br{display:block;}
	.section.content_wrap .page.esg h4 br{display:block;}
	.section.content_wrap .page.esg>p{font-size:1em;word-break: keep-all;padding: 30px;}
}
@media screen and (max-width:450px) {
	.section.content_wrap .page.esg li{flex-direction:column;gap: 20px;padding-bottom: 100px;}
	.section.content_wrap .page.esg li img{width:120px;}
	.section.content_wrap .page.esg ul{margin-top:80px;}
	.section.content_wrap .page.esg li:before{width:35px;height:35px;line-height: 0.9;font-size: 30px;top: calc(100% - 68px);}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* oem board */

.inquire{max-width: 1000px;margin: 0 auto;}
.section.content_wrap .page.inquire h4{margin-top:30px;}
.section.content_wrap .page.inquire h3{text-align:left;margin-top:50px;margin-bottom: 20px;}
.section.content_wrap .page.inquire h3.top{margin-top: 30px;}
.section.content_wrap .page.inquire h3 img{width: 130px;padding-right: 5px;transform: translateY(-3px);}
.section.content_wrap .page .nf-label-span, 
.section.content_wrap .page .nf-field-label label{font-weight: 500;text-align: left;margin-bottom: 10px;display: block;}
.section.content_wrap .page .nf-field-container{margin-bottom: 30px;}
.section.content_wrap .page .nf-after-field{text-align:left;}
.section.content_wrap .page .label_list li{display: flex;gap:10px;}
.section.content_wrap .page .label_list li label{font-weight: 300;}
.section.content_wrap .nf-form-fields-required{text-align: left;color: #ee7a42;font-weight: 500;margin-bottom: 20px;}
.section.content_wrap .page .sd_process{display:flex;margin-bottom: 50px;justify-content: space-between;}
.section.content_wrap .page .sd_process div{flex: 20%;border: 11px solid #63B630;border-radius: 500px;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;font-weight: 400;}
.section.content_wrap .page .sd_process p{flex: 20%;display: flex;align-items: center;justify-content: center;position: relative;}
.section.content_wrap .page .sd_process p:before,
.section.content_wrap .page .sd_process p:after{content: ">>";position:absolute;top:50%;font-family: 'NEXON Lv1 Gothic OTF';transform: translateY(-50%);letter-spacing: -7px;color:#499918;}
.section.content_wrap .page .sd_process p:before{left: 20px;}
.section.content_wrap .page .sd_process p:after{right: 20px;}
.section.content_wrap .page .pi_list{border: 1px solid #ddd;border-radius: 10px;text-align: left;padding: 20px;font-size: 0.9em;}
.section.content_wrap .page .pi_list li{position:relative;padding-left: 12px;color: #3b3b3b;}
.section.content_wrap .page .pi_list li:before{position:absolute;content:"";width:2px;height:2px;background: #3b3b3b;left:0;top: 12px;}
.section.content_wrap .page .nf-field-element input,
.section.content_wrap .page .nf-field-element select,
.section.content_wrap .page .nf-field-element textarea{border-radius:10px;border: 1px solid #9d9d9d;}
.section.content_wrap .page .nf-field-element textarea{display: block;}
.section.content_wrap .page .label-above .nf-field-element .btn_submit {font-size: 1em;border: none;box-shadow: none;width: 200px;}
.section.content_wrap .page .pt_title{text-align: left;font-weight: 500;margin-bottom: 10px;}

@media screen and (max-width:800px) {
	.section.content_wrap .page .sd_process div{border-width:5px;max-width: 140px;}
	.section.content_wrap .page .sd_process p{flex: 0 0 90px;}
	.section.content_wrap .page .sd_process p:before{left: 3px;}
	.section.content_wrap .page .sd_process p:after{right: 10px;}
}
@media screen and (max-width:580px) {
	.section.content_wrap .page .sd_process{flex-direction:column;}
	.section.content_wrap .page .sd_process div{width:100%;max-width: 100%;aspect-ratio: auto;border-radius: 10px;border-width: 3px;min-height: 70px;}
	.section.content_wrap .page .sd_process p{height:auto;flex: 0 0 0;padding: 25px 0;font-size: 14px;}
	.section.content_wrap .page .sd_process p:before{left: 50%;transform: translateX(calc(-50% - 3px)) rotate(90deg);letter-spacing: -4px;top: 0;}
	.section.content_wrap .page .sd_process p:after{left: 50%;transform: translateX(calc(-50% - 10px)) rotate(90deg);letter-spacing: -4px;bottom: 0;}
	.section.content_wrap .page .sd_process p:after{right: 10px;}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* partners */

.section.content_wrap .page.partners ul{display: grid;grid-template-columns: repeat(4,1fr);border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.section.content_wrap .page.partners li{border: 1px solid #ddd;padding: 30px;border-top: 0;border-left: 0;}
.section.content_wrap .page.partners li img{filter: grayscale(1);opacity: 0.8;transition: all 0.3s;}
.section.content_wrap .page.partners li img:hover{filter: grayscale(0);opacity:1;}

@media screen and (max-width:750px) {
	.section.content_wrap .page.partners li{padding:20px 0;}
	.section.content_wrap .page.partners li img{width:70%;}
}


/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* vision */

.section.content_wrap .page.vision h1{font-weight: 300;margin-bottom: 50px;}
.section.content_wrap .page.vision h1 em{font-weight: 700;}
.section.content_wrap .page.vision .cir_wrap{max-width: 1000px;display: inline-flex;margin: 0 auto;justify-content: center;align-items: center;gap: 70px;margin-top: 70px;/* width: auto; */position: relative;z-index: 2;}
.section.content_wrap .page.vision .cir_wrap+.cir_wrap{position:relative;}
.section.content_wrap .page.vision .cir_wrap.two{z-index:1}
.section.content_wrap .page.vision .cir_wrap.two:before{content:"";position:absolute;width: 78%;aspect-ratio: 1/0.5;border:1px solid #ddd;border-radius: 500px 500px 0 0;/* z-index: -1; */top: -51%;border-bottom: 0;left: 50%;transform: translateX(-50%);}
.section.content_wrap .page.vision .cir_wrap .text{width: 170px;/* border:1px solid #ddd; */border-radius: 500px;aspect-ratio: 1/1;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;font-weight: 600;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);position: relative;}
.section.content_wrap .page.vision .cir_wrap .text .span{font-weight:100;}
.section.content_wrap .page.vision .center_logo{/* flex: 0 0 300px; */border: 30px solid #63B630;aspect-ratio: 1/1;display: inline-flex;align-items: center;justify-content: center;padding: 30px;border-radius: 500px;box-shadow: 0 0 30px #5e8745d6;background: #fff;width: 300px;}
.vision_h2{height: 800px;display: flex;align-items: center;justify-content: center;background: url(http://juicetem.co.kr/wp-content/uploads/2025/06/cropped-ChatGPT-Image-2025년-6월-22일-오후-08_00_45.png) center no-repeat;background-size: 100%;flex-direction: column;gap: 20px;font-weight: 800;font-size: 60px;letter-spacing: 1px;text-shadow: 0px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff;color: #EE7A42;margin-top: -150px;}
.vision_h2 em{display:block;font-size: 29px;color: #000;font-weight: 700;}
.vision_h2+.section.content_wrap{margin-top: -150px;}
.section.content_wrap .page.vision ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap: 40px;word-break: keep-all;}
.section.content_wrap .page.vision ul li{background:#fff;padding:50px;border: 1px solid #ddd;}
.section.content_wrap .page.vision ul img{width: 100px;}
.section.content_wrap .page.vision ul .p{font-weight:600;padding: 20px 0;padding-top: 40px;}

@media screen and (max-width:1200px) {
	.vision_h2{background-size:auto 100%;}
}
@media screen and (max-width:1024px) {
	.vision_h2{font-size: 40px;height: 600px;background-size: cover;}
	.vision_h2 em{font-size:20px;}
	.section.content_wrap .page.vision ul img{width:60px;}
	.section.content_wrap .page.vision ul{gap:15px;}
	.section.content_wrap .page.vision ul li{padding:30px;}
}
@media screen and (max-width:850px) {
	.section.content_wrap .page.vision .cir_wrap .text{width:100px;}
	.section.content_wrap .page.vision .center_logo{width:200px;border-width: 20px;padding: 20px;}
	.vision_h2{margin-top: -100px;height: 450px;}
	.section.content_wrap .page.vision .cir_wrap.two:before{width:85%;}
	.section.content_wrap .page.vision .cir_wrap.two{margin-top:50px;}
	.vision_h2+.section.content_wrap{margin-top:-100px;}
	.section.content_wrap .page.vision ul .p{padding-top:20px;padding-bottom: 10px;}
}
@media screen and (max-width:600px) {
    .section.content_wrap .page.vision ul{grid-template-columns: 1fr;}
    .vision_h2{margin-top: -18vw;}
    /* ✅ cir_wrap 전체를 vw 기준으로 축소 */
.section.content_wrap .page.vision .cir_wrap {
  width: 90vw;
  max-width: 1000px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  margin: 5vw auto 0;
  position: relative;
  z-index: 2;
  margin-top: 50px;
}
.section.content_wrap .page.vision .cir_wrap.two{justify-content: space-between;margin-top: 5vw;}
/* 두 번째 cir_wrap 꾸밈 요소 */
.section.content_wrap .page.vision .cir_wrap.two:before {
  content: "";
  position: absolute;
  width: 78%;
  aspect-ratio: 1/0.5;
  border: 0.1vw solid #ddd;
  border-radius: 500px 500px 0 0;
  top: -51%;
  border-bottom: 0;
}

/* ✅ 동그라미 텍스트 박스 */
	
.section.content_wrap .page.vision .cir_wrap .text {
  width: 23vw;
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 600;
  font-size: 4.2vw;
  border-radius: 50%;
  box-shadow: 0 0 1vw rgba(0, 0, 0, 0.4);
  position: relative;
}

/* 서브 텍스트 (예: Trust) */
.section.content_wrap .page.vision .cir_wrap .text .span {
  font-weight: 100;
  font-size: 3.5vw;
}

/* ✅ 중앙 로고 영역 */
.section.content_wrap .page.vision .center_logo {
  width: 34vw;
  aspect-ratio: 1/1;
  padding: 3vw;
  border: 2vw solid #63B630;
  border-radius: 50%;
  box-shadow: 0 0 2vw #5e8745d6;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.vision_h2+.section.content_wrap{margin-top: -18vw;}
    
}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* board */

#kboard-thumbnail-list .kboard-list ul{border-top:1px solid #ddd;padding-top: 15px;}
#kboard-thumbnail-list .kboard-list ul li a{display: grid;grid-template-columns: 200px 1fr;gap: 10px;align-items: center;}
#kboard-thumbnail-list .kboard-list ul li a img{width: 100%;border-radius:10px;overflow: hidden;}
#kboard-thumbnail-list .kboard-list ul li{position:relative;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ddd;}
#kboard-thumbnail-list .kboard-list ul li .kboard-thumbnail-cut-strings{color: #000;padding: 20px;}
#kboard-thumbnail-list .kboard-list ul li .kboard-list-title{font-weight:500;padding-bottom: 12px;}
#kboard-thumbnail-list .kboard-list ul li .kboard-list-summary{font-size:0.8em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.kboard-no-post{text-align: center;padding: 15px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 16px;}
@media screen and (max-width:600px) {
	#kboard-thumbnail-list .kboard-list ul li a{grid-template-columns:1fr ;}
    .kboard-no-post{font-size: 15px;}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* brand */

.section.content_wrap .page.brand h1{font-weight: 500;padding-bottom: 30px;}
.section.content_wrap .page.brand h2{width: 100%;text-align: left;margin: 0 auto;font-size: 1.5em;font-weight: 600;margin-top: 70px;max-width: 1000px;}
.section.content_wrap .page.brand .box{width: 100%;text-align: left;margin: 0 auto;border:1px solid #ddd;border-radius:5px;margin-top: 20px;padding: 30px 10px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;min-height: 170px;justify-content: space-around;max-width: 1000px;}
.section.content_wrap .page.brand .box.mn{background:url(http://juicetem.co.kr/wp-content/uploads/2025/06/mn.png);}
.section.content_wrap .page.brand p{width: 100%;text-align: left;margin: 0 auto;margin-top:20px;font-size:0.9em;opacity:0.8;word-break: keep-all;max-width: 1000px;}
.section.content_wrap .page.brand .box img{max-width:300px;}
@media screen and (max-width:650px) {
	.section.content_wrap .page.brand .box {flex-direction:column-reverse;gap:40px;}
	.section.content_wrap .page.brand .box img{max-width: 85%;margin:0 auto;display: block;}
	.section.content_wrap .page.brand h2{font-size:1.3em}
	.section.content_wrap .page.brand p{font-size:0.8em;}
}


/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* qna */

.section.content_wrap .page.qna ul{max-width:1000px;text-align:left;margin:0 auto;}
.section.content_wrap .page.qna ul li{border-top: 1px solid #dfdfdf;}
.section.content_wrap .page.qna ul li.active{border-color:#63B630;}
.section.content_wrap .page.qna ul li.active+li{border-top-color:#63B630;}
.section.content_wrap .page.qna ul li:last-child.active{border-color:#63B630;}
.section.content_wrap .page.qna ul button{display:block;width:100%;border: none;box-shadow: none!important;background: none;color: #000;text-align: left;font-weight: 500;padding: 30px;}
.section.content_wrap .page.qna ul button:hover{border: none;box-shadow: none!important;background: none;color: #000!important;}
.section.content_wrap .page.qna ul button:before{content:"+";position:absolute;right:30px;height:100%;display:flex;align-items: center;font-weight: 200;top: -3px;font-size: 1.8em;/* opacity: 0.5; */color: #63B630;}
.section.content_wrap .page.qna ul li.active button:before{content:"-";right: 34px;color: #ccc;}
.section.content_wrap .page.qna ul div.text_wrap{height:0;overflow:hidden;transition: height 0.5s;}
.section.content_wrap .page.qna ul div.text_con{background:#F7F7F7;padding:30px;text-align: left;margin: 0 25px;margin-bottom: 20px;}
.section.content_wrap .page.qna ul li:last-child{border-bottom: 1px solid #dfdfdf;}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* introduce */

.section.content_wrap .page.introduce .on_top{color:#000;text-align: left;font-size: 2.2em;font-weight: 600;max-width: 1390px;margin: 0 auto;padding-top: 50px;}
.section.content_wrap .page.introduce .on_top br{display:none;}
.section.content_wrap .page.introduce .on_top em{font-size:25px;display:block;font-weight:400;margin-top: 10px;}
.section.content_wrap .page.introduce .on_top p{overflow:hidden;}
.section.content_wrap .page.introduce .on_top p span{animation: mainTxt 1s ease-in-out both;color:#63B630;display: block;}
.section.content_wrap .page.introduce .on_top p{display:inline-block;vertical-align: top;}
.section.content_wrap .page.introduce .on_top img{height: 500px;display:block;width: 100%;object-fit: cover;object-position: 50% 60%;margin-top: 50px;}
.section.content_wrap .page.introduce .on_top img+img{margin-top:10px}
.section.content_wrap .page .type_tit{margin-top: 120px;margin-bottom: 50px;font-size: 1.3em;font-weight: 600;position:relative;z-index:1;display: inline-block;}
.section.content_wrap .page .type_tit:before{content:"";width: 20px;height: 20px;position:absolute;background:#eee;border-radius:100px;z-index:-1;left: -7px;top: -2px;}
.section.content_wrap .page .type li{display: inline-block;position: relative;overflow: hidden;margin: 0 20px;color: #2d2d2d;}
.section.content_wrap .page .type{margin-bottom:30px;}
.section.content_wrap .page .type li span{border-radius: 500px;border: 1px solid #ddd;display: block;aspect-ratio: 1/1;width: 250px;display: flex;align-items: center;justify-content: center;}
.section.content_wrap .page .type li p{margin-top: 20px;font-weight: 500;display: block;}
.section.content_wrap .page .type_caption{font-size:0.8em;opacity:0.8;margin-top: 30px;}
.section.content_wrap .page.introduce .haccp{margin-top: 120px;text-align: center;margin-bottom: 100px;}
.section.content_wrap .page.introduce .haccp p{font-size: 1.9em;}
.section.content_wrap .page.introduce .haccp p em{font-weight: 600;display: block;}
.section.content_wrap .page.introduce .haccp>img{width: 320px;display: block;margin: 50px auto;border: 10px solid #fff;border-radius: 500px;z-index: 2;position: relative;margin-bottom: 0;}
.section.content_wrap .page.introduce .haccp span{position: relative;display:block;z-index: 1;color: #fff;padding: 100px 0;font-size: 1.3em;}
.section.content_wrap .page.introduce .haccp span em{font-weight:700}
.section.content_wrap .page.introduce .haccp span::before{content: '';position: absolute;width: 20000px;left: 50%;transform: translate(-50%,-50%);background: #00a651;height: 600px;z-index: -1;top: 50%;}
.section.content_wrap .page.introduce .haccp div{position:relative;z-index:2;max-width: 1478px;display:grid;grid-template-columns: 1fr 1fr 1fr;margin: 0 auto;gap: 30px;/* padding-top: 50px; */}
.section.content_wrap .page.introduce .mold{max-width: 1478px;margin: 0 auto;display:grid;grid-template-columns: 1fr 85%;gap:20px;margin-top:50px;text-align:left;}
.section.content_wrap .page.introduce .mold .left p{font-size:1.3em;font-weight:500;position:relative;z-index:1;}
.section.content_wrap .page.introduce .mold .left p:before{content:"";width: 20px;height: 20px;position:absolute;background:#eee;border-radius:100px;z-index:-1;left: -7px;top: -2px;}
.section.content_wrap .page.introduce .mold .right{overflow: hidden;}
.section.content_wrap .page.introduce .mold .right img{border: 1px solid #eee;}
.section.content_wrap .page.introduce .mold .right p+.swiper-container{margin-top:30px;}
.section.content_wrap .page.introduce .mold .right span{font-weight: 400;font-size: 0.9em;letter-spacing: 0.9px;}

.introduce_last{font-size: 1.4em;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e0e0e0+100 */background: linear-gradient(to bottom, #ffffff 0%, #dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */text-align: center;padding: 0 15px;padding-bottom:50px;}
.introduce_last p{margin-top: 50px;font-weight: 500;font-size: 1.5em;font-weight: 600;/* background: #eee; */margin: 0 auto;padding: 50px 0;border-radius: 1000px;margin-top: 50px;display: inline-block;padding-top: 0;margin-bottom: 0!important;}
.introduce_last img{width: 145px;margin-top: -7px;}

@media screen and (max-width:1500px) {
	.section.content_wrap .page.introduce .haccp span::before{width: 110%;height: calc(100% + 210px);transform: translateX(-50%);top: -160px;}
	.section.content_wrap .page.introduce .haccp div{position:relative;}
	.section.content_wrap .page.introduce .haccp div::before{content: '';position: absolute;width: 110%;left: 50%;transform: translateX(-50%);background: #00a651;height: 50%;z-index: -1;top: 0;}
}
@media screen and (max-width:1200px) {
	.section.content_wrap .page.introduce .on_top{padding-top:0;}
	.section.content_wrap .page.introduce .on_top br{display:block;}
	.section.content_wrap .page.introduce .on_top em{font-size:20px;}
	.section.content_wrap .page.introduce .on_top img{aspect-ratio: 1/0.4;height: auto;}
}
@media screen and (max-width:1024px) {
	.section.content_wrap .page.introduce .mold{grid-template-columns: 1fr;}
	.introduce_last{font-size:20px;}
	.section.content_wrap .page.introduce .haccp>img{width:250px;}
	.section.content_wrap .page.introduce .haccp span{padding: 60px 0;}
	.section.content_wrap .page.introduce .haccp span::before{/* height: 100%; *//* padding: 26% 0; *//* padding-top: 120px; */top: -120px;transform: translateX(-50%);height: calc(100% + 120px);}
	.section.content_wrap .page .type_tit{margin-top:70px;}
	.section.content_wrap .page .type li{width:25%;/* padding: 20px; *//* aspect-ratio: 1/1; */margin: 0 10px;}
	.section.content_wrap .page .type li span{width:100%;height: 100%;}
	.section.content_wrap .page .type li img{height: 65%;}
	.section.content_wrap .page.introduce .haccp div{gap:15px;}
	.section.content_wrap .page .type+p{word-break: keep-all;}
}
@media screen and (max-width:650px) {
	.section.content_wrap .page .type li{width: calc((100% - 39px) / 3);margin: 0 5px;}
	.section.content_wrap .page.introduce .on_top{font-size:1.6em;}
	.section.content_wrap .page.introduce .on_top em{font-size:15px;word-break: keep-all;}
	.section.content_wrap .page.introduce .haccp p{font-size:1.6em;}
	.section.content_wrap .page.introduce .haccp{margin-top: 70px;margin-bottom: 0;}
	.section.content_wrap .page.introduce .haccp>img{width: 200px;}
	.section.content_wrap .page.introduce .haccp span::before{/* padding: 30% 0; *//* padding-top: 170px; */top: -100px;}
	.section.content_wrap .page.introduce .on_top img{display: none;}
	.section.content_wrap .page.introduce .on_top .img_box{background: url(http://juicetem.co.kr/wp-content/uploads/2025/07/KakaoTalk_20250728_133940910.jpg) no-repeat;aspect-ratio: 1/0.45;background-size: 120%;background-position: 54% 58%;margin-top: 50px;}
	.section.content_wrap .page.introduce .haccp div{grid-template-columns:1fr;}
	.section.content_wrap .page.introduce .haccp div::before{height:100px}
	.section.content_wrap .page.introduce .on_top .img_box2{background-image: url(http://juicetem.co.kr/wp-content/uploads/2025/07/KakaoTalk_20250728_133940910_01-e1753683782948.jpg);margin-top: 10px;}
}
@media screen and (max-width:400px) {
	.section.content_wrap .page.introduce .haccp p{font-size:6.5vw;}
	.section.content_wrap .page.introduce .on_top{font-size:6.8vw;}
	.section.content_wrap .page.introduce .haccp span{font-size: 5.4vw;}
	.introduce_last{font-size: 4.7vw;}
}
.page:not(.home) .wrapper .main .blog-post .container{overflow:hidden;}


.section.content_wrap .page.solution h1{font-weight: 300;}
.section.content_wrap .page.solution h1 em{font-weight: 700;color: #3ea300;}
.section.content_wrap .page.solution h3{color: #3ea300;padding: 30px 0;font-size: 1.1em;}
.section.content_wrap .page.solution ul.step{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 50px 20px;word-break: keep-all;}
.section.content_wrap .page.solution ul.step p{border-radius:500px;padding: 0 30px;background:#ddd;width:90%;margin:0 auto;height: 70px;display: flex;align-items: center;justify-content: center;line-height: 1.2;position: relative;color: #fff;font-weight: 500;}
.section.content_wrap .page.solution ul.step p:before{content:"";width:1px;height:20px;border-right: 1px solid #ccc;position:absolute;bottom: -20px;}
.section.content_wrap .page.solution ul.step div{margin: 0 auto;border:1px dashed #ccc;width: 90%;margin-top: 20px;border-radius: 7px;height: 80px;display: flex;align-items: center;justify-content: center;line-height: 1.3;/* word-break: break-all; */padding: 0 15px;}
.section.content_wrap .page.solution ul.step li:nth-of-type(1) p{background: #9cd15b;}
.section.content_wrap .page.solution ul.step li:nth-of-type(2) p{background: #88c142;}
.section.content_wrap .page.solution ul.step li:nth-of-type(3) p{background: #6eb31f;}
.section.content_wrap .page.solution ul.step li:nth-of-type(4) p{background: #3ea300 ;}
.section.content_wrap .page.solution ul.step li:nth-of-type(5) p{background: #3b9b00;}
.section.content_wrap .page.solution ul.step li:nth-of-type(6) p{background: #398f00;}
.section.content_wrap .page.solution ul.step li:nth-of-type(7) p{background: #368200;}
.section.content_wrap .page.solution ul.step li:nth-of-type(8) p{background: #3d7200 ;}
.section.content_wrap .page.solution ol li{border:1px solid #ddd;display: flex;align-items: center;justify-content: center;flex-direction: column;min-height: 200px;}
.section.content_wrap .page.solution ol li:nth-of-type(1){animation: solutionOl 1s ease-in-out both;}
.section.content_wrap .page.solution ol li:nth-of-type(2){animation: solutionOl 1s ease-in-out both;animation-delay:0.1s;}
.section.content_wrap .page.solution ol li:nth-of-type(3){animation: solutionOl 1s ease-in-out both;animation-delay:0.2s;}
.section.content_wrap .page.solution ol li:nth-of-type(4){animation: solutionOl 1s ease-in-out both;animation-delay:0.3s;}
.section.content_wrap .page.solution ol li img{width:70px;}
.section.content_wrap .page.solution ol{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;max-width: 1200px;margin: 0 auto;margin-top: 70px;overflow: hidden;padding: 0;}
.section.content_wrap .page.solution ol p{margin-top:30px;}

.section.content_wrap .page.solution .go_inquiry{margin-top: 100px;}
@media screen and (max-width:1024px) {
	.section.content_wrap .page.solution ul.step p{width:95%;}
	.section.content_wrap .page.solution ul.step div{width:95%;}
	.section.content_wrap .page.solution ul.step{grid-template-columns: 1fr 1fr;gap:30px 10px}
}
@media screen and (max-width:800px) {
	.section.content_wrap .page.solution ol li img{width:60px;}
	.section.content_wrap .page.solution ol{grid-template-columns:1fr 1fr;font-size:15px;gap:10px;word-break:keep-all}
	.section.content_wrap .page.solution ol li{min-height:170px;}
	.section.content_wrap .page.solution .go_inquiry{margin-top:70px;}
}
@media screen and (max-width:450px) {
	.section.content_wrap .page.solution ul.step{grid-template-columns: 1fr ;}
	.section.content_wrap .page.solution ul.step div{min-height: 60px;}
	.section.content_wrap .page.solution ul.step p{min-height: 65px;}
}

@keyframes solutionOl {
    0% { opacity:0; transform: translateY(100%);}
	50% { opacity:0; }
    100% { opacity:1;transform: translateY(0);} 
}


.proposal{background: #fff;}
.proposal .logo{background: #fff8ec;padding: 30px 30px;width: 100%;margin: 0 auto;display: block;text-align: center;}
.proposal .logo img{width: 300px;}
.proposal .inner{padding: 50px 15px;max-width: 530px;text-align: center;font-weight: 400;margin: 0 auto;word-break: keep-all;}
.proposal .link{display: flex;gap: 10px;margin-top: 20px;}
.proposal .link li a:hover{background:#fff;color: #3ea300;border-color: #ccc;}
.proposal .link li{flex:0 1 50%}
.proposal .link li a{background: #252525;border-radius: 500px;padding: 15px 5px;display: block;color: #fff;font-weight: 600;border: 1px solid #252525;}
.proposal hr{margin: 60px 0;}
.proposal .list{display: inline-flex;flex-direction: column;align-items: start;font-weight: 600;}
.proposal .img_tit{font-weight: 600;text-align: left;font-size: 1.1em;}
.proposal .img{display: grid;grid-template-columns: 1fr 1fr;gap: 20px 10px;}
.proposal .img span{margin-top: 15px;display: block;}
.proposal .txt{text-align: left;}
.proposal .txt p{display:flex;gap:7px}
.proposal .pouch{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 10px;margin-top: 50px;}
.proposal .pouch img{border-radius: 100px;overflow: hidden;margin-bottom: 10px;}

@media screen and (max-width:550px) {
	.proposal .inner{font-size: 3.2vw;max-width: none;}
}