.wrap{width: 100%; background:#fff; position: relative;}
body{height: 100%;}

/*header*/

.header{width: 100%; min-height: 135px; }
.header .call{text-align: center; padding-top: 10px; margin-bottom: 30px;background:#f6f6f6; height:60px;}
.header h1{text-align: center;}
.gnb{width: 100%; height: 50px;  text-align: center; background: #0b98d7;}
.gnb span.text{display: inline-block; vertical-align: middle; color: #fff; font-size: 21px; letter-spacing:-0.03em; margin-right: 10px;}
.gnb .inner{display: inline-block; height: 100%; padding-top: 7px; cursor: pointer; vertical-align: middle;}
.bar1, .bar2, .bar3{width: 36px; height: 6px; border-radius: 25px; background: #fff;  margin: 5px 0;  transition: .4s}
.change .bar1{-webkit-transform: rotate(-45deg) translate(-12px, 6px); transform: rotate(-45deg) translate(-13px, 3px);}
.change .bar2{opacity : 0;}
.change .bar3{-webkit-transform: rotate(45deg) translate(-12px, -4px); transform: rotate(45deg) translate(-12px, -3px);}

/*menu_wrap*/

.menu_wrap{display: none; width: 100%; height: 100%;  background: #0b98d7; position: absolute; bottom:0; left: 0; right: 0; top: 201px; z-index: 9999;}
.menu_wrap>ul{width: 100%; height: 100%; }
.menu_wrap>ul>li{min-height: 100px; text-indent: 20px;}
.menu_wrap>ul>li>a{font-size: 28px; color:#fff; line-height: 99px; display: block; border-bottom: 1px solid #536eba; position: relative;}
.menu_wrap>ul>li>a:before{content: ''; display: block; width: 15px; height: 15px; background: url('/m/img/plus_ico.png')no-repeat center center; position: absolute; right: 25px; top: 50%; margin-top: -7.5px;}
.menu_wrap>ul>li>a.last:before{display: none;}
.menu_wrap>ul>li .depth02{display: none; background: #004b78; padding: 10px 0;}
.menu_wrap>ul>li .depth02 li a{display: block; height: 40px; line-height: 40px; color:#fff; font-size: 23px;}
.menu_wrap>ul>li .depth02 li .lnb_depth02 ul li a{font-size:20px; padding-left:42px;}

/*visual*/

.visual{width: 100%; position:relative;}
.visual_inner{overflow: hidden; height: 100%; position: relative;}
.visual_inner .list img{width: 100%; }
.visual_inner .list .text{position: absolute; top:36px; left:20px; width: 100%; text-align: left;}
.visual_inner .list .text > div{font-size:25px; line-height:1.2em; letter-spacing:-0.1em;}
.visual_inner .list .text > div em{color:#0b98d7; font-weight:bold;}
.visual_inner .list .text > p{font-size:15px; margin-top:5px; letter-spacing: -0.1em;}
.visual .visual_pager{position: absolute; bottom: 18px; left: 50%; transform:translateX(-50%);z-index: 999;}
.visual .visual_pager .pager_btn{display:inline-block; width: 26px; height: 26px; background: #fff; transition:all 0.5s;}
.visual .visual_pager .pager_btn.active{background: #0b98d7}

/*container*/

.container{width:100%;}
.container .icon{height:278px; background: #ebebeb;}
.container .icon > ul{width:100%;display:table;font-size:0;text-align:center;}
.container .icon > ul > li{display:inline-block; width: 33% ;text-align: center; padding-top:14px;}
.container .icon > ul > li a{display: block; height: 100%;}
.container .icon > ul > li a img{visibility: hidden;}
.container .icon > ul > li:nth-child(1) a{background:url('/m/img/main_ico01.png')no-repeat center center;}
.container .icon > ul > li:nth-child(2) a{background:url('/m/img/main_ico02.png')no-repeat center center;}
.container .icon > ul > li:nth-child(3) a{background:url('/m/img/main_ico03.png')no-repeat center center;}
.container .icon > ul > li:nth-child(4) a{background:url('/m/img/main_ico04.png')no-repeat center center;}
/*.container .icon > ul > li:nth-child(5) a{background:url('/m/img/main_ico05.png')no-repeat center center;}*/
.container .icon > ul > li:nth-child(5) a{background:url('/m/img/main_ico06.png')no-repeat center center;}
.container .icon > ul > li:hover:nth-child(1) a{background:url('/m/img/main_ico_hover01.png')no-repeat center center;}
.container .icon > ul > li:hover:nth-child(2) a{background:url('/m/img/main_ico_hover02.png')no-repeat center center;}
.container .icon > ul > li:hover:nth-child(3) a{background:url('/m/img/main_ico_hover03.png')no-repeat center center;}
.container .icon > ul > li:hover:nth-child(4) a{background:url('/m/img/main_ico_hover04.png')no-repeat center center;}
/*.container .icon > ul > li:hover:nth-child(5) a{background:url('/m/img/main_ico_hover05.png')no-repeat center center;}*/
.container .icon > ul > li:hover:nth-child(5) a{background:url('/m/img/main_ico_hover06.png')no-repeat center center;}

/* .container .icon > ul > li:hover :nth-child(1){img:url('../img/main_ico_hover01.png') } */

/*info_wrap*/

.info_wrap{width: 100%;}
.info_wrap h3{font-size:26px; font-weight:bold;}
.info_wrap .location_wrap{width: 100%; overflow: hidden;}
.info_wrap .location_wrap span{float: left; width: 50%; height: 85px;}
.info_wrap .location_wrap span a{display: block; height: 100%; color: #fff; font-size: 20px; font-weight: bold; line-height: 85px; text-align: center;}
.info_wrap .location_wrap span.type01{background: #004b78;}
.info_wrap .location_wrap span.type02{background: #0097d6;}
.info_wrap .info_box{width: 100%; text-align: left; padding: 24px 5% 0; border-bottom: 1px solid #dcdddd}
.info_wrap .info_box .info_box_top{margin-bottom:24px;}
.info_wrap .info_box .info_box_top .tell{font-size: 24px; font-weight: bold; color: #0097d6; letter-spacing: -0.07em;} 
.info_wrap .info_box h3{padding-bottom: 14px; letter-spacing: -0.07em;}
.info_wrap .info_box .info_box_bot ul li{font-size: 18px; line-height: 20px; color: #505050; letter-spacing: -0.07em;}
.info_wrap .info_box .info_box_bot ul li:last-child{padding: 8px 0 18px 0;}
.info_wrap .community{text-align: center; margin-bottom: 22px;} 
.info_wrap .community h3{padding: 18px 0 13px 0;}
.info_wrap .community ul li:after{content:''; display: block; clear: both;} 
.info_wrap .community ul li{padding: 0 10px; width: 100%; text-align: center;}
.info_wrap .community ul li:nth-child(1){border-top: 1px solid #dcdddd}
.info_wrap .community ul li a{display: inline-block; width: 100%;  float: left;  font-size: 15px; line-height:30px;  border-bottom: 1px solid #dcdddd }
.info_wrap .community ul li a span{ float: right; letter-spacing: -0.08em;  }

/*footer*/

.footer{width: 100%;height: 252px; color: #fff;}
.footer .footer_inner{text-align: center;  background: #555555}
.footer .footer_inner h2{padding-top: 24px; padding-bottom:16px;}
.footer .footer_inner p{font-size: 15px; line-height: 1.3em;}
.footer .footer_inner .copy{padding-top: 24px;}