@charset "utf-8";
/* CSS Document */

#overview{position:relative;}
#overview:before{
	display:block;
	content:"";
	width:100%;
	height:75%;
	background:#f7f7f7;
	position:absolute;
	left:0;
	bottom:0;
}
#overview .container{position:relative;z-index:1;}
#overview .img img{ max-width: 100%}
#overview .txt01{
	font-size:39px;
	color:#000;
	font-weight:600;
	line-height:1.3;
}
#overview .txt02{
	box-sizing:border-box;
	font-size:1em;line-height:1.7;
	text-align: justify
}

#overview .info{display:flex;justify-content:space-between; margin:200px 0 0}
#overview .info h2{
	width:280px;
	font-size:27px;color:#000;font-weight:600;
	line-height:1;
}
#overview .info .factory{width:calc(100% - 280px);border-top:2px solid #000;}
#overview .info .factory dl{
	display:flex;
	margin:0;padding:35px 45px;
	border-bottom:1px solid #ddd;
	line-height:1.5;
}
#overview .info .factory dl dt{
	box-sizing:border-box;
	margin:0;
	width:225px;
	padding:0 0 0 34px;
	font-size:18px;color:#000;font-weight:500;line-height:1.5;
}


/*ci소개*/
#intoduce_ci {  }
#intoduce_ci .intoduce_ci .intoduce_ciInner { display: flex; justify-content: space-between}
#intoduce_ci .intoduce_ci .intoduce_ciInner .left { width:20%;}
#intoduce_ci .intoduce_ci .intoduce_ciInner .left h3 {	font-size:27px;color:#000;font-weight:600; line-height:1;}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right { width:80%; padding-left:10%}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right p { margin-top:20px; font-size:1.1em; color:#333}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .monun { position: relative;   display: flex; align-items: center; justify-content: center; background-color: #fff; height:301px; width:100%; margin:0 auto; overflow: hidden;
  background-image:
    linear-gradient(90deg, #e8e8e8 0px, #e8e8e8 1px, transparent 1px, transparent 99px,  transparent 100px),
    linear-gradient(#e8e8e8 0px, #e8e8e8 1px, transparent 1px, transparent 99px,  transparent 100px),
    linear-gradient(#e8e8e8 0px, #e8e8e8 1px, transparent 1px, transparent 99px,  transparent 100px),
    linear-gradient(90deg, #e8e8e8 0px, #e8e8e8 1px, transparent 1px, transparent 99px,  transparent 100px);
  background-size:100px 100%, 100% 100px, 100% 10px, 10px 100%, 100% 100px, 100px 100%, 100px 100%, 100px 100px, 100px 100px;
}
#intoduce_ci .intoduce_ci .monun .ciImg{ width:450px; margin-top:25px; }
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem { position: relative;   display: flex;}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem .con { height:200px; padding:30px; position: relative} 
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem .con .title { color:#fff; font-size: 1em; letter-spacing: 0; font-weight: 500}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem ul { position:absolute; left:30px; bottom:30px;}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem ul li  { color:#fff; font-size: .85em; line-height: 1; margin-top:5px}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem .con.con01 { width:50%; background: #f48120}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem .con.con02 { width:25%; background: #727272}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem .con.con03 { width:25%; background: #a1a1a1}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .download {width:100%;}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .download a.btn_download {  color:#666; border:solid 1px #e5e5e5; width:250px; height:70px; line-height: 70px; display: inline-block; text-align: center; font-size: .85em; background: #fff;  transition: 0.4s ease; }
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .download a.btn_download .ico_download  { display: inline-block; width:18px; height:18px; background-image: url("../images/icons/btn_download.png"); background-repeat: no-repeat; background-size: contain; vertical-align:middle; margin-left:20px; transition: 0.4s ease;}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .download a.btn_download:hover { color:#fff; background-color:var(--thm-primary);}
#intoduce_ci .intoduce_ci .intoduce_ciInner .right  .download a.btn_download:hover .ico_download {  background-image: url("../images/icons/btn_download_active.png"); }


@media  (min-width: 992px) and  (max-width: 1571px) and (orientation: landscape) {
    #intoduce_ci .intoduce_ci .intoduce_ciInner .left h3 { font-size: 1.2em}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right p { font-size: 1em; line-height: 1.4}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right .colorSystem .con .title { font-size:.95em}
}

@media (max-width: 991px) {
	
	#overview:before { height:87%}
	#overview .txt01{ font-size:1.5em; margin:-25px 0 10px}
	#overview .txt02{ font-size:.8em;}
	#overview .info{display:flex; margin:50px 0 0; flex-direction: column}
	#overview .info h2{
		width:100%;
		font-size:1.3em;
		margin-bottom:20px;
	}
	#overview .info .factory{width:100%;border-top:2px solid #000;}
	#overview .info .factory dl{
		flex-direction: column;
		margin:0;
		padding:20px 15px;
		font-size:.9em;

	}
	#overview .info .factory dl dt{
		width:100%;
		padding:0;
		margin:0;
		font-size:1em;
	}
	#overview .info .factory dl dd{
		margin:0;
	}
	
    #intoduce_ci .intoduce_ci .intoduce_ciInner { display: flex;  flex-direction: column; margin-bottom:0 !important}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .left { width:100%; margin-bottom:10px;}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .left h3 { font-size: 1em}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right { width:100%; padding-left:0}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .monun { height:151px;}
    #intoduce_ci .intoduce_ci .monun .ciImg { width:250px; margin-top:15px; }
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right p { font-size: .9em; line-height: 1.5}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem { display: block; display: inline-block; width:100%}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem .con { height:100px; padding:15px; position: relative; float: left} 
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem .con .title { font-size: .8em}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem .con.con01 { width:100%;}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem .con.con02 { width:50%;}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem .con.con03 { width:50%;}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem ul { left:15px; bottom:15px;}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .colorSystem ul li  { font-size: .6em; margin-top:2px;}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .download a.btn_download {  color:#666; border:solid 1px #e5e5e5; width:48%; height:50px; line-height: 50px;  font-size: .7em; margin-left:0; }
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .download a.btn_download:nth-of-type(2) { margin-left:1%;}
    #intoduce_ci .intoduce_ci .intoduce_ciInner .right  .download a.btn_download .ico_download  { display: inline-block; width:12px; height:12px; margin-left:10px; }
}


@media (max-width: 767px) {

}
