@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
 @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*공통*/

.bold{font-weight: bold;}
.color{color:#a67c52;}
.point_color{color:#ed092f !important;}
.bold{font-weight: bold;}
#m_container{width:100%; background: #F7F7F7; height: 1600px; }
.mainVisual{height:625px;width:100%;z-index:0; position:relative; }
.mainVisual ul.mainvisualBox{overflow:visible;height:625px;}
.mainVisual ul li{display: block; width:100%; height: 625px;}
.mainVisual ul li a{display: block; width:1100px; height: 100%; margin:0 auto;}
.mainVisual .m_visual_01{background: url(/images/m_visual_01.jpg) center center; left:0;}
.mainVisual .m_visual_02{background: url(/images/m_visual_02.jpg) center center; left:0;}
.mainVisual .bx-viewport{z-index:1;}
.mainVisual .mainvisualBox{text-align: center;}
.m_visual_01 .m_inner{margin-top: 154px;}
.m_visual_02 .m_inner{margin-top: 154px;}
/*컨트롤박스 위치 조정*/
.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:280px; left:50px; 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:280px; right:50px; text-indent:-999em;}

.mainvisualBox{text-align: center; color:#fff;}
.mainVisual .mainvisualBox .m_visual_txt_box{font-weight: 600; font-size: 18px; border:2px solid #fff; padding:5px 15px; }
.mainVisual .mainvisualBox .m_visual_txt_l{font-size: 60px; font-weight: 300; line-height: 1.2em; margin: 35px 0;}
.mainVisual .mainvisualBox .m_visual_txt_l span{font-weight: 600;}
.mainVisual .mainvisualBox .m_visual_txt_s{font-size:18px;}

.m_cont_box_wrap{width:1300px; margin: 0 auto; position: relative;}
.m_cont_box{width:1300px; padding: 75px 0 100px; background: #fff; margin-top:-100px; border-top: 2px solid #ed092f; z-index: 9999;}

.m_tit{text-align: center; font-size: 24px; line-height: 1.0em; background: url(/images/m_biz_line.gif) no-repeat center center;}
.m_tit span{font-size: 14px; color:#777; font-weight: 200;}
.m_biz:after{display: block; clear:both; content: '';}
.m_biz_info{margin-top: 70px;}
.m_biz_info a{display: block; width: 350px; float:left; padding-top: 145px; position: relative;}
.m_biz_info a:hover .m_biz_hover{display:block;}
.m_biz_011{background: url(/images/m_product_01.jpg) no-repeat;}
.m_biz_012{background: url(/images/m_product_02.jpg) no-repeat; margin: 0 25px;}
.m_biz_013{background: url(/images/m_product_03.jpg) no-repeat;}
.m_biz_hover{position: absolute; width:350px; height: 280px; top:0; left:0; background: url(/images/m_hover_bg.png); color:#fff; text-align: center; display: none;}
.m_biz_hover p{font-size: 24px; margin-bottom: 50px; margin-top: 50px;}
.m_biz_hover p span{font-weight: 200; font-size: 18px;}
.m_biz_hover .go_btn{border:2px solid #fff; padding:5px 15px;}
.m_biz_box{padding:0 20px 45px 20px; background: #fff; border-bottom: 1px solid #d4d4d4; width:310px;}
.m_biz_box .m_biz_tit{font-size: 16px; color:#222; font-weight: 500;}
.m_biz_box .m_biz_bar{width:20px; background: #e5e5e5; height: 1px; margin:15px 0 25px 0; }
.m_biz_box .m_biz_txt{font-size: 14px; font-weight: 100; color:#666;}


/*메인커뮤니티*/
.m_cmmnt{width:1100px; /*border-top: 1px solid #e5e5e5;*//* margin-top: 85px;*/ padding-top: 40px;}
.m_cmmnt:after{display: block; clear:both; content: '';}
.m_cmmnt > div{width: 350px; float:left;}
.m_cmmnt_02{margin: 0 25px;}


/*공통*/
.m_inner{width:1100px; margin: 0 auto;}
.m_inner:after{display: block; clear:both; content: '';}
.m_common_tit{font-size: 16px; color:#222; font-weight: 500;}
.m_common_tit a{font-size: 12px; color:#999; border:1px solid #ddd; padding:0px 5px;}
.m_common_bar{width:20px; background: #e5e5e5; height: 1px; margin:15px 0 25px 0; }
.m_common_txt{font-size: 14px; font-weight: 100; color:#666;}


/*게시판추출*/
.m_board_list{width:310px;}
.m_board_list li{display: block; width:300px; line-height: 24px;}
.m_board_list li a{font-size:12px; color:#888; display: block; width:225px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left; text-indent: 10px; background: url(/images/m_board_blt.gif) no-repeat 2px 12px ;}
.m_board_list li span{float:right;font-size:10px; color:#ccc;}


.m_cmmnt_03 .point_color{font-size: 20px; font-weight: bold;}
.m_cmnt_tell{font-size: 13px; color:#333;}



/*메인버튼단*/
.m_btns{border:1px solid #e5e5e5; width:1098px; margin-top: 40px;}
.m_btns:after{display: block; clear:both; content: '';}
.m_btns_tit{float:left; padding: 40px;}
.m_btns_ico{float:right; width:725px; border-left:1px solid #e5e5e5;margin-top: 40px;}
.m_btns_ico ul li{float:left; width:145px; text-align: center; height: 90px; }
.m_btns_ico ul li a{display: block;height: 90px; width:145px; line-height: 160px; color:#333; font-weight: 300; font-size: 13px;}
.m_ico_01{background: url(/images/m_ico_01.gif) no-repeat center 5px;}
.m_ico_02{background: url(/images/m_ico_02.gif) no-repeat center 5px;}
.m_ico_03{background: url(/images/m_ico_03.gif) no-repeat center 5px;}
.m_ico_04{background: url(/images/m_ico_04.gif) no-repeat center 5px;}
.m_ico_05{background: url(/images/m_ico_05.gif) no-repeat center 5px;}


/*테이블*/

.map_table{width:100%;font-size: 13px;border-collapse: separate; border-spacing: 0px; border-top: 1px solid #666 ; margin-top: 30px;}
.map_table th{padding:15px; width:20%; border-bottom: 1px solid #D5D7DA;background: #f9f9f9 ; color:#333;}
.map_table td{padding:15px; width:80%; border-bottom: 1px solid #D5D7DA; color:#888; text-align: ;eft}

/*테이블*/

.cmmn_table{width:100%;font-size: 13px;border-collapse: separate; border-spacing: 0px; border-top: 1px solid #666 ; margin-top: 30px;}
.cmmn_table th{padding:15px; border-bottom: 1px solid #D5D7DA;background: #f9f9f9 ; color:#333;}
.cmmn_table td{padding:15px; border-bottom: 1px solid #D5D7DA; color:#888; }


.product_table{width:100%;font-size: 13px;border-collapse: separate; border-spacing: 0px; border-top: 2px solid #0463b9; margin-top: 30px;border-left:1px solid #e5e5e5;}
.product_table th{padding:15px 10px;border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; background: #fafafa; color:#333;}
.product_table td{padding:15px 15px; border-bottom: 1px solid #e5e5e5; color:#888;border-right:1px solid #e5e5e5;}

.mnftr{text-align: center;border-collapse: separate; border-spacing: 0px;}
.mnftr td{width:425px; color:#333; font-size: 16px; padding-top: 40px;}
.mnftr img{width:423px; text-align: center;}
.mnftr_txt{border-bottom: 1px solid #ddd; padding-top:20px !important; padding-bottom: 20px; }


/*인사말*/
.greetings_txt{width:100%;}
.greetings_txt:after{display: block; clear:both; content: '';}
.greetings_txt p{font-size: 14px; font-weight: 300; color:#444; width:400px; letter-spacing: -1px; line-height: 1.7em; text-align: justify;}
.greetings_txt .float_left{float:left;}
.greetings_txt .float_right{float:right;}
.bold{font-weight: bold; color:#333;}


/*회사연혁*/
.history_tit{font-size: 26px; border:2px solid #ddd; padding:6px 20px; letter-spacing: 5px; font-weight: bold; width:170px; margin: 0 auto; text-align: center; margin-bottom: 50px;}
.history_wrap{position: relative;width:850px;}
.history_box{width:850px;}
.history_box div{width:404px; padding-bottom: 20px;}
.history_box:after{display: block; clear:both; content: '';}
.history_right{float:right; text-align: left; padding-left:25px; background:url(/images/history_blt.gif) no-repeat 0 10px;}
.history_left{float:left; text-align: right; padding-right:25px; background:url(/images/history_blt.gif) no-repeat 421px 10px;}
.history_year{font-weight: 600; font-size: 18px;}
.history_txt{color:#444; font-weight: 200; border:1px solid #e5e5e5; display: inline-block; padding:5px 10px 5px 8px; margin-top: 10px; background:#fafafa;}

.history_line{width:1px; height: 610px; background: #D5D7DA; position: absolute; left: 425px; top:-50px; z-index: -1;}


.product_wrap{width:850px;}
.product_wrap:after{display: block; clear:both; content: '';}
.product_wrap ul li{display: block; float: left; margin-bottom: 30px; width:410px;}
.product_wrap ul li img{width:200px; height: 162px; float:left;}
.product_wrap .product_txt_box{border: 1px solid #D5D7DA; border-width:1px 1px 1px 0;color:#000; padding:15px 20px;float:right; width:169px; height: 130px;  line-height: 1.0em; position: relative;}
.product_cate{font-size:13px; color:#777; font-weight: 300;}
.clear_left{clear: both; }
.product_margin{margin-left: 30px; margin-left: 26px;}
.product_tit{font-size: 20px; font-weight: 400;}
.rnb_system{position: absolute; color:#bbb; font-weight: 100; bottom:20px; right:15px;}
.product_txt_bar{width:20px; background: #e5e5e5; height: 1px; margin:15px 0 20px 0; }