@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);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato);
/* 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;}
body { 
height:100%; width:100%; 
font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif; font-size:13px; color:#222222; line-height:20px; text-decoration:none; -webkit-text-size-adjust:none; }
p{ line-height:20px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }

/*---------------------------------------------------*/
a { text-decoration:none; color:#4e4e4e}
a.top { color:white; text-decoration:none;}
a.eng { color:#ffffff; text-decoration:none;}
a.top:hover { color:silver; text-decoration:none;}
a.subtop { text-decoration:none; color:white; }
a.subtop:hover { text-decoration:none; color:#ffffff; font-weight:600;}
a.subtop:active { text-decoration:none; color:#ffffff; font-weight:600;}
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%;
	hanging-punctuation:130px;
	margin:0 auto;
	border-bottom:1px solid #eaeaea; 
	}
/*---header---*/
#header_wrap { width:100%;}
#top_wrap {
	width:100%;
	height:38px;
	background:#302f34;
	overflow:hidden;
	}
#top_wrap:after { display:block; content:""; clear:both; }
#top_menu {
	width:1100px;
	margin:0 auto;
	height:38px;
	}
#top_menu:after { display:block; content:""; clear:both; }
#top_menu ul {
	float:right;
	}
#top_menu ul li {
	float:left;
	font-size:12px;
	height:12px;
	padding-right:5px;
	margin:0px 5px 0px 0;
	line-height:12px;
	padding:13px 5px 13px 0;
	}
#top_menu ul li.ctc {margin-right:7px; }
#top_menu ul li.home{ background:url(../images/top_bar.gif) no-repeat right; }
#top_menu ul li.lang { background-color:#a20802; color:white; margin:0 1px 0 0; padding:13px 20px; }
#top_menu ul li.lang a { padding:0;}
#top_menu ul li a {
	color:white;
	display:block;
	padding:0 5px;
	}
#top_menu ul li a:hover { color:silver; text-decoration:none; }
#top_menu ul li.last {
	border-right:0 none;
	margin-right:0px;
	padding-right:0px;
}

#top_menu ul li.last a {
	border-right:0 none;
	}
	
#header { width:1100px; height:92px; margin:0 auto;}
#header:after { display:block; content:""; clear:both; }
#header h1 {
	float:left;
	display:block;
	margin:1px 0;
	}
#header h1 img { width:294px; display:block; }
.nav_wrap { width: 736px; float:right;}

/* @group core nav menu */
#nav { margin: 0; padding: 0; list-style: none; height: 92px;  }
#nav li { float: left; display: block; background: none; position: relative; z-index: 999; }
#nav li a { display: block; padding: 0; font-weight: 600; line-height: 92px; text-decoration: none; zoom: 1; width:135px; text-align:center; font-size:17px; color:#4e4e4e; font-family:'Nanum Square';}
#nav li a:hover, #nav li a.hov { color:#a20802;}


/* @group subnav */
#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none; border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; border-top:1px #e0e0e0 solid;}	
#nav ul.menu1 li { width:282px; float: left; border-top: 1px solid #fff; }
/*#nav ul.menu2 li { width:187px; float: left; border-top: 1px solid #fff; text-align:center; }*/
#nav ul li:hover { border-left:0px solid transparent; border-right: 0px solid transparent;background:#f4f4f4; }

#nav ul.menu1 a { width:282px; display: block; height: 25px; line-height: 25px; padding: 8px 0 ;   font-size:13px; color:#8f8e8e; border-bottom:1px #e0e0e0 solid; background:#fff; font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif; }
#nav ul.menu1 a:hover { color:#000; font-weight:600; 	text-decoration:none; 	background:#f4f4f4; color:#a20802;  padding: 8px 0;}
/*#nav ul.menu2 a { width:177px; display: block; height: 20px; line-height: 20px;   font-size:13px; color:#8f8e8e; padding-left:10px; text-align:left; border-bottom:1px #d5dce8 solid; background:#fff;}
#nav ul.menu2 a:hover { color:#fff; font-weight:600; 	text-decoration:none; 	background:#234e74; }*/
#nav ul.menu1 li.menu_1 { width:146px; }
#nav ul.menu1 li.menu_1 a { width:146px; }
#nav ul.menu1 li.menu_1 a:hover { widows:146px; }
#nav ul.menu1 li.menu_3 { width:222px; }
#nav ul.menu1 li.menu_3 a { width:222px; }
#nav ul.menu1 li.menu_3 a:hover { width:222px; }

/*--------- index. php --------*/
#mainVisual {
	width:1100px;
	height:520px;
	}
#product_wrap { width:100%; background-color:#efefef; }
#product_list { width:1100px; margin:0 auto; padding:15px 0; overflow:hidden; }
.product { width:208px; height:200px; float:left; margin-left:15px;  position:relative;  }
.product .pro { position:absolute; left:0px; top:0px; border:0px; display:block; transition:all 0.2s ease; }
.product .pro .over { opacity:1; }
.product:first-child { margin-left:0px; }
#main_wrap { width:1100px; margin:25px auto; overflow:hidden; }
.main_contents:first-child { margin-left:0px; }
.main_contents { width:348px; height:191px; float:left; border:1px solid #ececec; margin-left:25px; font-family:'Nanum Square'; }
.top_contents { width:302px; padding:23px 23px 15px 23px; float:left;  }
.main_contents h3 { font-size:23px; line-height:23px; font-weight:600; float:left; }
.click_more { font-size:13px; font-weight:600; float:right; }
.board_wrap { width:302px; float:left; padding:0 23px 23px 23px; }
.board_wrap p { line-height:29px; }
.main_contents img { display:block; }
.main_contents:first-child img { display:inline; }
.main_contents img:first-child { border-bottom:1px solid #ececec;}
.cs_center { background:url(../images/customer_center.png) no-repeat center top; }
footer { width:100%; background-color:#252525; padding:35px 0; }
#footer_wrap { width:1100px; height:60px; margin:0 auto; }
#footer_wrap p { color:#e6e6e6; font-size:12px; line-height:20px; font-weight:500; }

/*----¼­ºêÆäÀÌÁö °øÅë-----*/
#SubVisual{ width:1100px; height:219px; margin:0 auto; background:url(../images/sub_visual.png) no-repeat center top; }
#SubVisual_02{ width:1100px; height:219px; margin:0 auto; background:url(../images/sub_visual_02.png) no-repeat center top; }
#SubVisual_03{ width:1100px; height:219px; margin:0 auto; background:url(../images/sub_visual_03.png) no-repeat center top; }
#SubVisual_04{ width:1100px; height:219px; margin:0 auto; background:url(../images/sub_visual_04.png) no-repeat center top; }
#SubVisual_05{ width:1100px; height:219px; margin:0 auto; background:url(../images/sub_visual_05.png) no-repeat center top; }

#section_wrap { width:1100px; margin:0 auto; }
#section_wrap:after { display:block; content:""; clear:both; }
/*--- LEFT NAV ----*/
#left_nav { width:300px; float:left; }
#nav_top { width:275px; padding:45px 0 24px 25px; color:#005bab; }
#nav_top h3 { font-weight:400;  font-size:38px; line-height:40px; font-family:'Nanum Square'  }
#left_menu { width:300px; float:left; }
#left_menu li:first-child > a { border-top:2px solid #ed1c23; }
#left_menu li a { width:275px; height:48px; display:block; line-height:48px; padding:0 0 0 25px; font-size:13px; border-bottom:1px solid #e5e5e5; color:#626262; font-weight:500;  }
#left_menu li a:hover, #left_menu li a.on { background:url(../images/leftbar_on.png) no-repeat 0 0; color:white; text-decoration:none; }
#article_wrap { width:760px; float:right; padding-bottom:100px; }
#article_top { width:100%; padding:23px 0 30px;}
#page_path { width:100%; font-size:13px; color:#c9c9c9; line-height:15px; padding:0px 0 10px 0; }
.page_home { height:13px; }
.page_title {  font-size:27px; line-height:28px; color:#5d5d5d; font-weight:500; }
.path_bold { font-weight:500; }
#article { width:760px; padding-bottom:100px;}

/* company.php*/
.address { line-height:23px; margin:10px 0; }
#intro { width:760px; height:900px; padding:180px 0 0 0; background:url(../images/ceo_bg.png) no-repeat 0 0; }
#intro p { color:#474747; font-weight:600; line-height:22px;}
.greeting_bold { font-size:18px; }
.dia_table { width:100%; border-top:2px solid #d54633; border-bottom:2px solid #d54633;}
.dia_table tr { }
.dia_table tr th:first-child { border-left:0 none; }
.dia_table tr th { padding:5px 0; border-left:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#f5f5f5;}
.dia_table tr td:first-child { border-left:0 none; }
.dia_table tr td { padding:5px 0; text-align:center; border-left:1px solid #dedede; border-bottom:1px solid #dedede;}

/* Info.php */
.Info_wrap { width:100%; }
h3.Info_title {  padding:0px 0 0px 25px; font-weight:500; font-size:17px; background:url(../images/dia.png) no-repeat left center;  }
.Info_text { padding:15px 0px 0px; border-top:1px solid #bc514d; /*border-bottom:1px solid #bc514d;*/ margin:5px 0 25px; }
.Info_text p { padding-bottom:13px; }
.Info_bold { font-weight:500;  }
span.Info_bar { display:block; background:url(../images/bar.png) no-repeat left 10px; padding-left:15px; font-weight:500;  }
p.Info_textbar {  background:url(../images/bar.png) no-repeat left 10px; padding-left:15px; padding-bottom:0px; }
.last_p { padding-bottom:13px !important; }
.Info_ul { margin-left:5px; padding-left:11px; background:url(../images/rect.png) no-repeat left 10px; }

/* ÁÖ¹® */
#inquiry { width:688px; border:1px solid Gainsboro; padding:20px 30px 20px 40px; }
#inquiry input { border:0 none; background-color:whitesmoke; width:325px; padding:7px 5px; font-size:15px; }
#inquiry input.double_input { width:668px; }
#inquiry input[type='button'] { color:white; background-color:#ba2823; border:1px solid #ba2823; float:left; margin-left:10px; cursor:pointer; width:180px; ; font-weight:500; height:35px; transition:all 0.2s ease;  }
#inquiry input[type='button']:hover { background-color:white; color:#ba2923; }
#inquiry input[type='button']:first-child { margin-left:0; }
#inquiry textarea { border:1px solid gainsboro; }
#inquiry select { border:0 none; background-color:whitesmoke; width:360px; padding:7px 0; font-size:15px; text-align:center; }
#inquiry select option { text-align:center; }
.red_color { color:tomato; }
table.inquiry_form { width:100%; margin-bottom:15px; text-align:left; }
table.inquiry_form tr td { width:335px; font-size:14px; padding:7px 0 0; margin-right:10px; margin:0 5px; }
.inquiry_title { font-size:16px; font-weight:500; }
table.inquiry_form tr td.strong_inquiry { font-weight:500; }
#btn_Set { width:410px; margin:0 auto; overflow:hidden; }

/* Á¦Ç° ¸®½ºÆ® ÆäÀÌÁö */
#pro_list { width:760px; }
.prolist_wrap { width:760px; overflow:hidden; margin-bottom:30px; position:relative;}
.plist:first-child { margin-left:0px; }
.plist { width:240px; float:left; margin-left:20px; position:relative; }
.plist img { width:238px; height:auto; display:block; border:1px solid lightgray;}
.plist p { font-size:15px; padding:7px 0; font-weight:600; text-align:center; }
/* Á¦Ç°ÆäÀÌÁö */
#pro_wrap { width:100%; overflow:hidden; }
.pro_menu { width:100%; overflow:hidden; margin-bottom:50px; }
.pro_menu li { width:186px; float:left; margin:0 5px 5px 0; text-align:center;  }
.pro_menu li.no_margin { margin-right:0px; }
.pro_menu li a { display:block; padding:10px 0; border:1px solid #dddddd; background-color:#fafafa; font-size:12px; transition:all 0.2s ease; }
.pro_menu li a:hover, .pro_menu li.on a { background-color:#d3524d; color:white; border-color:#d3524d; }
.product_wrap { width:100%; overflow:hidden; }
.product_img { width:498px; height:398px; float:left; border:1px solid lightgray; }
.product_img img { display:block; width:498px; height:auto; }
.product_text { width:230px; height:400px; float:right; background:url(../images/choyang_bg.png) no-repeat right bottom; }
.ch_dia { margin-bottom:10px; font-size:13px; font-weight:600; color:#666; }
.pro_title { padding:10px 0 20px; border-top:3px solid #d62222; line-height:34px; font-size:24px; }
.pro_desc { padding-bottom:50px; }
.p_category { padding-top:5px; border-top:1px solid gray; font-weight:700; color:gray;  }
.p_category span { display:block; padding:5px 0; font-weight:400; }
.mini_wrap { width:500px; float:left; margin-top:12px; }
.mini_img:first-child { margin-left:0px; }
.mini_img { width:114px; height:91px; float:left; margin-left:12px; background-color:pink; border:1px solid lightgray;; }
.mini_img img { width:114px; height:auto; display:block; }