/* -------------------------------------------------------------------------------------------
* Version 	: 0.1
---------------------------------------------------------------------------------------------*/
@import url(base.css);
@import url(layout_ko.css);

*{margin:0; padding:0;}

#sub_wrap{ width:100%; text-align:left;   color:#666; font-size:13px; }
#s_content {background-color:#fff; width:100%; margin:80px auto 0px;   min-height:300px; font-size:13px; position:relative;}
#s_con {width:1000px; margin: auto;  padding-bottom:120px; font-size:15px; text-align:justify; word-break: keep-all; overflow-wrap: break-word; overflow:hidden;}


.point {color:#929b52;}
.point02 {color:#5b325a;}


/*탑이미지*/
#visual {height:160px; position:relative; overflow:hidden;}
#visual:after {content:""; display:block; width:100%; height:200%; position:absolute; left:0; top:-10%; z-index:1; background-size:cover !important;}

div.sv_img01:after {background:url(/images/inc/subtop_01.jpg) no-repeat center top;}
div.sv_img02:after {background:url(/images/inc/subtop_02.jpg) no-repeat center top;}
div.sv_img03:after {background:url(/images/inc/subtop_03.jpg) no-repeat center top;}
div.sv_img04:after {background:url(/images/inc/subtop_04.jpg) no-repeat center top;}
div.sv_img05:after {background:url(/images/inc/subtop_05.jpg) no-repeat center top;}
div.sv_img05 {width:100%; height:160px; background:url(/images/inc/subtop_05.jpg) center center  no-repeat #060606;}
div.sv_img06 {width:100%; height:160px; background:url(/images/inc/subtop_01.jpg) center center  no-repeat #060606;}
div.sv_img07 {width:100%; height:160px; background:url(/images/inc/subtop_01.jpg) center center  no-repeat #060606;}

@keyframes move {
	0%   {top:-10%;}
	100%   {top:-70%;}
}
@-webkit-keyframes move {
	0%   {top:-10%;}
	100%   {top:-70%;}
}

#visual:after {
animation-name:move;
animation-duration: 5s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
-webkit-animation-name:move;
-webkit-animation-duration: 5s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;}




.s_tit {font-size:36px; line-height:35px;  color:#181818!important; text-align:center; padding-bottom:70px; letter-spacing:-2px; font-weight:400;}
/*.s_tit:after {content:"";   display:inline-block;  position:absolute;  top:70px; margin-left:-30px; left:50%;  width:60px; height:1px; background:#aaa; display:none;}*/
.ss_tit {font-size:16px; line-height:24px; font-weight:400; color:#828282; text-align:center; padding-bottom:50px; letter-spacing:-1px; font-weight:500; }


/*서브탑*/
#sv_loc {width:100%; margin:0 auto;background:#fff; }
div .sv_tlt  {position:relative; width:1000px; margin:0 auto;  padding-top:70px; color:#fff; text-align:center; z-index:10;  }
div .sv_tlt p {text-align:center; margin-top:0px;  font-size:36px; line-height:35px; font-weight:400; text-transform:uppercase;}
div .sv_tlt a {color:#fff}
div .sv_tlt .subtop_txt {font-size:16px; font-weight:500; margin-top:10px; display:block; }
h3 {text-align:center; color:#63605d; font-size:40px; font-weight:normal; padding:0 0 45px 0;  background:url('/images/inc/under_bar.jpg') center bottom  no-repeat; font-family:"Noto Sans KR" ; }


/**서브탭메뉴**/
div.loc_box {width:100%; position:relative; border-bottom:1px solid #e1e1e1; background:#fff; text-align:center;    }
ul.loc_box2 {position:relative;  text-align:center; font-size:16px; overflow:hidden;  line-height:50px;  display:inline-block; }
ul.loc_box2 li{width:170px; height:50px; float:left; overflow:hidden; background:url('/images/inc/right_bar.jpg') 0px 15px no-repeat; font-weight:500; }
ul.loc_box2 li:first-child {margin-left:0px; background:none;}
ul.loc_box2 li a {color:#777; display:block; font-weight:500;}
ul.loc_box2 li.on a{font-weight:500; color:#929b52; } 
ul.loc_box2 li.on {border-bottom:2px solid #929b52;}

div.sloc_box {width:100%; position:relative; border-bottom:1px solid #e1e1e1; background:#fff; text-align:center;    }
ul.sloc_box2 {position:relative;  text-align:center; font-size:14px; overflow:hidden;  line-height:60px;  display:inline-block;  }
ul.sloc_box2 li{width:142px; height:60px; float:left; overflow:hidden; background:url('/images/inc/right_bar.jpg') 0px 20px no-repeat; font-weight:500; }
ul.sloc_box2 li:first-child {margin-left:0px; background:none;}
ul.sloc_box2 li a {color:#777; display:block;  font-weight:500;}
#line_h a{color:#777; display:block; line-height:18px; margin-top:10px;}
ul.sloc_box2 li.on a{font-weight:500; color:#929b52 !important; } 
ul.sloc_box2 li.on {border-bottom:2px solid #929b52; color:#006eb8;}



h5 {/*background:url('/images/inc/icon_bul01.gif') 7px 0px no-repeat; padding-left:35px;*/ font-size:20px; margin:20px 0; color:#000; font-weight:700; }
h6  {/*background:url('/images/inc/icon_bul02.gif') 0px 5px no-repeat; */padding-left:0px; font-size:15px; font-weight:500;}


.sub_tit {text-align:center;}
/**/


/*서브탭2단*/
.sub_tab {width:100%; overflow:hidden;}
.sub_tab ul li {width:495px;  color:#fff; float:left; padding:14px 20px; font-size:18px; box-sizing:border-box; display:block;  background:#bbb url(/images/sub/tab_img.png) no-repeat right;}
.sub_tab ul li a  {color:#fff; display:block;}
.sub_tab ul li.on  { font-weight:500; background:#929b52 url(/images/sub/tab_img.png) no-repeat right;}

/*서브탭3단*/
.sub_tab03 {width:100%; overflow:hidden;}
.sub_tab03 ul li {width:325px;  color:#fff; float:left; padding:14px 20px; font-size:18px; box-sizing:border-box; display:block;  background:#bbb url(/images/sub/tab_img.png) no-repeat right;}
.sub_tab03 ul li a  {color:#fff; display:block;}
.sub_tab03 ul li.on  { font-weight:500; background:#929b52 url(/images/sub/tab_img.png) no-repeat right;}



/*테이블 스타일 ###@### sub01/sub05.php, sub05_02.php 에서만 사용하는 class라서 다른 곳에 영향 없는 듯*/
.table_01 { }
.table_01 table {width:100%; table-layout:fixed; border-top:2px solid #929b52; border-bottom:1px solid #b2b2b2; margin-bottom:10px}
.table_01 th, .table_01 td {padding:7px 20px; vertical-align:middle; line-height:1.5;  border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; word-break:break-all;font-size:13px;}
.table_01 th {background:#f9f9f9;  color:#323232; font-weight:bold; text-align:center; }
.table_01 th span {font-weight:normal; color:#5a5a5a;}
.table_01 td { color:#5a5a5a;}
.table_01 th:first-child,
.table_01 td:first-child {border-left:0;}
.table_01 td .tit {font-weight:bold; margin:0 0 5px;}
.table_01 td p,
.table_01 td .list li {margin:3px 0; line-height:1.5;}
.table_01 td span{color:#323232; font-size:12px; display:block; margin-top:5px}


/*.table_01 { }
.table_01 table {width:100%; table-layout:fixed; border-top:2px solid #e9691a; border-bottom:1px solid #b2b2b2; }
.table_01 th, .table_01 td {padding:20px 15px; vertical-align:middle; line-height:1.5;  border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; word-break:break-all;font-size:15px;}
.table_01 th {background:#f9f9f9;  color:#323232; font-weight:bold; text-align:center; }
.table_01 th span {font-weight:normal; color:#5a5a5a;}
.table_01 td { color:#5a5a5a;}
.table_01 th:first-child,
.table_01 td:first-child {border-left:0;}
.table_01 td .tit {font-weight:bold; margin:0 0 5px;}
.table_01 td p,
.table_01 td .list li {margin:3px 0; line-height:1.5;}
.table_01 td span{color:#323232; font-size:12px; display:block; margin-top:5px}
*/


/* ###@### 추가*/
.sub0103_th_history { color:#000; font-size:20px; vertical-align:top; width:180px; padding:20px !important;}
.sub0103_td_history { color:#555; font-size:14px; vertical-align:top; width:auto; padding:30px !important; border-bottom:1px #ddd solid}
.sub0103_div01 {background-color:#939b52; color:#FFF; font-size:28px; padding:12px 24px; margin:4px}

/*대표이사 인사말*/
.sub0101_tit { font-size:40px; margin-bottom:50px; letter-spacing:-1px; padding:10px;}

/*기업철학/비전*/
.s_tit02 {color:#222; font-size:40px; padding-top:15px;  padding-bottom:50px; text-align:center; position:relative;  letter-spacing:-0.5px; }
.s_tit02_txt { font-size:18px; color:#8f398d; text-align:center; font-weight:bold;}

.sub0102_box {float:right; width:720px;}
.sub0102_box dl dt { font-size:24px; color:#121212; font-weight:500; margin: 50px 0 20px  40px;  letter-spacing:-1px;}
.sub0102_box dl dd { padding:0 0 50px 40px; border-bottom:1px solid #ddd; }




/*제품아이템*/
.sub0201_bg {height:873px; width:100%; background:#fff url("/images/sub/sub0201_img.jpg") no-repeat top center; position:relative; }
.sub0201_txt { position:relative;  width:1000px; margin:auto;}
.sub0201_txt  ul {position:absolute; z-index:1; top:40px; left:490px; width:410px;}
.sub0201_txt  ul li {color:#fff; font-size:18px; line-height:26px; font-weight:300; padding:25px 0; border-bottom:1px solid #a6ad71;}


/*생산시스템*/

.sub0202_tab {width:1000px;  margin:auto; overflow:hidden;}
.sub0202_tab ul li {width:200px; height:300px;  text-align:center; float:left; }
.sub0202_tab  .onn{background:#fff url("/images/sub/sub0202_tab_on.jpg") no-repeat bottom;}
.sub0202_tab ul li span {display:block; color:#181818; font-size:18px;margin-top:12px;  text-transform:uppercase;}


.sub0202_01bg  {height:744px; width:100%; background:#f2f2f2 url("/images/sub/sub0202_01bg.jpg") no-repeat top center; position:relative; }
.sub0202_02bg  {height:744px; width:100%; background:#f2f2f2 url("/images/sub/sub0202_02bg.jpg") no-repeat top center; position:relative; }
.sub0202_03bg  {height:744px; width:100%; background:#f2f2f2 url("/images/sub/sub0202_03bg.jpg") no-repeat top center; position:relative; }
.sub0202_04bg  {height:744px; width:100%; background:#f2f2f2 url("/images/sub/sub0202_bg.jpg") no-repeat top center; position:relative; }
.sub0202_05bg  {height:744px; width:100%; background:#f2f2f2 url("/images/sub/sub0202_05bg.jpg") no-repeat top center; position:relative; }

.sub0202_txt {position:relative;  width:1000px; margin:auto;}
.sub0202_txt dl {position:absolute; z-index:1; top:130px; left:590px; width:410px}
.sub0202_txt dl dt {color:#3e3e3e; font-size:60px; line-height:63px; padding-bottom:30px; border-bottom:1px solid #d9d9d9; text-transform:uppercase;}
.sub0202_txt dl dd{ padding-top:30px; font-size:14px;}

.sub0204_img {width:483px; height:571px; position:absolute; top:70px; left:18px;}
.swiper-container {
					position:relative;
					width: 483px;
					height: 571px;       
					}
					
					.swiper-slide {
					text-align: center;
					font-size: 18px;
					background: #fff;
					/* Center slide text vertically */
					display: -webkit-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					-webkit-justify-content: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					-webkit-align-items: center;
					align-items: center;
					}


/*협력사*/
.sub0203_bg {height:971px; width:100%; background:#fff url("/images/sub/sub0203_bg.jpg") no-repeat top center;; position:relative; }

.sub0203_txt {position:relative;  width:1000px; margin:auto; overflow:hidden; padding-top:100px;}
.sub0203_txt dl { width:497px; height:420px; float:left; padding-top:50px; padding-left:50px; box-sizing:border-box;}
.sub0203_txt dl dt {color:#3e3e3e; font-size:34px; line-height:44px;   font-weight:500; }
.sub0203_txt dl dd{ padding-top:0px; font-size:16px;}
.sub0203_txt dl dd p{  font-size:18px; color:#111; margin-top:18px; margin-bottom:5px; font-weight:500;}



/*영진인터네셔널 개요*/
.sub0301_tab {width:800px;  margin:auto; overflow:hidden; padding-bottom:20px;}
.sub0301_tab ul li {width:200px;   text-align:center; float:left; }
.sub0301_tab ul li span {display:block; color:#181818; font-size:18px;margin-top:12px;  text-transform:uppercase;}


.sub0301_01bg  {height:788px; width:100%; background:#fff url("/images/sub/sub0301_bg01.jpg") no-repeat center top; position:relative; }
.sub0301_txt01 {position:relative;  width:1000px; margin:auto; color:#fff;}
.sub0301_txt01 dl {position:absolute; z-index:1; top:200px; left:0; }
.sub0301_txt01 dl dt { font-size:42px; line-height:52px; padding-bottom:30px;  letter-spacing:-0.5px; text-shadow: 2px 2px 5px black; }
.sub0301_txt01 dl dd{ padding:30px; font-size:18px; line-height:26px; background-color:rgba(0,0,0,0.5); text-shadow: 2px 2px 5px black; }

/**/
.sub0301_02bg  {height:788px; width:100%; background:#fff url("/images/sub/sub0301_bg02.jpg") no-repeat center top; position:relative; }
.sub0301_txt02 {position:relative;  width:1000px; margin:auto; color:#fff;}
.sub0301_txt02 dl {position:absolute; z-index:1; top:150px; left:20px; }
.sub0301_txt02 dl dt { font-size:54px; font-weight:500; line-height:60px; padding-bottom:30px;  letter-spacing:-0.5px;}
.sub0301_txt02 dl dd{ padding:30px; width:360px; font-size:18px; line-height:26px; background-color:rgba(0,0,0,0.5);}

.sub0301_tit {font-size:24px; font-weight:500;}

.sub0301_table{width:300px; table-layout:fixed; border-top:2px solid #fff; border-bottom:0px solid #818285;  }
.sub0301_table th, .sub0301_table td {padding:4px 6px; vertical-align:middle; line-height:1.5;  border-top:1px solid #818285; border-left:0px solid #ebebeb; word-break:break-all;font-size:15px;}
.sub0301_table th {  color:#fff; font-weight:bold; text-align:left;  padding-left:20px;}
.sub0301_table td { color:#fff; text-align:right; padding-right:40px;   }
.sub0301_table th:first-child,
.sub0301_table td:first-child {border-left:0;}
.sub0301_table td .tit {font-weight:bold; margin:0 0 5px;}
.sub0301_table td p,
.sub0301_table td .list li {margin:3px 0; line-height:1.5;}
.sub0301_table td span{color:#323232; font-size:12px; display:block; margin-top:5px}

/**/
.sub0301_03bg  {height:788px; width:100%; background:#fff url("/images/sub/sub0301_bg03.jpg") no-repeat center top; position:relative; }
.sub0301_txt03 {position:relative;  width:1000px; margin:auto; color:#fff;}
.sub0301_txt03 dl {padding-top:150px;}
.sub0301_txt03 dl dt { font-size:54px; font-weight:500; line-height:60px; padding-bottom:30px;  letter-spacing:-0.5px;}
.sub0301_txt03 dl dd{ padding:30px; width:420px; font-size:18px; line-height:26px; background-color:rgba(0,0,0,0.5);}

.sub0301_tit {font-size:24px; font-weight:500;}

.sub0301_box {display:block; border-top:2px solid #fff;}
.sub0301_box  li {border-bottom:1px solid #818285; padding:6px 3px;}

/**/
.sub0301_04bg  {height:788px; width:100%; background:#fff url("/images/sub/sub0301_bg04.jpg") no-repeat center top; position:relative; }

.sub0301_txt04 {position:relative;  width:1000px; margin:auto; color:#fff;}
.sub0301_txt04 dl {text-align:center; padding-top:180px;}
.sub0301_txt04 dl dt { font-size:56px; font-weight:500;  line-height:52px; padding-bottom:30px;  letter-spacing:-0.5px;}
.sub0301_txt04 dl dd{ padding-top:10px; font-size:18px; line-height:26px;}



/*영진인터네셔널 생산시스템*/
