@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
.active_a{color:#25608b !important;}
.active_b{color:#333 !important;}
#wrap{width:100%;  padding:125px 0 0 0;}
#header{width:100%; height:125px; position:fixed; left:0;top:0; z-index:1000; background:#fff;/*background:url(../../images/header_bg.gif) 0 0 repeat-x;*/border-bottom: 1px solid #eee;}
#header:after{content:"";clear:both;display:block;}

/*푸터고정*/
html, body{height: 100%; margin: 0; padding:0; border:0;}
#wrap{position: relative; min-height: 100%;}
#wrap:after{content: ""; height: 122px; display: block;}
#footer{position:absolute; bottom:0;}
body:before,#wrap:before{content:'';float:left;height:100%;margin-top:-999em;}

/*기본세팅*/
#gnb{margin:0 auto;width:1024px; z-index:10; height:125px;}

#gnb ul{overflow:visible; /*margin-top:15px; */float:right;}
#gnb ul:after{content:""; clear:both; display:block;}
.logo{position:absolute; top:0px;}

/*대메뉴 li 스타일 설정*/

.depth > li{position:relative;float:left;width:145px; height:125px;text-align:center; z-index:999; }
/*대메뉴 스타일설정*/
.depth > li > a{display: block; width:145px; height:125px; text-indent: -9999px;}
.depth li .mm01{background: url(../../images/mm01_off.gif) no-repeat;}
.depth li .mm02{background: url(../../images/mm02_off.gif) no-repeat;}
.depth li .mm03{background: url(../../images/mm03_off.gif) no-repeat;}
.depth li .mm04{background: url(../../images/mm04_off.gif) no-repeat;}
.depth li .mm05{background: url(../../images/mm05_off.gif) no-repeat;}
/*.depth li .mm01:hover{background: url(../../images/mm01_on.gif) no-repeat;}
.depth li .mm02:hover{background: url(../../images/mm02_on.gif) no-repeat;}
.depth li .mm03:hover{background: url(../../images/mm03_on.gif) no-repeat;}
.depth li .mm04:hover{background: url(../../images/mm04_on.gif) no-repeat;}
.depth li .mm05:hover{background: url(../../images/mm05_on.gif) no-repeat;}*/
/*대메뉴 마우스 hover 및 활성화*/
.depth > li > a:hover,.depth > li.on > a{color:#25608b;}
/*서브메뉴설정*/
.subnav{display:none; position:absolute; z-index:999; left:0;top:126px; border-left: 1px solid #eee; height: 280px;}
.sm05{border-right: 1px solid #eee;}
.subnav li{width:145px; height: 30px; line-height: 30px;}
.subnav li a{color:#666; font-size:13px;text-align:center;}
.subnav li a:hover{color:#25608b;}
.bgGnb{display:none;position:absolute;top:126px;left:0; background:#fff; width:100%;height:280px;z-index:998; border-bottom: 2px solid #25608b;}

.subnav:hover{background: #f5f5f5;}

#container{width:100%;}

.mainVisual{height:600px;width:100%;z-index:4; position:relative; }
.mainVisual ul.mainvisualBox{overflow:visible;height:600px;}
.mainVisual li{}
.mainVisual .bx-viewport{z-index:1;}
/*컨트롤박스 위치 조정*/
.mainVisual .bx-controls{margin:0 auto; width:300px;}
/*블릿*/
.mainVisual .bx-pager{}
.mainVisual .bx-pager div{float:left; background:#000;}
.mainVisual .bx-pager a{display:block;width:15px;height:15px;background:green;border-radius:8px;text-indent:-9999em}
.mainVisual .bx-pager a:hover,.mainVisual .bx-pager a.active{background:blue;}
.mainVisual .bx-controls-direction a{position:absolute;}
.mainVisual .bx-controls-direction a.bx-prev {width:37px; height:71px; background:url(../../images/btn_prev.png) 0 0 no-repeat; position:absolute; z-index:999; top:266px; left:30px; text-indent:-999em;}
.mainVisual .bx-controls-direction a.bx-next {width:37px; height:71px; background:url(../../images/btn_next.png) 0 0 no-repeat; z-index:999; top:266px; right:30px; text-indent:-999em;}

/*컨텐츠*/
#mainContents{width:1024px; margin:0 auto; margin-top:50px;}
.productBox{width:1020px; overflow:hidden; border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc; background:#ccc;}
.productList{float:left;width:339px;border-right:1px solid #ccc; }
.productList li{position:relative;}
.over{display:none;position:absolute;top:0;left:0; background:url(../../images/over_bg.png) 0 0 repeat; width:100%;height:100%; color:#fff; text-align:center; text-align:center;}
.overContianer{position:relative;width:100%;height:100%;}

.producttitA{text-align:center; border:none !important; font-size:22px; line-height:25px; padding-top:122px; font-weight:bold;}
.producttxtA{text-align:center; border:none !important; font-size:14px;line-height:16px; padding-bottom:10px; padding-top:10px; margin-top:10px; }
.producttxtA span{display: block; background: #333; padding:10px; width:80px; margin: 0 auto;}

.producttitB{text-align:center; border:none !important; font-size:22px;line-height:25px; padding-top:45px;  font-weight:bold;}
.producttxtB{text-align:center; border:none !important; font-size:14px;line-height:16px; padding-bottom:10px; padding-top:10px; margin-top:10px; }
.producttxtB span{display: block; background: #333; padding:10px; width:80px; margin: 0 auto;}


.mainContentsbox{width:1024px; margin:0 auto; margin-top:50px;overflow:hidden;}

.mainContentsbox1{float:left; width:328px; height:121px; border-right:1px solid #eee;  padding-right:9px;}
.mainContentsbox h4{font-size:16px; color:#555;position:relative; font-weight: bold; border-left: 7px solid #ddd; text-indent: 6px;}

.list{overflow:hidden; margin-top:13px;}
.list li{width:328px; float:left; font-size:12px; color:#666; border-bottom:1px dotted #ccc; height:27px; padding-top:16px;}
.list li:last-child {border-bottom:none; }
.listWrite{display:block;float:left;width:265px;}
.listWrite a{display:inline-block; width:70%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.listDate{display:block;float:left;font-size:11px;}
.mainContentsbox2{float:left; width:328px; height:121px; border-right:1px solid #eee; padding-right:9px; margin-left:10px; }
.mainContentsbox3{float:left; width:328px; height:121px; margin-left:10px;}
.customerCenter{display:block; margin-top:28px; padding-left: 20px;}
.more{float:right; /*margin-right:10px;*/font-size: 12px; font-weight: normal; }
.more a{color:#999;}
.more a:hover{color:#666;}

#footer{width:100%;height:72px; background:#222;overflow:hidden;margin-top:50px;}
#foot{width:1024px;margin:0 auto;}
.copy{width:873px;float:left;padding-top:13px;color:#b9b7b7;text-align:center;font-size:12px;line-height:25px;font-style:normal;}
.copy a{color:#b9b7b7;padding-left:20px;}
.copy a:hover{color:#fff;}
.footLogo{float:left;padding-top:27px;}
.footLogo img{width:70%;}

/*서브페이지*/

.subVisual{width:100%; height:200px; background:url(../../images/sub_visual.gif) center no-repeat; background-color: #ebebeb;}

#subContents{width:100%; margin-bottom:50px;}

#subNavi{width:100%; height:40px; position:relative;  border-bottom:1px solid #dedede;}
#subNavi ul{width:1024px; margin:0 auto; overflow:hidden;}
#subNavi ul .homeIcon{width:39px; height:30px; padding-top:10px;}
#subNavi > ul > li{width:149px; height:28px;float:left;list-style:none; padding-top:12px; font-size:12px; text-align:center; color:#595959;
			   font-weight:bold; border-left:1px solid #dedede;}
#subNavi ul .productList{ border-right:1px solid #dedede; position: relative; }

#subNavi li a{color:#595959;text-decoration:none; }
#subNavi li a:hover{color:#25608b; }

.subContents{width:1024px; margin: 0 auto;}
.subContents:after{content: ''; display: block; clear:both;}
.contentsLeft{float:left; width:180px;}
.contentsRight{float:right; width:800px;}

/*왼쪽메뉴*/
.active_a{font-weight: bold; background: url(../../images/snb_on.png) no-repeat 160px 14px!important; color:#333 !important;}
.leftTit{display: block; height: 50px; line-height: 60px; border-bottom: 2px solid #001e76; font-weight: bold; font-size: 18px; color:#333; margin-top: 30px;}
.enTxt{font-weight: normal; color:#ccc; margin-left: 5px; font-size: 12px;}
.snb li{height: 50px; line-height: 50px;border-bottom: 1px solid #ddd; font-size: 14px; text-indent: 5px;}
.snb li > a{background: url(../../images/snb_off.png) no-repeat 160px 14px; width:180px; height: 50px;display: block;color:#888; }
.snb li > a:hover{background: url(../../images/snb_on.png) no-repeat 160px 14px; width:180; height: 50px;display: block;font-weight: bold;color:#333;}

/*서브공통*/
.rightTop ul{float:right; height: 30px; line-height: 40px; font-size: 12px; color:#666;}
.rightTop li{float:left; margin-left: 10px;}
.rightTop:after{content: ''; display: block; clear:both;}
.contentsRight h2{height: 50px; line-height: 60px;font-size: 18px; color:#333; font-weight: bold;}

/*내용*/
.contentsWrite{border-top:1px solid #ddd;}

.subContainer{width:1024px; margin:0 auto; margin-top:50px; overflow:hidden;}
.subContainer h2{font-size:35px; color:#333; margin-bottom:45px;}
.subtitPoint{font-size:35px; color:#8dc0e9;}
.subContainer1{float:left; width:591px; margin-right:5px; }
.subContainer1write{display:block; height:211px; }
.subContainer1write1{display:block; font-size:16px; color:#8dc0e9; height:30px;}
.subContainer1write2{display:block; font-size:30px; color:#8dc0e9; line-height:50px;}
.subContainer1write3{display:block; font-size:14px; color:#acabab; line-height:35px;}
.subContainer1ph{display:block;}
.subContainer1ph1{display:block; float:left; margin-right:5px;}
.subContainer1ph2{display:block; float:left;}
.subContainer2{float:left; width:428px;}

.subWrite{float:left; line-height:25px; font-size:14px; color:#666; margin-top:50px;}

.subContainer1write4{display:block; font-size:16px; color:#8dc0e9; height:35px; text-align:center;}
.subContainer1write5{display:block; font-size:40px; color:#8dc0e9; height:70px;text-align:center;}
.txtPoint{display:block; font-size:16px; color:#ababab; text-align:center;}
.subContainer3{display:block;text-align:center; margin-top:80px;}


/*--게시판--*/

/*--검색창--*/
.type_03{width:336px; margin-bottom:20px;float:right;}
.type_03 td{padding-left:5px;}


/*--게시판 글--*/
.type_04 {width:1024px;}
.type_04 tbody tr:hover{background:#f7f7f7;}
.type_04 th{text-align:center; font-size:13px; color:#333; font-weight:bold; border-bottom:1px solid #666; background:url(../images/dd.gif) 0 15px  no-repeat;
height:30px; }
.type_04 td {font-size:12px; color:#666; height:50px; text-align:center; font-size:12px; border-bottom:1px solid #ccc;}
.type_04 td a{color:#666;}
.type_04 td a:hover{color:#333;}
.notice_write_txt{text-align:left !important; padding-left:10px;}

/*--input--*/
.input01 {width:200px; }
.input01{background-color:#fff; border:1 solid #D4D4D4; height:21px; border-top:#808080 1px solid; border-left:#808080 1px solid;
                      border-right:#DADADA 1px solid; border-bottom:#DADADA 1px solid;}


select.input02  {display: inline-block;width: 92px;height: 25px;line-height:25px;vertical-align: middle;}
.input02 {width:100px; font-size:12px;}
.input02{background-color:#fff; border:1 solid #D4D4D4; height:25px; border-top:#808080 1px solid; border-left:#808080 1px solid;
                      border-right:#DADADA 1px solid; border-bottom:#DADADA 1px solid;}

 

/*--게시판 하단버튼--*/
.g_btn{overflow:hidden;  margin-top:20px; width:964px; }
.g_btn li{float:right; margin-left:11px;}
/*--게시판 하단버튼//--*/

/*--페이징--*/
.paging {text-align:center; position:relative;font-size:11px; margin-top:25px; width:1024px;}
.paging a {margin:0 5px;}
.paging a:hover{color:#ed6710;}
.paging img {vertical-align:middle;}
/*--페이징--*/

/*--게시판//--*/
