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

/*내용공통*/
.point_color{color:#0d6fb8 !important;}
.bold{font-weight: bold; color:#333;}
/*메인페이지 각 제목 소제목 내용 공통*/
.m_tit{font-size: 16px; color:#333; font-weight: bold; margin-bottom: 5px;}
.m_tit_s{color:#bbb; font-size: 11px; margin-bottom: 20px;}
.m_txt{color:#777; font-size: 12px; line-height: 1.5em;}
.m_go_btn{display: block; border: 1px solid #eee; color:#888; font-size: 11px; background-color:#fff; background-image: url(/images/go_btn_off.gif); background-repeat: no-repeat; background-position: 55px center; padding:5px 18px 5px 10px; position: absolute; bottom:0px; left:0px;}
.m_go_btn:hover{background-image: url(/images/go_btn_on.gif); color:#0d6fb8; font-weight: bold; border: 1px solid #ddd; background-color: #fafafa;}


/*메인비주얼*/
.mainVisual{height:485px;width:100%;z-index:4; position:relative;}
.mainVisual ul.mainvisualBox{overflow:visible;height:485px;}
.mainVisual ul li{display: block; width:100%; height: 485px;}
.mainVisual ul li a{display: block; width:1100px; height: 100%; margin:0 auto;}
.mainVisual img{margin-top: 80px;}
.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 .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:200px; 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:200px; right:30px; text-indent:-999em;}



/*중간띠배너*/
.m_middle{width:100%; background:url(/images/m_middle_bg.gif); height: 210px; }
.m_middle a{display: block; float:left; width:755px; height: 65px; background: url(/images/m_middle_txt.png); margin-top: 100px;}


/*메인박스 커뮤니티*/
.m_box{padding:40px 0 10px 0; background: url(/images/m_box_bg.jpg) no-repeat center 50px; width:100%;}
.m_box_cmmnt{float: left; width:200px;}
.m_box_cmmnt .m_box_cmmnt_box{padding:29px; width:140px; height: 145px; border: 1px solid #e5e5e5; background: #fafafa; margin-bottom: 3px;}
.m_board_list {display: block;}
.m_board_list li{display: block; line-height: 1.4em;}
.m_board_list li a{font-size:11px; color:#888; display: block; width:130px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left; padding-left: 7px; background: url(/images/li_blt.gif) no-repeat 1px center;}

.m_box_cont{float:right; width:870px;}
.m_box_cont .m_box_p{border:1px solid #e5e5e5; padding:29px;position: relative;}
.m_box_cont .m_box_p .m_go_btn{left:29px; bottom:29px;}
.m_box_cont_01{float:left; width:228px; height:353px; background: url(/images/m_box_cont_01.gif);}
.m_box_cont_01 .m_go_btn{left:29px; bottom:237px !important;}
.m_box_cont_02{float:right;}
.m_box_cont_02 .m_box_021{width:519px; height: 145px; background: url(/images/m_box_021.gif);}
.m_box_cont_02 .m_box_022 div{float:left; width:228px; height: 145px; margin-top: 3px;}
.m_box_cont_02 .m_box_022 .m_box_0221{margin-right: 3px; background:url(/images/m_box_0221.gif); }
.m_box_cont_02 .m_box_022 .m_box_0222{background:url(/images/m_box_0222.gif); }


/*세번째단*/
.m_third_wrap{width:100%; padding-top:40px; padding-bottom: 10px;}
.m_third_wrap h3{font-size: 17px; color:#222; letter-spacing: -1px; background:url(/images/m_tit_blt.png) no-repeat 0px 7px; ; padding-left:20px; padding-bottom: 15px; position: relative;}
.m_third_wrap h3 .m_pgallery_tag{float:right;}
.m_third_wrap h3 a{display: block; font-size: 12px; font-weight: bold; color:#0d6fb8;background: #fafafa; border: 1px solid #eee; padding:2px 7px; float:left; margin-left: 5px;}
.m_storfarm{float:left; width:200px; } 
.m_storfarm_box{width:200px; height: 166px; background: url(/images/m_storefarm.gif); position: relative;}
.m_storfarm_box a{display: block; width:200px; height: 166px; }
/*메인 갤러리 추출*/

.m_gallery:after{display: block; clear:both; content: '';}
.m_gallery{width:870px;float:right;}
.m_gallery .m_gallery_list{width: 870px;}
.m_gallery .m_gallery_list ul{display: block; width:870px; height: 166px;}
.m_gallery .m_gallery_list ul li{display: block; width:166px; height: 166px; margin-right:20px; position: relative;}
.m_gallery .m_gallery_list ul li a{width:166px; height: 166px; display: block; background: #fafafa;}
.m_gallery .m_gallery_list ul li img{display: inline-block; width:166px;height: 166px;}
.m_gallery_list.bx-wrapper{max-width: 870px !important;}
.m_gallery_list .bx-wrapper .bx-viewport{width: 870px !important;}
.m_gallery_list .outside{position: relative;top:0px;}
.m_gallery_list .outside p{font-weight: bold;color: #ddd;}
.m_gallery_list .outside #slider-prev{position: absolute; top:-105px; left:0px;}
.m_gallery_list .outside #slider-next{position: absolute; top:-105px; right:0px;}




.h4_tit{background: url(/images/txt_blt.gif) no-repeat 1px 7px; text-indent: 20px; margin-bottom: 10px; font-size: 20px;font-family: "Nanum Gothic"; margin-top: 50px; font-weight: bold; color:#000;}
.cont_box{width:773px; padding:20px; border:1px solid #eee; margin-bottom: 10px; margin-bottom: 10px; background: #fafafa;}
.cont_box:after{display: block; clear:both; content: '';}
.cont_box p{font-size: 13px;  color:#666;font-family: "Nanum Gothic"; line-height: 1.8em;}
.cont_box ul li{font-size: 13px;  color:#666;font-family: "Nanum Gothic"; line-height: 1.8em; /*display: inline-block;*/background: url(/images/txt_blt_s.gif) no-repeat 1px 12px; padding-left: 15px; margin: 5px 0;}
.cont_box_point{font-weight: bold; color:#00539f;}
.cont_box_quote{width:773px; padding:20px; border:1px solid #eee; background: #fff; margin-bottom: 10px; margin-bottom: 10px; background: url(/images/common_quote_bg.gif) no-repeat 450px -20px;}
.cont_box_quote p{font-size: 13px;  color:#666;font-family: "Nanum Gothic"; line-height: 1.8em;}
.cont_box_quote_tell{font-size: 24px !important; font-weight: 900 !important; color:#00539f !important; margin-bottom: 20px;font-family :'Noto Sans KR',"나눔 고딕","Dotum","돋움",sans-serif !important;}
.cont_box_quote a{margin-top: 20px;}
.cont_box_quote:after{display: block; clear:both; content: '';}
.cont_box_quote ul li{display: block; float:left; margin-right: 5px;}
.m_btn{background: url(/images/m_btn_bg.png) no-repeat; width:134px; height: 35px; text-align: center; line-height: 35px; font-size: 13px; color:#fff; display: block; font-weight: bold;}


/*x테이블*/
.cont_table{width:100%;font-size: 12px;border-collapse: separate; border-spacing: 0px;margin-top: 10px; border-top: 1px solid #e5e5e5;border-left:1px solid #e5e5e5; }
.cont_table th{padding:15px; border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; background: #fafafa; color:#333;}
.cont_table td{padding:15px;border-bottom: 1px solid #e5e5e5; color:#888; line-height: 1.8em;border-right:1px solid #e5e5e5; }


/*텍스트 기본 css*/
.cmmn_txt_tit{text-align:center;margin: 60px 0 15px; font-size: 24px;}
.cmmn_txt_box{padding:20px; border: 1px solid #e5e5e5; width:788px;}
.cmmn_txt{font-size: 14px; color:#777; line-height: 1.7em;}


/*x테이블*/
.cmmn_box_table{width:100%;font-size: 14px;border-collapse: separate; border-spacing: 0px;margin-top: 30px; border-top: 1px solid #e5e5e5;border-left:1px solid #e5e5e5; }
.cmmn_box_table td{border-bottom: 1px solid #e5e5e5; color:#888; line-height: 1.8em;border-right:1px solid #e5e5e5;  text-align: center; width:33.333%;}
.cmmn_box_table td a{color:#888; padding:35px; display: block;}
.cmmn_box_table td a:hover{background: #f7f7f5; color:#0d6fb8; font-weight: bold;}

.product_box_table{width:100%;font-size: 14px;border-collapse: separate; border-spacing: 0px;margin-top: 30px; border-top: 1px solid #e5e5e5;border-left:1px solid #e5e5e5; }
.product_box_table td{border-bottom: 1px solid #e5e5e5; color:#888; line-height: 1.8em;border-right:1px solid #e5e5e5;  text-align: center; width:33.333%;}
.product_box_table td a{color:#888; padding:35px; display: block;}
.product_box_table td a:hover{color:#0d6fb8; font-weight: bold;}
.product_box_table td .go_sample{font-size: 12px; width:120px; height: 30px; line-height: 30px; border:1px solid #e5e5e5; margin: 40px auto 0; background: #fafafa;}