@charset "utf-8";
/* html기본 css입니다 */
body {font-size:0.750em; color:#555; font-family:Arial, "Malgun Gothic", "맑은 고딕", sans-serif, tahoma;}
body, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol, li, form, fieldset, blockquote, table, thead, tbody, tfoot, tr, td, th, input {margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea {font-size:1em;}
em, cite, address, optgroup {font-style:normal;}
kbd, samp, code {font-family:monospace;}
img, input, button, select, textarea {vertical-align:middle;}
ul, ol, li {list-style:none outside none;}
img, fieldset {border:0 none;}
input, button {overflow:visible;}
abbr, acronym {border-bottom:1px dotted black; cursor:help;}
table {border-collapse:collapse; border-spacing:0; border-width:0;}
legend, hr {left:0; overflow: hidden; position: absolute; top:0;}
legend, hr, caption {font-size:0; height:0; line-height:0; visibility:hidden; width:0;}

input {border:expression((this.type=='image')?'0px none':'');}
input {height:expression((this.type=='text' || this.type=='password' || this.type=='file')?'20px':'');border:expression((this.type=='text' || this.type=='password' || this.type=='file')?'1px solid #ddd':'');}
input[type=radio],input[type=checkbox]{border:0px none;}
input[type=text],input[type=password],input[type=file]{height:20px; padding:0 1px; line-height:24px; border:1px solid #ddd;}
textarea {border:1px solid #ddd; padding:1px;}
input[type=button],input[type=submit] {overflow:visible; padding:0; text-align:center; cursor:pointer; border:0;}
button {overflow:visible; padding:0; text-align:center; vertical-align:middle; cursor:pointer; border:0; background:none;}
button::-moz-focus-inner {border:0; padding:0;}
select {height:20px;}

a:link, a:visited, a:active {color:#555; text-decoration:none; cursor:pointer;}
a:hover {color:#11457f; text-decoration:none; cursor:pointer;}

/* 메인 css입니다 */
#header {position:relative; width:100%; height:auto; border-bottom:1px solid #d7d7d7; z-index:100;}
#container {overflow:hidden; z-index:-1;}
#content{overflow:hidden;}
#top {width:1000px; overflow:hidden; margin:0 auto;}
#top h2 {float:left; width:200px; text-align:center;}
#spot {position:absolute; top:3px; left:50%; margin-left:360px;}
#spot a {margin-left:6px; padding-right:10px; background:url("../images/ico/bar_01.gif") no-repeat right 60%;}
#spot a.none {background:none;}
/* 주메뉴 */
#gnb {float:right; width:800px; height:93px; text-align:right;}
#gnb li {display:inline-block; zoom:1; *display:inline; width:auto; margin:45px 43px 0 43px; color:#737373; font-size:17px; font-weight:bold; cursor:pointer;}
#gnb li.last {margin-right:20px;}

#gnb_sub {position:absolute; top:93px; left:0px; display:none; width:100%; overflow:hidden; border-top:1px solid #dbdbdb; background:url("/eng/images/comn/bg_gnb.png") repeat-x left bottom;}
#gnb_sub div {width:720px; overflow:hidden; margin:0 auto 10px auto; padding:10px 0 10px 230px; background:url("/eng/images/comn/bg_sub.png") no-repeat left 50%;}
#gnb_sub div ul {float:left; width:130px; margin-top:5px; line-height:20px;}
#gnb_sub div ul li {padding-left:8px; margin-bottom:8px; background:url("../images/ico/ico_bul1.gif") no-repeat 0 7px;}
#gnb_sub div ul li a {padding:0; text-align:left; font-size:13px; line-height:13px; font-weight:normal; color:#a2a2a2; letter-spacing:-0.5px;}
#gnb_sub div ul li a:hover {color:#11457f;}
#gnb_sub div ul.gnb_list01 {margin-left:4px;}
#gnb_sub div ul.gnb_list02 {margin-left:40px;}
#gnb_sub div ul.gnb_list03 {width:152px; margin-left:35px;}
#gnb_sub div ul.gnb_list04 {width:150px; margin-left:35px;}

/* menu */
.visual {position:relative; overflow:hidden; margin-bottom:40px;}
.visual ul li {position:relative; width:100%; text-align:center;}
.visual ul li.banner1 {background:#1b0909;}
.visual ul li.banner2 {background:#2b1112;}
.visual ul li.banner3 {background:#0B1940;}
.visual .bx-pager {position:absolute; bottom:18px; left:0; width:100%; text-align:center; z-index:100;}
.visual .bx-pager .bx-pager-item {display:inline-block; zoom:1; *display:inline; margin-left:-1px;}
.visual .bx-pager .bx-pager-item:first-child {margin-left:0;}
.visual .bx-pager .bx-pager-item a {display:inline-block; zoom:1; *display:inline; width:29px; height:3px; border:1px solid #fff; text-indent:-1000em;}
.visual .bx-pager .bx-pager-item a.active {background:#fff;}

/* bord */
#main_cont {position:relative; width:1024px; margin:0 auto; overflow:hidden; border:1px solid #d7d7d7;}
#main_cont h3 {padding-bottom:7px; font-size:15px; font-weight:bold;}
#main_cont a.more {position:absolute; top:6px; right:10px; color:#909090; font-size:12px;}
.greeting {position:relative;}
.greeting .greeting_link {display:block;}
.greeting .greeting_link:hover div {text-decoration:underline;}
.greeting div {line-height:20px; font-size:12px; color:#666;}
.greeting div span {font-weight:bold; color:#11467a;}

.customer {position:relative; float:left; width:220px; margin-left:15px; padding:20px 0 0 15px;}
.customer div {vertical-align:top; height:90px;}
.customer div p {margin-top:5px; margin-right:15px; padding-bottom:5px; font-size:23px; font-weight:bold; color:#11457f;}
.customer div span {float:right; width:220px; font-size:11px;}
.customer div a {float:left; width:96px; height:23px; margin-top:26px; margin-right:3px; padding:9px 9px 0 0; letter-spacing:-1px; font-size:11px;}

.add {position:absolute; bottom:30px; right:43px; width:510px; font-size:13px;}
.add span {display:inline-block; vertical-align:text-top; margin-right:5px; font-weight:bold;}

.product {padding:15px 0 15px 0; border-bottom:1px solid #d7d7d7; overflow:hidden;}
.product div {float:left; width:165px; margin-left:18px; padding-left:70px; border-left:1px solid #eee;}
.product div.none {margin-left:0; border-left:none;}
.product div.product_01 {background:url("/eng/images/main/ico_01.gif") no-repeat 20px 50%;}
.product div.product_01:hover {background:url("../images/main/ico_01_on.gif") no-repeat 20px 50%;}
.product div.product_02 {background:url("/eng/images/main/ico_02.gif") no-repeat 20px 50%;}
.product div.product_02:hover {background:url("../images/main/ico_02_on.gif") no-repeat 20px 50%;}
.product div.product_03 {background:url("/eng/images/main/ico_03.gif") no-repeat 20px 50%;}
.product div.product_03:hover {background:url("/eng/images/main/ico_03_on.gif") no-repeat 20px 50%;}
.product div.product_04 {background:url("/eng/images/main/ico_04.gif") no-repeat 20px 50%;}
.product div.product_04:hover {background:url("/eng/images/main/ico_04_on.gif") no-repeat 20px 50%;}
.product div ul li {font-size:13px; letter-spacing:-0.5px;}
.product div:hover ul li {text-decoration:underline;}
#main_cont  .product h3 {padding:15px 0; color:#656565; font-size:16px; font-weight:bold;}
#main_cont  .product h3:hover {color:#11457f;}

.section_wrap {padding:25px 25px; overflow:hidden;}
.intro_box {float:left; width:467px;}
.contact {margin-top:20px; overflow:hidden;}
.contact .sec {float:left; width:200px;}
.contact .sec.last {float:right;}
.contact .date {float:left; width:100%; margin-top:15px; font-size:13px; line-height:22px;}
.contact .date span {color:#11457f; font-weight:bold;}
.contact p {padding-bottom:5px; color:#11457f; font-size:26px; font-weight:normal;}
.video_box {float:right; width:467px;}
.video_box .video_inner {position:relative; height:0; padding-bottom:56.25%;}
.video_box .video_inner iframe {position:absolute; left:0; width:100%; height:100%;}

/*****************************************************************************
* footer
*****************************************************************************/
#footer_wrap {float:left; width:100%; height:auto; margin-top:60px; padding:15px 0 25px 0; background-color:#ececec; border-top:1px solid #dbdbdb;}
#footer {width:1000px; margin:0 auto;}
#footer p {float:left; height:100%; margin:15px 44px 0 40px;}
address {float:left; margin:5px 0 0 6px; color:#999; font-size:12px; line-height:18px;}