@charset "utf-8";
@import url(global.css);

/* CSS Document */
#wrap img{display:block;}

/* 메인 비주얼 */
#main_visual{width:100%;height:617px;position:relative;overflow:hidden;}
#main_visual .vis_bg li{width:100%;height:617px;}
#main_visual .vis_bg li p{width:990px;margin:0 auto;position:relative;z-index:100;}
#main_visual .vis_bg li p a{position:absolute;right:35px;top:167px;}
#main_visual .vis_btns > ul{width:1122px;position:relative;left:-38px;top:270px;z-index:100;}
#main_visual .vis_btns > ul > li{width:37px;height:79px;position:absolute;cursor:pointer;}
#main_visual .vis_btns > ul > li.btn_r{right:-75px;}
#main_visual .mvis_txt{width:990px;margin:0 auto;position:relative;z-index:100;}
#main_visual .mvis_txt li{position:absolute;display:none;}
#main_visual .mvis_txt .mtxt1{left:30px;top:177px;}
#main_visual .mvis_txt .mtxt2{left:104px;top:234px;}
#main_visual .mvis_txt .mtxt3{left:1px;top:288px;}
/* 메인 비주얼 내 배너들 */
#main_visual .vis_banner{width:990px;margin:2px auto 0;position:relative;z-index:70;}
.vis_banner ul{position:absolute;left:-53px;top:458px; width:1120px;}
.vis_banner li{margin-right:17px;float:left;}
.vis_banner li .vis_banner_img{border:1px solid #c1c1c1;}
.vis_banner li p{text-align:center;font-size:14px;font-family:NanumGothicBold;color:#fff;line-height:34px;}


/* 미들컨텐츠 */
.main_middle_wrap{width:100%;overflow:hidden;}
#main_middle{width:990px;margin:25px auto 0;overflow:hidden;}

/* 사업개요 */
#main_middle .msec01{width:290px;height:335px;margin-left:27px;float:left;background:url(../images/msec01_bg.jpg) no-repeat left 65px;}
.msec01 .title{height:42px;border-bottom:1px solid #ddd;}
.msec01 .title h2{float:left;font-size:22px;color:#333;line-height:26px;font-weight:normal;}
.msec01 .title .more{float:right;}
.msec01 .content{border-right:1px solid #ddd;}
.msec01 .content .text{padding-top:205px;padding-bottom:27px;clear:both;font-size:13px;line-height:20px;color:#555;}

/* Q&A & 고객센터 */
#main_middle .msec02{width:360px;height:292px;margin-top:42px;float:left;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.msec02 h2{width:68px;height:68px;margin:25px 15px;float:left;background-color:#f05a28;font-size:20px;font-weight:normal;line-height:67px;text-align:center;}
.msec02 h2 a{display:block;color:#fff;}
.msec02 .text{margin-top:22px;margin-left:10px;float:left;font-size:16px;line-height:24px;color:#666;}
.msec02 .qna_title{margin-left:15px;padding-left:15px;clear:both;background:url(../images/msec02_bullet.gif) no-repeat left center;font-size:14px;}
.msec02 .qna_title a{color:#333;}
.msec02 .qna_title a:hover{color:#f05a28;}
.msec02 ul{height:38px;margin:15px 0 25px 30px;}
.msec02 ul li span.txt{width:250px;}
.msec02 ul li span.txt a{color:#555;}
.msec02 ul li span.txt a:hover{color:#f05a28;}
.msec02 ul li span.date{color:#888;line-height:20px;}
.msec02 .customer_center{padding:30px 0 29px 65px;border-top:1px solid #ddd;background:url(../images/msec02_icon.gif) no-repeat 20px center;font-size:22px;color:#333;}

/* 설치사례 */
#main_middle .msec03{width:287px;/*height:335px;*/float:left;}
.msec03 .title{height:42px;border-bottom:1px solid #ddd;}
.msec03 .title h2{padding-left:15px;float:left;font-size:22px;color:#333;line-height:26px;font-weight:normal;}
.msec03 .title .more{float:right;}
.msec03 div.image img{margin-top:25px;margin-left:17px;}
.msec03 .mnotice{width:287px;height:110px;margin-top:15px;overflow:hidden;}
.msec03 .mnotice li{padding:8px 0;border-top:1px solid #ddd;overflow:hidden;}
.msec03 .mnotice li.first{border:0;}
.msec03 .mnotice li > span{display:block;float:left;}
.msec03 .mnotice li span.txt{width:195px;margin-left:20px;font-size:13px;}
.msec03 .mnotice li span.txt a{color:#555;}
.msec03 .mnotice li span.txt a:hover{color:#f05a28;}
.msec03 .mnotice li span.date{width:70px;float:right;text-align:right;color:#888;}
.msec03 .mnotice li a{display:block;}

/* 공지사항 */
.rolling_notice_wrap{width:100%;height:68px;background-color:#ececec;overflow:hidden;}
.rolling_notice_wrap .rolling_notice{width:990px;margin:0 auto;padding:22px 0;overflow:hidden;position:relative;}
.rolling_notice h2{margin-left:27px;float:left;font-size:22px;color:#333;font-weight:normal;line-height:26px;}
.rolling_notice .mnotice{width:390px;height:26px;margin-left:40px;float:left;overflow:hidden;}
.rolling_notice .mnotice li{width:390px;float:left;}
.rolling_notice .mnotice li > span{display:block;font-size:13px;line-height:26px;}
.rolling_notice .mnotice li span.txt{width:260px;padding-left:10px;float:left;}
.rolling_notice .mnotice li span.txt a{color:#555;}
.rolling_notice .mnotice li span.txt a:hover{color:#f05a28;}
.rolling_notice .mnotice li span.date{width:75px;float:right;color:#767676;}
.rolling_notice .mnotice li a{display:block;}
.rolling_notice .button_wrap{margin-right:25px;position:absolute;right:0;top:22px;}
.rolling_notice .button_wrap .notice_btns{margin-right:5px;float:left;}
.rolling_notice .button_wrap .notice_btns li{float:left;cursor:pointer;}
.rolling_notice .button_wrap .more{float:left;}