@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: 12px; 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;  }
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;}

/************* css ******************/

.wrap{max-width:1200px; margin:0 auto;}

/* header*/
#header{position:relative;}
#header:after{content:"";display:block; clear:both;}
#header .logo{position:absolute; top:40px; left:48px;}
#header .lang{float:right; margin-top:28px; margin-right:34px;}
#header .lang li{float:left; border-right:1px solid #333; line-height:10px;}
#header .lang li:last-child{border-right:0;}
#header .lang li a{font-size:12px; padding:0 14px;}
#nav_btn{display:none;}
#nav{float:right; clear:both; margin:23px 16px 30px 0;}
#nav > li{float:left; position:relative; padding-bottom:10px;}
#nav > li:hover > a{color:#514098;}
#nav > li > a{font-size:17px; padding:0 32px; letter-spacing:-1px;}
#nav > li:nth-child(3) .sub_menu{left:-10px;}
#nav .sub_menu{position:absolute; top:100%; left:0; background:rgba(0,0,0,0.85); width:180px; margin-left:-30px;display:none;z-index:99;}
#nav .sub_menu li a{font-size:14px; padding:7px 0; display:block; text-align:center; color:#fff;}
#nav .sub_menu li a:hover{background:#514098;}

/* container*/
#m_slider{overflow:hidden; position:relative;}
#m_slider .text{position:absolute;top:0; left:0; width:100%; text-align:center;}
#m_slider .prev{position:absolute; top:50%; left:5%; cursor:pointer; z-index:99;}
#m_slider .next{position:absolute; top:50%; right:5%; cursor:pointer; z-index:99;}
#m_slider .breadcrumb{position:absolute; bottom:35px; left:50%; margin-left:-64px;}
#m_slider .breadcrumb li{float:left; margin:0 2px;}
#m_slider .breadcrumb li span{width:28px; height:3px; background:#fff; display:block; cursor:pointer;}
#m_slider .breadcrumb li.on span{background:#e5fe0f;}
#m_slider .content{width:500%;}
#m_slider .content li{float:left; width:20%; text-align:center;}
#m_slider .content li:nth-child(1){background:url(../image/m_slider01_bg.jpg) no-repeat center center;}
#m_slider .content li:nth-child(2){background:url(../image/m_slider02_bg.jpg) no-repeat center center;}
#m_slider .content li:nth-child(3){background:url(../image/m_slider03_bg.jpg) no-repeat center center;}
#m_slider .content li:nth-child(4){background:url(../image/m_slider04_bg.jpg) no-repeat center center;}
#m_slider .content li:nth-child(5){background:url(../image/m_slider01_bg.jpg) no-repeat center center;}

#m_banner{background:#f4f4f4; padding:78px 0;}
#m_banner ul li:after{content:"";display:block; clear:both;}
#m_banner > ul > li{float:left; width:30%; box-sizing:border-box; padding:0 48px; word-break: keep-all;}
#m_banner > ul > li:last-child{width:40%;}
#m_banner ul li .title{font-size:22px; color:#4d4397; letter-spacing:-1px; margin-bottom:25px;}
#m_banner ul li .left{float:left; width:50%;}
#m_banner ul li .left .text{line-height:24px; color:#555; font-size:14px; letter-spacing:-0.5px; word-break: keep-all;}
#m_banner ul li .left .text b{font-size:16px; color:#272626;}
#m_banner ul li .left .view{border:1px solid #b7b7b7; font-size:13px; padding:7px 28px; border-radius:5px; display:inline-block; margin-top:25px;}
#m_banner ul li .left .view:hover{background:#514098; color:#fff; border:1px solid #514098;}
#m_banner ul li .right{float:left; width:50%; margin-top:-50px; box-sizing:border-box; padding-left:15px; text-align:right;}

#m_icon{padding:58px 0;}
#m_icon li{float:left; width:25%; text-align:center; border-right:1px dashed #ddd; box-sizing:border-box;}
#m_icon li:last-child{border-right:0;}
#m_icon li h3{font-size:14px; font-weight:500; margin-top:18px;}
#m_icon li h2{font-size:18px; margin:5px 0 15px;}
#m_icon li a{border:1px solid #e1e1e1; font-size:12px; padding:7px 22px; display:inline-block;}
#m_icon li a:hover{background:#514098; color:#fff; border:1px solid #514098; }

/*Sub*/
#sub_top.bg01{background:url(../image/sub_top01.jpg) no-repeat center center;}
#sub_top.bg02{background:url(../image/sub_top01.jpg) no-repeat center center;}
#sub_top.bg03{background:url(../image/sub_top01.jpg) no-repeat center center;}
#sub_top.bg04{background:url(../image/sub_top01.jpg) no-repeat center center;}
#sub_top.bg05{background:url(../image/sub_top01.jpg) no-repeat center center;}
#sub_top.bg06{background:url(../image/sub_top01.jpg) no-repeat center center;}
#sub_top{text-align:center;padding:75px 0 100px;}
#sub_top h2{font-size:33px; letter-spacing:-1px; color:#fff; margin-bottom:8px; font-weight:500;}
#sub_top .path{display:inline-block;}
#sub_top .path li{float:left; color:#fff; font-size:13px; padding:0 5px;}
#sub_top .path li i{font-size:17px;}
#sub_top .path li:after{content:"/"; padding-left:10px; }
#sub_top .path li:last-child:after{content:none;}

#container:after{content:"";display:block; clear:both;}
#container.wrap{background:#fff; min-height:400px; margin-top:-61px; padding:48px 30px 80px; box-sizing:border-box;}
#snb{float:left; width:26%; box-sizing:border-box; padding-right:60px;}
#snb li a{font-size:15px; padding:10px 20px; display:block; border-bottom:1px solid #eee;}
#snb li .on , #snb li a:hover{background:#4d4397; color:#fff;}
#content{float:left; width:74%;}
#p_title{margin-bottom:30px;}
#p_title h2{font-size:38px; line-height:100%; margin-bottom:5px; letter-spacing:-1px;}
#p_title p{font-size:16px;color:#8d8d8d; letter-spacing:-0.5px;}
#p_title span{display:block; width:24px; height:1px ; background:#4d4397; margin-top:18px;}
#sub{line-height:26px; font-size:15px;}

.s_table{width:100%; border-top:2px solid #4d4397;}
.s_table tr th{text-align:left;}
.s_table tr td{color:#777;}
.s_table tr th , .s_table tr td{border-bottom:1px solid #ddd; padding:7px 10px;}

/*bbs*/
#sub.bbs{font-size:13px; min-height:300px;}
#sub #bo_v_table{display:none;}
#sub #bo_vc{background:none;}
#sub #container_title , #sub #bo_list_total{display:none;}

/*ceo*/
.sub01:after{content:"";display:block; clear:both;}
.sub01 .img{float:left; width:35%; box-sizing:border-box;  padding-right:20px;}
.sub01 .ceo{float:left; width:65%; color:#777; word-break:keep-all;}
.sub01 .ceo b{font-size:22px; font-weight:500; color:#333;}
.sub01 .ceo b span{color:#4d4397;}
.sub01 .ceo .name{color:#333; font-weight:600; text-align:center;}
.sub01 .ceo .name span{font-size:12px;}

/*ȸ�簳��*/
.sub01_02 .s_table{margin-top:10px;}
.sub01_02 .s_table tr th{width:20%;}

/*����*/
.history{padding:95px 25px; background:url(../image/history_line.jpg) repeat-y left 87px top;}
.history li{position:relative; margin-bottom:50px;}
.history li:last-child{margin-bottom:0;}
.history li:nth-child(1) h2{border:7px solid #4d4397;}
.history li:nth-child(2) h2{border:7px solid #454545;}
.history li h2{font-size:30px; letter-spacing:-4px; width:106px; height:106px; line-height:106px; text-align:center; background:#fff;border:7px solid #acacac; border-radius:150px; position:absolute; top:-20px; left:0;}
.history li p{border:1px solid #e1e1e1; padding:15px 15px 15px 40px; margin-left:150px;}
.history li p b{margin-left:-22px;}

/*vision*/
.sub01_04{padding-top:40px;}
.vision{text-align:center; padding-bottom:70px; background:url(../image/vision_img.png) no-repeat center bottom; margin-bottom:40px;}
.vision i{color:#a0a0a0; font-size:30px; margin-bottom:15px;}
.vision h2{font-size:33px; letter-spacing:-1px; font-weight:600;}
.vision span{display:block; width:90px; height:2px; background:#dfdfdf; margin: 20px auto 10px;}
.vision p{font-size:18px;}
.vision.box01 h2{color:#333;}
.vision.box02 h2{color:#2e2289;}
.vision.box02 i{color:#58509c;}
.vision.box02 p{padding:15px; border:1px dashed #b5b5b5; margin-top:20px;}
.sub01_04 .management li{float:left; width:33.33%; padding:20px 5px; box-sizing:border-box;text-align:center;}
.sub01_04 .management li div{padding:25px 10px; min-height:130px; border-radius:100px 0; }
.sub01_04 .management li:nth-child(1) div{border:7px solid #c2c2c2;}
.sub01_04 .management li:nth-child(2) div{border:7px solid #8783c1;}
.sub01_04 .management li:nth-child(3) div{border:7px solid #7da7d9;}
.sub01_04 .management li h2{font-size:24px; margin-bottom:20px; line-height:22px; color:#555;}
.sub01_04 .management li p{font-size:14px; line-height:20px;color:#666; word-break: break-word; word-break: keep-all;}
.sub01_04 .img_box{text-align:center; margin-top:30px;}

.sub01_04 .box04 ul {display: flex; flex-wrap: wrap; gap: 20px 20px; justify-content: center; ; margin: 40px 0 20px; transition: all .3s;}
.sub01_04 .box04 ul::after {display: none;}
.sub01_04 .box04 ul li {border: 2px dotted #ccc; flex-basis: 45%; height: 250px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px; transition: all .3s;}
.sub01_04 .box04 ul li  p {padding-top: 15px; transition: all .3s;}
.sub01_04 .box04 ul li img {display: inline-block; width: 110px; transition: all .3s;}


/*���ô±�*/
.sub01_05 .img{text-align:center;}
.sub01_05 .icon{margin-top:30px;}
.sub01_05 .icon li{float:left; width:33.33%; box-sizing:border-box;padding:0 10px 20px; text-align:center;}
.sub01_05 .icon li i{font-size:40px; color:#888;}
.sub01_05 .icon li h2{border-top:1px solid #eee; border-bottom:1px solid #eee; margin:10px 0; padding:5px 0;}

/*�����о� 1*/
.sub02_03 section:after{content:""; display:block; clear:both;}
.sub02_03 section{margin-bottom:50px;}
.sub02_03 .text{float:left; width:60%;}
.sub02_03 .text h2{font-size:22px; font-weight:500; letter-spacing:-1px; margin-bottom:10px;}
.sub02_03 .text h2 i{color:#4d4397;}
.sub02_03 .text ul li{border-bottom:1px dashed #ddd; padding:2px 10px;}
.sub02_03 .img{float:left; width:40%; padding-left:20px; box-sizing:border-box;}

/*�����о� 2*/
.sub02 .s_table tr th , .sub02_02 .s_table tr th{background:#f5f5f5;}
.sub02 .s_table tr td , .sub02_02 .s_table tr td{padding:20px 5px; border-bottom:0;}
.sub02 .s_table tr th , .sub02 .s_table tr td , .sub02_02 .s_table tr th , .sub02_02 .s_table tr td{text-align:center; border-right:1px solid #eee;}
.sub02 .s_table tr th:last-child , .sub02 .s_table tr td:last-child , .sub02_02 .s_table tr th:last-child , .sub02_02 .s_table tr td:last-child{border-right:none;}

/*R&D*/
.sub03 .box:after{content:"";display:block;clear:both;}
.sub03 .box{margin-bottom:20px;}
.sub03 .title{margin-bottom:5px; font-size: 22px; font-weight: 500;  letter-spacing:-1px;}
.sub03 .title i{color:#4d4397;}
.sub03 .text{margin-bottom:10px; line-height:20px; color:#666; font-size:14px;}
.sub03 .list{float:left; width:50%; padding-right:10px; box-sizing:border-box;}
.sub03 .list li{border-bottom:1px dashed #ddd; padding:2px 10px;}
.sub03 .list li i{color:#4d4397}
.sub03 .img_list{margin-bottom:30px;}
.sub03 .img_list li{float:left; width:33.33%;}

.sub04_02 .sub04_02img{margin: 10px 0 30px 0;}

.sub04_03.equipment img{margin-bottom: 25px;}

/*������Ȳ*/
.equipment .s_table{margin-bottom:20px; border-right:1px solid #ddd;}
.equipment .s_table tr th{background:#f5f5f5;}
.equipment .s_table tr th , .equipment .s_table tr td{text-align:center; border-left:1px solid #ddd; padding:3px 0; font-size:14px;}



/* footer*/
#footer{background:#282828;}
#footer .bottom{color:#dcdcdc; padding:45px 48px;}
#footer .bottom p{line-height:24px; margin-top:20px; font-size:13px;}

@media (min-width:769px) and (max-width:1200px){/*�׺���*/
		/*header*/
		#header .logo{left:20px; top:25px;}
		#header .logo img{max-width:80%; }
		#header .lang{margin-right:6px;}
		#nav{margin:20px 0px;}
		#nav > li > a{font-size:15px; padding:0 20px;}
		#nav .sub_menu{width:150px;}
		#nav .sub_menu li a{font-size:13px;}

		/*main*/
		#m_banner{padding:50px 10px;}
		#m_banner > ul > li{padding:0 10px;}

		/*footer*/
		#footer .bottom{padding:30px 20px;}

		/*vision*/
		.sub01_04 .box04 ul {display: flex; flex-wrap: wrap; gap: 15px 15px; justify-content: center; ; margin: 40px 0 20px; transition: all .3s; }
		.sub01_04 .box04 ul li {border: 2px dotted #ccc; flex-basis: 45%; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px; transition: all .3s; }
		.sub01_04 .box04 ul li  p {padding-top: 10px; transition: all .3s; font-size: 16px; line-height: 1.5}
		.sub01_04 .box04 ul li img {display: inline-block; width: 110px; transition: all .3s;}

}

@media (max-width:920px){
	/*vision*/
	.sub01_04 .box04 ul {display: flex; flex-wrap: wrap; gap: 10px 10px; justify-content: center; ; margin: 40px 0 20px; transition: all .3s; }
	.sub01_04 .box04 ul li {border: 2px dotted #ccc; flex-basis: 100%; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px; transition: all .3s; }
	.sub01_04 .box04 ul li  p {padding-top: 10px; transition: all .3s; font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.sub01_04 .box04 ul li img {display: inline-block; width: 110px; transition: all .3s;}
}


@media (max-width:768px){/*������*/
		/*header*/
		#header{text-align:center;}
		#header .logo{position:static; margin-bottom:10px;}
		#header .logo img{max-width:80%; }
		#header .lang{float:none; display:inline-block; margin:10px 0;}
		#nav_btn{display:block; font-size:18px; font-weight:600; text-align:center; color:#fff; background:#514098; padding:12px 0; cursor:pointer;}
		#nav{background:rgba(0,0,0,0.94);margin:0 0 0 -100%; padding:10px 0;width:100%; position:absolute; top:100%; z-index:20;  transition:.3s;opacity:0;}
		#nav.active {margin-left:0;opacity:1;}
		#nav > li{float:none; border-bottom:1px solid #383838; padding-bottom:0;}
		#nav > li:last-child{border-bottom:0;}
		#nav > li:hover > a{color:#b2a1e4;}
		#nav > li > a{color:#fff; font-size:15px; padding:7px 15px; text-align:left; display:block;}
		#nav .sub_menu{position:static; width:100%; margin-left:0;}
		#nav .sub_menu li a{color:#fff; display:block; padding:7px 20px; text-align:left;}
		#nav .sub_menu li a:before{content:"- ";}

		/*main*/
		#m_slider .prev , #m_slider .next , #m_slider .breadcrumb{display:none;}


		#m_banner{padding:0 10px 20px;}
		#m_banner > ul > li{padding:0; width:100%; margin-top:20px;}
		#m_banner > ul > li:last-child{width:100%;}
		#m_banner ul li .title{margin-bottom:10px;}
		#m_banner ul li .left{width:100%;}
		#m_banner ul li .left .view{margin-top:10px;}
		#m_banner ul li .right{width:100%; padding-left:0; margin-top:20px; text-align:center;}

		#m_icon{padding:30px 0;}
		#m_icon li{width:50%; margin-bottom:30px;}
		#m_icon li:nth-child(2){border-right:0;}
		#m_icon li h3{margin-top:10px;}
		#m_icon li h2 {font-size: 16px; margin: 0 0 10px;}

		/*sub*/
		#container.wrap{padding:30px 10px;}
		#sub_top{padding:30px 0 80px;}
		#sub_top h2{font-size:26px;}
		#snb{display:none;}
		#content{width:100%;}
		#sub{ line-height:22px;}
		#p_title h2{font-size:30px;}
		#p_title p{font-size:14px;}

		/*�λ縻*/
		.sub01 .img{width:100%; padding-right:0; text-align:center;}
		.sub01 .ceo{width:100%; margin-top:20px;}


		/*����*/
		.history{padding:20px 0; background:url(../image/history_line.jpg) repeat-y left 35px top}
		.history li{margin-bottom:25px;}
		.history li h2{position:static; font-size:18px; height:50px; width:50px; line-height:50px; letter-spacing:-1px;}
		.history li p{margin:10px 0 0; background:#fff;}

		/*vision*/
		.sub01_04 .management li{width:100%; padding: 0 0 10px;}
		.sub01_04 .management li div{padding:20px 10px; min-height:0px;}

		/*���ô±�*/
		.sub01_05 .icon li{width:100%;}

		/*�����о� 1*/
		.sub02_03 section{margin-bottom:20px;}
		.sub02_03 .text{width:100%;}
		.sub02_03 .img{width:100%; padding-left:0; margin-top:20px;}

		/*R&D*/
		.sub03 .box{padding:20px 10px;}
		.sub03 .box .list{width:100%; padding-right:0;}

		/*������Ȳ*/
		.equipment .s_table tr th, .equipment .s_table tr td{font-size:12px; padding:0; word-break:break-word;}

		/*�ֿ��ŷ�ó*/
		.sub03_04 .s_table tr td{padding:10px 5px;}

		/*footer*/
		#footer .bottom{padding:30px 10px;}
		#footer .bottom img{max-width:70%;}
		#footer .bottom p{line-height:20px; margin-top:10px;}
}