@charset "utf-8";
/* CSS Document */



/* =======================================* 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:735px;}
#vissual{width:100%;z-index:100; }
.title-zone{padding:0;text-align:center;position:relative;}
.mainV .title-zone{width:100%; padding:0; height:735px;}
.mainV .title-zone .visual{width:100%;height:735px;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:1200px; margin:35px auto; text-align:left; font-size:60px;color:#f15a23; line-height:60px; font-weight:400; 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 h2.tit{width:100%; margin:0 auto 25px auto; max-width:1200px; text-align:left; font-size:50px; line-height:50px; font-weight:400; letter-spacing: -1px; color:#000; 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;}
.visual h3.tit{width:100%; margin:0 auto 15px auto; max-width:1200px; text-align:left; letter-spacing: -1px; font-size:32px; line-height:50px; font-weight:400; color:#535353; display:none; -webkit-animation:move 1.9s ease;-moz-animation:move 1.9s ease;-o-animation:move 1.9s ease;-ms-animation:move 1.9s ease;animation:move 1.9s ease;}
.visual h4.tit{width:100%; margin:0 auto; max-width:1200px; text-align:left;  font-size:18px; line-height:26px; font-weight:400; color:#535353; display:none; -webkit-animation:move 2.4s ease;-moz-animation:move 2.4s ease;-o-animation:move 2.4s ease;-ms-animation:move 2.4s ease;animation:move 2.4s ease;}
.visual h5.tit{width:100%; max-width:1200px; margin:0 auto 15px auto; text-align:left; padding-left:130px; font-size:60px;color:#0066b3; line-height:60px; font-weight:400; 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 p.tit{width:100%; margin:0 auto 35px auto; max-width:1200px;text-align:left;  margin-top:40px; display:none; -webkit-animation:move1 2.4s ease-in;-moz-animation:move1 3.4s ease-in;-o-animation:move1 2.4s ease-in;-ms-animation:move1 2.4s ease-in;animation:move1 2.4s ease-in;}

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


@-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:16px; font-weight:400; border: 1px solid #ff053f; float:left; padding:9px 25px; margin-left:5px; text-align:center; vertical-align:middle}
.btngroup-num li a{/*display: inline-block;*/text-indent:-999em;   }
.btngroup-num li.on{ background:#ff053f;  margin-top:0px;}
.btngroup-num li.on a{color:#fff!important;}


.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;}



/* =======================================* 게시판 및 배너들 *========================================================= */

.contacnt04{margin:0 auto; padding:70px 0; width:100%; clear:both; overflow:hidden; }

.contacnt04 .box01{float:left; margin:0; padding:0; }
.contacnt04 .box01 .left{float:left; width:780px; height:230px; margin:0 0 0 0; padding:32px; border:1px solid #dc0032; background-color:#fff;}
.contacnt04 .box01 .left li{width:120px; float:left; margin:10px 28px;}
.contacnt04 .box01 .left p{width:120px; height:120px; border-radius:50%; margin:0; padding:25px;  overflow:hidden;background-color:#dc0032;}
.contacnt04 .box01 .left p:hover{width:120px; height:120px; border-radius:50%; margin:0; padding:25px;  overflow:hidden;background-color:#bb133f;}
.contacnt04 .box01 .left span{text-align:center; font-size:18px; line-height:26px;padding-top:15px; font-weight:600; height:35px; display:table; margin-left:auto; margin-right:auto;}

.contacnt04 .box01 .Right{margin:0; width:418px; height:230px; background:#dc0032;}
.contacnt04 .box01 .Right li{padding:45px 35px;}