@charset "utf-8";

#wrap{}

/*메인슬라이더 영역*/
#mainSlider{position:relative; border-bottom:2px solid #ccc;}
#mainSlider li{}
#mainSlider li a{display:block; width:100%; height:667px; 
          text-indent:-9999px; 
          background-repeat:no-repeat;
          background-position:center 0;
          background-size:cover;}

#mainSlider .s1 a{background-image:url(../img/main_01.jpg);}
#mainSlider .s2 a{background-image:url(../img/main_02.jpg);}
#mainSlider .s3 a{background-image:url(../img/main_03.jpg);}

#mainSlider .text{color:#fff; font-size:70px; line-height:70px; font-weight:bold; text-shadow:0 0 5px rgba(0,0,0,0.5);
      position:absolute; top:144px; left:50%; margin-left:-300px; 
       text-align:center;}
#mainSlider .bx-pager{position:absolute; bottom:119px; left:50%; margin-left:-50.5px;}
.pager ul{}
#mainSlider .bx-pager div{float:left; margin: 0 7px;}
#mainSlider .bx-pager div .active{display:block; width:15px; height:15px; text-indent:-9999px;
                   background:url(../img/pager_on.png) no-repeat;}
#mainSlider .bx-pager div .active:hover{background:url(../img/pager_on_hover.png) no-repeat;}

#mainSlider .bx-pager div a{display:block; width:15px; height:15px; text-indent:-9999px;
                background-repeat: no-repeat;
                background-image:url(../img/pager_off.png);}
#mainSlider .bx-pager div:hover a{background:url(../img/pager_off_hover.png) no-repeat;}



.msbar{position:absolute; bottom:50px; left:50%; 
         margin-left:-261.5px; color:#3472c5;}
.msbar input{width:406px; height:50px; font-size:20px; 
       border:none; border-radius:45px; padding:0 60px 0 30px; color:#3472c5;
       background:#fff url(../img/mainslider_icon.png) no-repeat 450px center;}
.msbar label{display:none;}

/*컨테이너 본문영역*/
#container{}

/*컨테이너 1 영역*/
.cont1{margin-top: 70px; margin-bottom:100px;}
.cont1:after{content:""; display:block; clear:both;}

.cont1 .inner{width:980px; margin:0 auto;}

.ct1_1{float:left; margin-right:127px; margin-left:20px;}

.ct1_1 h3{font-size:50px; line-height:50px; font-weight:bold;
             margin-bottom:62px;}
.ct1_1 .text{color:#666; font-size:20px; line-height:25px; 
                font-weight:bold; margin-bottom:156px;}

.ct1_1 .go{}
.ct1_1 .go a{display:block; width:171px; height:46px; text-indent:-9999px;
                background:url(../img/go.jpg) no-repeat;}
.ct1_1 .go:hover a{display:block; width:171px; height:46px;
                       background:url(../img/go_on.jpg) no-repeat;}

ct1_2{float:left;}
.ct1_2 .photo{}

/*컨테이너 2 영역*/
.cont2{position:relative; margin-bottom:100px;
         background:#e0f2fe; padding:70px 0;}
.cont2 .inner{width:980px; margin:0 auto;}

.cont2 h3{font-size:50px; line-height:50px; font-weight:bold;
             /*position:absolute; top:17px; right:63px;*/ margin-left:744px;
              margin-bottom:24px;}
.cont2 .text{font-size:20px; line-height:20px; color:#666; font-weight:bold;
               margin-left:82px;}

.mainRow1{}
.mainRow1:after{content:""; display:block; clear:both;}

.mainRow1 p{float:left; position:relative;}
.mainRow1 p .on{position:absolute; top:0; left:0; opacity:0;
                       transition:opacity 1s;}
.mainRow1 p:hover .on{opacity:1;}
.mainRow1 .bs1{margin-right:40px; margin-bottom:40px; }


.mainRow2{}
.mainRow2:after{content:""; display:block; clear:both;}

.mainRow2 p{float:left; position:relative;}
.mainRow2 p .on{position:absolute; top:0; left:0; opacity:0;
                       transition:opacity 1s;}
.mainRow2 p:hover .on{opacity:1;}
.mainRow2 .bs3{margin:0 40px 0 340px;}

/*컨테이너 3 영역*/
.cont3{margin-bottom:100px; font-weight:bold;}
.cont3 .inner{width:980px; margin:0 auto;}

.cont3:after{content:""; display:block; clear:both;}
.cont3 .cn1{width:210px; float:left; margin-right:60px;}
.cont3 .cn1 h3{font-size:50px; line-height:50px; font-weight:bold;
                    margin-bottom:24px;}
.cont3 .cn1 .text{font-size:20px; line-height:25px; color:#666;
               font-weight:bold;}

.cont3 .cn2{float:left;}
.cont3 ul{}
.cont3 ul:after{content:""; display:block; clear:both;}
.cont3 ul li{float:left; text-align: center; margin-right:50px;
               position:relative;}
.cont3 ul li p{font-size:20px; line-height:20px; font-weight:900;
                 margin-top:16px; color:#444;}
.cont3 ul li:hover p{color:#434188;}

.cont3 ul li .on{position:absolute; top:0; left:0; opacity:0;}
.cont3 ul li:hover .on{opacity:1;}

.cont3 ul .last{margin-right:0;}

/*컨테이너 4 영역*/
.cont4{background:#e0f2fe; padding:70px 0;}
.cont4 .inner{width:980px; margin:0 auto;}

.cont4 h3{font-size:50px; line-height:50px; font-weight:bold;
             text-align:center;}
.cont4 .text{font-size:20px; line-height:25px; color:#666;
               font-weight:bold; margin:20px 0 24px 364px;}

.cont4 ul{}
.cont4 ul:after{content:""; display:block; clear:both;}
.cont4 ul li{float:left; margin-right:40px;}
.cont4 ul li a{}
.cont4 ul li p{font-size:20px; line-height:20px; font-weight:900; 
                 margin-top:20px; text-align:center; color:#444;}
.cont4 ul li:hover p{text-decoration:underline; color:#444;}

.cont4 ul .last{margin-right:0;}