/* =======================================* main_visual *========================================================= */


.mainvissual{margin:0 auto; padding:0; width:100%;  clear:both; position:relative; overflow:hidden;}
.mainV{margin:0; padding:0; width:100%;  clear:both; overflow:hidden; position:relative; height:100vh;}
#vissual{width:100%;z-index:100; }
.title-zone{padding:0;text-align:center;position:relative;}
.mainV .title-zone{width:100%; padding:0; height:100vh;}
.mainV .title-zone .visual{margin: 0 auto;width:100%; max-width: 1980px; height:100vh;display:table;}
.mainV .title-zone .visual .inner{display:table-cell; vertical-align: middle; text-align:center}
.mainV .bg-img{display:none;}

.visual-section{width:100%;position:absolute;left:0; }
.visual h1.tit{width:100%; max-width:1280px; margin:95px auto 15px auto; text-align:center; padding-left:1px; font-size:52px;color:#fff; line-height:45px; font-weight:500; display:none;-webkit-animation:move 0.8s ease;-moz-animation:move 0.8s ease;-o-animation:move 0.8s ease;-ms-animation:move 0.8s ease;animation:move 0.8s ease;}
.visual h1.tit strong{color:#fff; font-weight:700; text-shadow: 0 0 10px rgb(150 150 150 / 50%);}
.visual h2.tit{width:100%; margin:0 auto 15px auto; max-width:1280px; text-align:center; padding-left:1px; font-size:34px; line-height:91px; font-weight:200; letter-spacing: -0px; color:#fff; display:none; -webkit-animation:move 1.4s ease;-moz-animation:move 1.4s ease;-o-animation:move 1.4s ease;-ms-animation:move 1.4s ease;animation:move 1.4s ease; text-shadow: 0 0 10px rgb(150 150 150 / 50%);}
.visual h2.tit strong{color:#568db0;}

.view .visual .tit{display:block;}

.visual .micon_box{ max-width:800px; margin:50px auto;display:none; -webkit-animation:move 1.8s ease;-moz-animation:move 1.8s ease;-o-animation:move 1.8s ease;-ms-animation:move 1.8s ease;animation:move 1.8s ease;}
.visual .micon_box li{border-radius:50%; border:5px solid rgba(255,255,255,0.6); }
.visual .micon_box p{ width:115px; height:115px; text-align:center; padding-left:1px; font-size:18px;color:#fff; line-height: 115px; font-weight:500; }

.view .visual .micon_box{display:block; display: flex; justify-content: space-between;}

@-webkit-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-moz-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-o-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-ms-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}

@-webkit-keyframes move1 {
	0% {transform:translateX(100px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@-moz-keyframes move1 {
	0% {transform:translateX(100px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@-o-keyframes move1 {
	0% {transform:translateX(100px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@-ms-keyframes move1 {
	0% {transform:translateX(100px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@keyframes move1 {
	0% {transform:translateX(100px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}

.indicator{width:100%;position:absolute; bottom:3%;left:0%; display:inline-block; text-align:center; z-index:10;}
.btngroup{display:inline-block;vertical-align:top;font-size:0;}
.btngroup li{display:none;font-size:0; margin:-4px 0 0 0}
.btngroup li.on{display:block;}
.btngroup .btn button{background:url(/img/bt.png) no-repeat 0 0; }
.btngroup .play button{width:8px;height:16px;background-position:-53px 0; font-size:0px; text-indent:-9999px; border:none; display:none}
.btngroup input[type='button']{font-size:0px;}
.btngroup .stop button{width:17px;height:16px;background-position:-73px 0; font-size:0px; text-indent:-9999px; border:none; display:none}
.btngroup-num{display:inline-block;vertical-align:top;font-size:0;}
.btngroup-num:after{display:block;clear:both;content:""}
.btngroup-num li{margin:0;font-size:0;float:left; width:36px; text-align:center; vertical-align:middle}
.btngroup-num li a{width:16px;height:16px;display: inline-block;text-indent:-999em; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; background:rgba(255,255,255,0.5); }
.btngroup-num li.on a{ width:16px; height:16px; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; background:rgba(255,255,255,1); margin-top:0px;}



.mainV .scroll-icon{position:absolute; bottom:32px; left:50%; width:250px; margin-left:470px; z-index:999;}
.mainV .scroll-icon p{ font-size:20px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:26px; text-align:left;}
.mainV .scroll-icon p img{ margin-top:-8px;}



@media screen and (max-width:1320px){
.visual h1.tit{width:100%; max-width:1280px; margin:95px auto 15px auto; text-align:center; padding-left:1px; font-size:48px;color:#fff; line-height:45px; font-weight:500;}
.visual h1.tit strong{color:#fff; font-weight:700; }
.visual h2.tit{width:100%; margin:0 auto 15px auto; max-width:1280px; text-align:center; padding-left:1px; font-size:28px; line-height:91px; }
}

@media screen and (max-width:1024px){

}

@media screen and (max-width:767px){
	.mainV .title-zone .visual {
    height: 65vh;
}
.visual h1.tit{width:100%; max-width:1280px; margin:95px auto 15px auto; text-align:center; padding-left:1px; font-size:28px;color:#fff; line-height:35px; font-weight:500;}
.visual h1.tit strong{color:#fff; font-weight:700; }
.visual h2.tit{width:100%; margin:0 auto 15px auto; max-width:1280px; text-align:center; padding-left:1px; font-size:18px; line-height:31px; }
.visual .micon_box{ max-width:90%;}
.visual .micon_box li{border-radius:50%; border:3px solid rgba(255,255,255,0.6); }
.visual .micon_box p {
    width: 65px;
    height: 65px;
    text-align: center;
    padding-left: 1px;
    font-size: 14px;
    color: #fff;
    line-height: 65px;
    font-weight: 500;
}
}
/**
#header #gnb nav>ul{margin-left:10%;}
#header #gnb nav>ul>li{width:6.5%;padding-top:18px;font-size:18px;line-height:100px;display:inline-block;vertical-align:top;}
#header #gnb nav>ul>li>a:after{width:0;height:4px;display:block;content:"";position:absolute;left:50%;bottom:0;background:#d61518;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
#header #gnb nav>ul>li>a{color:rgba(255,255,255,1);display:block;font-weight:600;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

#header #gnb nav>ul>li>a:hover{color:#d61518;border-bottom:solid 1px #d61518;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

#header #gnb nav>ul>li:nth-child(3), #header #gnb nav>ul>li:nth-child(4){width:8.8%;}


#header #gnb nav>ul>li>div.subnav{padding:40px 0;position:absolute;left:0;right:0;top:auto;background:rgba(0,0,0,0.6);font-size:0;display:none;}
#header #gnb nav>ul>li>div.subnav ul{max-width:50%;margin:0 auto; clear:both;margin-left:31%; overflow:hidden;}
#header #gnb nav>ul>li>div.subnav>ul>li{padding:0 30px;display:block;vertical-align:top;line-height:180%;text-align:left;float:left;position:relative;}
#header #gnb nav>ul>li>div.subnav>ul>li a{color:rgba(255,255,255,0.6);line-height:180%;font-size:16px;font-weight:400;}
#header #gnb nav>ul>li>div.subnav>ul>li a:hover{color:rgba(255,255,255,1);}

#header #gnb nav>ul>li:nth-child(2)>div.subnav>ul>li{left:14%;}
#header #gnb nav>ul>li:nth-child(3)>div.subnav>ul>li{left:10%;}
#header #gnb nav>ul>li:nth-child(4)>div.subnav>ul>li{left:45%;}
#header #gnb nav>ul>li:nth-child(7)>div.subnav>ul>li{left:51%;}


#header  .intra{right:10%;padding: 10px 30px; position:absolute;top:45px;color: #fff; font-size:15px;font-weight: 400 !important; display:block;background:#d61518;border-radius: 30px;cursor: pointer;}
#header  .intra:hover{background:#000;}
#header  .intra a{color: #fff;}

#header #gnb .bar{width:6%;height:0;left:0.5%;position:absolute;bottom:0;font-size:0;background:#d61518;display:none;z-index:-1;}
**/