@charset "utf-8";
/* CSS Document */

#main_container_wrap {position:relative; width:1000px;margin:135px auto 0; border:#dfe0e0 solid; border-width:0 1px 0 1px;}
#main_container_wrap .mcon {position:relative; width:1000px; height:400px; margin:0 auto; }

/* 메인비주얼 */
.m_visual{width:1000px;height:430px;position:relative; margin:0; padding:0}
.m_visual .slick-slide{width:1000px;height:430px;}
.m_visual .slick-dots{width:85px;height:17px;position:absolute; bottom:1%; right:15px;}
.m_visual .slick-dots li{float:left;margin:0 2px;width:15px;height:15px;}
.m_visual .slick-dots li button{width:13px;height:13px;border:none;background:url("../_img/main/dot.png") no-repeat;border:none;overflow:hidden;text-indent:-9999px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.m_visual .slick-dots .slick-active button{background:url("../_img/main/dot_active.png") no-repeat;border:none;}
.m_visual .slick-prev{width:19px;height:51px;position:absolute;left:10px;top:50%;background:url('../_img/main/arr_lft.png');overflow:hidden;text-indent:-9999px;border:none; z-index:1;}
.m_visual .slick-next{width:19px;height:51px;position:absolute;right:10px;top:50%;background:url('../_img/main/arr_rgt.png');overflow:hidden;text-indent:-9999px;border:none}
			
			
/* 아이콘 바로가기 */
.m_quick {position:relative; width:1000px; height:100px; background:#f5f6f6;  border:#dfe0e0 solid; border-width: 1px 0 1px 0;}
.m_quick .quick01 {position:relative;  height:78px; margin:10px 10px 0 10px; float:left;}
.m_quick .quick01 dl {padding:18px 0 10px 88px;}
.m_quick .quick01 dl dd {margin-top:5px; overflow:hidden;}
.m_quick .quick01 dl dd a {color:#808184;}
.m_quick .quick01 dl dd li {position:relative; float:left; padding:0 10px;}
.m_quick .quick01 dl dd li::after {content:'/'; position:absolute; top:0; left:0;}
.m_quick .quick01 dl dd li:first-child {background:none; padding-left:0px}
.m_quick .quick01 dl dd li:first-child::after {display:none;}

.m_quick .icon01 {background:url("../_img/main/icon_m01.png" )no-repeat; border-right:1px solid #dfe0e0; width:322px}
.m_quick .icon02  {background:url("../_img/main/icon_m02.png" )no-repeat;  border-right:1px solid #dfe0e0; width:311px }
.m_quick .icon03 {background:url("../_img/main/icon_m03.png" )no-repeat;  }



.mcon02_area {position:relative; width:1000px; height:148px; border-bottom:#dfe0e0 solid 1px}
.mcon03_area {position:relative; width:1000px; height:148px;}


/*bbs_list*/
.bbs_list {}
.bbs_list .box {border:1px solid #ddd; height:75px; box-sizing:border-box; margin:0 3px; text-align:center;}
.bbs_list .slick-arrow {position:absolute; top:0; width:17px; height:17px; background-position:center; background-size:100%; border:0; text-indent:-999999px;}
.bbs_list .slick-arrow.slick-next  {right:0; background-image:url(../_img/main/next_btn.gif);}
.bbs_list .slick-arrow.slick-prev  {right:22px; background-image:url(../_img/main/prev_btn.gif);}



/* 공지사항*/
.bbs_notice {position:relative; width:332px; height:148px; background:#fff; border-right:#dfe0e0 solid 1px; float:left; box-sizing:border-box; border-top:#dfe0e0 solid 1px; padding:12px 15px;}
.bbs_notice:first-of-type {border-top:0;}
.bbs_notice dt{}
.bbs_notice dd{}
.bbs_notice .btn_more{position:absolute;top:10px;right:12px;}
.bbs_notice dd ul{padding-top:10px;}
.bbs_notice dd ul li{position:relative; margin-bottom:2px; padding:0 25px 0 10px;background:url('../_img/main/bl_bbs.png') no-repeat left center; font-family:Dotum,'돋움'; letter-spacing:-1px}
.bbs_notice dd ul li a {color:#808080;}
.bbs_notice dd ul li img {padding-top:0px;}
.bbs_notice dd ul li .date{position:absolute;top:0;right:0;color:#888;  letter-spacing:normal}
.bbs_notice .boards_list {margin-top:25px;} 
.bbs_notice .boards_list .slick-arrow {top:-24px;}

.mcon03_area .bbs_notice .bbs_list {padding-top:16px;}



/* 설치사례 */
.bbs_review {position:relative; width:332px; height:148px; background:#fff;  border-right:#dfe0e0 solid 1px; float:left;}
.bbs_review dt {padding-left:12px; padding-top:10px; height:16px;}
.bbs_review dd {padding:5px 14px 10px 15px;height:81px;}
.bbs_review .btn_more {position:absolute;top:10px;right:12px;}
.bbs_review .bbs_list {padding-top:20px;}
.bbs_review .bbs_list .slick-arrow {top:-18px;}



/* 아이콘2*/
.icon_box {position:relative; width:165px; height:147px; background:#fff; border-right:#dfe0e0 solid 1px; float:left; text-align:center; }
.icon_box img{}

/* callcenter */
.callcenter {background:#ebf7f3}

/* 갤러리 */
.main_gallery { position:relative; width:331px; height:147px; background:#fff;  border-right:#dfe0e0 solid 1px; float:left;}
.main_gallery  h3 {position:relative; padding-left:12px; padding-top:10px;}
.main_gallery .prev {position:absolute;top:10px;right:35px;}
.main_gallery .next {position:absolute;top:10px;right:12px;}
.bbs_gallery ul{position:relative;padding:12px 7px 10px 7px;height:100%;overflow:hidden}
.bbs_gallery ul li{float:left;margin-bottom:10px;width:33.3333%; text-align:center}
.bbs_gallery ul li span{display:block;padding-top:5px;  font-family:Dotum,'돋움'; font-size:11px}
.bbs_gallery ul li img{border:1px solid #e8e8e8; }





