@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@charset "utf-8";
*{font-family: 'Nanum Gothic',"나눔고딕", 'Montserrat Alternates', sans-serif;}
/* Reset CSS  */
html { height: 100%;overflow-y:scroll;  }
body { font-size: 14px; font-family: 'Nanum Gothic',"나눔고딕", 'Montserrat Alternates', sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  word-break: keep-all; }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

/*bbs*/
#container_title{display:none;}
#bo_list_total{display:none;}
#bo_v_table{display:none;}
#bo_vc_w{border-bottom:0;}
#bo_vc{background:none;}
.bbs .p_font{ text-align: center; margin-bottom: 17px;}

/************* css ******************/
.content_wrap{max-width:1200px; margin:0 auto; padding:0 20px; box-sizing:border-box; position:relative;}
.content_wrap:after{content:"";display:block;clear:both;}
.bbs.content_wrap{margin-bottom:70px;}


/* header*/
#header{position:absolute; top:0; left:0; width:100%; z-index:99;}
#top_bar .lang{float:right; margin:8px 70px 12px 0;}
#top_bar .lang li{float:left;}
#top_bar .lang li a{font-size:15px; color:#fff;}
#top_bar .lang li a:before{content:"/"; padding:0 5px;}
#top_bar .lang li:first-child a:before{content:none; padding:0;}
#h_logo{text-align:center; clear:both; margin-bottom:25px;}

#nav_wrap{background:rgba(0,0,0,0.52);}
#nav > li{float:left; width:calc(100% / 6); text-align:center;}
#nav > li > a{color:#fff; font-size:17px; display:block; padding:14px 0; letter-spacing:-1px;}
#nav .sub_menu{display:none;}

#nav_btn{display:none;cursor:pointer;}
#nav > li{float:left; position:relative;}
#nav > li:hover > a{color:#383838}
#nav .last{padding-right:0}
#nav > li:nth-child(2) > .sub_menu{width:230px;}
#nav .sub_menu{display:none; width:180px; position:absolute; top:100%; left:0; background:#fff; border-top:2px solid #383838}
#nav .sub_menu li a{font-size:15px; padding:10px 25px; display:block; border-bottom: 1px solid #eee;}
#nav .sub_menu li:last-child a{border-bottom:0;}
#nav .sub_menu li a:hover{background:#383838; color:#fff;}

/* main*/
#m_slider{overflow:hidden; position:relative;}
#m_slider .arrow{position: absolute; top:48%; z-index:99; cursor:pointer; display:none;}
#m_slider .prev{left:40px;}
#m_slider .next{right:40px;}
#m_slider .breadcrumb{position:absolute; top:64%; left:50%; margin-left:-560px;}
#m_slider .breadcrumb li{float:left; margin-right:5px;}
#m_slider .breadcrumb li span{width:22px; height:8px; display:block; background:#fff; border-radius:10px; cursor:pointer;}
#m_slider .breadcrumb li.on span{background:#e2cd39;}
#m_slider .content{width:500%;}
#m_slider .content li{text-align:center; width:20%; float:left;}
#m_slider .content li:nth-child(1){background:url(../image/m_slider01_bg.jpg)  no-repeat center center / cover;}
#m_slider .content li:nth-child(2){background:url(../image/m_slider02_bg.jpg)  no-repeat center center / cover;}
#m_slider .content li:nth-child(3){background:url(../image/m_slider03_bg.jpg)  no-repeat center center / cover;}
#m_slider .content li:nth-child(4){background:url(../image/m_slider04_bg.jpg)  no-repeat center center / cover;}
#m_slider .content li:nth-child(5){background:url(../image/m_slider01_bg.jpg)  no-repeat center center / cover;}

#main{padding:60px 20px;}

#m_pro .title{position:relative; margin-bottom:55px; text-align:center;}
#m_pro .title h2{font-size:35px; font-weight:500; color:#231f20; letter-spacing:-1px; background:#fff; padding: 0 30px; display:inline-block; }
#m_pro .title h2 b{font-weight:800; color:#144e8c;}
#m_pro .title .line{position:absolute; top:50%; left:0; width:100%; display:inline-block; height:1px; background:#ddd; z-index:-1;}
#m_pro .list li{float:left; width:33.33%; padding:0 15px 26px; box-sizing:border-box; text-align: center;}
#m_pro .list li h2{font-size:19px; font-weight:600; color:#0b2548; margin:15px 0 7px; letter-spacing:-1px;}
#m_pro .list li p{color:#414042; line-height: 22px;}
#m_pro .btn{text-align:center; margin-top:30px;}
#m_pro .btn li{display:inline-block; padding:0 5px;}
#m_pro .btn li span{display:block; width:14px; height:14px; background:#b7b7b7; border-radius:30px; cursor:pointer;}
#m_pro .btn li.on span{background:#326cc3;}

#m_banner:after{content:"";display:block;clear:both;}
#m_banner > div{float:left; width:50%; padding:50px; box-sizing:border-box; height:375px;}
#m_banner > div .title{font-size:45px; font-weight:500; letter-spacing:-2px;}
#m_banner .recruit{background:url(../image/m_banner01_bg.png) no-repeat center center / cover;}
#m_banner .recruit .text{margin-top:120px;}
#m_banner .recruit .text h2{font-size:25px; letter-spacing:-1px;}
#m_banner .recruit .text p{margin:10px 0 15px; font-size:15px;}
#m_banner .recruit .text .view{color:#fff; background:#333; padding:8px 40px; display:inline-block;}
#m_banner .notice{background:#3e5b7c; color:#fff; position:relative; z-index:0;}
#m_banner .notice .latest{margin-top:40px;}
#m_banner .notice .line{position:absolute; top:3%; left:2%; width:96%; height:94%; border:1px solid #fff; z-index:-1;}


/*sub*/
#s_top{text-align:center; color:#fff; padding:194px 0 71px; letter-spacing:-1px;}
#s_top.bg01{background:url(../image/s_top_bg01.jpg) no-repeat center center;}
#s_top.bg02{background:url(../image/s_top_bg02.jpg) no-repeat center center;}
#s_top.bg03{background:url(../image/s_top_bg03.jpg) no-repeat center center;}
#s_top.bg04{background:url(../image/s_top_bg04.jpg) no-repeat center center;}
#s_top.bg05{background:url(../image/s_top_bg05.jpg) no-repeat center center;}
#s_top.bg06{background:url(../image/s_top_bg06.jpg) no-repeat center center;}
#s_top h2{font-size:46px; margin-bottom:5px;}
#s_top p{font-size:16px;}

#sub .sub_menu{display:none; position:absolute; top:100%; left:20px; background:#fff; border:1px solid #ddd;  border-top:0;width:100%; z-index:99;}
#sub .sub_menu li a{display:block; padding:7px 0; font-size:14px;}
#sub .sub_menu li a:hover{background:#f5f5f5;}

#snb_wrap{text-align:center; margin-top:-22px;}
#snb{border:1px solid #ddd; background:#fff; padding:0 40px; border-radius:50px; display:inline-block;}
#snb > li{float:left; font-size:15px; position:relative; padding:12px 0;}
#snb > li:before{content:"l"; padding: 0 20px;}
#snb > li:first-child:before{content:none; padding: 0;}
#snb > li:last-child{cursor:pointer; }
#snb > li > span{margin-left:30px;}
#snb .sub_menu{display:none; position:absolute; top:100%; left:20px; background:#fff; border:1px solid #ddd;  border-top:0;width:100%; z-index:99;}
#snb .sub_menu li a{display:block; padding:7px 0; font-size:14px;}
#snb .sub_menu li a:hover{background:#f5f5f5;}

#sub{margin-top:35px;}
.p_title{text-align:center; margin-bottom:17px;}
.p_title h2{font-size:36px; letter-spacing:-2px; font-weight:600; color:#333; margin-bottom:15px;}
.p_title span{width:1px; height:30px; display:inline-block; background:#9b9b9b;}
.h3_font{font-size: 19px; text-align: center; letter-spacing: -2px; margin-bottom:40px;color: #fff;margin:30px 0; background: #144e8c; border-radius: 150px; width: 220px;
height: 40px;display:inline-block;line-height: 38px;}
.h3_font02{font-size: 19px; text-align: center; letter-spacing: -2px; margin-bottom:40px;color: #fff;margin:30px 0;background-color:#fff;background-color:rgba( 255, 255, 255, 0.5 );
border-radius: 150px; width: 220px;height: 40px;display: inline-block; line-height: 38px;}

.s_add{margin-bottom:60px;}
.sub_con{margin-bottom:60px;}

/*서브 타이틀*/
.title_h3{ padding-bottom: 26px;}
.title_h3 h3{font-size:27px;text-align: center;letter-spacing: -1px;color:#144e8c;} 

/*표 : 회사현황*/
.s_table{width:100%; border-top:2px solid #757575;margin-top:20px; margin-bottom:50px;font-size:14px;line-height:26px;}
.s_table tr th{background:#f4f4f9;width: 20%;text-align:center;}
.s_table tr td{text-align:left;}
.s_table tr th, .s_table tr td{padding:10px 20px; border-bottom:1px solid #eee;border-right: 1px solid #eee;}
.s_table tr th:last-child, .s_table tr td:last-child {border-right: 0;}

/*sub01_01 ceo인사말*/
.sub01{margin-bottom:45px;}
.sub01 .ceo_img{float:left}
.sub01 .ceo{line-height: 30px;  font-size: 16px; padding-right: 57px; float: left;  width: 74%;}
.sub01 .ceo span{display:block; margin-bottom:20px; font-size:22px; color: #144e8c;  font-weight: 600;}
.sub01_bottom{background:#eff0f7; padding-top:60px;}
.sub01_bottom .icon{max-width:1200px; margin:0 auto; padding-bottom:70px;}
.sub01_bottom .icon li{float:left; width:25%; text-align:center;  font-size:15px;}
.sub01_bottom .icon li .icon_bg{background: #144e8c;  border-radius: 50%; width:100px; height:100px; margin:0 auto; padding-top: 12px; }
.sub01_bottom .icon li h2{font-size:18px; margin:30px 0 10px;}

/*sub01_02 회사현황&연혁*/
.history_wrap{background:url(../image/sub_history_bg.png) no-repeat center/cover; padding:45px 20px 60px ;background-attachment: fixed;    position: relative;}
.history + .history {margin-top: 80px;}
.history h2{display:block;font-weight:600;font-size:45px;line-height:23px;text-align:center;letter-spacing:-1px;color: #144e8c}
.history .article{overflow:hidden;position:relative;margin-top:60px}
.history .article:after{content:'';position:absolute;left:50%;top:2px;margin-left:-1px;height:100%;border-left:1px solid #979797}
.history .article dl{position:relative;overflow:hidden;width:100%;z-index:10}
.history .article dt{position:relative;font-weight:600;font-size:22px;line-height:34px;letter-spacing:-2px;color:#313131;}
.history .article dt:before{content:'';display:block;position:absolute;top:2px;width:20px;height:20px;background: #fff;  border: 4px solid #144e8c; border-radius: 50px;}
.history .article dd{padding-top:6px;font-size:16px;line-height:24px;}
.history .article dl:nth-child(odd){float:right;padding-left:50%}
.history .article dl:nth-child(odd) dt{float:left;padding-left:35px;margin-right:20px}
.history .article dl:nth-child(odd) dt:before{left:-10px}
.history .article dl:nth-child(even){float:left;padding-right:50%;text-align:right}
.history .article dl:nth-child(even) dt{float:right;padding-right:35px;margin-left:20px}
.history .article dl:nth-child(even) dt:before{right:-9px}
.history .article dl + dl{margin-top:40px;}

/*sub01_03 경영방침 및 사훈*/
.sub01_03{text-align:center;}
.sub01_03 .sub_con02{margin-bottom: 70px;}

/*sub01_04. 주요고객*/
.customer li{float:left;margin-top: 10px;width:25%;padding: 10px;}
.customer li div{background:#f5f5f5;}
.customer + .customer{margin:70px 0;}

/*sub01_05 CI*/

.sub01_05 .p_font{text-align: center; line-height: 30px; font-size: 16px;}

.vision_wrap02{ margin: 45px 0;}
.vision{margin-top:20px}
.vision li{float:left; width:33.33%; text-align:center;font-size:15px;}
.vision li h2{font-size:20px; margin:13px 0 10px;font-weight:600}
.vision li .vision_t01{color:#e36511;}
.vision li .vision_t02{color:#175692;}
.vision li .vision_t03{color:#474747;}
.vision li p{line-height: 23px;}
.ci{margin-bottom:50px}
.ci img{margin:20px 0;}

/*sub01_06 조직도*/
.sub01_06{padding-bottom: 70px}

/*sub02 생산설비*/
.sub02 img {padding:3px;}

/*sub02_02 MES시스템*/
.sub02_02_con{margin-bottom:60px;}

/*sub02_03*/
.sub02_03{width: 100%;text-align: center;margin-bottom:60px;}
.sub02_03 p{line-height:26px; font-size:15px; padding-bottom: 11px;}
.sub02_03 p span{font-size:22px;font-weight:600;}
.sub02_03 ul li{float:left;width:33.333%;padding:5px; margin-bottom:20px;}

/*제품정보*/

/*sub03_09*/
.sub03 .p_font{text-align: center; line-height: 30px; font-size: 16px; margin-bottom:60px;}
.sub03 .p_font span{font-size:18px;  color: #1a62c5;  font-weight: 600; }

/*품질경영*/
.sub04 .p_font{text-align: center; line-height: 30px; font-size: 16px; margin-bottom:60px;}
.sub04 .p_font span{font-size:18px;  color: #1a62c5;  font-weight: 600; }
.sub04_img{margin-bottom:60px;}
.sub04{width: 100%;text-align: center;}


.sub04_02{margin-bottom:100px;}
.sub04_02 .eco{max-width:1000px; margin:0 auto;}
.sub04_02 .eco li{float:left; width:20%; text-align:center;  font-size:15px; margin-top: 20px;}
.sub04_02 .eco li .eco_icon{ border-radius: 50%;  width: 80px; height: 80px; background: #3e6db5; margin: 0 auto; padding-top: 9px; margin-bottom:10px;}

.sub04_04 img{margin-top: 23px; margin-bottom:100px; background: #f5f7fb;  padding: 30px 0;}

/*sub05 인재채용*/
.sub05 .p_font{text-align: center; line-height: 30px; font-size: 16px; margin-bottom:5px;}
.sub05 .p_font span{font-size:18px;  color: #1a62c5;  font-weight: 600; }
.sub05{margin-bottom:70px;}
.sub05 .sub05_icon li{float:left; width:33.33%; text-align:center; padding: 20px 10px;}
.sub05 .sub05_icon li h2{display:block; padding: 13px 0;font-size:22px; }
.sub05 .sub05_icon li p{text-align:center; line-height:25px; font-size:14px;}

/*sub05_02 에이원테크 근무 시 특권*/
.sub05_02{margin-bottom:70px;}
.sub05_02{ line-height:30px; font-size:16px;}
.sub05_02_icon{float:left;width:50%;    padding-left: 129px;}
.sub05_02_icon li{font-size:15px; padding-bottom: 15px;}
.sub05_02_icon span{ color: #1a62c5; font-size:30px; font-weight:600;padding-right:10px;}
.sub05_02 img{float:left; }
/*오시는길*/
.s_add ul{text-align:center;}
.s_add ul li{float:left;width:33.33%}
.s_add ul li p{text-align:center; line-height:26px; font-size:15px;}

/* footer*/
#footer_wrap{background:#ededed; padding:40px 0 60px;}
#footer .link{border-bottom:1px solid #d3d3d3; margin-bottom:45px; padding-bottom:15px;}
#footer .link li{float:left; padding-right:40px;}
#footer .link li a{display:block;}
#footer address{color:#686868; line-height:24px;}
#footer .logo{position:absolute; bottom:0; right:20px;}

@media (min-width:769px) and (max-width:1200px){/*테블릿*/
		/*경영방침및사훈*/
		.business02_wrap{background:none;}
		
		/*sub01 CEO인사말*/
		.sub01 .ceo{width:100%; padding-right:0;}
		.ceo_img{padding-top:20px;}
}

@media (max-width:768px){/*모바일*/
		#header{ }
		#h_logo{position:static; text-align:center;margin-bottom:0;}
		#h_logo img{width:216px;}
		#top_bar .lang{  margin:15px 0;}
		#nav_btn{display:block; background:#000000; font-size:17px; color:#fff; text-align:center; margin-top:20px; padding:10px 0;}
		#nav{position:absolute; background:rgba(255,255,255,0.9); width:100%; left:-100%; margin-top:0;  padding: 0;}
		#nav > li{width:100%; border-bottom:1px solid #eee;}
		#nav > li > a{padding:8px 15px; color: #000;}
		#nav > li:nth-child(2) > .sub_menu{width:100%;}
		#nav .sub_menu{position:static; width:100%; border-top:1px solid #eee;}
		#nav .sub_menu li a{border-bottom:0; font-size:14px; color:#888;}
		#nav .sub_menu li a:before{content:"- ";}
		#m_slider .content li{  background-size: cover;min-height: calc(650px );}
		#m_slider .content li:nth-child(1){background:url(../image/m_bg01.png) no-repeat center center;}
		#m_slider .content li:nth-child(2){background:url(../image/m_bg02.png) no-repeat center center;}
		#m_slider .content li:nth-child(3){background:url(../image/m_bg03.png) no-repeat center center;}
		#m_slider .content li:nth-child(4){background:url(../image/m_bg04.png) no-repeat center center;}
		#m_slider .content li:nth-child(5){background:url(../image/m_bg01.png) no-repeat center center;} 
		#m_slider .content li img{display:none;}
		/*index*/
		#m_pro .list li{width:100%;}
		/*sub*/
		.p_title h2{font-size:28px;}
		.title_h3{padding-bottom: 12px;}
		.title_h3 h3{font-size: 20px;} 
		#snb{display:none;}
		#s_top h2{ font-size: 35px;  }
		#sub{margin-top:80px;}

		/*sub01 CEO인사말*/
		.sub01 .ceo{width:100%; padding-right:0;text-align:center;}
		.sub01 .ceo span{font-size:20px;} 
		.ceo_img{padding-top:20px;}
		.sub01_bottom .icon li{width:50%;padding:10px;    height: 219px;} 
		
		/*연혁*/
		.history .article dl:nth-child(odd) dt{float:none;margin-right:0}
		.history .article dl:nth-child(odd) dd{padding-left:35px}
		.history .article dl:nth-child(even) dt{float:none;margin-left:0}
		.history .article dl:nth-child(even) dd{padding-right:35px}
		.history .article dl + dl{margin-top:20px}
		.history h2{    font-size: 35px;}

		/*주요고객사*/
		.customer li{width:50%;}
		/*비전*/
		.vision li{width:100%; margin-bottom:20px}
		/*경영방침및사훈*/
		.business02_wrap{background:none;}
		.business02 ul li {margin-bottom:15px;}
		.business02 span {font-size: 25px;}
        .sub04_02{background: #353535;}
		.sub04_02 .eco li {width: 100%}
		
		/*검사및측정장비*/
		.sub02_03 ul li{width:100%;}

		/*제품정보 카테고리*/
		#bo_cate li{width:100%;}
		#bo_cate a{font-size:13px;}
		#bo_cate ul li{width:100%;}
		.pro_img_nav{bottom:-8px;}
		 #bo_v_img a img   {min-height: calc(141px );}
		 
		 /*인재상*/
		 .sub05 .sub05_icon li{width:100%;}

		 /*근무시 특권*/
		 .sub05_02_icon{width:100%;padding-left:0}
		 
		 /*오시는길*/
		 .s_add ul li{width:100%;}

		/*footer*/
		#footer .logo{position:relative ;  padding: 20px;}
}