@import url('https://fonts.googleapis.com/css?family=Radley&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:400,700&display=swap');

	#container{width:100%;}
	#visual{width:100%;}

input[type="text"] {
	 line-height : normal; /* line-height 초기화 */
	 font-family: inherit; /* 폰트 상속 */
	 outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */
	 -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */
	 -moz-appearance: none; appearance: none; }

/* sub_visual */
#visual {background: #0800b0; margin-top:120px;}
#visual h1 {font-size: 95px; font-family: 'GmarketSansB'; padding-top:250px; width: 1200px; margin:0 auto; color: #fff; line-height: 60px;}
#head > ul li a {color: #111;}

/*sub_공통*/
#sec1, #sec2, #sec3 {overflow:hidden; clear: both;}
.area {clear: both; margin:0 auto; padding:70px 0; overflow: hidden;}
.area table {width:100%; text-align: center;}
.point_c {color:#16619e;}
.c_white {color: #fff;}
.margin_r0 {margin-right:0;}
.t_right {text-align: right;}
.t_left {text-align: left;}
.f_right {float:right;}
.f_left {float:left !important;}
.pd_0 {padding:0 !important;}

#free_sec,
#sourcing_sec{
	padding: 150px 0 70px;
}

.sub_hr {
	border:none;
	background: #0800b0;
	width: 60px;
	height: 7px;
	margin-bottom:20px;
}
.sub_hr2 {
	border:none;
	background: #fff;
	width: 60px;
	height: 7px;
	margin-bottom:30px;
}
.sub_h1 {
	font-weight: bold;
	font-size: 30px;
	padding:0 5px 20px 0;
	letter-spacing: -2px;
	line-height: 45px;
}
.sub_txt {
	font-size: 22px;
	line-height: 32px;
}

/*sub1*/
.sub1 {
	overflow: hidden;
}
.sub_right {
	float: right;
	padding: 70px 9.5% 0 0;
	font-weight: lighter;
	font-size: 16px;
	line-height: 24px;
}
.right_h1 {
	padding-bottom:25px;
	font-size: 26px;
	line-height: 30px;
}
.basic {
	background:#111 url("../img/about2.jpg") no-repeat center;
	background-size:cover;
	height:880px;
	width: 100%;
	overflow: hidden;
}
.facility {
	background: #0800b0;
	color: #fff;
}
.fac_div {
	float: left;
	overflow: hidden;
	padding-top:80px;
}
.fac_div img {
	padding-bottom: 50px;
}
.customers {
	background: #0800b0;
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: lighter;
}
.customers .area {
	padding-bottom: 20px;
}
.sec3_rol {
	background: #0800b0;
  padding-top:20px;
}
.rol_item {
	background: #0800b0;
  width: 100%;
	display: inline-block;
	padding-bottom:50px;
}
.item {
  float: left;
  width: 150px;
  height: 150px;
  border-radius: 30px;
  background: #fff;
  margin:20px;
  padding:10px;
  line-height: 145px;
  vertical-align: middle;
}
.item img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

/*sub2*/
.product {
	width: 1200px;
	clear: both;
	margin:0 auto;
	padding-bottom:60px;
	overflow: hidden;
}
.sub2_left {
	float: left;
	width: 600px;
}
.sub2_right {
	float: right;
	width: 600px;
}
.prd_div {
	width: 580px;
}
.prd_div ul li {
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	float: left;
	line-height: 40px;
	padding-top:10px;
}
.prd_div ul li:first-child {
	width:200px;
	font-size: 18px;
}
.prd_div ul li:last-child {
	width: 380px;
	color: #555;
}


.slide1 {
	width:480px;
	height: 300px;
	float: left;
	overflow: hidden;
}
.slide1 img {
	max-height: 100%;
	max-width: 550px !important;
	display: block;
	outline: none;
}
.slide1_nav {
	width: 100px;
	margin:0 auto;
	overflow: hidden;
	padding:20px 50px;
	float: left;
}
.slide1_nav img {
	width: 80px !important;
	height: 85px;
	max-height: 100%;
	margin: 10px;
}

/*sub3*/
.work {
	background: #eee;
	margin-top:60px;
}
.work_ul {
	display: inline-block;
	margin-top:40px;
}
.work_ul li {
	float: left;
	width: 232px;
	padding:30px 25px;
	background: #fff;
	box-shadow: 3px 3px 3px #ddd;
	margin-right: 23px;
	height: 165px;
	margin-bottom:30px;
}
.work_ul li:nth-child(4n) {
	margin-right:0;
}
.work_ul li h1 {
	font-size: 24px;
}
.work_ul li hr {
	width:30px;
	height: 3px;
	background: #111;
	border:none;
	margin:15px 0;
}
.request {
	width: 480px;
	margin-right:70px;
	float: left;
	padding-top:30px;
}
.request h1 {
	font-size: 18px;
	font-family: 'GmarketSansB';
	margin-bottom:15px;
}
.req_txt {
	width: 100%;
	border:none;
	border-bottom:1px solid #ccc;
	line-height: 40px;
	padding:5px 0;
	margin-bottom:35px;
}

.button {
	position: relative;
}
.blk_btn {
	position: absolute;
	right: 0;
	background: #111;
	padding:45px;
	width: 18%;
	height: 130px;
	z-index: 3;
	top:450px;
}
.blk_btn h1, .blu_btn h1 {
	color: #fff;
	font-size: 32px;
}
.blk_btn p, .blu_btn p {
	color: #fff;
	float: right;
	font-size: 26px;
	padding-top: 65px;
}
.blu_btn {
	position: absolute;
	right: 0;
	background: #0800b0;
	padding:45px;
	width: 18%;
	height: 130px;
	z-index: 3;
	top:700px;
}
.start {
	background: #eee;
}
.blk_btn2 {
	position: absolute;
	right: 0;
	background: #111;
	padding:45px;
	width: 19%;
	height: 130px;
	z-index: 3;
	top:550px;
}
.blk_btn2 h1 {
	color: #fff;
	font-size: 36px;
}
.blk_btn2 p {
	color: #fff;
	float: right;
	font-size: 26px;
	padding-top: 42px;
}
.fabric {
	background: #0800b0;
}

/*sub4*/
.cont_div {
	width: 255px;
	margin-right:50px;
	float: left;
	margin-bottom: 30px;
}
.cont_img {
	width: 100%;
  background-color: #d7d7d7;
  background-position: center center;
  background-size: cover;
  height: 280px;
}
.cont_img img {
	width: 100%;
	height: 100%;
}
.cont_tit {
	font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}
.cont_ctt {
	font-size: 14px;
  margin-top: 10px;
  display: inline-block;
  width: 255px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}
.cont_div:nth-child(2n) {
	margin-top:50px;
}
.cont_div:nth-child(4n) {
	margin-right:0;
}

.contact {
	background: #eee;
}
.contact_left {
	width: 600px;
	margin-right:100px;
	float: left;
}
.contact_right {
	width: 500px;
	float: right;
}
.news_btnbox {
	text-align: center;
	padding:20px 0 50px;
}
.news_btn {
	border:1px solid #666;
	color: #111;
	background: #fff;
	width: 200px;
	line-height: 50px;
}
.news_btn:hover {
	background: #333;
	color: #fff;
}

.map {
	width: 480px;
	margin-right:70px;
	float: left;
	padding-top:30px;
}
.map h1 {
	font-size: 18px;
	font-family: 'GmarketSansB';
	margin-bottom:15px;
}
.map_txt {
	width: 100%;
	border-bottom:1px solid #ccc;
	line-height: 30px;
	padding:5px 0;
	margin-bottom:35px;
	font-size: 16px;
	font-weight: lighter;
}
.SNS {
	background: #fff;
}
.snsbox {
	text-align: center;
}
.sns_div {
	text-align: center;
	/* border-right:2px solid #fff; */
	/* height: 260px; */
	padding:20px 0;
	color: #fff;
	display: inline-block;
	width: 260px;
	/* margin:45px auto; */
	vertical-align: top;
}
.sns_div:last-child {
	border-right:none;
}
.sns_div h1 {
	color: #0800b0;
	padding-bottom:10px;
	font-size: 22px;
}
.sns_div p {
	padding-top:10px;
	color: #0800b0;
	font-size: 18px;
}

.sns_div img{
	width: 80px;
}

/*sub4-2*/
.sub4-2d {
	border-top:2px solid #555;
}
.sub4-2d h1 {
	padding:25px 20px;
	background: #f8f8f8;
	text-align: left;
	font-size: 21px;
	border-bottom:1px solid #d7d7d7;
}
.sub4-2d h1 span {
	font-size: 14px;
	font-weight: lighter;
	color: #777;
}
.sub4-2ctt {
	padding:30px 20px;
	min-height: 300px;
	margin-bottom:30px;
	border-bottom:1px solid #d7d7d7;
}
.sub4-2ctt pre{
	overflow: hidden;
	white-space: break-spaces;
}
.s4-1_btn {
	width: 220px;
	height: 50px;
	color: #fff;
	background: #0800b0;
	float: right;
	border:none;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
	margin-bottom: 50px;
}
.s4-1_btn:hover {
	background: #1b4779;
}

/*product slick*/
.ClearBoth::after{
content:"";
display: block;
clear:both;
}
.sub2_right{
	display: flex;
	align-items: center;
	height: 300px;
}
[class^="slide1_main"]{
	float: left;
	width: 80%;
	height: 300px;
}
[class^="slide1_main"] img {
	max-width: 100%;
	height: 300px;
}
[class^="slide1_nav"]{
	float: right;
	width: 17%;
	margin-left:3%;
	overflow:hidden;
}
[class^="slide1_nav"] .why {
	outline:none;
	cursor: pointer;
}
[class^="slide1_nav"] .why img{
	width: 100%;
	margin:8px 0;
	height: 59px;
}

ul .center{
	width: 100%;
}
.number{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.number li{
	padding-left: 10px;
}
.number li:nth-child(1){
	padding-left:0px;
}
.number li a{
	font-size: 20px;
}
.num_on a{
	color: #0800b0;
	border-bottom: 1px solid #0800b0;
}
/*product slick*/