@charset "utf-8";

html, body {min-height:100%;overflow-x:hidden}
.layout {position:relative;width:720px;margin:0;overflow-x: hidden;}
.wrap_1784{width:650px;margin:auto;position:relative}
.wrap_1280{width:600px;margin:auto;position:relative}
.btn_top{width:86px;height: 86px;background: url(../images/common/btn_top.png) 0 0 no-repeat;border-radius: 50%;position: fixed;right:5%;bottom:100px;z-index: 100;display: none;}
.m68{box-sizing: border-box;margin:0 68px}

/*header*/
.head_area {position: absolute;top:0;width:100%;height:96px;z-index: 3000;box-sizing: border-box;}
.head_area .wrap_1784{position:relative;height: 96px;box-sizing: border-box;}
.head_area.index_head .wrap_1784{border-bottom:2px solid rgba(255,255,255,0.3);}
.head_area .logo_area{padding-top: 0;display:inline-block}
.head_area .logo {display: inline-block;vertical-align:bottom;}
.head_area .logo a {display:block;background: url(../images/common/logo.png) -30px 0 no-repeat;width:378px;height: 99px;}
.head_area .bottom{display: none;}
.head_area .bottom.on{display: block;}
.head_area.on{border-bottom: none;}
.head_area.on .logo a{background: url(../images/common/logo_active.png) 0 0 no-repeat;margin-top: 32px;width:348px;height:39px}
.head_mask {width: 100%;height: 100%;background:#fff url(../images/common/sitemap_bg.png);position: fixed;display: none;max-width:720px;left:0;z-index: 2000;}
.head_mask.on{display: block;}
.head_area.sub .logo a{background: url(../images/common/logo_active.png) 0 0 no-repeat;margin-top: 32px;width:348px;height:39px}

.head_area .hamburger{position: absolute;right:0;top:41px;width: 36px;height: 17px;background:url(../images/common/btn_menu.png) 0 0 no-repeat;z-index: 999;}
.head_area .hamburger:hover{cursor: pointer;}
.head_area .hamburger.active{background:url(../images/common/btn_menu_active.png) 0 0 no-repeat;}
.head_area.sub .hamburger{background:url(../images/common/btn_menu_active.png) 0 0 no-repeat;}
.head_area .hamburger.on{background:url(../images/common/lnb_close.png) 0 0 no-repeat;width:36px;height: 36px;top:31px}

.head_area .lnb{margin-top: 40px;}
.head_area .lnb > li {margin-bottom: 40px;}
.head_area .lnb > li > a{box-sizing: border-box;display: block;}
.head_area .lnb > li > a > p{border-bottom: 1px solid rgba(0,85,162,0.3);box-sizing: border-box;padding:20px 0}
.head_area .lnb > li > a > p{color:#484848;font-weight: 700;font-size: 42px;text-align: left;background: url(../images/common/ico_arrow_down.png) 100% 50% no-repeat;background-size:20px 12px;display: block;font-family: 'IBKIDream';}
.head_area .lnb > li > a > p.on{background: url(../images/common/ico_arrow_up.png) 100% 50% no-repeat;}
.head_area .sub_lnb{display: none;padding:40px 0 25px 0;}
.head_area .sub_lnb li{margin-right:70px;display: inline-block;vertical-align: middle;}
.head_area .sub_lnb li:first-child{width:248px}
.head_area .sub_lnb li:last-child{margin-right: 0;}
.head_area .sub_lnb li a{display: block;color:#484848;font-weight: 700;font-size: 30px;position: relative;box-sizing: border-box;padding-left: 10px;}
.head_area .sub_lnb li a::after{width:31px;height: 31px;display: block;clear: both;content: '';position: absolute;left:-3px;top:-15px;background:url(../images/common/sitemap_lnb_deco.png) 0 0 no-repeat;}
/*visual*/
.index .wrap_1220{text-align: center;}
.visual{height: 100%;}
.visual li{width: 100%;height: 100%;text-align: center;}
.visual li img{display: block;margin:auto;}
.index{position:relative;width:100%;height:100%}
.visual_txt{position: absolute; top: 220px;left: 0;z-index: 1;width:100%;box-sizing: border-box;}
.index .left{line-height: 1;color:rgba(255,255,255,0.32);font-size: 107px;font-weight: 700;font-family: 'IBKIDream';margin-top: 45px;}
.slide_btn_wrap{width:100%;text-align: center;position: absolute;left:0;bottom:135px;z-index: 90;}
.slide_btn_wrap .swiper-button-prev{width:195px;height: 55px;background: url(../images/index/btn_prev.png) 0 0 no-repeat;position: relative;left:0;top:0;display: inline-block;vertical-align: middle;}
.slide_btn_wrap .swiper-button-next{width:195px;height: 55px;background: url(../images/index/btn_next.png) 0 0 no-repeat;position: relative;right:0;top:0;display: inline-block;vertical-align: middle;}
.slide_btn_wrap .swiper-pagination{position: relative;left: 0;display: inline-block;vertical-align: middle;top:-13px}
.slide_btn_wrap .swiper-pagination span{background:#fff;opacity: 1;margin:0 12px;position: relative;width:6px;height: 6px;}
.slide_btn_wrap .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}
.slide_btn_wrap .swiper-pagination span.swiper-pagination-bullet-active::after{position: absolute;left:-8px;top:-8px;border:1px solid rgba(255,255,255,0.5);width:21px;height: 21px;display: block;clear: both;content: '';border-radius: 50%;}


/*footer*/
.footer_area_index{width:100%;background: rgba(241,92,33,0.4);text-align: center;position: absolute;bottom: 0;left:0;height: 85px;line-height: 85px;z-index: 10;}
.footer_area_index p{color:#fff;font-weight: 300;font-size: 18px;}
.footer_area {position:relative;z-index:10;width:100%;background:#000000;clear:both;}
.footer_area .footer {position:relative;bottom:0;width:100%;margin:auto;padding:16px 0;}
.footer_area .footer p{color:#ddd;font-weight: 200;font-size: 18px;text-align: center;}

/*slider*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;background: #fff;}

.animated{opacity: 0;}

@media screen and (max-width: 1300px){
    html,body{overflow-x: hidden;}
}