@charset "utf-8";
#main-wrap {}

/* -------- 메인비쥬얼 -------- */
.floor1Wr {position:relative;z-index:0}
.floor1Wr .inwr {}
#mVis {position:relative;z-index:0;}
#mVis .dList {position:relative;z-index:0;}
#mVis .dUtil {position:absolute;width:100%;left:0;bottom:210px;z-index:1;text-align:center;font-size:0;line-height:1}
#mVis .dUtil div {display:inline-block;vertical-align:middle;font-size:0}
#mVis .dUtil button {display:inline-block;width:20px;height:20px;box-sizing:border-box;position:relative;border:0;background:transparent;transition:all .3s ease}
#mVis .dUtil button:after {content:"";display:block;position:absolute;box-sizing:border-box;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#mVis .dUtil .dDots {margin:0 19px 0 0;}
#mVis .dUtil .dDots button {}
#mVis .dUtil .dDots button:after {width:14px;height:14px;border-radius:999px;border:1px solid #fff}
#mVis .dUtil .dDots button.active {width:40px}
#mVis .dUtil .dDots button.active:after {width:34px;background:#fff}
#mVis .dUtil .dNavi {}
#mVis .dUtil .dNavi button:after {width:8px;height:8px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff}
#mVis .dUtil .dNavi .owl-prev {}
#mVis .dUtil .dNavi .owl-prev:after {transform:rotate(45deg)}
#mVis .dUtil .dNavi .owl-next {}
#mVis .dUtil .dNavi .owl-next:after {transform:rotate(225deg)}
#mVis .owl-item {overflow:hidden}
#mVis .item {text-align:center;height:700px}
#mVis .item .txt {max-width:1400px;margin:0 auto;box-sizing:border-box;padding:200px 20px 0;position:relative;z-index:1}
#mVis .item .txt p {display:block;word-wrap:break-word;word-break:keep-all;white-space:normal;color:#fff}
#mVis .item .txt .msg1 {font-size:80px;letter-spacing:0;font-weight:700;line-height:1.1;text-shadow:2px 2px 5px rgba(0, 0, 0, .3)}
#mVis .item .txt .msg1 em {font-style:normal;color:#00ffea}
#mVis .item .txt .msg2 {font-size:33px;letter-spacing:-.05em;line-height:1.2;font-weight:500;margin:25px 0 0;text-shadow:2px 2px 5px rgba(0, 0, 0, .3), 0 0 5px rgba(0, 0, 0, .3)}
#mVis .item .img {position:absolute;width:100%;height:100%;left:0;top:0;z-index:0}
#mVis .item .img img {display:block;position:absolute;width:2393px;left:50%;top:0;transform:translateX(-50%)}
#mQuick {position:relative;max-width:1400px;width:auto;margin:0 auto;z-index:1;}
#mQuick .dList {position:absolute;width:100%;left:0;bottom:62px;}
#mQuick .dList ul {display:block;font-size:0}
#mQuick .dList li {display:inline-block;width:22.8571%;margin:0 2.8572% 0 0;}
#mQuick .dList li:last-child {margin:0;}
#mQuick .dList li a {display:block;border-radius:10px;line-height:1;text-align:center;line-height:100px;transition:all .3s ease;}
#mQuick .dList li a:before {content:"";display:inline-block;width:80px;height:80px;vertical-align:middle;background:url(/gobal/_Img/Main/main_spr.png) no-repeat}
#mQuick .dList li a .txt {display:inline-block;line-height:1;font-size:20px;color:#fff;vertical-align:middle;}
#mQuick .dList li:nth-child(odd) a {background:#4698ca}
#mQuick .dList li:nth-child(even) a {background:#309ead}
#mQuick .dList li.n01 a:before {background-position:0 0}
#mQuick .dList li.n02 a:before {background-position:-90px 0}
#mQuick .dList li.n03 a:before {background-position:-180px 0}
#mQuick .dList li.n04 a:before {background-position:-270px 0}
@media all and (max-width:1440px) {
	#mQuick {margin:0 20px;}
}
@media all and (max-width:1299px) {
	#mVis .item {height:490px}
	#mVis .item .img img {width:1675px}
	#mVis .item .txt {margin:0;padding:130px 20px 0}
	#mVis .item .txt .msg1 {font-size:50px;letter-spacing:-.05em}
	#mVis .item .txt .msg2 {font-size:30px;letter-spacing:-.05em;margin:15px 0 0}
	#mVis .dUtil {bottom:140px}
	#mQuick .dList {bottom:20px;}
	#mQuick .dList li {width:24%;margin:0 1.3333% 0 0;}
	#mQuick .dList li:last-child {margin:0;}
}
@media all and (max-width:1199px) {
	#mVis .item .txt {padding:150px 20px 0;}
	#mVis .dUtil {bottom:110px;}
	#mQuick .dList li a {line-height:70px}
	#mQuick .dList li a:before {width:56px;height:56px;background-size:245px auto}
	#mQuick .dList li.n01 a:before {background-position:0 0}
	#mQuick .dList li.n02 a:before {background-position:-63px 0}
	#mQuick .dList li.n03 a:before {background-position:-126px 0}
	#mQuick .dList li.n04 a:before {background-position:-189px 0}
}
@media all and (max-width:899px) {
	#mVis .item {height:392px}
	#mVis .item .img img {width:1340px}
	#mVis .item .txt {padding:110px 20px 0;}
	#mVis .item .txt .msg1 {font-size:40px;}
	#mVis .item .txt .msg2 {font-size:26px;margin:10px 0 0}
	#mVis .dUtil {bottom:100px;}
	#mQuick .dList li a {line-height:60px}
}
@media all and (max-width:799px) {
	#mVis .item .txt {padding:140px 20px 0;}
	#mVis .dUtil {bottom:20px;}
	#mQuick {padding:20px 0 0}
	#mQuick .dList {position:relative;left:auto;bottom:auto}
	#mQuick .dList li {width:49%;margin:0 2% 10px 0;}
	#mQuick .dList li:nth-child(2n) {margin-right:0;}
	#mQuick .dList li:last-child {margin:0;}
	#mQuick .dList li:nth-child(1) a {background:#4698ca}
	#mQuick .dList li:nth-child(2) a {background:#309ead}
	#mQuick .dList li:nth-child(3) a {background:#309ead}
	#mQuick .dList li:nth-child(4) a {background:#4698ca}
}
@media all and (max-width:599px) {
	#mVis .item {height:274px}
	#mVis .item .img img {width:938px}
	#mVis .item .txt {padding:100px 20px 0;}
	#mVis .item .txt .msg1 {font-size:30px;}
	#mVis .item .txt .msg2 {font-size:18px;margin:5px 0 0}
	#mVis .dUtil .dDots {margin:0 10px 0 0;}
	#mQuick .dList li a {line-height:60px}
	#mQuick .dList li a .txt {font-size:17px}
	#mQuick .dList li a:before {width:39px;height:39px;background-size:171px auto}
	#mQuick .dList li.n01 a:before {background-position:0 0}
	#mQuick .dList li.n02 a:before {background-position:-44px 0}
	#mQuick .dList li.n03 a:before {background-position:-88px 0}
	#mQuick .dList li.n04 a:before {background-position:-132px 0}
}
@media all and (max-width:499px) {
	#mVis .item {height:192px}
	#mVis .item .img img {width:657px}
	#mVis .item .txt {padding:60px 20px 0;}
	#mVis .item .txt .msg1 {font-size:24px;}
	#mVis .item .txt .msg2 {font-size:17px;margin:5px 0 0}
	#mVis .dUtil {bottom:10px;}
	#mVis .dUtil .dDots button.active {width:20px}
	#mVis .dUtil .dDots button.active:after {width:14px;background:#fff}
	#mQuick {padding:10px 0 0;}
}
@media all and (max-width:399px) {
	#mQuick .dList li a {line-height:50px}
	#mQuick .dList li a .txt {font-size:15px}
}

/* -------- 게시판 -------- */
.floor2Wr {padding:98px 0 124px}
.floor2Wr .inwr {max-width:1400px;margin:0 auto}
.floor2Wr .inwr:after {content:"";display:block;clear:both}
.floor2Wr .dBbs {display:block;float:left;width:50%;box-sizing:border-box;position:relative;}
.floor2Wr .dTit {display:inline-block;font-size:43px;color:#333;letter-spacing:0;line-height:1.2}
.floor2Wr .dLst {display:block;margin:57px 0 0;}
.floor2Wr .dLst li {display:block;margin:0 0 19px;}
.floor2Wr .dLst li:last-child {margin:0;}
.floor2Wr .dLst li a {display:block;box-sizing:border-box;position:relative;padding:5px 100px 5px 11px;}
.floor2Wr .dLst li a:before {content:"";display:block;position:absolute;width:3px;height:3px;border-radius:50%;background:#333;left:0;top:16px;}
.floor2Wr .dLst li a span {display:block;line-height:1.2;font-size:18px;letter-spacing:-.025em;}
.floor2Wr .dLst li a .subj {width:auto;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.floor2Wr .dLst li a .date {position:absolute;right:0;top:5px;}
.floor2Wr .dLst li a:hover .subj {text-decoration:underline}
.floor2Wr .dMore {display:block;position:absolute;width:69px;height:69px;border-radius:10px;right:0;top:0px}
.floor2Wr .dMore:before,
.floor2Wr .dMore:after {content:"";display:block;position:absolute;width:27px;height:3px;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff;transition:all .3s ease}
.floor2Wr .dMore:before {}
.floor2Wr .dMore:after {transform:rotate(90deg)}
.floor2Wr .dMore:hover:before {transform:rotate(90deg)}
.floor2Wr .dMore:hover:after {transform:rotate(180deg)}
#mBbs1 {padding:0 35px 0 0;}
#mBbs1 .dMore {background:#4698ca;right:35px;}
#mBbs2 {padding:0 0 0 35px;}
#mBbs2 .dMore {background:#309ead}
@media all and (max-width:1440px) {
	.floor2Wr .inwr {margin:0 20px;}
}
@media all and (max-width:1299px) {
	.floor2Wr {padding:50px 0}
	.floor2Wr .dLst {margin:30px 0 0;}
	.floor2Wr .dMore {top:-10px;}
	#mBbs1 {padding:0 20px 0 0;}
	#mBbs1 .dMore {right:20px;}
	#mBbs2 {padding:0 0 0 20px;}
}
@media all and (max-width:1099px) {
	.floor2Wr .dMore {width:50px;height:50px;top:2px;}
}
@media all and (max-width:999px) {
	.floor2Wr .dTit {font-size:30px}
	.floor2Wr .dLst {margin:20px 0 0;}
	.floor2Wr .dMore {top:-8px;}
	.floor2Wr .dLst li {display:block;margin:0 0 10px}
}
@media all and (max-width:899px) {
	.floor2Wr .dBbs {width:100%}
	.floor2Wr .dLst {margin:15px 0 0;}
	.floor2Wr .dMore {width:40px;height:40px;top:-1px;border-radius:5px;}
	.floor2Wr .dMore:before,
	.floor2Wr .dMore:after {width:20px;height:2px}
	#mBbs1 {padding:0;margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #ddd;}
	#mBbs1 .dMore {right:0}
	#mBbs2 {padding:0}
}
@media all and (max-width:599px) {
	.floor2Wr {padding:15px 0 20px;}
	.floor2Wr .dTit {font-size:20px}
	.floor2Wr .dLst {margin:5px 0 0;}
	.floor2Wr .dLst li {margin:0 0 5px;}
	.floor2Wr .dLst li a {padding:5px 90px 5px 10px;}
	.floor2Wr .dLst li a:before {top:14px;}
	.floor2Wr .dLst li a span {font-size:16px}
	.floor2Wr .dMore {width:30px;height:30px;top:-4px;}
}
@media all and (max-width:399px) {
	.floor2Wr .dLst li {margin:0;}
	.floor2Wr .dLst li a {padding:5px 0 5px 10px;}
	.floor2Wr .dLst li a .date {position:relative;right:auto;top:auto;font-size:14px;color:#777;margin:2px 0 0;}
}

/*FROM SITE CODE :  
*/