@charset "utf-8";
@import url('reset.css');
@import url('font.css');
@import url('../plugin/jquery.bxslider.css');
@import url('common.css');
@import url('sub.css');


@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:200,700,900');
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin|Rajdhani');
body{overflow:hidden;font-family: 'Noto Sans KR';}
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
} 
::selection{color:#fff;background-color:#f26522;}
::-moz-selection{color:#fff;background-color:#f26522;}



/* 메인 */
#body{width:100%;background-color:#FFF;}

.txt45{font-size:45px;font-weight:400;line-height:1.428;}
.txt28{font-size:28px;font-weight:400;line-height:1.428;}
.txt26{font-size:26px;font-weight:400;line-height:1.428;}
.txt24{font-size:24px;font-weight:400;line-height:1.428;}
.txt22{font-size:22px;font-weight:400;line-height:1.428;}
.txt20{font-size:20px;font-weight:400;line-height:1.428;}
.txt18{font-size:18px;font-weight:400;line-height:1.428;}
.txt16{font-size:16px;font-weight:400;line-height:1.428;}

.tac{ text-align:center;}


#mv{position:relative;left:50%;width:2000px;margin:0 0 0 -1000px;padding-top:150px; }
#mv .mv_pager{position:absolute;left:0;bottom:0;width:2000px;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#mv .mv_pager .dep1_wrap{width:1280px;margin:0 auto;border-right:1px solid #fff;}
#mv .mv_pager .dep1_con{float:left;width:20%;border-left:1px solid #fff;text-align:center;}
#mv .mv_pager .dep1{display:block;height:54px;line-height:54px;overflow:hidden;color:#fff;font-size:16px; letter-spacing:-1px;font-family:'Noto Sans KR';font-weight:400;transition:.25s;}
#mv .mv_pager .dep1_con .dep1.active,
#mv .mv_pager .dep1_con:hover .dep1{background-color:#333;}
#mv .bx-wrapper .bx-controls-direction a{display:none;}

.con_01 {position:relative; width:1240px; margin: 0 auto;}
.con_01 .con_01tit {float:left; padding-right:50px; padding-top:60px;}
.con_01 .con_01in {padding-top:60px;width:1350px;}
.con_01 .con_01in li{float:left;padding-right:33px;transition:.5s;}
.con_01 .con_01in li:hover {-ms-transform:translateY(-7px); -webkit-transform:translateY(-7px); transform:translateY(-7px);}
.con_01 .border {padding-top:190px; border-bottom:1px solid #c2c9d7;}

.con_02{width:1200px; margin: 0 auto; padding-top:100px;}
.con_02 .con_02in {overflow:hidden; padding:50px 0 0 0;}
.con_02 .con_02in .con_0201{float:left; padding-right:15px;}
.con_02 .con_02in .con_0201 .img1 {margin-top:40px; border-top:1px solid #d4d4d4;}
.con_02 .con_02in .con_0201 .overs {width:288px; height:600px; z-index: 99999; display: inline-block}
.con_02 .con_02in .con_0201 .imgs {width:288px; height:600px; position:absolute;  display: block; z-index: 99999;}
.con_02 .con_02in .con_0202{float:left; padding-right:15px;}
.con_02 .con_02in .con_0202 .img1 {margin-top:40px; border-top:1px solid #d4d4d4;}
.con_02 .con_02in .con_0202 .overs {width:289px; height:289px; z-index: 99999; display: inline-block}
.con_02 .con_02in .con_0202 .imgs {width:289px; height:289px; position:absolute;  display: block; z-index: 99999;}
.con_02 .con_02in .con_0203{float:left; padding-right:15px;}
.con_02 .con_02in .con_0203 .img1 {margin-top:40px; border-top:1px solid #d4d4d4;}
.con_02 .con_02in .con_0203 .overs {width:289px; height:289px; z-index: 99999; display: inline-block}
.con_02 .con_02in .con_0203 .imgs {width:289px; height:289px; position:absolute;  display: block; z-index: 99999;}
.con_02 .con_02in .con_0204{float:left;}
.con_02 .con_02in .con_0204 .img1 {margin-top:40px; border-top:1px solid #d4d4d4;}
.con_02 .con_02in .con_0204 .overs {width:289px; height:289px; z-index: 99999; display: inline-block}
.con_02 .con_02in .con_0204 .imgs {width:289px; height:289px; position:absolute;  display: block; z-index: 99999;}
.con_02 .con_02in .con_0205{float:left; padding-top:18px; padding-right:14px;}
.con_02 .con_02in .con_0205 .img1 {margin-top:40px; border-top:1px solid #d4d4d4;}
.con_02 .con_02in .con_0205 .overs {width:289px; height:289px; z-index: 99999; display: inline-block}
.con_02 .con_02in .con_0205 .imgs {width:289px; height:289px; position:absolute;  display: block; z-index: 99999;}
.con_02 .con_02in .con_0206{float:left; padding-top:18px;}
.con_02 .con_02in .con_0206 .img1 {margin-top:40px; border-top:1px solid #d4d4d4;}
.con_02 .con_02in .con_0206 .overs {width:594px; height:290px; z-index: 99999; display: inline-block}
.con_02 .con_02in .con_0206 .imgs {width:594px; height:290px; position:absolute;  display: block; z-index: 99999;}

.con_03{padding-top:100px; position:relative;left:50%;width:2000px;margin:0 0 0 -1000px;}
.con_03 .bx-wrapper .bx-controls-direction a{top:40px;left:1420px;right:auto;margin:0;display:block;width:40px;height:40px;}
.con_03 .bx-wrapper .bx-controls-direction a.bx-prev{width:57px;background:url('../images/main/con03_arr.png') 0 0 no-repeat;}
.con_03 .bx-wrapper .bx-controls-direction a.bx-next{left:1480px;background:url('../images/main/con03_arr.png') -57px 0 no-repeat;}
.con_03 .btn_wrap{position:absolute;left:360px;top:100%;width:256px;overflow:hidden;}
.con_03 .btn_wrap a{display:block;width:256px;height:256px;margin:-115px 0 0;padding:125px 0 0;background-color:#3f3f3f;color:#fff;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;transition:.25s;}
.con_03 .btn_wrap a:hover{background-color:#027042;}
.con_03 .btn_wrap a .txt{margin:0 0 15px;line-height:28px;}
.con_03 .btn_wrap a .txt span{color:#fffcc7;}

.con_04{width:1200px; margin: 0 auto; padding-top:100px;}
.con_04 ul{padding-top:50px;}
.con_04 li{float:left; padding-right:20px; padding-bottom:100px; transition:.5s; }
.con_04 li:hover {-ms-transform:translateY(-7px); -webkit-transform:translateY(-7px); transform:translateY(-7px);}

.map{clear:both; width:100%; background:url('../images/main/map.jpg') center no-repeat; height:437px; }