.sub_header_wrapper .bg {
height:340px;
background-size:cover;
background-position:center center;
}

.sub_visual_txt{
    font-family: 'Futura UltraLight';
    font-size: 40px;
    padding: 57px 0px 57px 55px;
}

.sub_visual_txt .sub_visu01 {
	font-family:'Futura Medium';
	font-size:25px;
line-height: 40px;
}

.sub_inner {
padding-bottom:60px;
}

.sub_loca_wrap {
width:1100px;
display:block;
margin:0 auto;
}

.sub_loca_wrap .sub_header_location {
float:right;
}

.sub_loca_wrap div {
display:inline-block;
text-transform:uppercase;
}

.sub_loca_wrap span.loca_bar {
width: 1px;
height: 11px;
background:rgba(255,255,255,0.6);
display: inline-block;
margin: 0px 15px;
position: relative;
top: 3px;
}

.sub_header_location .loca_indi {
color:rgba(255,255,255,0.6);
	font-family:'Futura Light';
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.1em;
}

.sub_header_location .loca_active {
color:rgba(255,255,255,1.0);
	font-family:'Futura Light';
    font-weight: 300;
    font-size: 14px;

}

.sub_in {
width:1100px;
margin:0 auto;
margin-top: 80px;
}

.sub_in:after {
	content: "";
	display: block;
	clear: both;
}

.sin_right {
    width: 760px;
    float: right;
	position:relative;
}

.sub_title {
margin-bottom:50px;
    font-family: 'NotoSansKR';
    font-size: 36px;
    font-weight: 500;
    display: inline-block;
}

.sub_title span {
	height:2px;
	width:70px;
	background:#000;
    display: block;
	margin-top:20px;
}


.sub_sm_title {
	margin-bottom: 30px;
    margin-top: 55px;
    font-family: 'NotoSansKR';
    font-size: 30px;
    font-weight: 500;
    display: inline-block;
}

.sub_sm_title span {
	height:2px;
	width:70px;
	background:#000;
    display: block;
	margin-top:15px;
}


.sub_title.eng {
margin-bottom:60px;
	font-family:'Futura Medium';
    font-size: 37px;
    font-weight: 500;
    display: inline-block;
	text-transform:uppercase;
	    padding-top: 4px;
}

.sub_title.eng span {
margin-top:25px;
}

.sub_buri01 {
    font-family: 'NotoSansKR';
  font-weight:300;
  font-size:32px;
  line-height:46px;
  letter-spacing:-0.07em;
}

.sub_txt {
    font-family: 'NotoSansKR';
    font-weight: 400;
	font-size:15px;
	line-height:24px;
  letter-spacing:-0.03em;
  padding-top:15px;
}

/*sub_menu_start*/

.sub_menu_ud_m {
width:255px;
height:150px;
border-bottom:1px solid #b8b8b8;
float:left;
}

.sub_menu_img1 {
float: left;
margin-top: 30px;
}

.sub_menu_img1 img{
position:absolute;
}

.sub_menu_img2 {
float:left;
margin-top:29px;
position:absolute;
}

.sub_menu_tt {
float:right;
	font-family:'Futura Book';
font-size:14px;
margin-top:43px;
margin-right:15px;
}

.sub_menu_tt1 {
float:right;
	font-family:'Futura Book';
font-size:14px;
margin-top:43px;
margin-right:15px;
font-weight:200;
}

.sub_menu_tt span.sb_obt{
    font-size: 16px;
	font-family:'Futura Medium';
}

.sub_menu_tt1 span.sb_obt{
    font-size: 16px;
	font-family:'Futura Medium';
}


.sub_menu_tt1 .sub_menu_btn01 {
	font-family:'Futura Light';
height:24px;
width:105px;
font-size:10px;
background:#001f5b;
text-align:center;
color:#fff;
letter-spacing:0.8px;
line-height:24px;
margin-top:6px;
cursor:pointer;
}

.sub_menu_tt1 .sub_menu_btn01:hover {
background:#000;
}

.sub_menu_tt .sub_menu_btn02 {
	font-family:'Futura Light';
height:24px;
width:105px;
font-size:10px;
background:#f05030;
text-align:center;
color:#fff;
letter-spacing:0.8px;
line-height:24px;
margin-top:6px;
cursor:pointer;
}


.sub_menu_tt .sub_menu_btn02:hover {
background:#000;
}



.sub_menu_ud_m2 {
width:255px;
height:150px;
border-bottom:1px solid #b8b8b8;
float:left;
}


/*�޴�*/
.css_left {
width:255px;
height:700px;
float:left;
position:relative;
}


#cssmenu,
#cssmenu ul,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul li > a {

  line-height:27px;

}
#cssmenu ul li {
  line-height:27px;
  text-transform:uppercase;
}

#cssmenu {
	font-family:'Futura Medium';
  color: #ffffff;
  border-top:1px solid #b8b8b8;
    border-bottom:1px solid #b8b8b8;
  padding-top:19px;
  padding-bottom:19px;
	width:100%;
}



#cssmenu > ul > li > ul:before {
  content:"";
  display: block;
  width: 100%;
  height: 20px;
}

#cssmenu > ul > li > ul:after {
  content:"";
  display: block;
  width: 100%;
  height: 13px;
}
#cssmenu > ul > li > ul {
display: none;
/*padding-top:15px;
padding-bottom:8px;*/
background:url('../images/sub_menu.jpg') right top;
margin-bottom:6px;
margin-top:3px;
}
#cssmenu > ul > li.active > ul {
  display: block;
/*  padding-top:15px;
  padding-bottom:8px;*/
background:url('../images/sub_menu.jpg') right top;
margin-bottom:6px;
margin-top:3px;
}
.align-right {
  float: right;
}
#cssmenu ul li.has_sub.active > a {
position:relative;
padding:0px 28px 3px 25px;
margin-top:-8px;
}

#cssmenu > ul > li > a {
	font-family:'Futura Medium';
  padding: 3px 28px 3px 25px;
  letter-spacing:-0.6px;
  z-index: 2;
  font-size: 18px;
  text-decoration: none;
  font-weight:400;
  color: #373737;

}

#cssmenu > ul > li > a:hover {
  color: #002794;
}

#cssmenu .active > a{
  color: #001f5b !important;
}


#cssmenu ul li i {
  border-radius: 100%;
  width:5px;
  height:5px;
  border:3px solid #f05030;
    display:none;
	position:relative;
	top:19px;
	left:-20px;
}

#cssmenu ul li.active  i{
    display:block;
}

#cssmenu ul li ul .active > a{
  color: #fff !important;
}

#cssmenu ul ul li a {
  padding: 0px 25px 0px 25px;
  cursor: pointer;
  z-index: 2;
	font-family: 'NotoSansKR';
  font-size: 14px;
  height:25px;
  line-height:20px;
  text-decoration: none;
  color: rgba(255,255,255,0.6);
}

#cssmenu ul ul ul li a {
  padding-left: 32px;
}

#cssmenu ul ul li a:hover {
  color: #fff;
}

#cssmenu ul li a img {
display:none;
position:absolute;
left:8px;
top:11px;
}

/*sub_menu_end*/


/*greeting_start*/

.ceo_wrapper {
  font-family:'Buri';
  margin-top:60px;
  font-size:18px;
    line-height: 25px;
	letter-spacing:-0.05em;
   text-shadow: 1px 1px #fff;
}

.ceo_com {
    font-weight: 500;
}

.ceo_t {
    font-size: 20px;
    padding-top: 6px;
}

.ceo_sig {
padding-top:15px;
}

/*greeting_end*/


/*contact_start*/

.contact_wrapper:after {
  content:"";
  display: block;
  clear:both;
}

.contact_wrapper2 {
margin-top:30px;
padding-top:30px;
border-top:1px dotted #afafaf;
}

.contact_wrapper ul li {
    float: left;
    width: 31%;
	font-size:15px;
	margin-right:26px;
	letter-spacing:-0.05em;
	color:#2d2d2d;
}

.contact_wrapper ul li:last-child {
margin-right:0px;
}

.contact_wrapper span.cont_tt {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #000;
}

.factory_img {
margin-top:50px;
}

.contact_table {
padding-top:30px;
}

.contact_table table {
    border: 1px solid #ccc;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
    border-collapse: collapse;
	width:100%;
}

.contact_table tr {
border-bottom:1px solid #ccc;
}

tr.table_tt {
background:#eee;
}

.contact_table th,td {
padding:10px 0px;
text-align:center;
}

.contact_table th {
background:#eee;
}

.contact_table td.con_middle {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}


/*contact_end*/

/*recruit_start*/
.recruit_down a {
    font-weight: 300;
    padding: 7px 35px;
    background: #001f5b;
    color: #fff;
    font-size: 14px;
    float: right;
margin-top: 20px;
}

.recruit_down a:hover {
    background: #000;
}

.recruit_down:after {
  content:"";
  display: block;
  clear:both;
}


/*recruit_end*/

/*history_start*/

.history_btn {
width:100%;
height:44px;
background:#ebebeb;
overflow:hidden;
position:relative;
margin-top:30px;

}

.left_arrow a img {
    position: relative;
    top: 12px;
}
.left_arrow a {
  display: block;
  width: 100%;
  height: 100%;
}

.left_arrow {
  float: left;
  display: block;
  width: 70px;
  text-align: center;
  line-height: 44px;
}

.right_arrow a img {
    position: relative;
    top: 12px;
}
.right_arrow a {
  display: block;
  width: 100%;
  height: 100%;
}
.right_arrow {
  float: left;
  display: block;
  width: 70px;
  text-align: center;
  line-height: 44px;
}


.history_btn ul {
    width: 640px;
    margin: 0 auto;
    height: 44px;
}

.history_btn ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color:#000;
}

.year_container li a:hover, .year_container li a.active {
color:#f05030;
}

.history_btn ul li {
float:left;
/*padding: 10px 35px;*/
width: 105px;
height: 44px;
line-height: 44px;
text-align: center;
}

.history_btn ul li:last-child {
border:none;
}

.history_btn ul li.active {
color:blue;
}

.history_wrapper .history_sroty .active .his_txt  .his_year{
color:#001f5b;
}

.history_wrapper .history_sroty .his_txt  .his_txt_de_right {
background:url('../page/aboutus/images/hist_txt2.png')
}

.history_wrapper .history_sroty .his_txt  .his_txt_de_left {
background:url('../page/aboutus/images/hist_txt.png')
}

.history_wrapper .history_sroty .active .his_txt  .his_txt_de_right {
background:url('../page/aboutus/images/hist_txt2_active.png')
}

.history_wrapper .history_sroty .active .his_txt  .his_txt_de_left {
background:url('../page/aboutus/images/hist_txt_active.png')
}



.hist_indi:after {
  content: "";
  display: block;
  clear: both;
}

.hist_indi {
clear:both;
margin-bottom:45px;
}

.history_sroty {
margin-top:20px;
}

.his_img {
width:380px;

}

.his_img img {
background:#eee;
}


.his_img .gra {
background:none;
}

.his_txt {
width: 355px;
margin-top: 15px;
}

.hisimg_right {
float:right;
}

.hisimg_left {
float:left;
}

.hitxt_right {
float:right;
color:#a0a0a0;
}

.active .hitxt_right {
color:#000;
}

.hitxt_left {
float:left;
color:#a0a0a0;
}

.active .hitxt_left {
color:#000;
}

.his_year {
font-family:'Buri';
font-weight:500;
font-size:60px;
font-style: italic;
color:#e4e4e4;
}

.his_year_right {
float:right
}

.his_year_left {
float:left
}

.his_img .gra {
width:100%;
}

.his_month {
	font-family:'Futura Medium';
float:left;
}

.his_txt ul {
margin-left:50px;
margin-top: -2px;
}

.his_txt ul li {
font-family: 'NotoSansKR';
font-weight: 400;
font-size: 15px;
line-height: 24px;
letter-spacing: -0.04em;
}

.his_txt_de {
margin-bottom: 10px;
    position: relative;
    margin-top: 70px;
height:20px;
}

.hist_tt_right {
text-align:right;
}


/*history_end*/


/*portfolio start*/

.port_wrapper {

}

.port_wrapper .port_notice {
font-size:14px;
text-align:right;
    margin-bottom: 15px;
}

.port_wrapper .port_notice span {
color:#f05030;
position:relative;
top:3px;
    padding-right: 3px;
}


.port_wrapper ul li {
width:33.3%;
height:265px;
float:left
}

.port_wrapper ul li.port_indi {

}

.port_img {
height:265px;
overflow:hidden
}

.port_indi img {
    width: 100%;
    height: 100%;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.port_wrapper li:hover .port_indi img {
    transform: scale(1.1,1.1);
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-out;
	cursor:pointer;
}


.port_name {
display:block;
text-align:center;;
}




/*portfolio end*/