/* -------- 사용자 지정 css (사이트에 맞게 변경하세요) -------- */
/* layout */
#header {
	width:100%; 
	min-width:1100px; 
	height:110px; 
	border-bottom:2px solid #353895;
} 
#header_wrap {
	position:relative; 
	width:1100px; 
	margin:0 auto; 
	height:100%; 
}
#main-content {
    width: 100%;
	overflow:hidden;
}
#sub-area {
	width:100%; 
	background:url('/img/sub/sub_visual.jpg') top center no-repeat;
	height:auto;
	padding-top:52px;
}
#container {
	width:1100px; 
	margin:0 auto; 
	overflow:hidden;
}
#sub-menu {
    width: 213px;
    margin-bottom: 20px;    
    float: left;
}
#sub-content {
    width: 824px;
    margin-bottom:100px;
	margin-top:130px;
    float: right;
	min-height:500px;
}
#footer {
    clear: both;
	width:100%;
	background:#e5e8ef;
}

/*--------------header-------------------*/

#logo {float:left; margin:26px 110px 0 0; z-index:999999}
#topmenu {position:absolute; right:0; top:47px;}
#topmenu ul {float:right; font-size:12px;}
#topmenu ul li {float:left; padding-left:14px; line-height:140%;}
#topmenu ul li img {margin-top:-7px}

.sitemap {background-color:#fff; border:2px solid #2a4c92; min-height:450px; left:0; position:absolute;top:100px;visibility:hidden;width:1096px; z-index:6001;}
.sitemap h2 {color:#033d6a; font-size:22px; text-align:center;padding:20px 0; font-weight:bold; width:100%; background:#e5e8ef}
.site_list {overflow:hidden; padding:20px 30px; min-height:310px;}
.site_list li {float:left; padding:4px 0; width:18%; margin-left:2%; line-height:160%;}
.site_list li h3 {font-size:17px; color:#2a4c92; margin-bottom:15px; font-weight:bold; border-bottom:1px solid #ededed; padding-bottom:15px;}
.site_list li ul {width:100%;}
.site_list li ul li {width:100%; padding-bottom:5px; margin:0; border:none; font-size:14px; background:url(/img/sub/deps01.gif) 1px 14px  no-repeat; padding-left:12px; font-weight:bold;}
.site_list li ul li a {color:#333}
.site_list li ul li ul {margin-bottom:10px; overflow:hidden;}
.site_list li ul li ul li {font-size:12px !important; line-height:120% !important; background:none; padding-left:0; font-weight:normal}

/*네비게이션*/

#gnb {position:relative; width:500px; float:left; margin-top:30px;}
#gnb ul{margin:0 auto; width:100%; height:55px;}
#gnb ul li{float:left; margin-right:95px; }
#gnb ul li a{display:block; height:55px; font-weight:bold; font-size:18px; line-height:55px; color:#333;}
#gnb ul li a:hover{color:#1c468e;}

#gnb ul div{position:absolute; top:-9999px; left:0; z-index:7777; width:170px; height:auto;}
#gnb ul div ul{position:relative; left:22px; margin:0 auto; width:100%; max-width:1040px;}

#gnb ul li:nth-child(1) div ul{left:-50px;}
#gnb ul li:nth-child(2) div ul{left:120px;}
#gnb ul li:nth-child(3) div ul{left:280px;}

#gnb ul div ul li{padding-left:20px; width:170px; background:url('/images/common/submenu_line.gif') no-repeat 0 50%; background:rgba(35,32,30,.9);}
#gnb ul div ul li a{display:block; width:100%; height:100%; font-size:13px; line-height:40px; color:#ffffff;}
#gnb ul div ul li a:hover{color:#fff799;}
/* hover */
#gnb>ul>li:hover div{top:55px;}

/*footer*/
#footer_wrap {width:1098px; margin:0 auto; overflow:hidden; border-right:1px solid #fff; border-left:1px solid #fff;}
#footer_wrap .foot01 {float:left; width:329px; height:95px; padding:40px 0; color:#666; line-height:140%; margin-left:20px;}
#footer_wrap .foot01 p a {font-weight:bold; color:#1c3a57; font-size:13px;}
#footer_wrap .foot01 p {margin-bottom:15px;}
#footer_wrap .foot02 {float:left; width:400px; height:95px; background:#d8dbe2; padding:40px 0; text-align:center; color:#777}
#footer_wrap .foot02 img {margin-bottom:30px;}
#footer_wrap .foot03 {float:left; width:299px; height:95px; margin:0 25px 0 25px; padding:40px 0; background:url('/img/common/cs_icon.gif') right top no-repeat;}
#footer_wrap .foot03 h3 {font-weight:bold; font-size:22px; color:#1c3a57; margin-bottom:25px;}
#footer_wrap .foot03 p {line-height:160%; font-size:16px;color:#1c3a57; font-style:italic}

/*----------메인컨텐츠-------------*/

#visual {height:auto; width:100%; height:685px; margin:0 auto; padding-bottom:60px; position:relative; }

.vis01 {position:absolute; width:100%; height:685px;}
.vis02 {position:absolute; width:100%; height:685px;}
.vis03 {position:absolute; width:100%; height:685px;}
.vis04 {position:absolute; width:100%; height:685px;}
.vis05 {position:absolute; width:100%; height:685px;}

.vis01 div, .vis02 div, .vis03 div, .vis04 div, .vis05 div {position:relative; margin:0 auto; width:1100px;}
.vis01 div p, .vis02 div p, .vis03 div p, .vis04 div p, .vis05 div p {position:absolute; left:0; top:225px; z-index:1000}

#main_menu {width:1100px; margin:0 auto; margin-bottom:95px; overflow:hidden;}
.product_mn {float:left; width:320px; height:386px; margin-right:30px; }
.product_mn ul {width:100%;}
.product_mn ul li {float:left; height:129px; color:#fff; font-size:14px;}
.product_mn ul li.tle { background:url(/img/main/product_title.gif) no-repeat; width:160px;}
.product_mn ul li.tle p {padding:20px 0 0 20px; line-height:140%; letter-spacing:-0.5px}
.product_mn ul a li.img01 {background:url(/img/main/led01_off.gif) no-repeat; width:159px; margin-left:1px }
.product_mn ul a:hover li.img01 {background:url(/img/main/led01_on.gif) no-repeat; width:159px; margin-left:1px }
.product_mn ul a li.img01 p {padding:11px; font-weight:bold;}
.product_mn ul a li.img02 {background:url(/img/main/led02_off.gif) center no-repeat; width:160px;}
.product_mn ul a:hover li.img02 {background:url(/img/main/led02_on.gif) center no-repeat; width:160px;}
.product_mn ul a li.img02 p {padding:11px; font-weight:bold;}
.product_mn ul a li.img03 {background:url(/img/main/led03_off.gif) center no-repeat; width:159px; margin-left:1px}
.product_mn ul a:hover li.img03 {background:url(/img/main/led03_on.gif) center no-repeat; width:159px; margin-left:1px}
.product_mn ul a li.img03 p {padding:11px; font-weight:bold;}
.product_mn ul a li.img04 {background:url(/img/main/led04_off.gif) no-repeat; width:160px;}
.product_mn ul a:hover li.img04 {background:url(/img/main/led04_on.gif) no-repeat; width:160px;}
.product_mn ul a li.img04 p {padding:11px; font-weight:bold;}
.product_mn ul a li.img05 {background:url(/img/main/led05_off.gif) no-repeat; width:159px; margin-left:1px}
.product_mn ul a:hover li.img05 {background:url(/img/main/led05_on.gif) no-repeat; width:159px; margin-left:1px}
.product_mn ul a li.img05 p {padding:11px; font-weight:bold;}

.service_mn {float:left; width:400px; height:386px; margin-right:30px; background:url(/img/main/service_bg.gif) no-repeat;}
.service_mn {float:left; width:400px; height:386px; margin-right:30px; background:url(/img/main/service_bg.gif) no-repeat;}
.service_mn ul {}
.service_mn ul a li {width:200px; height:143px; float:left; text-align:center; padding-top:50px; color:#fff; }
.service_mn ul a:hover li {width:200px; height:143px; float:left; text-align:center; padding-top:50px; background:#09223b; opacity: 0.8;}
.service_mn ul a li h3 {font-weight:bold; font-size:20px; margin-bottom:40px;}
.service_mn ul a:hover li h3 {font-weight:bold; font-size:20px; margin-bottom:40px; color:#ffde00;}
.service_mn ul a li p {font-size:13px; color:#fff; line-height:150%; letter-spacing:-0.5px;}
.banner {float:left; width:320px; height:386px;}


/*------------sub 레이아웃-------------*/

#sub-menu ul {}
#sub-menu ul li {width:213px;}
#sub-menu ul li:last-of-type {border-bottom:1px solid #1c468e;}
#sub-menu ul li a {background:none; color:#444; display:block; font-weight:bold; height:33px; width:188px; font-size:14px; padding:12px 0 0 25px; line-height:160%; border-bottom:1px solid #d9d9d9}
#sub-menu ul li a:hover, #sub-menu ul li a:active, #sub-menu ul li a:focus { background:url(/img/sub/left_on.gif) no-repeat; color:#1c468e; font-weight: bold; height:33px; padding:12px 0 0 25px; width: 188px;}
#sub-menu ul li.lm_on a { background:url(/img/sub/left_on.gif) no-repeat; color:#1c468e; font-weight: bold; height:33px; padding:12px 0 0 25px; width: 188px;}

#sub-menu ul li .l1dep2 {margin:0; padding:10px 0 15px 0; width:213px; border-bottom:1px solid #d9d9d9;}
#sub-menu ul li .l1dep2 li {margin:0; line-height:140%; width:100%; }
#sub-menu ul li .l1dep2 li a{border:none; display:block; width:180px; height:17px; font-size:12px; padding:3px 0 3px 15px; margin-left:10px; color:#626262 !important; background:none; font-weight:normal}
#sub-menu ul li .l1dep2 li:last-of-type {border-bottom:none;}
#sub-menu ul li .l1dep2 li a:hover {color:#e25b09 !important;  }
#sub-menu ul li .l1dep2 li.lm2_on a {color:#e25b09 !important;  }

.path {color: #757783; font-size: 12px; padding:0 0 12px 0; text-align:right; line-height:300%;}
.path img {vertical-align:middle; margin-right:5px;}
.path span.path_point {color:#000; font-weight:bold;}

.ctn_tle {padding-bottom:30px; font-weight:bold; font-size:32px; color:#222; background:url(/img/sub/title_bg.gif) left bottom no-repeat; letter-spacing:-0.5px; margin-bottom:50px;}
.ctn {width:100%; min-height:400px; font-size:13px; letter-spacing:-0.5px; color:#424242}
.ctn p {line-height:140%}

/* 서브 컨텐츠 */

h4.deps {font-size:18px; font-weight:bold; color:#1c468e; margin-bottom:20px;}
span.blue {color:#1c468e;}
.mar_b10 {margin-bottom:10px }
.mar_b20 {margin-bottom:20px }
.mar_b30 {margin-bottom:30px }

.greeting {width:100%; min-height:486px; background:url(/img/sub/greeting_img.jpg) right center no-repeat; }
.greeting h4 {font-size:18px; line-height:150%; color:#1c468e; margin-bottom:40px;}
.greeting p {font-size:14px; line-height:160%; }
.greeting p span {font-size:17px;}

.menu_tab{width:100%; }
.menu_tab ul{overflow:hidden;}
.menu_tab li{list-style:none;position:relative;float:left;border:1px solid #87a7d0; height:54px; margin-right:1px; width:271px; background:#99b2d1}
.menu_tab li a{display:block;padding:20px 16px;text-decoration:none;text-align:center; font-weight:bold; font-size:15px; color:#fff}
.menu_tab li a:hover{text-decoration:none}
.menu_tab li.active {}
.menu_tab li.active a{background:#fff; font-weight:bold;color:#1c468e; }
.menu_tab li.active a:hover{text-decoration:none}

.history {width:100%; position:relative; margin-top:50px;}
.history ul {padding-left:20px; overflow:hidden; }
.history ul li {float:left; clear:both; margin-bottom:20px; width:650px; line-height:200%;}
.history dl {float:left; width:560px;}
.history dl dt {float:left; width:90px; font-size:15px; color:#888; padding-top:10px;}
.history dl dd {float:left; width:470px; padding-top:10px;}
.history dl dd.point {color:#f26522}
.history ul li span {color:#1c468e; margin-right:10px; vertical-align:top; width:80px; float:left; font-size:18px; padding-top:10px; font-weight:bold;}

.tb_list {border-collapse:collapse; border-color:#1c468e; border-style:solid; border-width:1px 0 1px 0; width:100%; margin-bottom:40px; margin-top:15px;}
.tb_list td {border-bottom:1px solid #d9d9d9; line-height:160%; padding:10px 40px; text-align:center; border-right:1px solid #d9d9d9; }
.tb_list td.color {background:#f5f5f5}
.tb_list td.right {border-right:none !important;}
.cp_no {visibility:hidden; padding:0;margin:0;width:0; height:0;line-height:0; overflow:hidden; font-size:0.88em;}

.location {border-collapse:collapse; border-color:#1c468e; border-style:solid; border-width:1px 0 1px 0; width:100%; font-size:14px}
.location th {border-bottom:1px solid #dedede; line-height:160%; padding:15px 20px; text-align:left; background:#f5f5f5; font-weight:bold; color:#1c468e}
.location td {border-bottom:1px solid #dedede; line-height:160%; padding:15px 20px; text-align:left; }
.location td span {color:#e05c09}

.win_list {overflow:hidden; margin-top:50px;}
.win_list li {float:left; width:183px; height:315px; margin:0 25px 40px 0;}
.win_list li img {width:183px; height:257px; border:1px solid #dedede; background:#f5f5f5}
.win_list li p {margin-top:7px; text-align:center; color:#333; font-weight:bold; line-height:180%}
.win_list li p span a{background: #5c6784 none repeat scroll 0 0; border-radius:2px; color: #fff; font-size:12px; font-weight:bold; padding:4px 15px;text-align: center;}
.win_list .none {margin-right:0 !important;}

/*제품소개*/
.product_list {overflow:hidden; margin-bottom:45px;}
.product_list li {width:188px; height:212px; border:1px solid #e6e6e6; background:#f8f8f8; float:left; margin-right:16px; position:relative; margin-bottom:20px;}
.product_list li .list {width:188px; height:167px;}
.product_list li p {text-align:center; margin-top:13px;}

.product_view {overflow:hidden; margin-bottom:40px; padding-bottom:40px; position:relative; border-bottom:1px dotted #1c468e}
.product_view .left {float:left; width:360px; }
.product_view .left img {width:345px; height:282px; border:1px solid #dedede;}
.product_view .right {float:right; width:440px;}
.product_view .right img {margin-left:15px;}
.product_view .right h4 {border-top:1px solid #777; border-bottom:1px solid #dedede; padding:12px 10px; color:#333; line-height:180%; margin-bottom:30px; font-weight:bold; font-size:21px; background:#f5f5f5}
.product_view .right p {padding-left:10px; font-size:14px; margin-bottom:20px;}

.table01 {border-collapse:collapse; width:100%; margin-bottom:40px; font-size:12px;}
.table01 th {border-bottom:1px solid #d9d9d9; background:#6a7591; line-height:160%; padding:11px 0; text-align:center; font-weight:bold; color:#fff; border-right:1px solid #7e89a5}
.table01 td {border-bottom:1px solid #d9d9d9; line-height:160%; padding:11px 0; text-align:center; }
.pd_txt {margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #dedede}