@charset "UTF-8";

body{font-family:'Noto Sans KR', sans-serif;
	 font-size:1em;
	 letter-spacing:-.03em;
	 overflow-wrap: break-word;
	 word-break: keep-all;}

.company_img img{margin-top:-5%;
				 width:100%;}

.about_us .h{font-family:'Noto Sans KR', sans-serif;
			 font-size:4em;
			 letter-spacing:-.03em;
			 text-align:center;
			 font-weight:500;}
.about_us{margin-top:60px;
		  padding-bottom:60px;}

.about_us .h_2{font-size:1.8em;
			   font-weight:normal;
			   letter-spacing:-.03em;
			   text-align:center;}
@media (max-width: 47.99em) {
	.about_us{font-size:1em;}
	.about_us .h{font-size:3em;}
	.about_us .h_2{font-size:1.8em;}
}
@media all and (min-width:1681px) {
.about_bg{position:relative;
		  margin-top:70px;
		  background: #e8edf3;
		  background-size:cover;
		  width:100%;}
.about_bg .l-wide{position:relative;
				  padding:120px 0 53px 0;
				  overflow:hidden;}
.about_space{width:90%;
			 display:block;
			 margin:auto;}
.space{width:65%;}
.space .about_desc{font-size:1.8em;
					color:#222;
					font-weight:400;
					letter-spacing:-.03em;
					margin-top:30px;
					word-break: keep-all !important;}
.about_space .ceo img{width:23%;
					  position:absolute;
					  top:13%;
					  right:8%;}
.space .about{font-size:4em;
					font-weight:600;
					letter-spacing:-.03em;
					color:#222;}

.sign{margin-top:20px;
	  font-size:2em;
	  font-weight:600;
	  letter-spacing:-.03em;
	  color:#636a70;
	  text-align:right;
	  margin-right:6%;}
.sign img{width:15%;
		  margin-right:-1%;}



}
@media all and (min-width:1025px) and (max-width:1680px) {
	.about_bg{position:relative;
		  margin-top:70px;
		  background: #e8edf3;
		  background-size:cover;
		  width:100%;}
	.about_bg .l-wide{position:relative;
					 padding:80px 0 140px 0;
					 overflow:hidden;}
	.about_space{font-size:1em;
				 width:90%;
				 display:block;
				 margin:auto;}
	.space{width:60%;}
	.space .about{font-size:3.5em;
					font-weight:600;
					letter-spacing:-.03em;
					margin-bottom:30px;}
	.space .about_desc{font-size:1.6em;
						 color:#222;
						 font-weight:400;
						 letter-spacing:-.03em;
						 margin-top:15px;
						 word-break: keep-all !important;}
	.about_bg .l-wide .ceo img{width:250px;
							   position:absolute;
							   top:12%;
							   right:11%;}
	.sign{position:absolute;
		  bottom:30px;
		  right:10%;
				   font-size:1.8em;
				   font-weight:600;
				   letter-spacing:-.03em;
				   color:#636a70;
				   text-align:right;
				   margin-right:4%;}
	.sign img{width:100px;}
}
@media all and (min-width:760px) and (max-width:1024px) {
	.about_bg{position:relative;
		  margin-top:70px;
		  background: #e8edf3;
		  background-size:cover;
		  width:100%;}
	.about_bg .l-wide{position:relative;padding:80px 0 120px 0;overflow:hidden;}
		.about_space{font-size:1em;
				 width:90%;
				 display:block;
				 margin:auto;}
		.space{ width:60%}
	.space .about{font-size:2.5em;
						font-weight:600;
						letter-spacing:-.03em;}
	.space .about_desc{font-size:1.4em;
							 color:#222;
							 font-weight:400;
							 letter-spacing:-.03em;
							 margin-top:15px;
							 word-break: keep-all !important;
							 }
		.about_bg .l-wide .ceo img{width:200px;
							   position:absolute;
							   top:15%;
							   right:10%;}
		.sign{
				   font-size:1.6em;
				   font-weight:600;
				   letter-spacing:-.03em;
				   color:#636a70;
				   text-align:right;
				   position:absolute;
				   bottom:15px;
				   right:12%;}
		.sign img{width:150px;}
}

@media (max-width: 47.99em) {
.about_bg{position:relative;
		  margin-top:70px;
		  background: #e8edf3;
		  background-size:cover;
		  width:100%;}
.about_bg .l-wide{position:relative;
				  padding:30px 0 0 0;
				  overflow:hidden;}
.about_bg .l-wide .ceo{margin:0 auto;}
.about_bg .l-wide .ceo img{display:block;
						  width:50%;position:absolute;
						  top:30px;
						  right:25%;}
.about_space{margin-top:75%;
			 display:block;
			 width:95%;}
.about_space .about{font-size:1.8em; font-weight:600; letter-spacing:-.03em; word-break: keep-all;}
.about_space .about_desc{margin-top:15px; font-size:1.6em;color:#222;font-weight:400;word-break: keep-all !important;
						 letter-spacing:-.03em;}
.sign{margin:40px 5% 40px 0;
	  font-size:2em;
	  font-weight:600;
	  letter-spacing:-.03em;
	  color:#636a70;
	  text-align:right;}
.sign img{width:40%;
		 }

}



.company_intro{background:url(../img/aboutus/warehouse_bg.png) no-repeat;
			   background-position:bottom;
			   padding-bottom:700px;
			   background-size:100% auto;}

.company_intro .company{display:block;
						margin:65px auto;}

.company-cont{margin:0 65px;}
.company-cont .company-h{font-size:4em;
						font-weight:600;
						letter-spacing:-0.03em;
						 margin-bottom:30px;color:#222;}
.company-cont .company-desc{font-size:1.8em;
							font-weight:400;
							text-align:left;}


.company-img{margin:100px auto;display: flex;flex-direction: row;flex-wrap: wrap;}
.img-h{font-size:2em;
					font-weight:600;
					margin:35px 0 20px 0;}
.img-desc{font-size:1.8em;
		  font-weight:400;}
.company-img .img04,
.company-img .img05,
.company-img .img06,
.company-img .img07,
.company-img .img08,
.company-img .img09,
.company-img .img10,
.company-img .img11{margin-top:60px;}

@media all and (min-width:1025px) and (max-width:1680px) {
.company-cont{font-size:1em;
			  margin:0 80px;}
.company-cont .company-h{font-size:3em;}
.company-cont .company-desc{font-size:1.6em;}
.img-h{font-size:1.5em;}
.img-desc{font-size:1.5em;}

}

@media (max-width: 47.99em) {
	.company-cont{margin:0;
				  word-break: keep-all;}
	 .company-cont .company-h{font-size:1.8em; font-weight:600; word-break: keep-all;}
	 .company-cont .company-desc{font-size:1.6em;}
	.company_intro .company{margin:40px auto;}

	.company-img .img02,
	.company-img .img03{margin-top:60px;}

	.company_intro{padding-bottom:100px;
			   background-size:100% auto;}
	.management-img .img{margin-bottom:40px;}
	.img-desc{font-size:1.6em;}
}
.history{margin-top:60px;
		 font-size:1em;}
.history-h{font-size:2em;
		   padding:0 0 8px 5px;}
.history .h_2{margin-bottom:76px;}


.management-img{margin-top:67px;}


.history-cont{width:80%;
			  margin:0 auto;
			  font-size:1em;}
.history-list{width:100%;
			  border-top:1px solid #222;
			  font-size:1em;
			  }
.list-h{font-size:1.8em;
		float:left;
		font-weight:400;
		padding-left:1%;
		line-height:2em;}
.list li{font-size:1.8em;
		 border-top:1px solid #c6c6c6;
		 font-weight:400;
		 padding-left:10%;
		 line-height:2em;}

.history-cont .history-img{position:relative;
						   margin-top:40px;
						   width:100%;}

.history-img .img01{}
.history-img .img .img-desc{text-align:left;
							margin-top:20px;
							display:block;
							margin-bottom:70px;}

@media all and (min-width:1025px) and (max-width:1680px) {

.history-cont{font-size:1em;}
.history-list{font-size:1em;}
.history-h{font-size:2em;}
.list-h{font-size:1.6em;line-height:1.8em;}
.list li{font-size:1.6em; padding-left:13%;line-height:1.8em;}
}

@media (max-width: 47.99em) {
	.history{margin-top:40px;}
	.history-cont{width:100%;
				  word-break: keep-all;
				  font-size:1em;}
	.history-h{font-size:1.8em; padding:0 0 4px 0;}
	.history .h_2{margin-bottom:40px;}
	.history-list{font-size:1em;}
	.list-h{font-size:1.6em;
			width:18%;line-height:normal;}
	.list li{font-size:1.6em;
			 border-top:1px solid #c6c6c6;
			 padding-left:20%;
			 width:80%;line-height:normal;}

}

.location-cont{text-align:center;
			   font-size:1em;
			   width:100%;}
.Map a span{color:#fff;
			vertical-align:middle;
			font-size:1.8em;}
					
.location-cont .location {
							font-weight:400;
						 width:100%;
						 background-color:#878787;
						 padding:12px 0;}
.location-cont .on .location{background-color:#ea6820;
							  color:#fff;}


.map_wrap	dl	{overflow:hidden;
				 margin:62px 0 0 73px;
				 font-size:1.8em;}
.map_wrap	dl	dt	{float:left; margin-right:30px;}
.map_wrap	dl	dd	{text-align:left;}

.map_wrap	.map_api{width:100%; height:500px;}
@media all and (min-width:1025px) and (max-width:1680px) {
.Map a span{font-size:1.5em;}
.location-cont{font-size:1em;}

.map_wrap dl{font-size:1.5em;}
}

@media (max-width: 47.99em) {
	.Map a span{font-size:1.6em;}
	.location-cont{font-size:1em;}
	.map_wrap dl{width:100%;
				 margin:20px auto 0 auto !important;
				 font-size:1.6em;}
	.map_wrap	dl	dt	{float:left; width:20%; text-align:left; margin-right:0px;}
	.map_wrap	dl	dd	{width:75%; margin-left:25%; text-align:left;}
	.Map{width:100%;
	margin:40px auto 0 auto;}

}
.tab_wrap	 {position:relative; width:100%; padding-bottom:80px;}
.tab_wrap > ul:after {content:' '; display:block; clear:both; height:0; visibility:hidden; text-align:center;}
.tab_wrap > ul > li	{float:left; position:relative; width:20%; }
.tab_wrap > ul > li > a	 {display:block; text-align:center;}
.tab_wrap > ul > li > a	> span {display:block; text-align:center;}
.tab_wrap > ul > li:hover > a > span	{display:block;}
.tab_wrap > ul > li > a:focus > span	{display:block; position:relative;}
.tab_wrap > ul > li	.tab_cont	{display:none;}
.tab_wrap > ul > li.on > a	{text-decoration:none;}
.tab_wrap > ul > li.on > a > span	{display:block; position:relative;}
.tab_wrap > ul > li.on	.tab_cont	{display:block; visibility: visible;   width: 300%;}
.tab_wrap > ul > li.on	.tab_cont > div	{padding-top:24px;}
.tab_wrap > ul > li.on	.tab_cont.cont02 {margin-left:-100%;}
.tab_wrap > ul > li.on	.tab_cont.cont03 {margin-left:-200%;}
.tab_wrap > ul > li.on	.tab_cont.cont04 {margin-left:-300%;}
.tab_wrap > ul > li.on	.tab_cont.cont05 {margin-left:-400%;}
.tab_wrap > ul > li.on	.tab_cont.cont06 {margin-left:-500%;}

/* ���̺� type */
.tab_wrap.type03 > ul > li	{width:49.8%;}
.tab_wrap.type04 > ul > li	{width:24.98%;}
.tab_wrap.type05 > ul > li	{width:20%;}
.tab_wrap.type06 > ul > li	{width:16.66%;}
.tab_wrap.type07 > ul > li	{width:33.3%;}
/* ���̺� ������ ���� */
.tab_wrap.type04 > ul > li.on	.tab_cont	{width:400%;}
.tab_wrap.type05 > ul > li.on	.tab_cont	{width:500%;}

@media (max-width: 47.99em) {
.tab_wrap > ul > li	{margin-left:0px;}
}