@charset "utf-8";

body { margin:0; padding:0; font-family: "돋움", Arial, Helvetica, sans-serif, tahoma; font-size:12px; line-height:17px; color:#666; background-color:e2e2e2;  }
#wrap { width:1280px; margin:0 auto;}
#sub_wrap { width:1280px; margin:0 auto; background: url(../images/sub/sub_bg.png) repeat-y; height:auto; overflow:hidden; position:relative;}




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clear { clear:both;}






@charset "utf-8";

#header { background:url(../images/left_bg.gif) repeat-y; width:156px; float:left; height:900px; }

.logo { text-align:center; padding-top:60px; height:85px; border-bottom:1px solid #cecece;  }
.lnb { padding-top:25px; padding-bottom:25px; height:auto;}
.lnb li {}
.lnb .navi_bar { background:url(../images/menu_bar.gif) center no-repeat; height:37px; }
.english { margin-bottom:1px;}
.coaire { text-align:center; margin-top:25px;}
.quick_menu { background:url(../images/quick_bg.gif) no-repeat; height:372px; padding-top:20px;}
.quick_menu .quick_bar { background:url(../images/quick_bar.png) center no-repeat; height:21px;}

.quick_menu_01 { background:#2373b0; width:155px; margin-left:1px;}
.quick_menu_01 li { background:url(../images/b_bar.png) no-repeat bottom; padding:10px 0;}
.quick_menu_01 li:last-child { }
.quick_menu_02 { background:#0a427c; width:155px; margin-left:1px;}
.quick_menu_02 li { background:url(../images/n_bar.png) no-repeat bottom; padding:12px 0;}
.quick_menu_02 .p20 { padding:26px 0; }










@charset "utf-8";

#main_visual { width:918px; float:left; position:relative;}
#main_visual .iso { position:absolute; right:20px; bottom:20px;} 

#main_visual .movie_view { position:absolute; top:320px; left:65px; border:0; padding:0; cursor:pointer; background:none; }
.movie-wrap { position:absolute; top:150px; left:10px; display:none; padding:0px;  background:rgba(255,255,255,0.75);  }
.movie-wrap .movie-close { display:block; width:100%; line-height:35px; font-size:15px; text-align:center; color:#fff; background:#2373b0; cursor:pointer; }
.movie-wrap { position:fixed; top:50%; left:50%; display:none; padding:0px;  background:rgba(255,255,255,0.75);  z-index:100; transform:translate(-50%,-50%); }


#right { width:206px; background:#0a427c; height:900px; float:left;}
.container {background:url(../images/right_bg.gif) repeat-y; margin:0; height:605px; padding-top:40px; padding-left:18px;  }
.container h2 { padding-bottom:10px;}
.container_bar { background:url(../images/right_bar.gif) center no-repeat; height:55px;}

.product_silde { height:200px; width:180px;}

#slides { width:180px; height:200px;}
.slides_container { width:180x; height:175px;}
.pagination {margin-top:10px; margin-right:20px; float:right;}
.pagination li {float:left;	margin-left:3px;}
.pagination li a {
	display:block;
	width:6px;
	height:0;
	padding-top:6px;
	background-image: url(../images/pagination.png);
	background-position:0 -6px;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 0;
}



@charset "utf-8";


.footer { height:40px; text-align:center; padding-top:15px; clear:both; }

.sub_footer { border-top:1px solid #ccc; height:60px; padding-top:20px; clear:both;}
@charset "utf-8";

#sub_navigation {position:absolute; top:150px; left:156px; width:154px; z-index:100; }
.snb .submenu_2 li a { text-decoration:none; diaplay:block; height:30px; }
.snb .submenu_2 .submenu_3 { background:url(../images/sub/submenu3_bg.gif) repeat-y; padding-top:5px; padding-bottom:5px; }
.snb .submenu_2 .submenu_3 li a { text-decoration:none; diaplay:block; padding-bottom:5px; }

#sub_right { float:left; margin-left:204px; width:870px; height:auto; overflow:hidden;}

.sub_top { width:620px; height:auto; float:right; }
.gnb { width:350px; float:left; margin-top:15px;}
.gnb ul { }
.gnb li { display:inline; font-size:11px; font-family: Arial, Helvetica, sans-serif; }
.gnb li a {  display:block; float:left; text-decoration:none; color: #999; margin-left:12px;}
.gnb .ecatalog  a { display:block; float:left; text-decoration:none;  color: #016ab1; font-weight:bold; margin-left:12px;}
.gnb .groupware a { display:block; float:left; text-decoration:none;  color: #999; font-weight:bold; margin-left:12px;}

.search { height:22px; width:255px; border:1px solid #ccc; float:right; margin-top:10px; }
.search .input_box { padding:1px 5px; width:200px; border:1px solid #fff; background:transparent; float:left;}
.search .search_btn {width:25px; float:right; }

.sub_title { clear:both; text-align:right; padding-top:30px;}

.location { width:854x; border:1px solid #ccc; padding:8px; height:10px; margin-top:12px;}
.location li { display:block; float:left;; margin-right:7px; font-family:"돋움", Arial, Helvetica, sans-serif; font-size:11px;}
.location a { font-family:"돋움", Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-decoration:none; display:block; float:left; }
.location a:hover { color:#666; text-decoration:underline;}

.sub_contents { padding:40px 0; clear:both; height:auto; overflow:hidden; min-height:500px;}

.snb_menu3 { display:block; text-align:center; float:right; position:relative; left:-50%; }
.snb_menu3 li { text-align:center; display:inline-block; float:left; position:relative; left:50%; margin-right:5px; margin-bottom:5px; }