@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:500px;width:100%;z-index:4; position:relative;}
.mainVisual ul.mainvisualBox{overflow:visible;height:500px;}
.mainVisual ul li{display: block; width:100%; height: 500px;}
.mainVisual ul li a{display: block; width:1000px; 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 .vis_txt{width: 606px; height: 250px; text-align: center;position: absolute; z-index: 9999; top: 133px; left: 50%; margin-left: -303px;}
.mainVisual .vis_txt h2{ display: inline-block; font-size: 20px; line-height: 20px; font-weight: 400; color: #222; margin-top: 53px;}
.mainVisual .vis_txt h5{ display: inline-block; font-size: 36px; line-height: 36px; font-weight: 500; color: #333; margin-top: 22px;}
.mainVisual .vis_txt h5 strong{color: #0062dd;}
.mainVisual .vis_txt a{ display: inline-block; width: 114px; height: 30px; border: 1px solid #333; text-align: center; line-height: 30px; color: #333; margin-top: 34px;}
.mainVisual .vis_txt a:hover{background:#0062dd; color: #fff; border: 1px solid #0062dd; }
.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:214.5px; left:30px; text-indent:-999em;margin:0;}
.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:214.5px; right:30px; text-indent:-999em;margin:0;}

#container{width:100%;min-width:1000px;position:relative;}

/*cont00*/
.cont00{width: 100%; height: 90px; background: #0062dd;}
.cont00 .cont00_wrap{width: 1000px; margin: 0 auto;}
.cont00 .cont00_wrap .cont00_01{float: left; width: 500px; height: 90px;}
.cont00 .cont00_wrap .cont00_01 h2{font-size: 36px; line-height: 90px; color: #f3f3f3; float: left;}
.cont00 .cont00_wrap .cont00_01 p{ font-size: 18px; line-height:100px; color: #fff; float: left; padding-left: 10px; }
.cont00 .cont00_wrap .cont00_02{width: 500px; float: right;}
.cont00 .cont00_wrap .cont00_02 a{display: block; width: 148px; height: 38px; text-align: center; line-height: 38px; border: 1px solid #fff; background: #0062dd; font-size: 18px; float: right; color: #fff; margin-left: 20px; margin-top: 25px;}
.cont00 .cont00_wrap .cont00_02 a:hover{ background: #fff; color: #0062dd; }

/*cont01*/
.cont01{width:1100px;margin:50px auto;}
.cont01 .cont01_box{width:1100px;margin:0 auto;}
.cont01 .cont01_box .contents_slider{width:1100px;overflow:hidden;}
.cont01 .cont01_box .contents_slider div{float:left;width:260px;overflow:hidden;text-align:center; margin-right: 20px;}
.cont01 .cont01_box .contents_slider div:last-child{margin-right: 0 !important;}
.cont01 .cont01_box .contents_slider div h2{font-size:20px;color:#333;font-weight:500;margin-top:20px;}
.cont01 .cont01_box .contents_slider div p{font-size:13px;color:#666;font-weight:300;line-height:20px;margin-top:5px;}
.cont01 .cont01_box .contents_slider div:hover .con01_tit{color: #0062dd;}

/*cont03*/
.cont03{width: 100%; height: 300px; background: url(/images/con03.jpg) top center no-repeat;}
.cont03 .cont03_box{width: 372px; height: 218px; left: 50%; margin-left: -500px; padding-left: 42px; position: absolute; background: #fff; margin-top: 41px;}
.cont03 .cont03_box h3{ font-size: 20px; color: #222; font-weight: 700; padding-top: 28px;}
.cont03 .cont03_box h3 span{color: #ddd;}
.cont03 .cont03_box p{ font-size: 14px; color: #444; font-weight: 300;  padding-top: 18px;}
.cont03 .cont03_box a{display: inline-block; width: 101px; height: 34px; line-height: 27px; text-align: center; background: #0062dd; font-size: 14px; color: #fff; margin-top: 22px; font-weight: 400;}
.cont03 .cont03_box a:hover{font-weight: 700;}

/*서브페이지*/
.greeting{padding:20px 10px;  text-align: center;}
.greeting h2{font-size:24px;color:#444;}
.greeting h2 span{color:#0062dd;}
.greeting p{font-size:16px;color:#666;line-height:24px;}
.greeting p span{font-weight:500;color:#444;}

/*테이블*/
.map_table{width:100%;font-size: 14px;border-bottom:0;border: 1px solid #eee;border-collapse: separate; border-spacing: 0px; margin-top:25px;border-top:2px solid #444;}
.map_table th{padding:15px; width:20%; border-bottom: 1px solid #eee; border-right:1px solid #eee; background: #fafafa; color:#333;text-align:center;}
.map_table td{padding:15px 15px 15px 30px; width:80%; border-bottom: 1px solid #eee; color:#666; line-height: 1.8em;text-align:left;}
.last{border-bottom:0 !important;}


/*제품소개*/
.pro_con{border: 1px solid #ddd; padding: 30px 40px; margin-top: 30px; display: block; font-size: 14px; font-weight: 300; text-align: center;}
.pro_con h3{font-size: 20px; font-weight: 500; text-align: center;}
.pro_con p{text-align: left;}
.pro_con span{color: #0062dd; font-weight: 900; padding-right: 5px;}