@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
/*공통*/
.mainVisual{height:560px;width:100%;z-index:4; position:relative; }
.mainVisual ul.mainvisualBox{overflow:visible;height:560px;}
.mainVisual ul li{display: block; width:100%; height: 560px;}
.mainVisual ul li a{display: block; width:1024px; height: 100%; margin:0 auto;}
.mainVisual .m_visual_01{background: url(/images/m_visual_01.jpg) center center;}
.mainVisual .m_visual_02{background: url(/images/m_visual_02.jpg) center center;}
.mainVisual .m_visual_03{background: url(/images/m_visual_03.jpg) center center;}
.mainVisual .m_visual_04{background: url(/images/m_visual_04.jpg) center center;}
.mainVisual .bx-viewport{z-index:1;}
.mainVisual 
/*컨트롤박스 위치 조정*/
.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:210px; 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:210px; right:30px; text-indent:-999em;}

#m_contents{width:100%;position:relative;}
/*비주얼 아래 띠배너 링크*/
.product_wrap{width:100%; background: url(/images/cont_bg.jpg) no-repeat top center;height:1019px;}
.productTit{width:1024px; margin: 0 auto; padding:60px 0 30px 0;}
.productBox{width:1020px; overflow:hidden; border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc; background:#ccc; margin: 0 auto;}
.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;color:#333;}
.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: #0e5ba8; padding:10px; width:80px; margin: 0 auto; font-weight: bold;}

.producttitB{text-align:center; border:none !important; font-size:22px;line-height:25px; padding-top:45px;  font-weight:bold;color:#333;}
.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: #0e5ba8; padding:10px; width:80px; margin: 0 auto; font-weight: bold;}

/*커뮤니티*/
.m_cont_cmnt{width:1024px; margin: 60px auto; height: 140px; }
.m_cont_cmnt > div{float:left;}
.m_cont_cmnt .m_board_list{width:324px; margin-right: 25px;}
.m_board_list h3{font-size:16px; font-weight: bold; color:#444;}
.m_board_list h3 span{font-size:12px;color:#999;font-weight: normal;}
.m_board_list h3 a{float:right;font-size:12px;color:#999;font-weight: normal;}
.m_board_list p{font-size:12px;color:#666; padding:5px 0 15px 0; border-bottom: 1px solid #ddd;}
.m_board_list ul{margin-top: 10px;}
.m_board_list ul li{display: block; line-height: 1.7em;}
.m_board_list ul li a{font-size:12px; color:#888; display: block; width:230px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;}
.m_board_list ul li span{float:right;font-size:10px; color:#999;}

/*서브컨텐츠*/
.cont_tit{font-size: 24px; padding: 30px 0 20px 0; border-bottom: 1px solid #eee; margin-bottom: 30px;}
.cont_txt{font-weight: 400; color:#666; line-height: 1.6em;}

/*내용박스디자인*/
.h4_tit{background: url(/images/txt_blt.gif) no-repeat 1px 5px; text-indent: 20px; font-size: 18px;}
.cont_box{width:730px; padding:20px; background: #fafafa;border-top: 1px solid #111e84; border-bottom: 1px solid #e5e5e5;}

/*테이블*/
.common_table{width:100%;font-size: 14px;border-collapse: separate; border-spacing: 0px;margin: 20px 0 40px 0; border-top: 2px solid #464c5e;border-left:1px solid #dedfe0; }
.common_table th{width:25%;padding:10px 20px; border-bottom: 1px solid #dedfe0; border-right:1px solid #dedfe0; background: #f4f5f7; color:#333;}
.common_table td{padding:10px 20px; border-bottom: 1px solid #dedfe0; color:#666; line-height: 1.8em;border-right:1px solid #dedfe0; font-size:13px;}

/*회사소개*/
.cont_txt{font-size: 15px; color:#666; letter-spacing: -1px; line-height: 25px; width:710px; padding:30px; background: #fafafa;border:1px solid #ddd;}
.cont_txt h2{font-size: 20px; color:#464c5e; letter-spacing: -1px;font-weight:bold;}