@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

#wBody {width: 100%; height: 100%; overflow: hidden; position: relative; min-height: 768px;}
.mainSection {left: 0px; top:0; width: 100%; height: 100%; overflow: hidden; position: absolute;}
.mainVisDiv {top: 0px;}
.mainVisDiv .visArea {	width: 100%; height: 100%; overflow: hidden; position: relative;}
.mainVisDiv .visArea .visual {left: 100%; top: 0px; width: 100%; height: 100%; position: absolute;}
.mainVisDiv .visArea .visual .videoDiv {left: 0px; top: 0px; width: 100%; position: absolute;}
.mainVisDiv .visArea :nth-child(1).visual {background: url("../img/images/main/main001.jpg") no-repeat center / cover; left: 0px;}
.mainVisDiv .visArea .visual .txtDiv {	margin: 0px auto; width: 100%; height: 100%; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; position: relative;}
.mainVisDiv .visArea .visual .txtDiv .inner {	margin: 0px auto; width: 1180px; position: relative;}
.mainVisDiv .visArea .visual .txtDiv .txt1 {	left: 0px; top: 276px; width: 100%; height: 102px; color:#d3d2d1;  text-align: center; overflow: hidden; position: absolute; text-transform:uppercase;}
.mainVisDiv .visArea .visual .txtDiv .txt2 {left: 0px; top: 327px; width: 100%; height: 130px; text-align: center; overflow: hidden; position: absolute; font-size:52px; font-family: 'NanumSquare', sans-serif; font-weight:700;  color:#d3d2d1;}
.mainVisDiv .visArea .visual .txtDiv .txt3 {	top: 470px; width: 100%; text-align: center; position: absolute;  font-family: 'NanumSquare', sans-serif;  color:#d3d2d1; opacity:0.7; font-size:20px; }
.mainVisDiv .visArea .visual .txtDiv .txt3 span{display:block; width:100px; height:2px; background:#e83410; margin:20px auto;}
.mainVisDiv .visArea .visual .txtDiv .txt4 {	top: 560px; width: 100%; text-align: center; position: absolute;  font-family: 'NanumSquare', sans-serif;  color:#d3d2d1; opacity:0.7; font-size:20px; }
.mainVisDiv .visArea .visual .txtDiv .txt5 {	top: 680px; width: 100%; text-align: center;  position: absolute;   width:640px; left:50%; margin-left:-320px; color:#d3d2d1}

.main_quick .quick_01 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_02 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_03 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_04 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_05 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}

.playbtn{  bottom: 100px; margin-left:160px;    left: 45% !important;    right: 0px; cursor:pointer;    position: absolute;    z-index: 100;    opacity: 1;}

.fp-tableCell .slide01{background: url("../img/images/main/main001.jpg") no-repeat center / cover; height: 100%; }
.fp-tableCell .slide02{background: url("../img/images/main/main001-2.jpg") no-repeat center / cover;  height: 100%;}
.fp-tableCell .slide03{background: url("../img/images/main/main001-3.jpg") no-repeat center / cover;  height: 100%;}

.slide01-txt{color:rgba(255,255,255,1);  font-size:18px; width:1200px; margin:0 auto; padding-top:505px; letter-spacing:-0.5px;}
.slide02 .slide01-txt{padding-top:300px; text-align:center}

.slide01-txt p{width:445px; text-align:center; line-height:160%; color:#d6d0cb; padding-left:100px;}
.slide03-txtw{width:700px; margin:0 auto 0; color:#e7e7e8; padding-top:260px; text-align:center; }
.slide03-txtw .slide03-txt01{font-size:24px; opacity:0.7}
.slide03-txtw .slide03-txt02{font-size:200px; text-transform:uppercase; line-height: 100%;  color:#44ff31; mix-blend-mode: overlay;}
.slide03-txtw .slide03-txt03, .slide03-txtw .slide03-txt04{font-size:48px; color:#f4f4ea; font-weight:600; letter-spacing:-1px;opacity:0.9}
.slide03-txtw .slide03-txt04 span{width:95px; margin:10px auto; background:#f4f4ea; height:1px; display:block}

.slide04{position:absolute;     top: 0;}
.slide04-txt01{color:#44ff31;  font-size:24px;letter-spacing:-0.5px; position:absolute; top:250px; left:50%; margin-left:-360px;}
.slide04-txt02{color:#fff;  font-size:34px;  letter-spacing:-0.5px; position:absolute; top:350px; left:50%; margin-left:-500px;}
.slide04 #bg_video {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}


.mainCon1 {background: url("../img/images/main/main002.jpg") no-repeat center / cover;}
.txtDiv {	margin: 0px auto; width: 100%; height: 100%; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; position: relative;}
.txtDiv .inner {	margin: 0px auto; width: 1180px; position: relative; padding-top:240px;}
.txtDiv .txt0 {	 width: 100%; text-align: center; overflow: hidden;  font-size:30px; font-family: 'NanumSquare', sans-serif; font-weight:100;  color:#fff;}
.txtDiv .txt1 {	 width: 100%; text-align: center; overflow: hidden;  font-size:50px; font-family: 'NanumSquare', sans-serif; font-weight:700;  color:#fff;}

.video_box video{position: fixed; right: 0; bottom: 0;
        min-width: 100%; min-height: 100%;
        width: auto; height: auto; z-index: -100;
        background: #999;
        background-size: cover;}

.newsbg{background:rgba(0,0,0,0.3); padding:30px 40px 30px 40px; box-sizing:border-box; margin-top:50px; overflow:hidden}
.newsbg .newslist{float:left; width:390px; margin-right:45px;}
.newsbg .newslist .newstitle{color:#7ccfff; border-top:3px solid #7ccfff; border-bottom:1px solid #9a918c; padding-left:15px; font-size:26px; height:60px; line-height:60px; }
.newsbg .newslist ul li{border-bottom:1px solid #938783; padding:15px; font-size:14px}
.newsbg .newslist ul li span{float:right; font-size:12px; font-weight:normal; letter-spacing:0}
.newsbg .newbanner{width:330px; float:left; text-align:center;}
.newsbg .newstxt2{font-size:13px; font-weight:300; padding:10px 0 0 0 }
.newsbg .newsbtitle{color:#5fd7ff; font-size:18px; text-align:center; padding-top:10px;}
.newsbg .newsbstitle{color:#c3bdbb; font-size:14px; margin-bottom:20px;}
.newsbg .newbimg{width:190px; height:190px; border-radius:100%; margin:0 auto;}
.newsbg .newimg01{background:url(../img/images/main/new01.jpg) no-repeat center -200px;}
.newsbg .newimg02{background:url(../img/images/main/new02.jpg) no-repeat center center;}

.newsbg .newbtn{width:130px; height:35px; line-height:35px; border:1px solid #afa7a3; text-align:center; margin:0 auto; font-size:14px}

.mainCon2 {background: url("../img/images/main/main003.jpg") no-repeat right 30% center / cover;}
.mainCon2 .txtDiv {	margin: 0px auto; width: 100%; height: 100%; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; position: relative;}
.mainCon2 .txtDiv .inner {	margin: 0px auto; width: 1080px; position: relative;}

.prboxw{overflow:hidden; margin-top:140px}
.prboxw .prbox{width:270px; height:280px; float:left; text-align:center; padding:50px 28px 0; letter-spacing:0; box-sizing:border-box}
.prboxw .prbox .prbox1{font-size:11px; text-transform:uppercase}
.prboxw .prbox .prbox2{font-size:18px; padding-bottom:15px;}
.prboxw .prbox .prbox3{font-size:11px; height:120px; opacity:0.8}
.prboxw .prbox .prboxmore{border:1px solid rgba(255,255,255,1); text-align:center; font-size:10px; width:120px; height:25px; line-height:25px; margin:0 auto;}
.prboxw .prbox01{background:url(../img/images/main/pr_01.png) no-repeat; background-size:cover}
.prboxw .prbox02{background:url(../img/images/main/pr_02.png) no-repeat; background-size:cover}
.prboxw .prbox03{background:url(../img/images/main/pr_03.png) no-repeat; background-size:cover}
.prboxw .prbox04{background:url(../img/images/main/pr_04.png) no-repeat; background-size:cover}

.mainCon3 {background: url("../img/images/main/main004.jpg") no-repeat center / cover;}
.mainCon3 .txtDiv {	margin: 0px auto; width: 100%; height: 100%; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; position: relative;}
.mainCon3 .txtDiv .inner {	margin: 0px auto; width: 1180px; position: relative;}
.mainCon3 .txtDiv .txt1 {	left: 0px; top: 257px; width: 100%; height: 130px; text-align: center; overflow: hidden; position: absolute; font-size:40px; font-family: 'NanumSquare', sans-serif; font-weight:700;  color:#fff;}
.mainCon3 .txtDiv .txt2 {left: 0px; top: 350px; width: 100%; height: 130px; text-align: center; overflow: hidden; position: absolute; font-size:18px; font-family: 'NanumSquare', sans-serif; font-weight:500;color:#d4d4d4; line-height:160%}
.mainCon3 .txtDiv .txt2 span{display:block; width:60px; height:1px; background:#a6a4a4; margin:20px auto;}
.mainCon3 .dbbanner{ overflow:hidden; height:350px; width:910px;  left: 50%; top: 497px; position: absolute; margin-left:-455px}
.mainCon3 .dbbanner .s4bw{float:left; overflow:hidden; width:450px;}
.mainCon3 .dbbanner .s4bw > div a{width:220px; height:170px; float:left; margin-right:4px; margin-bottom:4px;  text-align:center; box-sizing:border-box;padding:80px 25px 0 25px; display:block}
.mainCon3 .dbbanner .s4bw span{display:block;}
.mainCon3 .dbbanner .s4bw .s01 a{background: url("../img/images/sec04_01.png") no-repeat center 30px rgba(255,255,255,0.2);}
.mainCon3 .dbbanner .s4bw .s02 a{background: url("../img/images/sec04_02.png") no-repeat center 30px rgba(255,255,255,0.2);}
.mainCon3 .dbbanner .s4bw .s03 a{background: url("../img/images/sec04_03.png") no-repeat center 30px rgba(255,255,255,0.2);}
.mainCon3 .dbbanner .s4bw .s04 a{background: url("../img/images/sec04_04.png") no-repeat center 30px rgba(255,255,255,0.2);}
.mainCon3 .dbbanner .s4bw .title{font-size:24px; color:rgba(255,255,255,1);}
.mainCon3 .dbbanner .s4bw .stitle{font-size:12px; color:#b4b4b4;}

.mainCon3 .dbbanner .sbw{float:right; height:344px; width:460px; background:  url("../img/images/sec04_sbg.png"); color:rgba(255,255,255,1); padding:120px 0 0 30px; box-sizing:border-box; background-size:cover;}
.mainCon3 .dbbanner  .sbw .sbw-title{font-size:24px; margin-bottom:15px}
.mainCon3 .dbbanner  .sbw .sbw-stitle{font-size:12px; color:#b4b4b4; width:255px;} 
.mainCon3 .dbbanner  .sbw .sbwbtn a{display:block; width:145px; height:35px; border:1px solid rgba(255,255,255,0.5); ; 
color:#918d89; line-height:35px; font-size:15px; background: url("../img/images/mplus.png") no-repeat 90px center rgba(0,0,0,0.3); padding-left:45px; box-sizing:border-box; margin-top:10px;}


.scrollBt {left: 50%; bottom:50px; position:absolute; transform: translate(-50%, 0px); z-index:2;}
.mVisArea {display: none;}
.mainIndi {	background: url("../img/images/main/mainIndi_bg.png") repeat-y 50% 50%; top: 0px; width: 19px; height: 100%; right: 61px; position: absolute; z-index: 1100;}
.mainIndi .indiDiv {	top: 50%; right: 0px; position: absolute; transform: translateY(-50%);}
.mainIndi li {	margin: 5px 0px 5px; text-align: center; height:30px;}
.mainIndi li:last-child {	margin-bottom: 0px;}
.mainIndi li a {	background: rgb(255, 255, 255); border-radius: 5px; width: 11px; height: 11px; display: inline-block; position: relative;}
.mainIndi li.on a {background: url("../img/images/main/main_indi_on.png") no-repeat center center; width: 27px; height: 27px;}


.mobileBtn {display: none;}

#footer {background: rgb(57, 57, 57); width: 100%; height: 203px; z-index: 10;}
.main#footer {left: 0px; width: 100%; height: 203px; bottom: -203px; position: absolute;}

@media all and (max-width:1240px)
{
#headerW .gnbDiv {
	display: none;
}
#headerW .utilDiv {
	display: none;
}
#subBody .subVisual {
	background-size: cover;
}
#subBody .subVisual .visualTxt {
	width: 100%;
}
.subWrap {
	padding: 0px 3% 150px;
}
.tabArea {
	width: 100%;
}
.tabBtn {
	width: 100%;
}
.tabArea .tabCon {
	width: 100%;
}
.allMenu ul {
	width: 900px;
}
.allMenu ul li {
	padding-left: 90px;
}
.mainSection {
	top: auto !important; position: relative;
}
.main#footer {
	left: auto; bottom: auto; position: relative;padding: 0;
}
#wBody {
	overflow: visible;
}
.mobileBtn {
	display: none;
}
.mainIndi {
	display: none;
}
.mainVisDiv .visArea {
	
}
.mainVisDiv .mVisArea {
	height: 100%; display: block; position: relative;
}
.mainVisDiv .mVisArea .visual {
	height: 100%; position: relative;
}
.mainVisDiv .mVisArea :nth-child(1).visual {
	background: url("../img/images/main/mainVis1_m.jpg") no-repeat center / cover; left: 0px;
}
.mainVisDiv .mVisArea :nth-child(2).visual {
	background: url("../img/images/main/mainVis2_m.jpg") no-repeat center / cover;
}
.mainVisDiv .mVisArea :nth-child(3).visual {
	background: url("../img/images/main/mainVis3_m.jpg") no-repeat center / cover;
}
.mainVisDiv .mVisArea :nth-child(4).visual {
	background: url("../img/images/main/mainVis4_m.jpg") no-repeat center / cover;
}
.mainVisDiv .mVisArea .visual .txtDiv .mTxt1 {
	top: 150px; width: 100%; text-align: center; display: block; position: absolute;
}
.mainVisDiv .mVisArea .visual .txtDiv .mTxt1 img {
	width: 330px;
}
.mainVisDiv .mVisArea .visual .txtDiv .mTxt2 {
	top: 264px; width: 100%; text-align: center; display: block; position: absolute;
}
.mainVisDiv .mVisArea .visual .txtDiv .mTxt2 img {
	width: 255px;
}
.mainVisDiv .mVisArea .visual .txtDiv .txt3 {
	top: 360px; width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 13px; position: absolute;
}
.mainVisDiv .mVisArea .scrollBt {
	left: 50%; bottom: 0px; position: absolute; z-index: 1; transform: translateX(-50%);
}
.mainVisDiv .mVisArea .scrollBt a img {
	width: 59px;
}
.mainVisDiv .mVisArea .swiper-pagination {
	top: 430px; bottom: auto;
}
.mainVisDiv .mVisArea .swiper-pagination .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.5); border-radius: 0px; width: 10px; height: 10px; opacity: 1;
}
.mainVisDiv .mVisArea .swiper-pagination .swiper-pagination-bullet-active {
	background: rgb(214, 0, 20);
}
.mainVisDiv .visBtn {
	top: 295px; display: none;
}

}
@media all and (max-width:1024px)
{
.mainVisDiv .visArea .scrollBt	{display: none;}
.mainVisDiv .visArea .visual .txtDiv .inner{width:100%; padding:0 10%; box-sizing:border-box}
.mainVisDiv .visArea .visual .txtDiv .txt1{position:relative; top:0; height:auto; padding-top:100px; }
.mainVisDiv .visArea .visual .txtDiv .txt2{position:relative;top:0; height:auto; font-size:26px; padding:20px 0}
.mainVisDiv .visArea .visual .txtDiv .txt3{position:relative;top:0; height:auto; font-size:16px;}
.mainVisDiv .visArea .visual .txtDiv .txt4{position:relative;top:0; height:auto}
.mainVisDiv .visArea .visual .txtDiv .txt5{position:relative;top:0; height:auto; width:100%; left:0; margin-left:0}
.mainVisDiv .txt5 .notice-list p{height:auto; line-height:inherit; padding:10px 0; font-size:14px}
.mainVisDiv .txt5 .notice-list p span{display:none;}
.mainVisDiv .txt5 .notice-list{width:100%;}
.mainVisDiv .txt4 .search fieldset{width:100%;}
.mainVisDiv .txt4 .search legend{ display:none}
.mainVisDiv .mainVisDiv .visArea .scrollBt{display:none;}
.mainVisDiv .txt4 .search #keyword{width:100%; box-sizing:border-box; padding-right:70px; }
.mainVisDiv .txt4 .search .seimg input{position:absolute; right:0;}

.txtDiv .inner{width:100%; padding:100px 5% 0; box-sizing:border-box}
 .txtDiv .txt0{font-size:16px;}
.txtDiv .txt1{position:relative; top:0; height:auto;  font-size:26px;}
.txtDiv .txt2{position:relative;top:0; height:auto;font-size:16px; padding:20px 0}
.mainCon1 .dbbanner{position:relative;top:0; left:0; margin:0; width: 100%; font-size:14px; font-weight:normal}

.mainCon2 .txtDiv .inner{width:100%;}
.prboxw{margin-top:10px;}
.prboxw .prbox{width:50%; float:left; height:180px; padding:20px}
.prboxw .prbox .prboxmore{width:100%;}
.prboxw .prbox .prbox3{display:none; }

.mainCon3 .txtDiv .inner{width:100%; padding:0 10%; box-sizing:border-box}
.mainCon3 .txtDiv .txt1{position:relative; top:0; height:auto; padding-top:50px;  font-size:26px;}
.mainCon3 .txtDiv .txt2{position:relative;top:0; height:auto;font-size:16px; padding:20px 0}
.mainCon3 .dbbanner{position:relative;top:0; left:0; margin:0; width: 100%; height:auto}
.mainCon3 .dbbanner .s4bw{width:100%;}
.mainCon3 .dbbanner .s4bw > div a{width:48%; height:auto; float:left; margin-right:1%; padding:60px 10px 10px ;}
.mainCon3 .dbbanner .s4bw .title{font-size:15px;}
.mainCon3 .dbbanner .sbw{width:100%; height:auto; padding:10px 20px}
.mainCon3 .dbbanner .sbw .sbw-stitle{width:auto;}
.mainCon3 .dbbanner .sbw .sbwbtn a{ margin:10px auto}
.mainCon3 .dbbanner .s4bw .stitle{display:none;}
.mainCon3 .dbbanner .s4bw .s01 a{background-position:center 10px;}
.mainCon3 .dbbanner .s4bw .s02 a{background-position:center 10px;}
.mainCon3 .dbbanner .s4bw .s03 a{background-position:center 10px;}
.mainCon3 .dbbanner .s4bw .s04 a{background-position:center 10px;}

#wBody {	min-height: auto;}
.fp-slidesNav.bottom{bottom:80px !important; left: 30% !important;
  }
.slide01-txt{width:100%; padding-top:300px;}
.slide01-txt p{width:100%; padding:0 10px; box-sizing:border-box; font-size:14px}
.slide03-txtw{width:100%; padding-top:50px;}
.slide03-txtw .slide03-txt01{font-size:16px;padding:100px 10px 0}
.slide03-txtw .slide03-txt03, .slide03-txtw .slide03-txt04{font-size:16px;}
.slide03-txtw .slide03-txt02{font-size:80px;}
.newsbg .newslist{width:100%; margin-right:0}
.newsbg{margin-top:0; padding:15px;}
.newsbg .newslist ul li{padding:10px 0;}
.newsbg .newslist ul li span{display:none;}
.newsbg .newbanner{width:49%; margin-right:1%; margin-top:10px;}
.newsbg .newbanner:nth-child(1){float:left;}
.newsbg .newbanner:nth-child(2){float:right; margin-right: 0;}
.newsbg .newsbtitle{font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsbg .newbtn{width:100px; font-size:12px;}
.newsbg .newbimg{    width: 130px;    height: 130px}
.playbtn{bottom: 80px !important;   left: 30% !important; margin-left:150px;}

}
@media all and (max-width:320px){
	
}