@charset "euc-kr";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/*---reset---*/


html { overflow-y:scroll; overflow-x:hidden;}
* { margin:0; padding:0; }
img { border:0; }
ul, ol, dl, li { list-style:none; }
caption { width:1px; height:1px; overflow:hidden; }
table { border-collapse:collapse; border-spacing:0; font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important;}
body { font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; font-size:13px; color:#353535; line-height:20px; text-decoration:none; -webkit-text-size-adjust:none;}

/*---a link---*/
a { text-decoration:none; color:#4e4e4e; }
a.top { color:#bbb; text-decoration:none; color:#e7e7e7; }
a.top:hover { color:#eee; text-decoration:none; }
a.subtop { text-decoration:none; color:#4e4e4e; }
a.subtop:hover { text-decoration:none; color:#002844; font-weight:600; }
a.subtop:active { text-decoration:none; color:#002844; font-weight:600; }
a.main {color:#fff;}

p{line-height:22px;}
p.space {padding-bottom:30px; clear:both;}
p.img_space {clear:both;}
h3{font-size:26px;line-height:30px;font-weight:600;color:#333;}
h3.under_space{margin-bottom:15px; width:753px;}
h4{font-size:19px;line-height:26px;color:#1269ca;margin:5px 0 12px 0; font-weight:600;}
h5{font-size:19px;line-height:26px;color:#1269ca;margin:5px 0 12px 0; font-weight:600; text-align:center;}

#wrapper {
	width:100%;
	height:100%;
	margin:0 auto;
	}

/*Navi*/
#center {
	position: relative;
	z-index: 99999;
	width: 100%;
	margin: 0 auto;
	height:197px;
	top: 0px;
	display: block;
}

#top_navi_wrap {
	width:100%;  
	z-index:10; 
	position:absolute; 
	height:197px;
	 /*opacity: 0.7;    0 ¿¡¼­ 1 »çÀÌÀÇ ¼ö*/
	/*filter: Alpha(opacity=70);       1 ¿¡¼­ 100 »çÀÌÀÇ ¼ö */
	background-color:#ef7b18;
	} 
.top_wrap { width:100%; margin:0 auto; height:40px; background:#878787;}
.top_wrap2 { width:1100px; margin:0 auto; height:40px;}
.top_menu { width:1100px; }
.top_menu ul {  }
.top_menu .top_left { float:left; }
.top_menu .top_left li.site_tab { width:120px; float:left; height:40px; font-size:15px; text-align:center; border-right:1px solid white; line-height:40px; text-align:center;  font-weight:600; }
.top_menu .top_left li:first-child { margin-left:0px; border-left:1px solid white; }
.top_menu .top_left li { float:left; height:40px;}
.top_menu .top_left li a { display:block; color:white; }
.top_menu .top_left li .site_on { color:#4d4d4d; background-color:white; }

.top_menu .top_right { float:right; }
.top_menu .top_right li.top_border { float:left; height:40px; font-size:12px; padding: 0 0px 0 0px; line-height:40px; text-align:center; margin-left:18px; }
.top_menu .top_right li:first-child { margin-left:0px; }
.top_menu .top_right li { float:left; height:40px;}

.top_navi_wrap2{ width:100%; margin:0 auto; height:117px; position:relative; background:#fff; }
.navi_wrap { width:1100px; margin:0 auto; height:117px; position:relative; background:#FFF;}
.top_logo{ float:left; position:absolute; width:219px; opacity:1;}
.top_navi { float:right; width:774px; font-family:'Nanum Square'}
.navi_dep1{float:left;}
.navi_dep1_position{ font-size:17px; font-weight:600; text-align:center; height:117px; line-height:117px;}
.navi_dep1_position:hover { }
.navi_dep1_position a { color:#4e4e4e; text-decoration:none;}

/*submenu */
.navi_dep2_wrap01{margin-left:0px;position:relative;right:40px;}
.navi_dep2_wrap02{margin-left:0px;position:relative;right:400px;}
.navi_dep2_wrap03{margin-left:0px;position:relative;}
.navi_dep2_wrap04{margin-left:0px;position:relative;}
.navi_dep2_wrap05{margin-left:0px;position:relative;left:5px;}

.navi_dep2_wrap{ display:none; width:1100px; position:relative;top:0px;}
.navi_dep2_wrap ul{overflow:hidden; width:1100px; height:40px; line-height:40px;}
.navi_dep2_wrap ul li{ float:left; padding-right:20px; height:40px; line-height:40px; margin-right:10px;}
.navi_dep2_wrap ul li.last { float:left; border-right:none; height:40px; line-height:40px;}
.navi_dep2_wrap ul li a { display:block; line-height:40px; height:40px; color:#e7e7e7; font-weight:500; font-size:15px; font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif; }

.float01{width:181px;}
.float02{width:178px;}
.float03{width:162px;}
.float04{width:213px;}
.float05{width:200px;}


#mainVisual { width:100%; height:501px;}

/* --- INDEX PAGE ----*/
#m_section_wrap_01 { width:100%; height:100%; background:#f5f6f8; }
#section_01 { width:1100px; height:100%;  margin:0 auto; padding:57px 0 62px; }
.section_title { font-size:35px; line-height:35px; font-weight:700; font-family:'Nanum Square'; margin-bottom:19px; text-align:center;}
.section_p { font-size:15px; line-height:15px; text-align:center; margin-bottom:38px; }
#product_wrap { width:1100px; overflow:hidden; }
.product_wrap1 { width:1100px; margin-bottom:16px; overflow:hidden;}
.m_pro:first-child { margin-left:0px; }
.m_pro { width:263px; float:left;  margin-right:16px; position:relative; height:263px;  overflow:hidden !important;  }
.m_pro a { display:block;  }
.m_pro img { width:263px; display:block; transition:all 0.3s ease;overflow:hidden !important; }
.m_pro:hover img {width:263px; transform:scale(1.03); overflow:hidden !important;}
.pro_text { position:absolute; bottom:0px; padding:0 22px 19px; font-family:'Nanum Square'; }
/*.pro_text:hover span{  color:#000; }*/
.pro_title { 
  display:block; color:white; font-size:20px; line-height:20px; font-weight:600; 
  padding-bottom:10px; background:url(../images/line.png) no-repeat center bottom; 
}
.pro_title2 { 
  display:block; color:white; font-size:20px; line-height:20px; font-weight:600; 
  padding-bottom:10px; 
}
.pro_desc { display:block; padding-top:5px; font-size:13px; line-height:13px; line-height:19px; color:white; }
.overlay { 
	width:263px; height:100%; position:absolute; top:0; left:0; 
	background:url(../images/overlay.png) no-repeat 0 0; transition:all 0.3s ease; 
}
.m_pro:hover .overlay {  background:url(../images/overlay_hover.png) no-repeat 0 0;}

#m_section_wrap_02 { width:100%; height:100%; background-color:#efefef; }
#section_02 { width:1100px; height:100%; margin:0 auto; padding:36px 0 34px; border-bottom:1px solid #e1e1e1; overflow:hidden; }
#section_02_1 { width:332px; height:162px; background:white; margin-right:14px; float:left; padding:27px 29px 27px 25px; }
#section_02_2 { width:300px; height:216px; float:left; margin-right:13px; }
#section_02_2 a { display:block; float:left;}
#section_02_2 img { display:block; }
#section_02_3 { width:367px; height:216px; float:left; }
.notice_title { font-size:22px; font-family:'Nanum Square'; font-weight:700; line-height:22px; color:#232323; margin-bottom:25px; }
.notice_title span { float:right; font-size:17px; font-weight:400; }
.notice_title span img { margin-left:11px; }
.board_wrap { width:100%; height:120px; }
.not{ width:100%; height:100%; }

footer { width:100%; height:155px;  background-color:#f9f9f9;  }
#footer_wrap { width:1100px; height:72px; margin:0 auto;padding:38px 0 45px;  }
#footer_wrap:after { display:block; clear:both; content:''; }
#footer_left { width:600px; float:left;}
#footer_left p { color:#797979; font-weight:600; font-size:12px; line-height:18px; }

#footer_right { 
  float:right; width:135px; margin-top:18px; 
 }
#footer_right .family { display:block; font-size:13px; line-height:28px; height:28px; padding-left:10px; width:123px; height:28px; 
  border:1px solid #cccccc; background:url(../images/family_site_off.png) no-repeat 0 0; }
  
#family_wrap { width:133px; height:100%;}
#family_wrap:hover .family_site { display:block; }
.family_site { 
  width:133px; padding:5px 0;
  border:1px solid #ccc; border-bottom:0 none; 
  background-color:white;
  margin-top:-125px;
  display:none;

}
.family_site li a { 
	display:block; font-size:13px; line-height:28px; height:28px; padding-left:10px; 
}
.family_site li a:hover { background-color:#116fe1; color:white; }

/* Sub Layout :: Location */
#contentLocation{width:100%; height:50px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background:url(../images/sub_menu_bg.png) no-repeat;}
.location-inner{margin:0 auto;width:1100px; height:100%; background-color:#f0f0f0;}
.location-inner > ul{ height:100%;}
.location-inner > ul > li{position:relative; float:left; width:210px; height:100%; letter-spacing:-0.25px; color:#373737; line-height:50px; background:url(../images/location_bg2.jpg) no-repeat 100% 0; padding-right:20px;}
.location-inner > ul > li.home{width:auto; line-height:13px; background:#dadada url(../images/location_bg1.jpg) no-repeat 100% 0; padding-right:40px; pa }
.location-inner > ul > li.home p{font-size:13px; font-weight:600; margin-left:30px; margin-top:-20px; color:#4e4e4e !important;}
.location-inner > ul > li.home img{margin-right:15px; margin-top:10px;}
.location-inner > ul > li > a{display:block; padding-left:23px; font-size:15.5px; background:url(../images/location_arrow.jpg) no-repeat 95% 50%;font-weight:600; text-decoration:none; color:#4e4e4e !important;}
.location-inner > ul > li.backnone > a{display:block; padding-left:0px;  background:none;  }
.location-inner > ul > li .location-2dep{display:none; position:absolute; top:50px; left:-18px;width:228px; border:1px solid #cfcfcf; border-bottom-color:#000000; background-color:#fff; z-index:11}
.location-inner > ul > li.location1 .location-2dep{width:229px;}
.location-inner > ul > li .location-2dep li{height:44px; line-height:44px; border-top:1px solid #cfcfcf;}
.location-inner > ul > li .location-2dep li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep li a{display:block; padding-left:40px; color:#414141; font-size:15px; font-weight:600; letter-spacing:-0.75px; text-decoration:none;}
.location-inner > ul > li .location-2dep li a:hover{background:#f0f0f0 url(../images/location_arrow2.jpg) no-repeat 95% 50%; text-decoration:none;}



/* SUBPAGE */
#subvisual_company { width:100%; height:301px; background:url(../images/subvisual_company2.png) no-repeat center top; }
#section_wrap { width:100%;  padding:81px 0 115px; }
#section_wrap:after { display:block; content:''; clear:both; }
.page_title { 
	font-weight:600; font-size:33px; line-height:33px; color:#2e2e2e; text-align:center; 
	width:100%; height:138px; background:url(../images/point_bar.png) no-repeat center bottom; }
#article_wrap { width:1020px;margin:22px auto 0; }
#info_wrap { width:100%; height:751px; background:url(../images/company_bg.png) no-repeat center top; }
#info_wrap p { font-size:13px; line-height:22px; color:#484848; font-weight:500; padding-top:223px;   }

#history {
	width:1020px;
	background:url(../images/history_bg.png) center 0 no-repeat;
	}
#history ul {
	background:url(../images/history_line.gif) repeat-y 93px 0;
	}	
#history ul li.noyear { margin-left: 120px; line-height:35px; font-size:15px; }
#history ul li.year {
	background:url(../images/bullet_history.png) no-repeat 84px 10px;
	margin-top:20px;
	font-size:15px;
	color: #4e4e4e;
	line-height:35px;
	}	
#history ul li.year span {
	display:block;
	float:left;
	width:120px;
	font-size:25px;
	line-height:35px;
	font-weight:600;
	color:#00598c;
	}
#history ul li.year b {
	display:block;
	float:left;
	line-height:35px;
	width:70px;
	font-weight:500;
	}
#history ul li.noyear b {
	display:block;
	float:left;
	line-height:35px;
	width:70px;
	font-weight:500;
}
.m_top { height:30px; }
.paaus_table { width:100%; border:1px solid #dedede; border-top:2px solid #1663c1; border-bottom:2px solid #1663c1; }
.paaus_table tr th { padding:5px 0; border-bottom:1px solid #dedede ; border-left:1px solid #dedede; background-color:#f5f5f5; }
.paaus_table tr th:first-child { border-left:0 none; }
.paaus_table tr td { padding:5px 0; text-align:center; border-bottom:1px solid #d5d5d5 ; border-left:1px solid #d5d5d5; }

/*** PRODUCT LIST ºÐ·ù 3Â÷*****/
#equipment {
	width:1020px;
	padding-top:105px;
	position:relative;
	}
#equipment ul {
	/*height:730px;*/
	}
#equipment ul li.left {
	float:left;
	margin-right:23px;
	border:1px solid #ececec;
	margin-bottom:15px;
	height:269px;
	display:block;
	}
#equipment ul li.last {
	float:right;
	border:1px solid #ececec;	
	margin-bottom:15px;
	height:269px;
	display:block;
	}
#equipment ul li.la {
	float:right;
	margin-bottom:15px;
	width:320px;
	height:269px;
	display:block;
	}
	
#equipment ul ol { width:1020px; margin:0 auto;  height:350px; margin-bottom:30px;}
#equipment ul ol  li{ float:left;}
#equipment ul ol  li.textle{ width:320px;	font-size:14px;	font-weight:600;	line-height:23px;	text-align:center;	display:block; margin-right:18px; }
#equipment ul ol  li.textri{ width:320px;	font-size:14px;	font-weight:600;	line-height:23px;	text-align:center;	display:block; float:left;}
#equipment ul li.text_left {
	float:left;
	margin-right:23px;
	margin-bottom:30px;
	width:320px;
	font-size:14px;
	font-weight:600;
	line-height:23px;
	text-align:center;
	display:block;
	}
#equipment ul li.text_last {
	float:right;
	margin-bottom:30px;
	width:320px;
	font-size:14px;
	font-weight:600;
	line-height:23px;
	text-align:center;
	display:block;
	}
#equipment ul li.text_end {
	position:absolute;
	clea:both;
	top:1070px;
	margin-right:23px;
	margin-bottom:30px;
	width:320px;
	font-size:14px;
	font-weight:600;
	line-height:23px;
	text-align:center;
	display:block;
	}


#equipment ul li.text_end2 {
	position:absolute;
	clea:both;
	top:730px;
	margin-right:23px;
	margin-bottom:30px;
	width:320px;
	font-size:14px;
	font-weight:600;
	line-height:23px;
	text-align:center;
	display:block;
	}

/*** table *****/
table.style_v3 {
    width:100%;
    border-top:2px solid #222222;
    margin-bottom:30px;
}
.style_v3 thead th {
    font-weight:600;
    font-size:13px;
    line-height:1.5em;
    color:#333333;
    background-color:#c5ede6;
    padding:12px 0;
    border-bottom:1px solid #d6d6d6;
}
.style_v3 tbody th {
	font-size:13px;
    padding:12px 0;
    border-bottom:1px solid #d6d6d6;
}
.style_v3 tbody td {
	font-size:13px;
    padding:7px 0;
    border-bottom:1px solid #d6d6d6;
}
.style_v3 thead th,
.style_v3 tbody td {
    text-align:center;
    border-left:1px solid #d6d6d6;
}
.style_v3 tbody td.subject {
    text-align:center;
    border-left:1px solid #d6d6d6;
}

.style_v3 tbody td.working {
    text-align:left;
	padding-left:15px;
    border-left:1px solid #d6d6d6;
}
.style_v3 thead th:first-child,
.style_v3 tbody td:first-child {
    border-left:0;
}
.style_v3 thead th.must-border,
.style_v3 tbody td.must-border {
    border-left:1px solid #d6d6d6;
}

/*** PRODUCT LIST *****/
#proList_wrap { width:100%;  border-top:1px solid #111; }

.proList { width:956px; padding:21px 32px; overflow:hidden; border-bottom:1px solid #ededed;  }
.proList_img { width:215px; border:1px solid #ececec; margin-right:39px; float:left;  }
.proList_img img { width:215px; display:block; }
.proList_contents { width:700px; /*height:100%;*/ float:left; position:relative;}
.proList_contents ul{ float:left;}
.List_title { font-size:25px; line-height:25px; margin-bottom:21px; font-weight:400; font-family:'Nanum Square'; color:#333; }
.description { font-size:16px; line-height:16px; color:#707070; font-weight:500; }
.range { font-size:18px; line-height:18px; color:#474747; font-weight:500; margin-bottom:15px; }
.proList1_margin { height:20px; line-height:5px; }
.proList1_margin2 { height:25px; line-height:5px; }
.proList2_1_margin { margin-bottom:6px; }
.d_line { height:28px; }
.List_btn_wrap { width:300px; float:right; overflow:hidden; }
.List_btn { width:145px; height:41px; float:right; } 
/*.table_type{border:1px solid #707070;}*/
.table_type tr td{clear:both; font-size:13px; line-height:13px; color:#000; border:1px solid #ececec;}
.table_1{font-weight:500;}
.table_2{font-weight:normal;}
.List_btn:first-child { margin-right:10px; }
.List_btn a { 
  display:block; width:143px; height:39px; line-height:39px; 
  border:1px solid #1c2833; background-color:#efefef; text-align:center; 
  font-size:14px; font-weight:500; transition:all 0.3s ease;
}
.List_btn a:hover { background-color:#1c2833; color:#efefef; }
.List_tick{float:left; display:block;}
#proList_tab { width:100%; overflow:hidden; margin-bottom:21px; }
.pro_tabs {  }
.pro_tabs a{ 
	display:block; width:254px; height:41px; line-height:41px; float:left; 
	border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; 
	text-align:center; font-size:17px; font-weight:500; color:#111; transition:all 0.3s ease;}
.pro_tabs a:hover, .pro_tabs a.on { border-right:1px solid #116fe1; border-top:1px solid #116fe1; border-bottom:1px solid #116fe1; background-color:#116fe1; color:white; }
.pro_tabs:first-child a { width:253px; border-left:1px solid #e1e1e1; }
.pro_tabs:first-child a:hover, .pro_tabs:first-child a.on { width:253px; border-left:1px solid #116fe1; background-color:#116fe1; color:white; border-top:1px solid #116fe1; border-bottom:1px solid #116fe1; }

.product_title { font-size:25px; line-height:25px; margin-bottom:20px; padding-top:12px; background:url(../images/point_top.png) no-repeat top left; }
.pro_bold { font-weight:600; }
.pro_img { display:block; width:100%; height:100%; margin:0 0 30px; }
.pro_img img{ display:block; }

.down_btn_wrap { width:100%; overflow:hidden; }
.down_btn { width:200px; height:41px; float:left; }
.down_btn:first-child { margin-right:10px; }
.down_btn a { 
  display:block; width:198px; height:39px; line-height:39px; 
  border:1px solid #1c2833; background-color:#efefef; text-align:center; 
  font-size:14px; font-weight:500; transition:all 0.3s ease;
}
.down_title { font-size:15px; line-height:15px; font-weight:600; margin-bottom:10px; }
.down_btn a:hover { background-color:#1c2833; color:#efefef; }
.pro_list_btn { width:62px; height:27px; margin:30px auto 0; }
.pro_list_btn a{ 
  display:block; width:60px; height:25px;line-height:25px; 
  border:1px solid #1c2833; float:left; text-align:center;   
  font-size:13px; background-color:#414141; color:#e7e7e7; font-weight:500; 
  }
  
.pro_lr{ position:relative; width:100%; }
.pro_left{width:340px; margin-right:10px; background:url(../images/barbg2.png) no-repeat;}
.pro_left2{width:340px; margin-right:10px; background:url(../images/barbg4.png) no-repeat;}
.pro_right{width:340px; margin-left:10px; float:right; background:url(../images/barbg.png) no-repeat;}
.pro_right2{width:340px; margin-left:10px; float:right; background:url(../images/barbg3.png) no-repeat;}

.bar{ width:340px; height:22px; background:url(../images/bar.png) no-repeat; margin-bottom:8px;}
.bar p{ margin-left:15px;}
.bar2{ width:340px; height:22px; background:url(../images/bar2.png) no-repeat; margin-bottom:8px;}
.bar2 p{ margin-left:15px;}
.barcont p{ margin-left:15px; }
.barcont2 p{ margin-left:15px; color:#03F; }
.barcont2 a{ text-decoration:underline;}
.inquiry{ margin:0 auto;}
.bg{background:#fff; border:1px dotted #4dcbff; border-left:none;}
.bgt{ border-top:3px solid #005baa;}
.no-right{ max-width:650px;margin-top:10px; margin-left:10px; border:1px dotted #4dcbff; border-right:none;}
.nort{ border-top:3px solid #005baa;}




#ham{
	position:absolute;
	top:10px;
	right:10px;
	width:25px;
	height:20px;
	cursor:pointer;	
	display:block;/*óÀ½¿¡ ¹öÆ° ¼û±è*/
	z-index: 999999999999;
}
#ham div{
	position:absolute;
	width:100%;
	height:5px;
	background-color:#666;
	transition:all 0.8s;	/*¾Ö´Ï¸ÞÀ̼Ç*/
}









#equipment2 {
	width:1020px;
	padding-top:105px;
	position:relative;
	}
#equipment2 ul  li.eqimg{
	float:left;
	margin-right:27px;
	width:320px;
	height:269px;
	border:1px solid #ececec;
	margin-bottom:15px;
	overflow:hidden;
	}

#equipment2 ul  li.eqimg2{
	float:left;
	width:320px;
	height:269px;
	border:1px solid #ececec;
	margin-bottom:15px;
	overflow:hidden;
	}


#equipment2 ul  li.eqtext{
	float:left;
	text-align:center;
	margin-right:30px;
	width:320px;
	overflow:hidden;
	margin-bottom:30px;
	font-size:14px;
	font-weight:600;
	line-height:23px;
	display:block;
	}

#equipment2 ul  li.eqtext2{
	float:left;
	width:320px;
	text-align:center;
	overflow:hidden;
	margin-bottom:30px;
	font-size:14px;
	font-weight:600;
	line-height:23px;
	display:block;
	}



#equipment2 ul  li.eqimg3{
	float:left;
	margin-right:700px;
	width:320px;
	height:269px;
	border:1px solid #ececec;
	margin-bottom:15px;
	overflow:hidden;
	}




#equipment2 ul  li.eqtext3{
	float:left;
	text-align:center;
	margin-right:30px;
	width:320px;
	overflow:hidden;
	font-size:14px;
	font-weight:600;
	line-height:23px;
	display:block;
	}

#equipment2 ul  li.eqtext4{
	float:left;
	width:320px;
	text-align:center;
	overflow:hidden;
	font-size:14px;
	font-weight:600;
	line-height:23px;
	display:block;
	}