@charset "UTF-8";


/*회사소개*/

.sub_main_info{width:100%; position:relative;}
	.sub_main_info .cont_boxs{margin-bottom:0;}
	.sub_main_info .cont_list_content > ul > li:nth-child(2n){text-align:right;}
		.sub_main_info .cont_list_content > ul > li:nth-child(2n) img{width:75%;}

.company_info{background-size:cover; padding-top:82px;}
.company_info:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#003ca1; opacity:0.7; animation:company_info_bg 1.5s;}
@-webkit-keyframes company_info_bg {
  0% {
    width:0%;
  }
  100% {
	width:100%;
  }
}


.company_wrap .company_info{background-image:url('/en/common/img/head_bg_company.jpg');}
.product_wrap .company_info{background-image:url('/en/common/img/head_bg_product.jpg');}
.OemOdm_wrap .company_info{background-image:url('/en/common/img/head_bg_OemOdm.jpg');}
.inquiry_wrap .company_info{background-image:url('/en/common/img/head_bg_inquiry.jpg');}



.company_info .cont_boxs {position:relative; z-index:1; width:100%; height:100%;}
.sub_main_text{border-left:5px solid #fff; padding-left:20px; color:#fff; letter-spacing:1px;}
	.sub_main_text ul li{display:inline-block; position:relative; padding:0px 10px;}
		.sub_main_text ul li:before{height:8px; width:8px; position:absolute; top:55%; right:-5px; margin:0; border:solid rgba(255,255,255,0.5); border-width:0 0 1px 1px; content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; -webkit-transform:translate(0,-50%) rotate(-135deg); -ms-transform:translate(0,-50%) rotate(-135deg); transform:translate(0,-50%) rotate(-135deg);}
		.sub_main_text ul li:first-child{padding-left:0;}
		.sub_main_text ul li:last-child{padding-right:0;}
		.sub_main_text ul li:last-child:before{display:none;}
	.sub_main_text .cont_title{font-size:3.2em; font-weight:600; letter-spacing:-1px; line-height:1;}
		.sub_main_text .cont_title span{color:#00f3ff;}
	.sub_main_text .cont_title_info{font-size:15px;}

.company_info .navigaator {position:absolute; background:#fff; bottom:0px; right:0px; z-index:1; width:640px;}
.company_info .navigaator .go_home i {font-size:20px;}
.company_info .navigaator > div {float:left; padding:20px 40px; position:relative; letter-spacing:0.5px; text-align:center;}
.company_info .navigaator > div:after {position:absolute; content:''; height:20px; width:1px; background:#ababab; display:block; top:50%; right:0px; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
.company_info .navigaator > div:last-child:after {display:none;}

.company_info .navi_sort {position:relative; cursor:pointer;}
.company_info .navi_sort .navigator_title{padding-right:15px; letter-spacing:-0.5px;}
.company_info .navi_sort .navigator_title:after {content:""; border:2px solid #000; border-width:0px 1px 1px 0px; width:6px; height:6px; position:absolute; right:20px; top:45%; -webkit-transform:rotate(45deg) translate(0,-50%); -ms-transform:rotate(45deg) translate(0,-50%); transform:rotate(45deg) translate(0,-50%); transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease;}
.company_info .navi_sort_active .navigator_title:after{-webkit-transform:rotate(-135deg) translate(0,-50%); -ms-transform:rotate(-135deg) translate(0,-50%); transform:rotate(-135deg) translate(0,-50%);}


.company_info .low_menu {position:absolute; display:none; z-index:1; width:100%; background:#fff; top:100%; left:0; text-align:center; border-radius:7px; overflow:hidden; box-shadow: 0px 0px 10px rgba(0, 0, 3, 0.1);}
.company_info .low_menu > ul > li:hover {background:#f4f6f8;}
.company_info .low_menu > ul > li > a {display:block; padding:12px 0px; font-size:0.8em; transform:translateY(0px); letter-spacing:-0.5px;/*240530letterspacing 추가*/}
.company_info .low_menu > ul > li > a.check{background:#083887; color:#fff;}
.company_info .low_menu > ul > li:hover > a {animation:textstyle 0.4s;}


@-webkit-keyframes textstyle {
  0% {
    transform:translateY(10px);
  }
  100% {
    transform:translateY(0px);
  }
}


/*COMPAMY 회사소개*/
#about01 img{width:100%;}
#about01 .cont_boxs:nth-child(1) {}
#about01 .cont_boxs:nth-child(1) .company_about_1_tit {font-size:2em; font-weight:600;}
#about01 .cont_boxs:nth-child(1) .cont_box_ca1_containear .company_about_1_1 {font-size:1.45em;}
#about01 .cont_boxs:nth-child(1) .cont_box_ca1_containear .company_about_1_2 {font-size:1em; margin-top:50px; line-height:30px;}


#about01 .cont_boxs:nth-child(2) .cont_gallery_list > ul > li:last-child .cont_gallery_list_box{background:url("/en/common/img/about01_02_3.jpg"); background-size:cover; background-position:center; color:#fff; position:relative;}
#about01 .cont_boxs:nth-child(2) .cont_gallery_list > ul > li:last-child .cont_gallery_list_box .table0{position:relative; z-index:1;}
#about01 .cont_boxs:nth-child(2) .cont_gallery_list > ul > li:last-child .cont_gallery_list_box:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#083887; opacity:0.7;}

#about01 .cont_boxs:nth-child(3) .company_about_2_tit {font-size:2em; font-weight:600;}
#about01 .cont_boxs:nth-child(3) .cont_boxs .ca_image {}
#about01 .cont_boxs:nth-child(3) .board_list table{text-align:left;}
#about01 .cont_boxs:nth-child(3) .board_list table th{border-bottom: 1px solid rgba(0,0,0,0.1); min-width:100px;}
#about01 .cont_boxs:nth-child(3) .board_list table th, #company_about_cont_2 .board_list table td{padding:20px 0;}

#about02{background-image:url('/common/img/about03_01_1.jpg'); background-position:center center; background-repeat: no-repeat; background-attachment:fixed; text-align:center; padding:100px 0;}
#about02 .cont_boxs .about03_container_text > p:first-child {font-size:2.5em; color:#fff; font-weight:500;}
#about02 .cont_boxs .about03_container_text > p:last-child {font-size:1.2em; color:#fff; font-weight:300; letter-spacing:0px;}

#about03 .cont_boxs:nth-child(1){} 
#about03 .cont_boxs:nth-child(1) .company_about_4_tit {font-size:2em; font-weight:600;}
#about03 .cont_boxs:nth-child(1) .company_about_4_1 {font-size:1.1em; margin-top:50px; line-height:30px;} 
#about03 .cont_boxs:nth-child(1) .company_about_4_2 {background:url("/common/img/about04_bg.png"); background-repeat:repeat; border:1px solid #e0e0e0; margin-top:50px; display:table; width:100%;}
#about03 .cont_boxs:nth-child(1) .company_about_4_2 .company_about_ci {text-align: center; display: table-cell; vertical-align: middle; padding:75px 0px;}
#about03 .cont_boxs:nth-child(1) .company_about_4_2 .company_about_ci img {width:38%;}


#laboratory01 .laboratory01_diagram_wrap{position:relative; border-radius:4px;}
	#laboratory01 .laboratory01_diagram_wrap:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.7;}
	#laboratory01 .laboratory01_diagram_wrap .laboratory01_diagram{position:absolute; z-index:1; max-width:480px; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}


#factory01 .cont_boxs:nth-child(2){background:#f4f6f8; padding:50px;}

/*#laboratory01 .cont_title_wrap .cont_title{width:100px; height:100px; border-radius:100%; background:#000; color:#fff; text-align:center; margin:0 auto;}*/


#map01 .map{width:100%; height:640px;}
#map01 .cont_boxs:nth-child(1) .cont_list > ul > li{position:relative;}
#map01 .cont_boxs:nth-child(1) .cont_list > ul > li .cont_text_box{margin-bottom:0; position:absolute; left:0; top:0; width:100%; padding:30px; background:#083887; color:#fff; z-index:2;}

/*240529 추가*/
#map01 .cont_text{letter-spacing:-1.5px;}
/*240529 추가*/

#brand01 .cont_gallery_list > ul > li .cont_text_inner{padding:15px; background:#f4f6f8;}


#introduce01 .cont_boxs:nth-child(2) .cont_list > ul > li .cont_title_wrap{}
#introduce01 .cont_boxs:nth-child(1) .cont_gallery_list > ul > li .cont_gallery_list_box{background:#083887; color:#fff;}

#introduce01 .cont_boxs:nth-child(3) .cont_gallery_list > ul > li .cont_gallery_list_box .cont_text_box{padding:30px;}
	#introduce01 .cont_boxs:nth-child(3) .cont_gallery_list > ul > li:before{content:""; position:absolute; right:-4px; top:50%; -webkit-transform:rotate(45deg) translate(0,-50%); -ms-transform:rotate(45deg) translate(0,-50%); background:#fff; width:26px; height:26px; border:1px solid rgba(0,0,0,0.1); border-width:1px 1px 0px 0px;}
#introduce01 .cont_boxs:nth-child(3) .cont_gallery_list > ul > li:last-child .cont_gallery_list_box{background:#083887; color:#fff;}
	#introduce01 .cont_boxs:nth-child(3) .cont_gallery_list > ul > li:last-child:before{display:none;}


#partner01 .swiper_overflow_wrap{overflow:hidden;}
#partner02 .cont_title_info span{background:#083887; padding:2px 15px; color:#fff; border-radius:100px;}


#features01 .cont_boxs:nth-child(2) .cont_list2 > ul > li:last-child .cont_gallery_list_box{background:#083887; color:#fff;}
	#features01 .cont_boxs:nth-child(2) .cont_list2 > ul > li:last-child .cont_info_wrap{color:#083887;}
	#features01 .cont_boxs:nth-child(2) .cont_list2 > ul > li:first-child .cont_gallery_list_box:before{content:"V"; position:absolute; right:0; top:50px; font-size:4em; font-family:'Roboto', NanumSquareR; font-weight:900; line-height:1 !important; letter-spacing:-1px !important; color:#083887;}
	#features01 .cont_boxs:nth-child(2) .cont_list2 > ul > li:last-child .cont_gallery_list_box:before{content:"S"; position:absolute; left:0; top:50px; font-size:4em; font-family:'Roboto', NanumSquareR; font-weight:900; line-height:1 !important; letter-spacing:-1px !important;}

#tech01 .cont_boxs:nth-child(2) .cont_gallery_list_native > ul > li .cont_list_box .cont_img_wrap{background:#f4f6f8;}

.sub_banner{text-align:center; border-radius:4px; position:relative; background:linear-gradient(0deg, #f4f6f8, #fff); padding:50px 0;}
	.sub_banner_arrow{position:absolute; content:""; z-index:-1; width:100px; height:100px; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);}
	.sub_banner_arrow:before{content:""; position:absolute; background:#f4f6f8; width:100%; height:100%; bottom:-50px; left:0; -webkit-transform:rotate(45deg) translate(-50%,-50%); -ms-transform:rotate(45deg) translate(-50%,-50%); transform:rotate(45deg) translate(-50%,-50%);}
	.sub_banner .cont_boxs{margin-bottom:0;}
	.sub_banner .cont_boxs .cont_title_wrap{position:relative;}
		.sub_banner .cont_boxs .cont_title_wrap .cont_title span{position:relative;}
		.sub_banner img{max-width:180px;}


.map_marker_logo{width:100px; text-align:center; background:#fff; position:relative; box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
	.map_marker_logo:before{z-index:-1; box-shadow:0px 0px 5px rgba(0,0,0,0.2); content:""; background:#fff; width:20px; height:20px; position:absolute; bottom:-15px; left:50%; -webkit-transform:rotate(45deg) translate(-50%,0); -ms-transform:rotate(45deg) translate(-50%,0); transform:rotate(45deg) translate(-50%,0);}
	.map_marker_logo_text{font-size:12px;}


/* history */
	.company_history{position:relative;}
	.company_history > ul > li .company_history_year{display:table-cell; width:75px;}
	.company_history > ul > li .company_history_sep{display:table-cell; position:relative; width:50px;}
	.company_history > ul > li .company_history_sep::before{background:rgba(0,0,0,0.1); border-radius:100%; bottom:-5px; content:""; left:50%; position:absolute; top:20px; transform:translateX(-50%); width:1px;}
	.company_history > ul > li .company_history_sep::after{background:#aaa; border-radius:100%; content:""; height:6px; left:50%; position:absolute; top:8px; transform:translateX(-50%); width:6px;}
	.company_history > ul > li .company_history_text{display:table-cell; padding-bottom:20px;}
	.company_history > ul > li .company_history_text span{display:inline-block; padding:5px 10px; background:#083887; color:#fff; border-radius:100px; margin-right:5px;}
	.company_history > ul > li:last-child .company_history_text{padding-bottom:0;}
	.company_history > ul > li:last-child{margin:0;}
	.company_history > ul > li:last-child .company_history_sep::before {display:none;}


@media screen and (max-width:1280px){
	.company_info .cont_boxs{padding:120px 30px;}
	.sub_main_info .cont_list_content > ul > li:nth-child(2n){position:absolute; right:0; bottom:0;}
	.company_info .navigaator {position:absolute; width:100%; background:#fff; bottom:0px; right:0px; padding:0px 40px;}
	.company_info{padding-top:0;}
	.sub_main_text .cont_title_info{font-size:13px;}
}



@media screen and (max-width:760px){
	.company_info .navigaator {position:absolute; width:100%; background:#fff; bottom:0px; right:0px; padding:0px 0px; box-shadow:1px 1px 10px 3px rgba(0,0,0,0.1);}
	.company_info .navigaator .go_home {display:none;}
	.company_info .navigaator > div {float:left; width:50%; padding:20px 0; position:relative; letter-spacing:0.5px;}
	

	.sub_banner_arrow{display:none;}

	.company_info .cont_boxs{overflow:hidden;}
	.company_info .navigaator{min-width:100%;}
	
	.sub_main_text .cont_title{font-size:2.6em;}
	.sub_main_text{position:relative; top:0; left:0; border-left:0; padding-left:0; width:100%;}
	.sub_main_info .cont_list_content > ul > li:first-child{position:relative; z-index:1;}
	.sub_main_info .cont_list_content > ul > li:last-child{position:absolute; right:0; bottom:0; width:280px !important;}
		.sub_main_info .cont_list_content > ul > li img{width:100%;}

	#factory01 .cont_boxs:nth-child(2){padding:30px;}
		#factory01 .cont_boxs:nth-child(2) img{width:50%;}

	#features01 .cont_boxs:nth-child(1) .cont_text_wrap:last-child .cont_text_title{font-size:12px;}
	#features01 .cont_boxs:nth-child(2) .cont_list2 .cont_text_box .cont_list2 ul li{width:100%; margin-right:0;}
	#features01 .cont_gallery_list > ul > li .cont_gallery_list_box .cont_text_box{padding:15px;}
	#features01 .cont_gallery_list > ul > li .cont_gallery_list_box .cont_text_box .cont_info_wrap{padding:5px; border-radius:100px;}

	#customer01 .table_info table th{display:none;}


	#about01 .cont_boxs:nth-child(2) .cont_list > ul > li:last-child{width:100%; margin-right:0 !important;}
	#about03 .cont_boxs:nth-child(1) .company_about_4_2 .company_about_ci img{width:75%;}

	#map01 .map{height:300px;}


	#laboratory01 .laboratory01_diagram_wrap{padding-bottom:50%;}
	#laboratory01 .laboratory01_diagram_wrap .laboratory01_diagram{top:65%; width:85%; max-width:100%;}

	#about03 .cont_boxs:nth-child(1) .company_about_4_2{background-size:12px;}

	.cont_gallery_list_native > ul > li .cont_list_box .cont_img_wrap{display:block; width:100%; padding:0 !important;}
		.cont_gallery_list_native > ul > li .cont_list_box .cont_img_wrap img{width:50% !important; margin:0 auto;}
	.cont_gallery_list_native > ul > li .cont_list_box .cont_text_box{display:block; width:100%; padding:0 !important;}


	#introduce01 .cont_boxs:nth-child(3) .cont_gallery_list > ul > li .cont_gallery_list_box .cont_text_box{padding:15px;}
	#introduce01 .cont_boxs:nth-child(3) .cont_gallery_list > ul > li:last-child{width:100%; margin-right:0 !important;}

	#introduce01 .cont_boxs:nth-child(2) .cont_list > ul > li .cont_title_wrap{font-size:14px;}
	#introduce01 .cont_boxs:nth-child(3) .cont_gallery_list > ul > li:before{display:none;}


	.company_history > ul > li .company_history_year{width:40px;}

}