@charset "utf-8";

#warp{}

/*헤더 영역*/
.gnb .on a{color:#3472c5;}

/*메인슬라이더 영역*/
#mainSlider{}
.visual{position:relative;}
.visual a{display:block; width:100%; height:335px; text-indent:-9999px;
           background:url(../img/sub/mainvisual.jpg) no-repeat center 0;}
.text{font-size:45px; font-weight:bold; color:#fff; text-align:center;
       text-shadow:0 0 5px rgba(0,0,0,0.5);
       position:absolute; top:181px; left:0; width:100%;}


.navi{height:50px; 
       border-top:2px solid #ccc;
       border-bottom:2px solid #ccc;}

.navi ul{width:980px; margin:0 auto;}
.navi ul:after{content:""; display:block; clear:both;}

.navi ul li{float:left; width:120px; line-height:50px;
            /*border-right:2px solid #ccc;*/ padding:0 14px;
            border-left:2px solid #ccc;}
.navi ul li:after{content:""; display:block; clear:both;}
.navi ul li a{font-size:19px; font-weight:bold; color:#777; }
.navi ul li:hover a{color:#3472c5;}

.navi ul li p{float:left; margin-right:20px;}
.navi ul li .g1{margin-right:25px;}
.navi ul li span{display:block; float:left; padding:14px 0;
    text-indent:-9999px; width:19px; height:19px; 
      margin-top:14px;
      background:url(../img/sub/btn_off.png) no-repeat;}

.navi ul .home{width:30px; line-height:37px;}
.navi ul .home a{display:block; text-indent:-9999px;
    margin-top:14px;
    background:url(../img/sub/ico_home.png) no-repeat;}

.navi ul .n1{height:50px;}
.navi ul .n1:hover span{display:block; float:left;
    text-indent:-9999px; width:19px; height:19px; 
      background:url(../img/sub/btn_on.png) no-repeat;}

.navi ul .n2{border-right:2px solid #ccc; padding:0 5px 0 14px;
              height:50px;}
.navi ul .n2:hover span{display:block; float:left;
    text-indent:-9999px; width:19px; height:19px; 
      background:url(../img/sub/btn_on.png) no-repeat;}

/*컨테이너 본문영역*/
#container{width:980px; margin:50px auto; 
               /*background:#cec;*/}

/*컨테이너 공통영역*/

.more{margin-top:52px;}
.more a{display:block; color:#666; font-size:17px; 
           line-height:17px; font-weight:bold; 
           border:2px solid #777; background:#fff;
           width:85px; height:19px;
           padding:9px 29px 10px 28px;}
.more:hover a{color:#fff; border:2px solid #3472c5;
                  background:#3472c5;}


/*컨테이너 1, 2, 3 공통영역*/
.float{margin:0 20px 65px 0; color:#444; 
         font-weight:bold;}
.float:after{content:""; display:block; clear:both;}

.des{float:left;}
.des .number{margin:53px 0 20px;}
.des .number:after{content:""; display:block; clear:both;}
.des .number .nm{float:left; font-size:20px; 
                            margin-right:16px;}
.des .number .nmBar{float:left; margin:5px 0;
                  width:85px; height:5px; background:#3472c5;}

.des .title{font-size:45px; line-height:45px;}
.des .subTit{font-size:20px; line-height:20px; color:#555;
                  margin:37px 0 29px;}
.des .explain{font-size:16px; color:#666;}


.image{float:right;
          box-shadow:10px 10px 20px rgba(0,0,0,0.2);}

.service{}
.service ul:after{content:""; display:block; clear:both;}
.service ul li{float:left; margin-right:40px;
               width:296px; height:396px; background:#fff;
               border:2px solid #ccc;}
.service ul li:hover{border:2px solid #3472c5;}
.service ul li:last-child{margin-right:0;}
.service ul li a{color:#666;}


.service ul li .img{overflow:hidden;
                          width:296px; height:196px;}
.service ul li img{transition:transform 1s;}
.service ul li:hover img{transform:scale(1.1);}


.service ul li .txt{padding:0 20px;}
.service ul li .txt .tit{display:block; 
                        font-size:18px; font-weight:bold;
                         margin:20px 0 24px; color:#666;}
.service ul li .txt .introduce{width:256px; 
                       font-size:14px;}

/*컨테이너 1 개별영역*/
.cont1{margin-bottom:150px;}
.cont1 .des{margin-left:20px;}

/*컨테이너 2 개별영역*/
.cont2{margin-bottom:150px;}

.cont2 .float:after{content:""; display:block; clear:both;}
.cont2 .image{float:left; margin-left:20px;}
.cont2 .des{float:right;}

/*컨테이너 3 개별영역*/
.cont3{margin-bottom:150px;}
.cont3 .des{margin-left:20px;}

/*컨테이너 4 개별영역*/
.cont4{}
.cont4 .des{text-align:center; width:100%;}
.cont4 .des .number{width:130px; margin:0 auto 20px;}

.cService{}
.cService ul:after{content:""; display:block; clear:both;}
.cService ul li{float:left; margin-right:40px;
               width:300px; height:400px; background:#fff;}
.cService ul li:last-child{margin-right:0;}
.cService ul li a{color:#666;}


.cService ul li .img{overflow:hidden;
                          width:300px; height:200px;}
.cService ul li img{transition:transform 1s;}
.cService ul li:hover img{transform:scale(1.1);}


.cService ul li .txt{padding:0 20px;}
.cService ul li .txt .tit{display:block; 
                        font-size:18px; font-weight:bold;
                         margin:20px 0 24px; color:#666;}
.cService ul li:hover .txt .tit{text-decoration:underline;}
.cService ul li .txt .introduce{width:256px; 
                       font-size:14px;}