div#wrap{ position:relative;}
div#wrap img { border:none; }
div#wrap a{ text-decoration:none; }

div#wrap div#header{ position:absolute; top:0; height:80px; width:100%;z-index:99;-webkit-transition:all .3s;transition:all .3s; min-width:1200px; border-bottom:1px solid rgba(255,255,255,.2);}
div#wrap div#header.over{background-color:#fff; border-bottom:1px solid #ddd;}
div#wrap div#header h1{position:absolute; left:20px; top:50%; z-index:9999; transform:translateY(-50%); } 
div#wrap div.header_inner{width:1200px; margin:0 auto; position:relative;}
div#wrap div.header_inner:after{content:""; display:block; clear:both;}

/*탑메뉴*/
div#wrap div.header_inner {position: relative; z-index: 101; box-sizing:border-box; }
div#wrap div.header_inner div#nav { height:100%;font-size:14px;color:#1d1d1d;font-weight:bold; margin:0 auto;}
div#wrap div.header_inner div#nav img{vertical-align:bottom;padding-right:5px;}
div#wrap div.header_inner div#nav > ul {clear:both;text-align:center;  position:relative; padding:0px; margin:0; box-sizing:border-box;height:100%;}
div#wrap div.header_inner div#nav > ul > li { display:inline-block; float:none;  height:100%;vertical-align:top;position:relative;}
div#wrap div.header_inner div#nav > ul > li > div > a{font-size:20px;text-align:center; font-weight: 600;display:inline-block;color:#fff;height:80px; line-height:80px; text-transform: uppercase;position:relative;}
div#wrap div.header_inner div#nav > ul > li > div{position:relative; margin:0 50px;}


div#wrap div#header.over div#nav ul li div a {font-weight: 600;}
div#wrap div#header.over div#nav ul li div a {color:#000;}
div#wrap div#header div#nav ul li.on div a {color:#000;}
div#wrap div.header_inner div#nav > ul > li.on > div.on > a{}
div#wrap div.header_inner div#nav > ul > li.on > div > a:before{width:100%; left:0%;}
div#wrap div.header_inner div#nav strong{font-weight: normal;}
div#wrap div.header_inner div#nav ul li ul {z-index: 100;position: absolute;display: none;width:100%;height: auto; left:0;  top:100px;  box-sizing:border-box;  border-top:none;}
div#wrap div.header_inner div#nav ul li ul li {padding-bottom:13px; overflow:hidden;}
div#wrap div.header_inner div#nav ul li ul li a{color:#111; font-size:17px; height:auto; font-weight:normal; line-height:30px; text-align:left; letter-spacing:-0.03em;}
div#wrap div.header_inner div#nav ul li ul li a:before{content:""; display:block; clear:both;}
div#wrap div.header_inner div#nav ul li ul li a:hover{color:#162855; font-weight:600;}
div#wrap div.header_inner div#nav ul li ul li a:focus{color:#162855; font-weight:600;}
.bg_box {display:none; position: absolute;width: 100%;height: 280px;top: 80px; z-index:10; box-sizing:border-box;background-color:rgba(255,255,255,0.9);box-shadow:3px 3px 8px rgba(0,0,0,0.2);}

/*사이트맵 버튼*/
#header .btn-gnb-menu{position:absolute; right:0; top:0;height:80px; line-height:80px; cursor:pointer; z-index:9999; width:80px; text-align:center; background:#162855; padding-top:25px;}
#header .btnAll { position:relative; width: 30px; height: 50px; outline: none; z-index:9999;}
#header .btnAll span { display: block; width: 100%; height: 2px; position: absolute; background-color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; right:0;}
#header .btnAll > span:nth-child(1) { top: 0;  }
#header .btnAll > span:nth-child(2) { top: 10px; width:20px;}
#header .btnAll > span:nth-child(3) { top: 20px; }
#header .btnAll:hover span{width: 30px;}
#header.open .btnAll > span:nth-child(1) { top: 10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 30px;}
#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 30px;}
#header.open .btnAll > span:nth-child(3) { top: 10px; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 30px;}


#header.open .btn-allmenu{position:absolute;top:0;right:0;background:#162855;width:80px;height:80px;z-index:10000;}
#header.open .btn-allmenu .btn-allmenu-close{position:absolute;top: 0;right:0; width:80px; height:80px; color:#fff; font-size:40px; text-align:center; line-height:90px; z-index:10000;display: inline-block;}



/*사이트맵*/
#header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:0;  z-index:1000; transition:right 0.45s; background:#fff;}
#header.open #navi{transition:right 0.45s; right:0px;}

#menuAll #mnaviHead,
#menuAll .menu-member{display: none;}
#menuAll h3{text-align: center; font-size:20px;padding-top:150px; line-height:1.3; margin-bottom:40px; color:#111;}
#menuAll h3 em{font-size:20px; display:block;}
#menuAll .mobile_top ul {overflow:hidden; width:1200px; margin:0 auto; }
#menuAll .mobile_top ul li{width:24%; float:left; margin-left:1%;}
#menuAll .mobile_top ul li:first-child{margin-left: 0; }
#menuAll .mobile_top ul li a{display:block; font-size:22px; font-weight:500; color:#fff; background: #162855; padding:20px 0; text-align:center; width:100%; }
#menuAll .mobile_top ul li ul{margin-top:40px;}
#menuAll .mobile_top ul li ul li{float:none; width:100%; padding-left:18px; position:relative; margin-top:15px; margin-left:0;}
#menuAll .mobile_top ul li ul li:first-child{margin-top:0;}
#menuAll .mobile_top ul li ul li:before{content : ""; display : block; position : absolute; left :0px;  top:50%; width :8px; height : 1px; background:#666;}
#menuAll .mobile_top ul li ul li a{ display:block; font-size:18px; color:#333; background:none; text-align: left; padding:0;}
#menuAll .mobile_top ul li ul li a:hover{color:#162855;}


/*비주얼*/
#visual {overflow:hidden;width:100%;  z-index: 0; position:relative;}
#visual .bxslider {z-index:1;}
#visual .bxslider li {position:relative;width:2000px;height:830px; }
#visual .bxslider li .ptext {position:absolute;left:50%;top:50%; margin-left:-600px; font-size:19px; line-height:1.5; font-weight: 300; width:1200px;     letter-spacing:-0.03em; z-index:1; color:#fff; text-shadow:2px 2px 10px rgba(0, 0, 0, 0.6); transform:translateY(-50%);}
#visual .bxslider li .ptext h5{ font-weight:300; letter-spacing:0.15em;}
#visual .bxslider li .ptext h5 span{color:#55c1ff}
#visual .bxslider li .ptext h3{font-size:55px; font-weight:300; line-height:1.2; margin-top:20px; margin-bottom:20px; letter-spacing:-0.06em;}
#visual .bxslider li .ptext h3 strong{font-weight:800; }

#visual .bx-wrapper .bx-pager{text-align:left; width:1200px; margin:0 auto;}
#visual .bx-wrapper .bx-pager, #visual .bx-wrapper .bx-controls-auto{bottom:170px; right:auto; left:50%; transform:translateX(-50%);}
#visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ display:inline-block;}
#visual .bx-wrapper .bx-pager.bx-default-pager a{width:60px; height:3px; background:rgba(255,255,255,.7);}
#visual .bx-wrapper .bx-pager.bx-default-pager a:hover, #visual .bx-wrapper .bx-pager.bx-default-pager a.active{background:#55c1ff; }


.inn{width:1200px; margin:0 auto; position:relative;} /*여백없음*/
.padd{width:1200px; margin:0 auto; padding:70px 0; position:relative; color:#555; }/*여백위아래*/
div#container h3.tit{color:#111; font-size:40px; font-weight:700; margin-bottom:40px; text-align:center;}
div#container .moreBtn{display:block; position:relative; margin-top:50px; width:185px; height:50px; line-height:50px; padding:0 20px; color:#162855; border:1px solid #162855; background:#fff; transition: all 0.3s ease-out 0s;}
div#container .moreBtn i{line-height:50px; font-size:18px; margin-left:20px;}
div#container .moreBtn:hover{color:#fff; background:#162855 ; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}

div#container  .cts1{background:url('/images/default/main/cts1_bg.jpg')no-repeat center center;}
div#container  .cts1 img.bigImg{position:absolute; right:0; top:150px;  margin-right:600px;}
div#container  .cts1 div.cts_txt{padding:100px 0 70px 730px;  }
div#container  .cts1 div.cts_txt h4{position:relative;font-size:30px; line-height:1.5; margin-bottom:30px; color:#111;}
div#container  .cts1 div.cts_txt h4:before{ content : ""; display : block; position : absolute; right :0; top:-110px; width : 113px; height : 105px;  background: url("/images/default/main/cts1_icon.png") no-repeat left top;}

div#container  .cts2{background:#EDF6FB;}
div#container  .cts2 ul li{ position:relative; float:left; width:580px; margin-left:40px; padding-bottom:80px;}
div#container  .cts2 ul li:first-child{margin-left:0}
div#container  .cts2 ul li .cts_box{position:absolute; left:40px; bottom:0px; background:#fff; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); text-align:center; width:500px; padding:20px 0; text-transform:uppercase;}
div#container  .cts2 ul li .cts_box i{font-size:30px; color:#555;}
div#container  .cts2 ul li .cts_box h4{margin:15px 0; font-size:28px; color:#111; font-weight:500;}
div#container  .cts2 ul li .cts_box:hover{background:#162855; color:#fff;}
div#container  .cts2 ul li .cts_box:hover i{color:#55c1ff;}
div#container  .cts2 ul li .cts_box:hover h4{color:#fff;}

div#container  .cts3{background:url('/images/default/main/cts3_bg.jpg')no-repeat center center;}
div#container  .cts3 .box{background:#fff; width:400px; padding:60px 0 60px 30px; text-align:left;}
div#container  .cts3 .tit{ text-align:left;}
div#container  .cts3 .tit span{font-size:13px; text-transform:uppercase;display:block; font-weight:300; letter-spacing:0;} 

div#wrap div#footer{ clear:both;  background-color:#080F1F; text-align:center; padding:40px 0;}
div#wrap div#footer div.copyright { width:1200px; margin:0 auto;}
div#wrap div#footer div.copyright  h3{margin-bottom:20px;}
div#wrap div#footer div.copyright p{font-size:15px; color:#f7f7f7; line-height:1.8; }
div#wrap div#footer div.copyright p span{color:#55c1ff; margin:0 10px;}
div#wrap div#footer div.copyright p.copy{color:#a0a0a0; margin-top:20px;}