@charset "utf-8";
/* sub_Layout */

.sub-wrap{
	margin-top:3rem;
}

#max-contanier {}
#max-contanier.sub-contanier {padding:8em 0;	}
#max-contanier.sub-contanier .image_box {display: inline-block;  background-position: center;background-repeat: no-repeat;background-size: cover;}

@media screen and (max-width: 1024px) {
	#max-contanier.sub-contanier {padding:5em 0;	}
}
@media screen and (max-width: 768px) { 

}
/*------------------------------------
  sub1 - ceo message
-------------------------------------*/
#max-contanier.ceo {position: relative;}
#max-contanier.ceo section { margin: 7rem 0;}
#max-contanier.ceo section.ceo-01 {}
#max-contanier.ceo section.ceo-01::before {content:''; width: 45%; height:470px; background: #f7f7f7; position: absolute; right:0%; top:100px;z-index:-1;}
#max-contanier.ceo section.ceo-01 .inner {display:flex; align-items: center;}
#max-contanier.ceo section.ceo-01 .text_box {position: relative;width: 50%;}
#max-contanier.ceo section.ceo-01 .text_box h3 {font-size: 4rem;position: relative;padding-top: 1.5rem;color: var(--sub-color2);font-weight: 500;letter-spacing: -.2rem;}
#max-contanier.ceo section.ceo-01 .text_box h3::before {content:''; width: 40px; height: 4px; background: var(--main-color1); position: absolute; top:0; left:0; }
#max-contanier.ceo section.ceo-01 .text_box p {margin-top:5rem	;width: 80%;font-size: 1.7rem;}
#max-contanier.ceo section.ceo-01 .text_box p span {display: inline-block; margin:1.5rem 0; line-height: 180%;		}
#max-contanier.ceo section.ceo-01 .image_box {width: 50%; height: 450px; box-shadow: 9px 14px 20px 4px #ddd; background-image:url(../images/sub/aboutus/ceo_img1.png); }

#max-contanier.ceo section.ceo-02 {width: 100%;height: 500px;}
#max-contanier.ceo section.ceo-02 .inner {display: inline-block;}
#max-contanier.ceo section.ceo-02 .text_box {width: 50%;position: absolute;left: 50%;}
#max-contanier.ceo section.ceo-02 .text_box h3 {}
#max-contanier.ceo section.ceo-02 .text_box p {width: 70%;margin: 0rem 0;}
#max-contanier.ceo section.ceo-02 .text_box p span {margin: 2rem 0;display: inline-block;margin: 1.5rem 0; line-height: 180%;}
#max-contanier.ceo section.ceo-02 .image_box { width: 45%; height: 530px; box-shadow: 9px 14px 20px 4px #ddd; background-image:url(../images/sub/aboutus/ceo_img2.png); position: absolute;}
#max-contanier.ceo section.ceo-02 .sign {display: inline-block;margin-top: 3rem;}
#max-contanier.ceo section.ceo-02 .sign p {margin: 0;font-weight: 600;}
#max-contanier.ceo section.ceo-02 .sign .sign_img {margin-top:2rem;}


#max-contanier.ceo .line_slide {width: 100%;}
#max-contanier.ceo .line_slide span {display: inline-block; animation: line_slide 30s linear infinite;	opacity:.2;}
 @keyframes line_slide {
    to {
      transform: translateX(-100vw);
    }
    from {
      transform: translateX(100vw);
    }
  }


@media screen and (max-width: 1024px) {
	#max-contanier.ceo section.ceo-01 .text_box p {width: 100%;}
	#max-contanier.ceo section.ceo-02 .text_box p {width: 100%;}
	#max-contanier.ceo section.ceo-02 .sign {width: 100%;}
}
@media screen and (max-width: 768px) { 
	#max-contanier.ceo section {margin:0; width: auto;}
	#max-contanier.ceo section.ceo-01 .inner {flex-direction: column;}
	#max-contanier.ceo section.ceo-01 .text_box {width: auto;  }
	#max-contanier.ceo section.ceo-01 .text_box h3 {font-size: 3rem;}
	#max-contanier.ceo section.ceo-01 .text_box p {font-size: 1.4rem;    margin-top: 2rem;}
	#max-contanier.ceo section.ceo-01 .image_box {width: 100%; height: 350px;}
	#max-contanier.ceo section.ceo-02 {width: auto; height: auto; position: relative;}
	#max-contanier.ceo section.ceo-02 .image_box {width: 100%; position: relative; height: 350px;}
	#max-contanier.ceo section.ceo-02 .text_box {width: auto; position: relative; left: 0; font-size: 1.4rem;}
	.line_slide {margin:5rem 0;}
}
@media screen and (max-width: 568px) { 
	#max-contanier.ceo section.ceo-01::before {display: none;	}
	#max-contanier.ceo section.ceo-01 .text_box h3 {font-size: 2.2rem;}
	#max-contanier.ceo section.ceo-01 .text_box p {font-size: 1.2rem; }
	#max-contanier.ceo section.ceo-01 .image_box {height: 150px;}
	#max-contanier.ceo section.ceo-02 .text_box  {font-size: 1.2rem; margin-top:1rem;}
	#max-contanier.ceo section.ceo-02 .image_box {display: none;}
	#max-contanier.ceo section.ceo-02 .sign .sign_img {height: 25px;}
	#max-contanier.ceo section.ceo-02 .sign .sign_img img {height: 100%;}
	#max-contanier.ceo .line_slide {display: none;}
}


/*------------------------------------
  sub1 - history
------------------------------------*/

#max-contanier.history {position: relative;}
#max-contanier.history::after {content:''; width:1px; height:100%; background: #ebebeb; position: absolute; left:50%; top:0;z-index: -1;transform: translate(-50%, 0%);}

#max-contanier.history section {position: relative; padding: 8rem 0;}
#max-contanier.history section::before {content:''; width:10px; height:10px; background:var(--main-color2);; border:10px solid var(--sub-color3);;border-radius:100%; position: absolute; left:50%; top:0; transform:translate(-50%, 0%);}
#max-contanier.history section.history-01 .inner {display:flex; justify-content: space-between; align-content: flex-start;}
#max-contanier.history section.history-01 .image_box { width: 42%; height:420px; box-shadow: 9px 14px 20px 4px #ddd; background-image:url(../images/sub/aboutus/history_img1.png); }
#max-contanier.history section.history-02 .inner {display:flex; flex-direction: row-reverse;align-content: flex-start; justify-content: space-between;}
#max-contanier.history section.history-02 .image_box { width: 42%; height:420px; box-shadow: 9px 14px 20px 4px #ddd; background-image:url(../images/sub/aboutus/history_img2.png); }

#max-contanier.history .history_box {width: 45%;}
#max-contanier.history .history_box .title {position: relative;font-size: 5rem;font-weight: 800;text-transform: uppercase;letter-spacing: -.2rem; color:var(--main-color1);}
#max-contanier.history .history_box .title::before {content:'SINCE'; position: absolute; font-size: 3.5rem; top:-3rem; left:-2rem; opacity:.3; z-index:-1;}
#max-contanier.history .history_box .timeline{margin-top: 5rem;}
#max-contanier.history .history_box .timeline ul {display: flex;flex-direction: column;}
#max-contanier.history .history_box .timeline ul li {display: flex;margin: 2rem 0;font-size: 1.8rem;align-items: center;}
#max-contanier.history .history_box .timeline .year {width: 20%;font-size: 2.5rem;font-weight: 600; color:var(--main-color4);}
#max-contanier.history .history_box .timeline .now {color:#FF6600;font-weight: bold;} 
#max-contanier.history .history_box .timeline .text {width: 80%;line-height: 150%;} 
#max-contanier.history .line_slide {position: absolute;animation: line_slide 30s linear infinite;	opacity:.2;}


@media screen and (max-width: 1024px) {
	#max-contanier.history section.history-01 .image_box {height: 270px;}
	#max-contanier.history section.history-02 .image_box {height: 270px;}
	#max-contanier.history .history_box .title {font-size: 3.5rem;}
	#max-contanier.history .history_box .title::before {font-size: 2.5rem; top:-1rem;}
	#max-contanier.history .history_box .timeline {margin-top:2rem;}
	#max-contanier.history .history_box .timeline ul li {align-items: flex-start; margin: 1rem 0;}
	#max-contanier.history .history_box .timeline .text {font-size: 1.4rem;}
	#max-contanier.history .history_box .timeline .year {font-size:2rem;}
}
@media screen and (max-width: 768px) { 
	#max-contanier.history .line_slide {display: none;}

	#max-contanier.history::after {	left: 10%;}
	#max-contanier.history section {padding:0 0 8rem;}
	#max-contanier.history section::before {left:10%;}
	#max-contanier.history .history_box {width: 85%; margin-left: 15%;}
	#max-contanier.history .history_box .timeline ul {margin-bottom:2rem;}
	#max-contanier.history section.history-01 .inner {flex-direction: column-reverse;}
	#max-contanier.history section.history-01 .image_box{width: 85%; margin-left: 15%;}
	#max-contanier.history section.history-02 .inner {flex-direction: column-reverse;}
	#max-contanier.history section.history-02 .image_box{width: 85%; margin-left: 15%;}
}
@media screen and (max-width: 568px) { 
	#max-contanier.history .history_box .title {font-size: 2.5rem;}
	#max-contanier.history .history_box .timeline ul li {flex-direction: column;}
	#max-contanier.history .history_box .timeline .year {width: 100%; font-size:1.8rem;}
	#max-contanier.history .history_box .timeline .text {width: 100%; font-size: 1.2rem;}
	#max-contanier.history section.history-01 .image_box {height:180px;}
	#max-contanier.history section.history-02 .image_box {height:180px;}
}




/*------------------------------------
  sub1 - vision
------------------------------------*/
#max-contanier.vision {position: relative;}
#max-contanier.vision::before {content:''; width:50%; height:100%; background:#f7f7f7; position: absolute; left:50%; top:50%;transform:translate(0%, -50%);}
#max-contanier.vision section {position: relative; margin-bottom:10rem;	}
#max-contanier.vision section .title-box {position: relative; display:flex;margin-bottom:2rem;}
#max-contanier.vision section .title-box span {font-size: 4rem; font-weight: 600; margin-right:2rem;  color:var(--sub-color2); letter-spacing: -.2rem;}
#max-contanier.vision section .title-box svg {  color:var(--main-color4);}

#max-contanier.vision section.title-slogan {position: relative;margin-bottom:20rem;}
#max-contanier.vision section.title-slogan .image_box { width: 60%; height:400px; background-image:url(../images/sub/aboutus/vision_img1.png); }
#max-contanier.vision section.title-slogan p {position: absolute; left:40%; top:350px; font-size: 7.5rem; font-weight:800;white-space: nowrap;color:var(--main-color2);letter-spacing: -.3rem;}
#max-contanier.vision section.title-slogan p span {display: block;}

#max-contanier.vision section.value-people .value_tab{position:relative;display:flex;justify-content:space-between;}
#max-contanier.vision section.value-people .value_tab .tabs{list-style:none;display:flex;flex-direction:column;margin:0;padding:0;border-top: 1px solid #ddd;width: 40%;height: 100%;justify-content: flex-start;}
#max-contanier.vision section.value-people .value_tab .tabs li{transition: all 0.2s linear;background:none;color: #999;display:inline-block;cursor:pointer;padding: 3.5rem 4rem;border-bottom: 1px solid #ddd;font-size: 2rem;font-weight: 500;height: 25%;}
#max-contanier.vision section.value-people .value_tab .tabs li.current{transition: all 0.2s linear;background: linear-gradient(45deg, #348d6f, #3dbb90);color: var(--sub-color1);box-shadow: 6px 6px 7px 0px #ddd;font-weight: 700;position: relative;}
#max-contanier.vision section.value-people .value_tab .tab-content{display:none;background:#ededed;}
#max-contanier.vision section.value-people .value_tab .tab-content img {width: 100%;}
#max-contanier.vision section.value-people .value_tab .tab-content.current{display:inherit;}
#max-contanier.vision section.value-people .value_tab .tabs li.current::before {content:''; width:30px; height:2px; background: var(--sub-color1); position: absolute;right:0; top:50%; }

#max-contanier.vision section.green-company {position: relative; display: block; width: 100%; height: 500px; background: url(../images/sub/aboutus/vision_img2.png) no-repeat center / cover;}
#max-contanier.vision section.green-company .green-title {position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align: center; color:var(--sub-color1);}
#max-contanier.vision section.green-company h3 {font-size: 6rem;}
#max-contanier.vision section.green-company p {margin-top: 4rem; font-size:1.8rem;	line-height: 180%;}
#max-contanier.vision section.green-company p strong {display: block;}



#max-contanier.vision section.sustainability {position: relative;}
#max-contanier.vision section.sustainability .susta_box {margin-bottom:5rem}
#max-contanier.vision section.sustainability .susta_box p {font-size:2rem; font-weight: 500; line-height: 180%;}
#max-contanier.vision section.sustainability .ourplan_box {display:flex;justify-content: space-between;}
#max-contanier.vision section.sustainability .ourplan_box .image_box { width: 45%; height:400px; background-image:url(../images/sub/aboutus/vision_img3.png); }
#max-contanier.vision section.sustainability .ourplan_box .ourplan { width: 45%; }
#max-contanier.vision section.sustainability .ourplan_box .ourplan .title-box {}
#max-contanier.vision section.sustainability .ourplan_box .ourplan ul {display: flex;flex-direction: column;}
#max-contanier.vision section.sustainability .ourplan_box .ourplan ul li {margin: 1.2rem 0;background: var(--sub-color1);padding: 4rem;border-radius: 15px;box-shadow: 0px 5px 12px 0px #ddd;}
#max-contanier.vision section.sustainability .ourplan_box .ourplan ul li h4 {font-size: 2rem;font-weight: 500;}
#max-contanier.vision section.sustainability .ourplan_box .ourplan ul li p {font-size: 3rem;font-weight: 600;letter-spacing: -.1rem;margin-top: 1rem;}

#max-contanier.vision section.certificate {}
#max-contanier.vision section.certificate .certificate_title {display: flex;justify-content: space-between;align-items: center;}
#max-contanier.vision section.certificate .certificate_title .title-box {margin-bottom: 0;}
#max-contanier.vision section.certificate .certificate_title .certificate_slide_nav {display: flex; align-items: center;}
#max-contanier.vision section.certificate .certificate_title .certificate_slide_nav a {position: relative;cursor: pointer;width: 80px;height: 80px;background:  var(--sub-color1); margin:.5rem}
#max-contanier.vision section.certificate .certificate_title .certificate_slide_nav a span {position: absolute; left:50%; top:50%;transform:translate(-50%, -50%);}
#max-contanier.vision section.certificate .certificate_title .certificate_slide_nav a:hover { background: var(--main-color2); color: var(--sub-color1);box-shadow: 8px 10px 20px 2px rgb(0 0 0 / 13%); }
#max-contanier.vision section.certificate .certificate_list {margin-left: 10%; width: auto;}
#max-contanier.vision section.certificate .certificate_list .eco_visual {}
#max-contanier.vision section.certificate .certificate_list .eco_visual img {margin:10px 0 20px;}
#max-contanier.vision section.certificate .certificate_list .eco_visual span {font-weight:bold;}
#max-contanier.vision section.certificate .certificate_list .eco_visual em {font-weight:bold; color:#228258;}
#max-contanier.vision section.certificate .certificate_list .eco_img_area {}
#max-contanier.vision section.certificate .certificate_list .eco_img_list {width:100%; overflow:hidden; margin-top:40px;}
#max-contanier.vision section.certificate .certificate_list .eco_img_list li {float:left; width:225px;text-align:center; min-height: 0;}
#max-contanier.vision section.certificate .certificate_list .eco_img_list li.first {margin-left:0; }
#max-contanier.vision section.certificate .certificate_list .eco_img_list li a {position:relative; display:block;transition: all 0.5s;  overflow:hidden;margin: 40px;box-shadow: 8px 10px 20px 2px rgb(0 0 0 / 13%);}
#max-contanier.vision section.certificate .certificate_list .eco_img_list li a img {width: 100%;}
#max-contanier.vision section.certificate .certificate_list .eco_img_list li a p { display:none; transition: all 0.5s;  position: absolute; top:0; left:0; width: 100%; height: 100%; color:var(--sub-color1);     background: rgb(52 141 111 / 87%); }
#max-contanier.vision section.certificate .certificate_list .eco_img_list li a span {position:absolute; left:50%; top:50%;  transform:translate(-50%, -50%); text-align:center; font-size:1rem; }
#max-contanier.vision section.certificate .certificate_list .eco_img_list li a span i {display:block; width:22px; height:22px; margin:0 auto 10px; background:url("../images/sub/ico_sch.png");}
#max-contanier.vision section.certificate .certificate_list .eco_img_list li a:hover {border-color:#228258; }
#max-contanier.vision section.certificate .certificate_list .eco_img_list li a:hover p {display:block; transition: all 0.5s;}
#max-contanier.vision section.certificate .certificate_list .eco_img_detail {position:fixed; top: 50%; /* position: absolute; */left: 50%;    width:880px; height: 750px; /* border:2px solid var(--sub-color2); */ background:var(--sub-color1); z-index: 11;transform: translate(-50%, -50%);}
#max-contanier.vision section.certificate .certificate_list .eco_img_box {width: 800px;  height: 650px; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow:auto; border:1px solid #ccc; text-align:center;}
#max-contanier.vision section.certificate .certificate_list .eco_img_box li {text-align:center;}
#max-contanier.vision section.certificate .certificate_list .eco_img_box li img {}
#max-contanier.vision section.certificate .certificate_list .eco_btn_wrap {position:absolute; top:0; right:0;  height: 48px; overflow:hidden;;}
#max-contanier.vision section.certificate .certificate_list .eco_btn_wrap a {float:left; display:block; position: relative; width:48px; height:48px; font-size:0; color:var(--sub-color1); background: var(--sub-color2);}
#max-contanier.vision section.certificate .certificate_list .eco_btn_wrap a svg {position: absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
#max-contanier.vision section.certificate .certificate_list .eco_btn_wrap a:hover {background: #333;}
#max-contanier.vision section.certificate .certificate_list .eco_img_bg {position:fixed; top:0; left:0; width:100%; height:100%; background: rgb(0 0 0 / 82%); z-index: 10;}

@media screen and (max-width:1400px) {
	#max-contanier.vision section.title-slogan .image_box {width: 90%; display: block; margin:0 auto; height: 330px;}
	#max-contanier.vision section.title-slogan p {left:50%; width: auto;transform: translate(-50%, -50%); text-align: center; top: auto;}
	#max-contanier.vision section.title-slogan p  span {color:var(--sub-color1);}
	#max-contanier.vision section.value-people .value_tab .tabs {width: 45%; }
	#max-contanier.vision section.value-people .value_tab .tab-content {width: 45%; overflow:hidden;}
	#max-contanier.vision section.green-company .green-title {width: 100%;}
	#max-contanier.vision section.certificate .certificate_list {margin-left:0;}
}
@media screen and (max-width: 1024px) {
	#max-contanier.vision section {margin-bottom:6rem;}
	#max-contanier.vision section.title-slogan {margin-bottom:15rem}
	#max-contanier.vision section.title-slogan p {font-size:5rem;}
	#max-contanier.vision section .title-box span {font-size: 3rem;}
	#max-contanier.vision section.value-people .value_tab .tabs li {padding:2rem 3rem; font-size: 1.6rem;}
	#max-contanier.vision section.value-people .value_tab .tab-content {height: 260px;}
	#max-contanier.vision section.green-company {height: 330px;}
	#max-contanier.vision section.green-company h3 {font-size: 4rem;}
	#max-contanier.vision section.green-company p {font-size: 1.6rem; line-height: 150%;}
	#max-contanier.vision section.sustainability .susta_box p {font-size: 1.6rem; line-height: 150%;}
	#max-contanier.vision section.sustainability .ourplan_box .ourplan ul li {padding:3rem;}
	#max-contanier.vision section.sustainability .ourplan_box .ourplan ul li h4 {font-size: 1.6rem;}
	#max-contanier.vision section.sustainability .ourplan_box .ourplan ul li p {font-size: 2rem;}
	#max-contanier.vision section.sustainability .ourplan_box .image_box {height: 330px;}
	#max-contanier.vision section.certificate .certificate_title .certificate_slide_nav a {width: 60px; height: 60px;}

	#max-contanier.vision section.certificate .certificate_list .eco_img_detail {width: 80%; height: 90%;}
	#max-contanier.vision section.certificate .certificate_list .eco_img_box {width: 90%; height: 85%;}
	#max-contanier.vision section.certificate .certificate_list .eco_img_box li img {width: 100%;}
}
@media screen and (max-width: 768px) { 
	#max-contanier.vision section.title-slogan {margin-bottom:5rem}
	#max-contanier.vision section.title-slogan .image_box {height: 200px;}
	#max-contanier.vision section.title-slogan p {left: 50%; top: 50%;	font-size: 2.5rem; letter-spacing:0;     color: var(--sub-color1);}

	#max-contanier.vision section .title-box span {font-size: 2rem;}
	#max-contanier.vision section.value-people .value_tab {flex-direction: column;}
	#max-contanier.vision section.value-people .value_tab .tabs { width: 100%;}
	#max-contanier.vision section.value-people .value_tab .tabs li {background:	 var(--sub-color1); font-size: 1.4rem;}
	#max-contanier.vision section.value-people .value_tab .tab-content {width: 100%; height: auto; margin-top:2rem}
	#max-contanier.vision section.green-company {height: 230px;}
	#max-contanier.vision section.green-company .green-title {width: 90%;}
	#max-contanier.vision section.green-company h3 {font-size: 2.5rem;}
	#max-contanier.vision section.green-company p {font-size: 1.4rem; margin-top:2rem;}
	#max-contanier.vision section.green-company p br {display: none;}
	#max-contanier.vision section.sustainability .susta_box p {font-size: 1.4rem;}
	
	#max-contanier.vision section.sustainability .ourplan_box {flex-direction: column-reverse;}
	#max-contanier.vision section.sustainability .ourplan_box .ourplan {width: 100%;}
	#max-contanier.vision section.sustainability .ourplan_box .ourplan ul li {padding:2rem;}
	#max-contanier.vision section.sustainability .ourplan_box .ourplan ul li h4 {font-size: 1.2rem;}
	#max-contanier.vision section.sustainability .ourplan_box .ourplan ul li p {font-size: 1.6rem;}
	#max-contanier.vision section.sustainability .ourplan_box .image_box {margin-top:2rem; width: 100%; height: 250px;}
	#max-contanier.vision section.certificate .certificate_list .eco_img_list li a {margin:0 20px 30px;}

	#max-contanier.vision section.certificate .certificate_list .eco_img_detail {height: 65%;}
}
@media screen and (max-width: 568px) { 
	#max-contanier.vision section.title-slogan .image_box{height: 160px;}
	#max-contanier.vision section.title-slogan p {font-size: 2rem;}
	#max-contanier.vision section.value-people .value_tab .tabs li {font-size: 1.2rem;}
	#max-contanier.vision section.green-company p {font-size: 1.2rem;}
	#max-contanier.vision section.sustainability .susta_box p {font-size: 1.2rem;}
	#max-contanier.vision section.certificate .certificate_title .certificate_slide_nav a {width: 45px; height: 45px;}
}





/*------------------------------------
  sub1 - ORGANIZATION
------------------------------------*/
#max-contanier.organization {position: relative;}
#max-contanier.organization .organization_area {position: relative;}
#max-contanier.organization .organization_area .top_organ {width: 100%; position: relative; display: inline-block;text-align: center; }
#max-contanier.organization .organization_area .top_organ p {font-size: 6rem;font-weight: 900; color: var(--sub-color2);}
#max-contanier.organization .organization_area .top_organ::before {content:'';width: 2px; height: 10rem; background:  var(--sub-color2); position: absolute; top: 8rem; left:50%;	transform: translate(-50%, 0%);}
#max-contanier.organization .organization_area .top_organ::after {content:''; width: 15px; height: 15px; background: var(--sub-color2); border-radius:100%; position: absolute; left:50%; top:8rem; transform:translate(-50%, 0%);  }

#max-contanier.organization .organization_area .middle_organ {position: relative; margin-top: 10.5rem;display: flex;padding-top: 50px;justify-content: space-evenly;}
#max-contanier.organization .organization_area .middle_organ::before {content:'';width: 66.5%; height: 2px; background:  var(--sub-color2); position: absolute; top: 0; left: 50%;	transform: translate(-50%, 0%);}
#max-contanier.organization .organization_area .middle_organ .midd_org {position: relative;flex-basis: 33.33%;}
#max-contanier.organization .organization_area .middle_organ .midd_org::before {content:'';width: 2px; height: 50px; background: var(--sub-color2); position: absolute; top: 0; left: 50%;	transform: translate(-50%, -100%);}
#max-contanier.organization .organization_area .middle_organ .midd_org p {text-align: center;position: relative;padding-bottom: 20px;}
#max-contanier.organization .organization_area .middle_organ .midd_org > p::before {content:''; width: 15px; height: 15px; background: var(--main-color2);; border-radius:100%; position: absolute; left:50%; bottom: 0; transform: translate(-50%, 100%);  }
#max-contanier.organization .organization_area .middle_organ .midd_org p span {position: relative; width: 180px;height: 180px;background: var(--main-color2);display: inline-block;border-radius: 100%;text-align: center;}
#max-contanier.organization .organization_area .middle_organ .midd_org p span svg {position: absolute; left:50%; top:50%; color:  var(--sub-color1); transform:translate(-50%, -50%);}
#max-contanier.organization .organization_area .middle_organ .midd_org p em {display: block;font-style: normal;font-weight: 700;}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box {position: relative;margin-top: 60px;}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box::before{content:'';width: 40%; height: 2px; background: var(--main-color2); position: absolute; top: 0; left: 50%;	transform: translate(-50%, 0%);}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box::after  {content:'';width: 2px; height: 50px; background: var(--main-color2); position: absolute; top: 0; left: 50%;	transform: translate(-50%, -100%);}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box  > ul {display: flex;margin: 0 10px; justify-content: space-evenly; padding-top: 30px;}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box  > ul > li {position: relative;margin: 0 10px;min-width: 30%;}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box  > ul > li::before  {content:'';width: 2px; height: 30px; background: var(--main-color2); position: absolute; top: 0; left: 50%;	transform: translate(-50%, -100%);}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box  > ul > li > p { border: 2px solid #348d6f;margin: 0;padding: 15px 10px;color: #348d6f;font-weight: 600;}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box  > ul > li > ul {display: flex;width: auto;right: 0;flex-direction: column;padding-top: 0;}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box  > ul > li > ul > li {margin-top: 30px;position: relative;}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box  > ul > li > ul > li::before  {content:'';width: 1px; height: 30px; background: #ccc; position: absolute; top: 0; left: 50%;	transform: translate(0%, -100%);}
#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box  > ul > li > ul > li > span {border: 2px solid #ccc;display: block;padding: 10px;text-align: center;font-size: 1.4rem;}

#max-contanier.organization .organization_area .middle_organ .organ_1{}
#max-contanier.organization .organization_area .middle_organ .organ_1 .oga_box::before {width:43%}
#max-contanier.organization .organization_area .middle_organ .organ_2 .oga_box::before {width: 47.5%;transform: translate(-48.5%, 0%);}
#max-contanier.organization .organization_area .middle_organ .organ_3 .oga_box::before {width:0}
#max-contanier.organization .organization_area .middle_organ .organ_2{}
#max-contanier.organization .organization_area .middle_organ .organ_3{}


@media screen and (max-width: 768px) {	
	#max-contanier.organization .organization_area .top_organ p {font-size: 4rem;}
	#max-contanier.organization .organization_area .top_organ::before {display: none;}
	#max-contanier.organization .organization_area .middle_organ {flex-direction: column; padding-top:0;}
	#max-contanier.organization .organization_area .middle_organ::before {display: none;}
	#max-contanier.organization .organization_area .middle_organ .midd_org{flex-basis:100%;	margin-bottom: 7rem;}
	#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box > ul > li {width: 50%;}
	#max-contanier.organization .organization_area .middle_organ .midd_org::before {display: none;}
	#max-contanier.organization .organization_area .middle_organ .organ_1 .oga_box::before {width: 48%;}
	#max-contanier.organization .organization_area .middle_organ .organ_2 .oga_box::before {width: 48%;transform: translate(-50%, 0%); }
}
@media screen and (max-width: 568px) { 
	#max-contanier.organization .organization_area .middle_organ .midd_org p span {width: 100px; height: 100px;}
	#max-contanier.organization .organization_area .middle_organ .midd_org p span svg {width: 50px; height: 50px;}
	#max-contanier.organization .organization_area .middle_organ .midd_org p em {font-size: 1.4rem;}
	#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box > ul > li > p {font-size: 1.2rem; padding: 10px 5px;}
	#max-contanier.organization .organization_area .middle_organ .midd_org .oga_box > ul > li > ul > li > span {font-size: 1.2rem;}
}




/*------------------------------------
  sub1 - location
------------------------------------*/
#max-contanier.location {position: relative;}
#max-contanier.location section.location_tab {position:relative;display:flex;justify-content:space-between;flex-direction: column;}
#max-contanier.location section.location_tab .tabs{list-style:none;display:flex;margin:0;padding:0;width: 100%;height: 100%;justify-content: center;flex-direction: row;align-items: center;}
#max-contanier.location section.location_tab .tabs li{transition: all 0.2s linear;background:none;color: #999;display:inline-block;cursor:pointer;padding: 2rem 3rem;border-radius: 10rem;font-size: 1.8rem;font-weight: 500;margin: 1rem;width: auto;border: 1px solid #ddd;}
#max-contanier.location section.location_tab .tabs li.current{transition: all 0.2s linear;background: var(--main-color1);color: var(--sub-color1);box-shadow: 6px 6px 7px 0px #ddd;font-weight: 700;position: relative;}
#max-contanier.location section.location_tab .tab-content{display:none;margin-top: 10rem;flex-direction: column;}
#max-contanier.location section.location_tab .tab-content.current{display:inherit;}
#max-contanier.location section.location_tab .tab-content h2{font-size: 5rem;font-weight: 800;color: var(--sub-color2); }
#max-contanier.location section.location_tab .tab-content .location_area {margin-top:6rem; display: flex;justify-content: space-between;align-items: flex-start;}
#max-contanier.location section.location_tab .tab-content .location_area .address_box {width:35%;}
#max-contanier.location section.location_tab .tab-content .location_area .address_box ul li {margin-bottom: 3rem;}
#max-contanier.location section.location_tab .tab-content .location_area .address_box h3 {font-size: 2.5rem;}
#max-contanier.location section.location_tab .tab-content .location_area .address_box p {font-size: 1.8rem;line-height: 180%;}
#max-contanier.location section.location_tab .tab-content .location_area .info_box {width: 30%;display: flex;}
#max-contanier.location section.location_tab .tab-content .location_area .info_box a {margin: 0 1rem;padding: 2rem;background: #ddd;display: inline-block;width: 50%;text-align: center;font-size: 1.5rem;font-weight: 600;}
#max-contanier.location section.location_tab .tab-content .map_area {width: 60%; }
#max-contanier.location section.location_tab .tab-content .map_area iframe {border:0; width: 100%; height:500px;box-shadow: 0px 12px 17px 0px rgb(0 0 0 / 14%);}

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

}
@media screen and (max-width: 1024px) {
	#max-contanier.location section.location_tab .tabs li {flex-basis:33.33%;text-align: center; font-size: 1.6rem; padding: 2rem 0;}
	#max-contanier.location section.location_tab .tab-content {margin-top:4rem}
	#max-contanier.location section.location_tab .tab-content h2 {font-size: 3rem;}
	#max-contanier.location section.location_tab .tab-content .location_area .address_box h3 {font-size: 2rem;}
	#max-contanier.location section.location_tab .tab-content .location_area .address_box p {font-size: 1.6rem; line-height: 150%;margin-top:1rem;}
}
@media screen and (max-width: 768px) { 
	#max-contanier.location section.location_tab .tabs li {margin:0 .5rem; font-size: 1.4rem; padding:1rem 0; border-radius:1rem;}
	#max-contanier.location section.location_tab .tabs li span {display: block;}
	#max-contanier.location section.location_tab .tab-content .location_area .address_box {width: 100%;}
	#max-contanier.location section.location_tab .tab-content .location_area .address_box ul {}
	#max-contanier.location section.location_tab .tab-content .location_area .address_box ul li {display: inline-block; width: 48%; margin-bottom:2rem;}
	#max-contanier.location section.location_tab .tab-content .location_area .address_box ul li:first-child {width: 100%;display: block;}

	#max-contanier.location section.location_tab .tab-content .location_area {flex-direction: column;}
	#max-contanier.location section.location_tab .tab-content .map_area {width: 100%;}
	#max-contanier.location section.location_tab .tab-content .map_area iframe {height:300px;}
}
@media screen and (max-width: 568px) { 
	#max-contanier.location section.location_tab .tabs {flex-direction: column;}
	#max-contanier.location section.location_tab .tabs li {width: 100%; margin:0.5rem 0;}
	#max-contanier.location section.location_tab .tabs li span {display: inline-block;} 
	#max-contanier.location section.location_tab .tab-content h2 {font-size: 2rem;}
	#max-contanier.location section.location_tab .tab-content .location_area {margin-top:2rem;}
	#max-contanier.location section.location_tab .tab-content .location_area .address_box h3 {font-size: 1.4rem;}
	#max-contanier.location section.location_tab .tab-content .location_area .address_box p {font-size: 1.2rem;margin-top:0;}
	#max-contanier.location section.location_tab .tab-content .map_area iframe {height:250px;} 
}




/*------------------------------------
  sub2 - Production Process
------------------------------------*/
#max-contanier.process {position: relative;}
#max-contanier.process .process_title {width: 100%;position: relative; height:450px;}
#max-contanier.process .process_title::before {content:''; width: 90%; height:450px; background:url(../images/sub/business/process_img1.png) no-repeat center / cover; ;position: absolute; top:0; right:0;z-index:-1;}
#max-contanier.process .process_title h2 { left:0; bottom:0; margin-top:250px;display: inline-block;color: var(--sub-color1); font-size: 7rem;font-weight: 900;line-height: 100%;}

#max-contanier.process .process_content {	}
#max-contanier.process .process_content .slogan {margin:8rem 0;}
#max-contanier.process .process_content .slogan h3 {font-size:2.5rem; margin-bottom:2rem;}
#max-contanier.process .process_content .slogan p {font-size:1.8rem;}
#max-contanier.process .process_content .card_process { }
#max-contanier.process .process_content .card_process > ul {display:flex; flex-wrap: wrap}
#max-contanier.process .process_content .card_process > ul > li {flex-basis:25%;	position: relative;margin: 1.5rem 0;}
#max-contanier.process .process_content .card_process .process_box {background: var(--sub-color1); border:1px solid #ddd;width: 330px; height:320px; max-width:330px; max-height:320px;margin: 0 auto;border-radius: 1rem;position: relative;display: flex;}
#max-contanier.process .process_content .card_process .process_box .process-cont {margin: 4rem;display: flex;width: 100%;height: auto;flex-direction: column;}
#max-contanier.process .process_content .card_process .process_box .process-cont  em {font-style: normal;font-size: 1.5rem;font-weight: 600; color:#aaa;}
#max-contanier.process .process_content .card_process .process_box .process-cont  h3 {font-size: 2.5rem;line-height: 100%;margin-top: 1rem; color:var(--sub-color2);}
#max-contanier.process .process_content .card_process .process_box .process-cont  ul {position: absolute;  bottom: 4rem;}
#max-contanier.process .process_content .card_process .process_box .process-cont  ul li {position: relative; padding-left:2rem; font-size: 1.5rem;margin:0.5rem 0;}
#max-contanier.process .process_content .card_process .process_box .process-cont  ul li span {display: block; font-size: 1.2rem;}
#max-contanier.process .process_content .card_process .process_box .process-cont  ul li::before {content:''; width: 4px; height: 4px; background:var(--main-color2);; position: absolute;left:0; top:7px;		}

#max-contanier.process .process_content .card_process .process_box:hover {animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; background:linear-gradient(45deg, #348d6f, #3dbb90); border-color:transparent;box-shadow: 9px 14px 20px 4px #ddd;  }
#max-contanier.process .process_content .card_process .process_box:hover em  {color:var(--sub-color1);}
#max-contanier.process .process_content .card_process .process_box:hover h3  {color:var(--sub-color1);}
#max-contanier.process .process_content .card_process .process_box:hover ul li  {color:var(--sub-color1);}
#max-contanier.process .process_content .card_process .process_box:hover ul li::before {background:var(--sub-color1);}
@keyframes text-pop-up-top {
  0% {
    transform: translateY(0);
    transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    transform: translateY(-5px);
    transform-origin: 50% 50%;
    box-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}



.process-circle {position: absolute;	top:25%	;  right:-10%; z-index:-1;}


@media screen and (max-width: 1400px) {
	#max-contanier.process .process_title::before {width: 100%;}
	#max-contanier.process .process_content .card_process > ul > li {flex-basis:33.33%;}
	#max-contanier.process .process_content .card_process .process_box {width: 100%;	}
}
@media screen and (max-width: 1024px) {
	#max-contanier.process .process_content .card_process .process_box {width: 90%; right: auto;	}
	#max-contanier.process .process_title h2 {width: 100%;text-align: center; font-size: 5rem;}
	#max-contanier.process .process_title h2 br {display: none;}
}
@media screen and (max-width: 768px) { 
	#max-contanier.process .process_title {height: 250px;}
	#max-contanier.process .process_title::before {height: 250px; }
	#max-contanier.process .process_title h2 {margin-top:120px;font-size: 3rem;}

	#max-contanier.process .process_content .slogan {margin:4rem 0;}
	#max-contanier.process .process_content .slogan h3 {font-size:2rem;}
	#max-contanier.process .process_content .slogan p {font-size: 1.4rem;}

	#max-contanier.process .process_content .card_process > ul > li {flex-basis:50%;	}
	#max-contanier.process .process_content .card_process .process_box {height: 240px;}
	#max-contanier.process .process_content .card_process .process_box .process-cont h3 {font-size: 2rem;}

}
@media screen and (max-width: 568px) { 
	#max-contanier.process .process_title {height: 200px;}
	#max-contanier.process .process_title::before {height: 200px; }
		#max-contanier.process .process_title h2 {margin-top:100px;font-size:2.5rem;}

	#max-contanier.process .process_content .slogan p {font-size: 1.2rem;}
	#max-contanier.process .process_content .card_process > ul > li {flex-basis:100%; margin:.5rem 0;	} 
	#max-contanier.process .process_content .card_process .process_box {max-width:100%;width: 100%; height: auto;}
	#max-contanier.process .process_content .card_process .process_box .process-cont {margin:2rem;}
	#max-contanier.process .process_content .card_process .process_box .process-cont ul {position: relative; bottom:auto; margin-top:3rem}
	#max-contanier.process .process_content .card_process .process_box .process-cont em {font-size: 1.2rem;}
	#max-contanier.process .process_content .card_process .process_box .process-cont h3 {font-size: 1.6rem;}
	#max-contanier.process .process_content .card_process .process_box .process-cont ul li {font-size:1.2rem;}

}




/*------------------------------------
  sub2 - MAJOR CUSTOMER
------------------------------------*/
#max-contanier.major {position: relative;}
#max-contanier.major ul {display:flex;flex-wrap: wrap;}
#max-contanier.major ul li {flex-basis: 25%;}
#max-contanier.major ul li p {background: var(--sub-color1); margin: 2rem; overflow:hidden; height: auto;border-radius: 1rem;border: 1px solid #ddd;box-shadow: 0px 9px 16px 0px #efefef;}
#max-contanier.major ul li img{width: 100%;}

@media screen and (max-width: 1024px) {
	#max-contanier.major ul li {flex-basis: 33.33%;}
}
@media screen and (max-width: 768px) { 
	#max-contanier.major ul li p {margin:.5rem; box-shadow:none; border-radius:0;	}
}
@media screen and (max-width: 568px) { 
	#max-contanier.major ul li {flex-basis: 50%;}
}


/*------------------------------------
  sub2 - EXHIBITION
------------------------------------*/
#max-contanier.exhibition {position: relative;}
#max-contanier.exhibition::before {content:''; width:50%; height:100%; background: #f7f7f7; position: absolute; left:50%; top:0;z-index:-2;}
#max-contanier.exhibition section { margin-bottom: 15rem;}
#max-contanier.exhibition .title_area {display: flex;justify-content: space-between;align-items: center;margin-bottom: 4rem;}
#max-contanier.exhibition .title_area .title {}
#max-contanier.exhibition .title_area .title span {font-size: 2rem;}
#max-contanier.exhibition .title_area .title h2 {font-size: 4rem;letter-spacing: -0.3rem; color:var(--sub-color2);}

#max-contanier.exhibition .title_area .arrow {display: flex; align-items: center;}
#max-contanier.exhibition .title_area .arrow a {position: relative;cursor: pointer;width: 80px;height: 80px;background:  var(--sub-color1); margin:.5rem}
#max-contanier.exhibition .title_area .arrow a span {position: absolute; left:50%; top:50%;transform:translate(-50%, -50%);}
#max-contanier.exhibition .title_area .arrow a:hover { background: var(--main-color2); color: var(--sub-color1);box-shadow: 8px 10px 20px 2px rgb(0 0 0 / 13%); }

#max-contanier.exhibition .exhibition_slide { margin-left:12%; width: 100%;}
#max-contanier.exhibition .exhibition_slide li{margin:1rem;}
#max-contanier.exhibition .exhibition_slide li a {}
#max-contanier.exhibition .exhibition_slide li img {width: 100%;}

@media screen and (max-width: 1400px) {
	#max-contanier.exhibition .exhibition_slide {margin:0;}
}
@media screen and (max-width: 1024px) {
	#max-contanier.exhibition section {margin-bottom:9rem;}
	#max-contanier.exhibition .title_area {margin-bottom:2rem;}
	#max-contanier.exhibition .title_area .title span {font-size: 1.6rem;}
	#max-contanier.exhibition .title_area .title h2 {font-size: 3rem; letter-spacing:-0.1rem;}
	#max-contanier.exhibition .title_area .arrow a {width: 60px; height: 60px;}
}
@media screen and (max-width: 768px) { 
	#max-contanier.exhibition section {margin-bottom:4rem;}
	#max-contanier.exhibition .title_area {margin-bottom:1rem;}
	#max-contanier.exhibition .title_area .title span {font-size: 1.4rem;}
	#max-contanier.exhibition .title_area .title h2 {font-size: 2rem;}
	#max-contanier.exhibition .title_area .arrow a {width: 50px; height: 50px;} 
}
@media screen and (max-width: 568px) { 
	#max-contanier.exhibition .title_area .title span {font-size: 1.2rem;}
	#max-contanier.exhibition .title_area .title h2 {font-size: 1.8rem;}
	#max-contanier.exhibition .title_area .arrow a {width: 40px; height: 40px;} 
}

/*------------------------------------
  sub2 - FACILITIES
------------------------------------*/
#max-contanier.facilities {position: relative;}
#max-contanier.facilities::before {content:''; width:50%; height:100%; background: #f7f7f7; position: absolute; left:50%; top:0;z-index:-2;}

#max-contanier.facilities .line_slide {width: 100%;position: absolute;top:8%;}
#max-contanier.facilities .line_slide span {display: inline-block; animation: line_slide 30s linear infinite;	opacity:.2;}
#max-contanier.facilities .facilities_area {display: flex;flex-direction: column;}
#max-contanier.facilities .facilities_area .slide {}
#max-contanier.facilities .facilities_area .slide-big {}
#max-contanier.facilities .facilities_area .slide-big .cl {display: flex;justify-content: flex-start;align-items: flex-end;padding-bottom: 5rem;}
#max-contanier.facilities .facilities_area .slide-big .image-box {box-shadow: 8px 10px 20px 2px rgb(0 0 0 / 13%);}
#max-contanier.facilities .facilities_area .slide-big .text_box {margin: 5rem;}
#max-contanier.facilities .facilities_area .slide-big .text_box h2 {font-size: 4rem;margin-bottom: 2rem;}
#max-contanier.facilities .facilities_area .slide-big .text_box p {font-size: 1.8rem;}
#max-contanier.facilities .facilities_area .faci_nav {margin-top: 0rem;display: flex;align-items: center;}
#max-contanier.facilities .facilities_area .faci_nav .slide-nav {width: 90%;}
#max-contanier.facilities .facilities_area .faci_nav .slide-nav .thum {text-align: center;}
#max-contanier.facilities .facilities_area .faci_nav .slide-nav .thum .image-box {width: 160px; height:160px;overflow:hidden;display: inline-block;margin: 0 auto; opacity:.5;}
#max-contanier.facilities .facilities_area .faci_nav .slide-nav .thum .image-box img {height: 100%;}
#max-contanier.facilities .facilities_area .faci_nav .slide-nav .thum.slick-current .image-box { opacity: 1; width: 170px; height: 170px; border: 5px solid #24db9c; box-shadow: 8px 10px 20px 2px rgb(0 0 0 / 13%);}
#max-contanier.facilities .facilities_area .faci_nav .slide-nav .slick-list {padding:2rem 0 !important;}
#max-contanier.facilities .facilities_area .faci_nav .slide-nav .slick-track {display:flex; align-items: center;}
#max-contanier.facilities .facilities_area .faci_nav .arrow {display: inline-block; width: 100%;text-align: center;}
#max-contanier.facilities .facilities_area .faci_nav .arrow span {position: relative; display: inline-block; background: #f5f5f5; width:50px; height:50px; border-radius:100%;}
#max-contanier.facilities .facilities_area .faci_nav .arrow span svg {position: absolute; left:50%; top:50%;transform:translate(-50%, -50%);}
#max-contanier.facilities .facilities_area .faci_nav .arrow span:hover { background: var(--main-color2); color: var(--sub-color1);box-shadow: 8px 10px 20px 2px rgb(0 0 0 / 13%);}

@media screen and (max-width: 1400px) {
	#max-contanier.facilities .facilities_area .slide-big .image-box {width: 70%; overflow: hidden; }
	#max-contanier.facilities .facilities_area .slide-big .image-box img {width: 100%;}
	#max-contanier.facilities .facilities_area .slide-big .text_box {width: 30%;}
}
@media screen and (max-width: 1024px) {
	#max-contanier.facilities .facilities_area .slide-big .text_box {margin:3rem;}
	#max-contanier.facilities .facilities_area .slide-big .text_box h2 {font-size: 3rem;}
	#max-contanier.facilities .facilities_area .slide-big .text_box p {font-size: 1.6rem;}
	#max-contanier.facilities .facilities_area .faci_nav .slide-nav .thum .image-box {width: 140px; height: 140px;}
	#max-contanier.facilities .facilities_area .faci_nav .slide-nav .thum.slick-current .image-box {width: 150px; height: 150px;}
}
@media screen and (max-width: 768px) { 
	#max-contanier.facilities .line_slide {display: none;}
	#max-contanier.facilities .facilities_area .slide-big .cl {flex-direction: column; align-items: flex-start; padding-bottom: 0;}
	#max-contanier.facilities .facilities_area .slide-big .image-box {width: 100%; }
	#max-contanier.facilities .facilities_area .slide-big .text_box {width: 100%; margin:3rem 0;}
	#max-contanier.facilities .facilities_area .slide-big .text_box h2 {margin-bottom:1rem; font-size: 2rem;}
	#max-contanier.facilities .facilities_area .slide-big .text_box p {font-size: 1.4rem;}
	#max-contanier.facilities .facilities_area .faci_nav .slide-nav .thum .image-box {width: 100px; height: 100px;}
	#max-contanier.facilities .facilities_area .faci_nav .slide-nav .thum.slick-current .image-box {width: 110px; height: 110px;} 
}
@media screen and (max-width: 568px) { 
	#max-contanier.facilities .facilities_area .faci_nav .arrow {display: none !important;}
	#max-contanier.facilities .facilities_area .faci_nav .slide-nav {width: 100%;}
	#max-contanier.facilities .facilities_area .faci_nav .slide-nav .thum .image-box {width:50px; height: 50px;}
	#max-contanier.facilities .facilities_area .faci_nav .slide-nav .thum.slick-current .image-box {width: 60px; height:60px;} 
	#max-contanier.facilities .facilities_area .faci_nav .slide-nav .slick-list {margin-top:0;}
}


/*------------------------------------
  sub3 - product
------------------------------------*/
#max-contanier.product-list {position: relative;}

#max-contanier.product-view {position: relative;}




/*------------------------------------
  sub4 - PRODUCT INQUIRY
------------------------------------*/
#max-contanier.inquiry {position: relative;}
#max-contanier.inquiry::before {content:''; width:50%; height:100%; background: #f7f7f7; position: absolute; left:50%; top:0;z-index:-2;}
#max-contanier.inquiry .inner {display:flex;justify-content: space-between;}
#max-contanier.inquiry .textbox_area {width: 45%;display: flex;flex-direction: column;justify-content: flex-start;}
#max-contanier.inquiry .textbox_area h2 { font-size: 4rem; width: 80%; letter-spacing: -0.1rem;  color: var(--sub-color2);  font-weight: 700;}
#max-contanier.inquiry .textbox_area h2 span{ color: #348d6f; font-weight: 900;}
#max-contanier.inquiry .textbox_area .office_info {margin-top: 5rem;}
#max-contanier.inquiry .textbox_area .office_info ul li {margin-top: 2rem;}
#max-contanier.inquiry .textbox_area .office_info p { font-weight: 800; margin-bottom: .5rem; color: var(--sub-color2);}
#max-contanier.inquiry .textbox_area .office_info span { font-size: 1.4rem;  line-height: 150%;}

#max-contanier.inquiry .inquiry_form{width:45%;}
#max-contanier.inquiry .inquiry_form ul li{background:var(--sub-color1);border:1px solid #ddd;border-radius:.5rem;display:flex;align-items:center;margin:1rem 0;padding:1rem;}
#max-contanier.inquiry .inquiry_form ul li label{position: relative;font-size:1.4rem;font-weight:700;color:var(--sub-color2);max-width:110px;display:inline-block;width:100%;text-align:center;}
#max-contanier.inquiry .inquiry_form ul li label.require::after {content:'*'; color:#ff0000;margin-left:.5rem;}
#max-contanier.inquiry .inquiry_form input[type=text]{width:100%;font-size:1.7rem;color:#666;border:0;padding:1rem;}
#max-contanier.inquiry .inquiry_form input[type=text]::placeholder {  font-size: 1.2rem; font-weight: 400; opacity:.5; }
#max-contanier.inquiry .inquiry_form input[type=password]{width:100%;font-size:1.7rem;color:#666;border:0;padding:1rem;}
#max-contanier.inquiry .inquiry_form input[type=password]::placeholder {  font-size: 1.2rem; font-weight: 400; opacity:.5; }
#max-contanier.inquiry .inquiry_form ul li.message{display:flex;align-items:flex-start;}
#max-contanier.inquiry .inquiry_form ul li.message label{text-align:center;margin-top:1rem;}
#max-contanier.inquiry .inquiry_form ul li.message textarea{width:100%;border:0;}

#max-contanier.inquiry .inquiry_form ul li.email .email_form{display: flex; align-items: center;}

#max-contanier.inquiry .inquiry_form ul li.email .email_form .email-1  {width: 30%;     overflow: hidden;}
#max-contanier.inquiry .inquiry_form ul li.email .email_form .email-1  input[type=text] {background: #fff;display: inline-block;}
#max-contanier.inquiry .inquiry_form ul li.email .email_form .email-2  {width: 5%; text-align: center; }
#max-contanier.inquiry .inquiry_form ul li.email .email_form .email-3  {width: 65%; display: flex; align-items: center; }
#max-contanier.inquiry .inquiry_form ul li.email .email_form .email-3 input[type=text] {width:50%;background: #fff;}
#max-contanier.inquiry .inquiry_form ul li.email .email_form .email-3 select {padding:10px;border: 1px solid #ddd; }


#max-contanier.inquiry .inquiry_form .sumit_btn .privacy{margin:2rem 0;}
#max-contanier.inquiry .inquiry_form .sumit_btn .go-send{width:100%;display: inline-block;text-align: center;	background:linear-gradient(221deg,#45C882,#2790AB);border:0;color:var(--sub-color1);font-size:2.2rem;font-weight:700;text-transform:uppercase;cursor: pointer; box-shadow:0 3px 6px 0 rgba(0,0,0,.4);padding:3rem 0;}

.half-flex {display:flex;}
.half-flex label {margin-right:3rem;}


#max-contanier.inquiry .secret_box{position: relative; padding:0 1rem;}
#max-contanier.inquiry .secret_box .keynumber {color:var(--sub-color1);background: var(--sub-color2); display: inline-block; padding:.5rem; font-size: 1.4rem; font-weight: 500; border-radius:.5rem;}
#max-contanier.inquiry .secret_box .keynumber .text-danger {color:#ff1717;  font-size: 1.2em;}
#max-contanier.inquiry .secret_box .secret-form {background: #f5f5f5; margin-top:1rem}
#max-contanier.inquiry .secret_box .key-caption {font-size:1.2rem; font-weight: 600;}



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

}
@media screen and (max-width: 1024px) {
	#max-contanier.inquiry .textbox_area h2 {font-size: 3rem;}
}
@media screen and (max-width: 768px) { 
	#max-contanier.inquiry::before {display: none;}
	#max-contanier.inquiry .inner {flex-direction: column;}
	#max-contanier.inquiry .textbox_area {width: 100%;}
	#max-contanier.inquiry .textbox_area h2 {font-size: 2.5rem;}
	#max-contanier.inquiry .inquiry_form {width: 100%; margin-top:3rem;}
	#max-contanier.inquiry .inquiry_form ul li {padding:.5rem	}
	#max-contanier.inquiry .inquiry_form ul li div {width: 80%;}
	#max-contanier.inquiry .inquiry_form .sumit_btn .go-send {font-size: 1.8rem; padding:2rem 0;}
}
@media screen and (max-width: 568px) { 
	#max-contanier.inquiry .textbox_area h2 {width: 100%;  font-size: 2rem;}
	#max-contanier.inquiry .textbox_area .office_info p {font-size: 1.4rem;}
	#max-contanier.inquiry .textbox_area .office_info span {font-size: 1.2rem;}
	#max-contanier.inquiry .inquiry_form ul li {    flex-direction: column;align-items: flex-start;}
	#max-contanier.inquiry .inquiry_form ul li label {max-width:inherit; text-align:left; padding:1rem;}
	#max-contanier.inquiry .inquiry_form ul li.message label {padding:1rem; text-align:left; margin:0; width: auto;}
	#max-contanier.inquiry .inquiry_form ul li div {width: 90%;}
}