@charset "utf-8";



/*mainVisual*/
#mainVisual { width:100%; height:950px; overflow:hidden; position:relative; /* transition:height .3s;  */}
.visual { width:100%;  /* height:100%;  *//* transition:height .3s; */ }
.visual > li { width:100%;/*  height:100%; */ position:relative; }
.visual > li .img { width:100%; /* height:100%; */ position:absolute; top:0; left:0; z-index:-1; animation:vsImg 6.0s ease-in-out; -webkit-animation:vsImg 6.0s ease-in-out; -moz-animation:vsImg 6.5s ease-in-out; }
.visual .img > img { position: absolute; top:-9999px; bottom:-9999px; right: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height:100%; }



@keyframes vsImg {
	0% { transform:scale(1.1); }
	100% { transform:scale(1); }
}
@-webkit-keyframes vsImg {
	0% { -webkit-transform:scale(1.1); }
	100% { -webkit-transform:scale(1); }
}
@-moz-keyframes vsImg {
	0% { -moz-transform:scale(1.1); }
	100% { -moz-transform:scale(1); }
}

@keyframes vsTxt {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:1; }
}
@-webkit-keyframes vsTxt {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:1; }
}
@-moz-keyframes vsTxt {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:1; }
}

@keyframes vsTxt2 {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:0.5; }
}
@-webkit-keyframes vsTxt2 {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:0.5; }
}
@-moz-keyframes vsTxt2 {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:0.5; }
}



#mainVisual .ntitle { overflow:hidden; position:absolute; top:270px; left:50%; right:50%; margin-left:-500px; width:100%; color:#fff;  z-index:99;  }
#mainVisual .ntitle dl{font-family: 'Russo One', sans-serif;line-height:100%;}
#mainVisual .ntitle dl dt{font-size:80px;line-height:100%;margin-bottom:15px; animation:vsTxt 1s; -webkit-animation:vsTxt 1s; -moz-animation:vsTxt 1s; }


#mainVisual .ntitle02 { overflow:hidden; position:absolute; top:270px; left:50%; right:50%; margin-left:-490px; width:100%; color:#fff;  z-index:99;  }
#mainVisual .ntitle02 dl{font-family: 'Russo One', sans-serif;line-height:100%;}
#mainVisual .ntitle02 dl dt{font-size:80px;line-height:100%;margin-bottom:15px; animation:vsTxt 1s; -webkit-animation:vsTxt 1s; -moz-animation:vsTxt 1s; }


#mainVisual .ntitle03 { overflow:hidden; position:absolute; top:270px; left:50%; right:50%; margin-left:-650px; width:100%; color:#fff;  z-index:99;  }
#mainVisual .ntitle03 dl{font-family: 'Russo One', sans-serif;line-height:100%;}
#mainVisual .ntitle03 dl dt{font-size:80px;line-height:100%;margin-bottom:15px; animation:vsTxt 1s; -webkit-animation:vsTxt 1s; -moz-animation:vsTxt 1s; }



@media screen and (max-width:1100px) {
	#mainVisual .ntitle { top:40%; left:20px; margin-left:0;}
	#mainVisual .ntitle dl dt{font-size:3.5em;}
	#mainVisual .ntitle dl dd{font-size:2.2em;}

	#mainVisual .ntitle02 { top:40%; left:20px; margin-left:0;}
	#mainVisual .ntitle02 dl dt{font-size:3.5em;}
	#mainVisual .ntitle02 dl dd{font-size:2.2em;}

	#mainVisual .ntitle03 { top:40%; left:20px; margin-left:0;}
	#mainVisual .ntitle03 dl dt{font-size:3.5em;}
	#mainVisual .ntitle03 dl dd{font-size:2.2em;}

}
@media screen and (max-width:550px) {
	#mainVisual .ntitle { left:30px; }
	#mainVisual .ntitle dl dt{ font-size:2.5em; margin-bottom:10px;}
	#mainVisual .ntitle dl dt img { width:80%;}
	#mainVisual .ntitle dl dd{ font-size:1.7em; margin-bottom:10px;}

	#mainVisual .ntitle02 { left:30px; }
	#mainVisual .ntitle02 dl dt{ font-size:2.5em; margin-bottom:10px;}
	#mainVisual .ntitle02 dl dt img { width:80%;}
	#mainVisual .ntitle02 dl dd{ font-size:1.7em; margin-bottom:10px;}

	#mainVisual .ntitle03 { left:30px; }
	#mainVisual .ntitle03 dl dt{ font-size:2.5em; margin-bottom:10px;}
	#mainVisual .ntitle03 dl dt img { width:85%;}
	#mainVisual .ntitle03 dl dd{ font-size:1.7em; margin-bottom:10px;}

}



#subVisual { width:100%; height:460px;  overflow:hidden; position:relative; text-align:center; /*animation:slideDown .8s; -webkit-animation:slideDown .8s; -moz-animation:slideDown .8s;*/ }
@keyframes slideDown {
	0% { height:0; }
	100% { height:460px; }
}
@-webkit-keyframes slideDown {
	0% { height:0; }
	100% { height:460px; }
}
@-moz-keyframes slideDown {
	0% { height:0; }
	100% { height:460px; }
}
#subVisual img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; z-index:-1; }
#subVisual h2 { margin-top:210px; font-weight:900; color:#fff; font-size:60px; line-height:100%; }
#subVisual h3 { margin-top:20px; font-weight:600; color:#fff; font-size:20px; line-height:100%; }
#sub_lnb { text-align:center; margin-top:20px; overflow:hidden; font-size:0; }
#sub_lnb li { display:inline-block; *display:inline; zoom:1; font-size:20px; color:#fff;  padding-bottom:35px;}
#sub_lnb li:before { content:"/"; margin:0 25px; }
#sub_lnb li:first-child:before { display:none; }
#sub_lnb li a { color:#fff; position:relative; display:inline-block; }
#sub_lnb li.on a { text-decoration:underline; font-weight:700; }
#sub_lnb li a i { display:none; }
#sub_lnb li.on a i { display:block; position:absolute; left:0; bottom:-35px; width:100%; animation:iconHover .7s infinite alternate; -webkit-animation:iconHover .7s infinite alternate; -moz-animation:iconHover .7s infinite alternate; }
@keyframes iconHover {
	0% { color:#4ba4e9; }
	100% { color:#fff; }
}


@media screen and (max-width:1100px) {
	/* common */
	#subVisual {  height:350px; animation:none; -webkit-animation:none; -moz-animation:none; transition:height .3s; -webkit-transition:height .3s; -moz-transition:height .3s; }
	#subVisual img { height: 100%; }
	#subVisual h2 { margin-top:150px; font-size:50px;  }
	#subVisual h3 { margin-top:20px; font-size:18px;  }
	#sub_lnb { margin-top:10px; }
	#sub_lnb li { font-size:16px; padding-bottom:25px;}
	#sub_lnb li:before { margin:0 15px; }
	#sub_lnb li.on a i {  bottom:-25px;  }
	.sub3 fieldset { margin:20px auto 0; max-width:380px; width:80%; height:60px; }
	.sub3 fieldset input { width:calc(100% - 50px); }
}




/*quickMenu*/
.quick { position:fixed; right:15px; top:98px; z-index:222; }
.quick li { margin-bottom:1px; }
.quick li a { display:block; width:60px; height:60px; background:#30363a; text-indent:-99999px; }
.quick li:hover a { background:#64bbb6 !important; text-indent:0; text-align:center; line-height:60px; color:#fff; font-size:13px;  }
.quick li:first-child a { background:#30363a url(../img/icon1.gif) no-repeat center; }
.quick li:nth-child(2) a { background:#30363a url(../img/icon2.gif) no-repeat center; }
.quick li:nth-child(3) a { background:#30363a url(../img/icon3.gif) no-repeat center; }
.quick li:nth-child(4) a { background:#30363a url(../img/icon4.gif) no-repeat center; }
.quick li.last a { background:#30363a url(../img/icon_quick31.gif) no-repeat center; }








.line02{margin:0 auto; width:100px; border-top:3px solid #64BBB6; padding:0 0 20px 0;}








/*
|---------------------------------------------------------|

                      ↓ 게시판 ↓

|---------------------------------------------------------|
*/


/* 게시판 기본 */
.view{display:none;}/* 모바일접속시 노출(작성자,조회수) */

.rain_bo .bg{background-color:#999; color:#fff;}/* 헤더 배경 */
.rain_bo  {color:#000; } /* 기본 글자색 */
.rain_bo .table, a{color:#000; font-size:15px;} /* 제목 글자색 */
.rain_bo .table a:hover{color:#64bbb6;} /* 제목 오버 글자색 */

.rain_bo .table-bordered td,.table-bordered th{border:1px solid #767676 !important;} /* 선색 */
.rain_bo .table td{border-top:0px solid #ddd !important; padding:12px 0 11px !important;} /* 메인 + 상세페이지 선색 */
.rain_bo hr{border-top:1px solid #767676 !important;}/* 구분 선색 */

.rain_bo .btn-default{background-color:#fff; color:#000 !important; border:0px solid #ddd !important;}/* 버튼색상 */
.rain_bo .btn-default:hover{background-color:#fff !important; !important; border:0px solid #1a7bbe !important;}/* 버튼 오버색상 */
.rain_bo .btn{border-radius:0px; padding:5px 8px; border:0px;}/* 버튼 패딩 */
.rain_bo .table, tr th{text-align:center;}/* 정렬 */

/* 게시판 번호 */
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#000 !important;text-decoration:none;background-color:#fff;border:1px solid #ddd}


/* 게시판 인풋 */
.rain_bo .form-control{display:block; font-size:13px; width:100%; height:32px !important; padding:2px 12px !important;line-height:1.42857143;color:#555;
background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:0 !important;
.px;-webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.075)!important;box-shadow:inset 0 0px 0px rgba(0,0,0,.075)!important;
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.rain_bo .rain .form-control:focus{border-color:#1a7bbe !important;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}

.rain_bo .required{background-color:#f5f5f5 !important;}/* 인풋 필수항목 배경새 */
.rain_bo .form-control-feedback{right:20px !important;}/* 인풋 우측아이콘 위치 */
.rain_bo textarea{min-height:200px; font-size:13px;}/* 내용박스 최소높이 */

#exampleInputFile{width:100%; height:32px;}/* 첨부파일 */
.FileInput { width:100%; height:32px; }


/*그라데이션*/
.rain_bo .gra{
background: -moz-linear-gradient(top,  rgba(0,0,0,0.10) 0%, rgba(0,0,0,0) 0%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 0%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 0%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}

/*게시판 최근게시물*/
.basic li{padding:5px 0; margin:0; font-family: 'Nanum Gothic', sans-serif !important;}
.basic a:hover{color:#1a7bbe; }