@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
.active_a{color:#25608b !important;}
.active_b{color:#333 !important;}
body{min-width:1024px;}
#wrap{width:100%;}
#header{width:100%; height:122px;left:0;top:0; z-index:1000; background:#fff;border-bottom:1px solid #eee;border-top:2px solid #e52837;}

/*기본세팅*/
#gnb{margin:0 auto;width:1024px; z-index:10; height:122px;}

#gnb ul{overflow:visible;float:right;}
#gnb ul:after{content:""; clear:both; display:block;}
.logo{position:absolute; top:39px;}

/*대메뉴 li 스타일 설정*/

.depth > li{position:relative;float:left;width:127px;padding-top:50px;height:72px;text-align:center; z-index:999; }
/*대메뉴 스타일설정*/
.depth > li > a{display: block; width:127px;height:72px;font-weight:bold;color:#666;}

/*대메뉴 마우스 hover 및 활성화*/
.depth > li > a:hover,.depth > li.on > a{color:#e52837;}
/*서브메뉴설정*/
.subnav{display:none; position:absolute; z-index:999; left:0;top:123px; border-left: 1px solid #eee; height:335px;}
.sm06{border-right: 1px solid #eee;}
.subnav li{width:127px; height: 30px; line-height: 30px;}
.subnav li a{color:#666; font-size:13px;text-align:center;}
.subnav li a:hover{color:#333;}
.bgGnb{display:none;position:absolute;top:125px;left:0; background:#fff; width:100%;height:335px;z-index:998;border-bottom:1px solid #eee;}

.subnav:hover{background: #f5f5f5;}

#container{width:100%;}

.mainVisual{height:600px;width:100%;z-index:4; position:relative;overflow:hidden;}
.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{}
.productBox_wrap{width:100%;background:#f5f4f5;padding:50px 0;}
.productBox{width:1020px;margin:0 auto; 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:50px auto;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:13px; float:left;width:328px;}
.customerCenter li{width:159px;height:87px;float:left;}
.customerCenter li a{width:159px;height:87px;display:inline-block;}
.customerCenter li a img{vertical-align:bottom;}

.more{float:right; /*margin-right:10px;*/font-size: 12px; font-weight: normal; }
.more a{color:#999;}
.more a:hover{color:#666;}

#footer{width:100%;padding:25px 0;overflow:hidden;border-top:1px solid #eee;}
#foot{width:1024px;margin:0 auto;}
.copy{color:#666;text-align:center;font-size:12px;line-height:25px;font-style:normal;}
.copy a{color:#ddd;padding-left:20px;}
.copy a:hover{color:#666;}


/*서브페이지*/

ul.tabs {
    margin-bottom: 30px;
    padding: 0;
    list-style: none;
    font-size:13px;
    text-align: center;
}
ul.tabs li {
    text-align:center;
    cursor: pointer;
    border: 1px solid #eee;
    font-weight: bold;
    color:#666;
    display: inline-block;
    margin: 0px 5px;
    overflow: hidden;
    position: relative;
    padding: 10px 0px;
}
ul.tabs a {
    text-align:center;
    cursor: pointer;
    font-weight: bold;
    color:#666;
    position: relative;
    padding: 10px 20px;
}
ul.tabs a.active {
    color:#e52837;
    background: #fafafa;
    border-bottom: 1px solid #eee;
}

.subVisual{width:100%; height:236px; background:url(/images/sub_visual.jpg) center no-repeat;}

#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;min-height:500px;padding-bottom:50px;}
.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 19px !important; color:#333 !important;}
.leftTit{display: block; height: 50px; line-height: 60px; border-bottom: 2px solid #f0515e; 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 19px; width:180px; height: 50px;display: block;color:#888; }
.snb li > a:hover{background: url(/images/snb_on.png) no-repeat 160px 19px; 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;padding-top:50px;}

.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;}


.tb01{width:100%}
.tb01 td{font-size:14px;color:#666;padding-left:20px;height:55px;border:1px solid #ddd;}
.tb01 .tb_bg{color:#333;background:#fcfcfc;}

.sub_txt{color:#222;}