@charset "utf-8";




.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:10px;}
.mg_t20{margin-top:20px;}
.mg_t30{margin-top:30px;}
.mg_t40{margin-top:40px;}
.mg_t50{margin-top:50px;}
.mg_t80{margin-top:80px;}
.mg_t100{margin-top:100px;}
.mg_t120{margin-top:120px;}

.mg_t120{margin-top:120px;}

.mg_b10{margin-bottom:10px;}
.mg_b20{margin-bottom:20px;}
.mg_b30{margin-bottom:30px;}
.mg_b40{margin-bottom:40px;}
.mg_b50{margin-bottom:50px;}
.mg_b80{margin-bottom:80px;}
.mg_b100{margin-bottom:100px;}

.point {color:#f36f23 !important;}
.txt_l {text-align:left!important;}
.txt_c {text-align:center!important;}
.txt_r {text-align:right;}

.txt_b {font-weight:bold!important;}


.fl_left {float:left;}
.fl_right {float:right;}




.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}


.pc_only {display:block;}
.mobile_only {display:none;}

@media screen and (max-width: 1024px){
	.pc_only {display:none;}
	.mobile_only {display:block;}

}


.wid_1200 {width:100%; max-width:1200px; margin:auto;}
.wid_1400 {width:100%; max-width:1400px; margin:auto;}
.wid_1600 {width:100%; max-width:1600px; margin:auto;}

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

	.side_pd_1200 {padding-left:15px!important; padding-right:15px!important;}

}


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

	.side_pd_1400 {padding-left:15px!important; padding-right:15px!important;}

}

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

	.side_pd_1600 {padding-left:15px!important; padding-right:15px!important;}

}




.ft_01, .ft_02 {font-size:1.7rem; line-height:1.65;}


/*공통*/

.grey_bg {background:#f7f7f7;}
.sub_top {width:100%; position:relative; }
.sub_top .sub_top_inner {width:100%; max-width:1200px; margin:auto; padding:14.5rem 0 12.5rem 0;}
.sub_top .sub_top_inner span {font-size:1.4rem; font-weight:bold; text-transform:uppercase; display:block;margin-bottom:1.0rem;}
.sub_top .sub_top_inner p {font-size:4.0rem; font-weight:600;}


.sub_title {width:100%; position:relative;  }
.sub_title span {color:#0d357f; font-size:1.4rem; font-weight:bold; text-transform:uppercase; display:block;margin-bottom:1.0rem;}
.sub_title h3 {font-size:4.0rem; font-weight:600;}
.sub_title p {font-size:1.8rem; color:#666; line-height:1.8; margin-top:1.5rem;}



@media screen and (max-width: 1024px){
	.sub_top .sub_top_inner p {font-size:2.8rem;}
	.sub_title h3 {font-size:2.8rem; font-weight:600;}
}



/*회사개요*/

.company_top_bg {background: url("../../pages/images/company_top_bg.jpg") no-repeat center center; background-size:cover;}
.company_top_bg > .sub_top_inner > span { color:#0d357f;}
.company_top_bg > .sub_top_inner > p {color:#000;}

.company_txt {font-size:1.8rem; color:#666; margin:9.0rem auto 13.5rem; max-width:1200px; line-height:2.0;}

.company_wrap {padding:9.5rem 0 13.5rem}
.overview_title {color:#000; font-weight:bold; font-size:3.2rem; text-align:center;}

.overview_wrap {width:100%; position:relative; display:flex;  flex-wrap: wrap;  justify-content: space-between; margin-top:8.0rem;}
.overview_wrap .overview_box {width:calc(100% / 4); text-align:center; background:#fff; padding:6.0rem 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.overview_wrap .overview_box:nth-child(4n) {border-right:0px solid #ddd;}

.overview_wrap .overview_box:nth-child(5) {border-bottom:0;}
.overview_wrap .overview_box:nth-child(6) {border-bottom:0;}
.overview_wrap .overview_box:nth-child(7) {border-bottom:0;}
.overview_wrap .overview_box:nth-child(8) {border-bottom:0;}

.overview_wrap .overview_box span {display:block; margin-bottom:1.0rem;}
.overview_wrap .overview_box dt {color:#333; font-size:1.8rem;}
.overview_wrap .overview_box dd {color:#666; font-size:1.8rem;}


@media screen and (max-width: 1024px){
.overview_wrap {margin-top:5.0rem;}
.overview_wrap .overview_box {width:calc(100% / 2); }
.overview_wrap .overview_box:nth-child(5) {border-bottom:1px solid #ddd; }
.overview_wrap .overview_box:nth-child(6) {border-bottom:1px solid #ddd; }
.overview_wrap .overview_box:nth-child(2n) {border-right:0px solid #ddd;}

}



/*CEO 인사말*/
.message_wrap {position:relative; width:100%;  padding-bottom:15.0rem;}
.message_top_bg {position:relative; background: url("../../pages/images/message_top_bg.jpg") no-repeat center center; background-size:cover; padding-bottom:12.0rem;}
.message_top_bg > .sub_top_inner > span { color:#12c0f2;}
.message_top_bg > .sub_top_inner > p {color:#000;}
.message_top_bg > .sub_top_inner > span.ceo_name {position:relative; color:#333; font-size:18px; margin-top:6.0rem; display:block; }
.message_top_bg > .sub_top_inner > span.ceo_name:after {content:"";position: absolute; background: url("../../pages/images/message_name.png") no-repeat; width:171px; height:28px; bottom:0; left:217px;}


.message_box {position:absolute; right:0; bottom:-13.0rem; background:#fff; width:100%; max-width:1300px; box-sizing:border-box; font-size:1.8rem; color:#666; line-height:2.0; padding:11.0rem; z-index:1;} 


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

.message_wrap {padding:0}
.message_top_bg {padding-bottom:0rem;}
.message_box {position:relative; bottom:0; padding:5.0rem;}


}

/*연혁*/
.history_top_bg {background: url("../../pages/images/history_top.jpg") no-repeat center center; background-size:cover;}
.history_top_bg > .sub_top_inner > span { color:#12c0f2;}
.history_top_bg > .sub_top_inner > p {color:#fff;}


.history_wrap {width:100%; position:relative; margin-top:7.0rem;}
.history_wrap:before {content:"";position: absolute;top: 10px;left:50%;width:1px;height: calc(100% - 80px);background:#c6c6c6;}


.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; padding-top:12.0rem;}
.history_list .his_img {width:50%; text-align:right; padding-right:100px; }
.history_list .his_img img {width:100%; max-width:600px;}
.history_list .his_txt {position:relative; width:50%; padding-left:100px;} 
.history_list .his_txt .his_title {color:#12c0f2; font-size:3.2rem; font-weight:bold;}
.history_list .his_txt:before {content:"";position: absolute; background: url("../../pages/images/his_dot.png") no-repeat center center;top: -50px;left: -12px;
							width:25px;height:25px;}

.history_list:last-child .his_txt:last-child:after {content:"";position: absolute; background: url("../../pages/images/his_dot_grey.png") no-repeat center center; bottom: 50px;left:-12px;
							width:25px;height:25px;}


.history_list .his_txt dl {display:flex;  margin-top:4.0rem;}
.history_list .his_txt dl dt.his_year {width:100px; font-weight:bold; font-size:2.4rem; color:#333; font-weight:600; font-family: 'Pretendard';}
.history_list .his_txt dl dd {width:calc(100% - 100px); color:#666; font-size:1.6rem;}
.history_list .his_txt dl dd  ul li {margin-bottom:0.5rem;}

.history_list:nth-child(even) .his_img {order:2; text-align: left; padding-right:0;padding-left:100px;}
.history_list:nth-child(even) .his_txt {order:1; text-align: right; padding-left:0;padding-right:100px; }

.history_list:nth-child(even) .his_txt:before {left: auto; right: -12px;}
.history_list:nth-child(even) .his_txt dt {order:2;}
.history_list:nth-child(even) .his_txt dd {order:1;}


@media screen and (max-width: 1024px){
.history_wrap:before {content:"";position: absolute;top: 10px;left: 30px;width:1px;height: calc(100% + 50px);background:#c6c6c6;}

.history_list { padding-bottom:10.0rem; padding-top:20px;}

.history_list .his_img {width:100%; text-align:left; padding-left:40px; margin-bottom:50px;}
.history_list .his_img img {width:100%; max-width:330px;}
.history_list .his_txt {width:100%; padding-left:40px; }

.history_list:nth-child(even) .his_img {order:1; text-align: left; padding-right:0;padding-left:40px;}
.history_list:nth-child(even) .his_txt {order:2; text-align: left; padding-left:40px;padding-right:0px; }

.history_list:nth-child(even) .his_txt:before {left: -9px; right: auto;}
.history_list:nth-child(even) .his_txt dt {order:1;}
.history_list:nth-child(even) .his_txt dd {order:2;}

.history_list .his_txt:before {top: 0px;left: 2px;}
.history_list:nth-child(even) .his_txt:before {left: 2px; right: auto;}

.history_list .his_txt dl dt.his_year {width:70px;}
.history_list .his_txt dl dd {width:calc(100% - 70px); font-size:14px;}
.history_list:last-child .his_txt:last-child:after {display:none;}


}


/*조직도*/

.organization_top_bg {background: url("../../pages/images/organization_bg.jpg") no-repeat center center; background-size:cover;}
.organization_top_bg > .sub_top_inner > span { color:#0d357f;}
.organization_top_bg > .sub_top_inner > p {color:#000;}

.organization_img {width:100%; position:relative; margin-top:10.0rem;}
.organization_img  img {width:100%;}




/*오시는길*/
.location_wrap {width:100%; position:relative;  display:flex;  flex-wrap: wrap;  justify-content: space-between; margin-top:10.0rem; padding:7.5rem 0;}
.location_map {width:50%; }
.location_map .map_height {height:390px; width:100%;}
.location_map .root_daum_roughmap .wrap_map {height: 100% !important;}

.location_wrap02 .location_map{order: 2;}
.location_wrap02 .location_txt{order: 1;}

.location_txt {position:relative; width:100%; width:45%; padding-top:4.0rem;  }
.location_txt .loc_txt1 {color:#000; font-weight:bold; font-size:3.2rem;}
.location_txt .loc_btn {position:absolute; top:40px; right:0; background:#fff; padding:15px 120px 15px 30px; color:#333; font-size:15px; font-weight:600; border:1px solid #cecece;
						background: url("../../pages/images/loc_ico.png") no-repeat right 20px center;}

.location_txt .loc_table {position:relative; width:100%; margin-top:3.5rem;}

.location_txt .loc_table table {border-top:2px solid #222; font-size:16px;}
.location_txt .loc_table table tr { border-bottom:1px solid #ddd; }
.location_txt .loc_table table th {text-align:center; border-right:1px solid #ddd; width:30%;}
.location_txt .loc_table table td {padding:25px; color:#666; width:70%;}


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



.location_map {width:100%; margin-top:5.0rem;}
.location_txt {width:100%; padding-top:0;}

.location_txt .loc_btn  {top:-10px; padding:15px 80px 15px 30px;}


.location_map .map_height {height:320px; width:100%;}

.location_wrap {margin-top:5.0rem;}

.location_wrap .location_map{order: 2;}
.location_wrap .location_txt{order: 1;}


}

/*특징*/
.char_wrap {margin-top:9.5rem; width:100%;  position:relative; border-top:1px solid #222;}

.char_box {padding:6.0rem 0; width:100%;  position:relative; border-bottom:1px solid #ddd;   display:flex;  flex-wrap: wrap; justify-content: space-between;}

.char_box .char_video {width:45%;}
.char_box .char_video video {width:100%;}
.char_box .char_txt {width:50%; padding-top:3.0rem;}
.char_box .char_txt dl > span {font-size:16px; color:#aaa; font-family: 'Pretendard'; font-weight:600; display:block; }
.char_box .char_txt dl dt {font-size:2.4rem; color:#333; font-weight:600; margin-top:2.0rem;}
.char_box .char_txt dl dt > strong {color:#12c0f2; }
.char_box .char_txt dl dt > span {font-size:1.6rem;}
.char_box .char_txt dl dd {font-size:1.6rem; color:#666; line-height:1.8; margin-top:2.0rem;}


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

.char_box {padding:4.0rem 0;}
.char_box .char_video {width:100%;}
.char_box .char_txt {width:100%; padding:3.0rem;}
}



/*생산공정*/
.process_table {margin-top:9.5rem; width:100%;  position:relative;}
.process_table table {border-top:2px solid #222; font-size:16px; text-align:center;}
.process_table table tr { border-bottom:1px solid #ddd; }
.process_table table thead th {text-align:center; border-right:1px solid #ddd;  padding:25px; }
.process_table table thead th:last-child {border-right:0px;}
.process_table table tbody td {padding:25px; color:#666;  border-right:1px solid #ddd;}
.process_table table tbody td:first-child {border-right:0px;} 
.process_table table tbody td:last-child {border-right:0px;}
.process_table table .process_num {display:inline-block; font-family: 'Pretendard'; font-size:13px; background:#0d357f; color:#fff; width:30px; height:30px; text-align:center; 
									padding:7px;  border-radius:30px; font-weight:bold;}
.process_table table tbody td strong {color:#0d357f; display:block; margin-top:0.5rem;}


.div_scroll {overflow: auto;position: relative;}
.mobile_table_arrow {display: none;}

@media screen and (max-width: 1200px){
	.mobile_table_arrow {display: block; font-size:14px; margin-bottom:15px; text-align:right;}	
	.process_table table {width:1150px;}


}





/*인증서*/
.certification_wrap {width:100%; position:relative;  display:flex;  flex-wrap: wrap;    margin-top:6.0rem;}
.certification_wrap .cert_box {width:23%; margin-right:1.5%; text-align:center; border-bottom:1px solid #ddd; padding:3.5rem 0; }
.certification_wrap .cert_box:nth-child(4n) {margin-right:0%; }
.certification_wrap .cert_box .cert_img {background:#fafafa; border:1px solid #e5e5e5; padding:5.0rem 2.0rem; }
.certification_wrap .cert_box .cert_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.certification_wrap .cert_box .cert_txt {color:#666; margin-top:3.0rem; font-size:16px; font-weight:600; } 


@media screen and (max-width: 1024px){
.certification_wrap {margin-top:0rem;}
.certification_wrap .cert_box {width:48%; margin-right:4%}
.certification_wrap .cert_box:nth-child(2n) {margin-right:0%; }

}