@charset "utf-8";
@import url("out-font.css");
@import url("common.css");
@import url("layouts.css");
@import url("animation.css");
body{ overflow-x:hidden }
.swiper-container {
	width:100%;
	height:600px;
	min-width:1000px;
	max-height:600px;
}
.swiper-slide {
	text-align:center;
	display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
	align-items:center; /* 위아래 기준 중앙정렬 */
	justify-content:center; /* 좌우 기준 중앙정렬 */
	box-sizing:border-box; /* 이 설정을 하지 않으면 슬라이드드가 틀어짐 */
}
.swiper-slide img {
 margin-top:0px;
}
.swiper-slide.visual-01 {
    background: url("../images/mslider01.gif") center center no-repeat;
    background-size: cover;

}
.swiper-slide.visual-02 {
    background: url("../images/slider02.png") center center no-repeat;
    background-size: cover;
}
.swiper-slide.visual-03 {
    background: url("../images/slider03.png") center center no-repeat;
    background-size: cover;
}

.swiper-slide.visual-04 {
    background: url("../images/slider04.png") center center no-repeat;
    background-size: cover;
}

.swiper-slide.visual-05 {
    background: url("../images/slider05.png") center center no-repeat;
    background-size: cover;
}


.ntc-box {
	 width:100%;
  }
.ntc-box .ntc-outer {
	width:1329px;position:relative;margin:0 auto;
  }
.ntc-box .ntc-outer .btn-qk-box { 
	 position:absolute;
	 width:100%;
	 height:100px;
	background: rgb(2,0,36);
	background: linear-gradient(117deg, rgba(5,90,175,1) 61%, rgba(0,212,255,1) 100%);

	 box-shadow: 0px 0px 20px 0px rgba(179,175,175,0.8);	
	/* box-shadow:0px 0px 20px #BBBBBBB; */
	 margin:0 auto;
	 margin-top:-50px;
	 z-index:999991
	 
  }
.btn-qk-box ul { 
    line-height:100px; 
	
}
.btn-qk-box ul li:first-child { float:left;width:calc(20% - 1px);text-align:center; }
.btn-qk-box ul li:not(:first-child){ float:left;width:20%;text-align:center; }

.btn-qk-box ul a li { 
     font-family: 'NanumSquareRound', sans-serif, "맑은 고딕", sans-serif;
	font-size: 20px;


}
.btn-qk-box ul li:first-child{ border-right: 1px solid #dddddd; }

.btn-qk-box ul a li.ctw{background-color:#ffffff }
.btn-qk-box ul a li.ctw { }
.btn-qk-box ul a li.ctw:hover {  color#3399cc;background-color: #eac111; }


.btn-qk-box ul li.ctr{ }
.btn-qk-box ul a li.ctr { color:#ffffff;}
.btn-qk-box ul a:hover li.ctr{ color:#ffff00; }
.btn-qk-box ul a li.ctr:hover{ color: #fdef75; background-color: #2eb0ab;}


.ntc-box .ntc-outer .bbs-box {
	position:absolute;
	width:100%;
	background-color:#ffffffff;
	margin:0 auto;
	margin-top:95px;
	z-index:999991;
   }
.bbs-box .ntc-content {
    float:left;width:50%;
	height:200px;
	background-color:#ffffff;

	}
.bbs-box .ntc-content .title {
    float:left;
	width: calc(30% -20px);
	padding: 10px;
	}
.title span.nt-title { 
   color: #333333;
    font-family: 'NanumSquareRound', sans-serif, "맑은 고딕", sans-serif;
	font-size: 20px;
	font-weight: 900;
	}
.title span.nt-desc { 
   color: #333333;
    font-family: 'NanumSquareRound', sans-serif, "맑은 고딕", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color:#307f74;
	}
.title span.nt-go { 
   color: #333333;
    font-family: 'NanumSquareRound', sans-serif, "맑은 고딕", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color:#aaaaaa;
	}
.bbs-box .ntc-content .ct{
    float:left;
	width: calc( 70% - 20px);
	padding: 10px;
	text-overflow: ellipsis;
	
	}

.bbs-box .ntc-content01 {
   float:left;
   width:50%;
   height:200px;
   }

.bbs-box .ntc-content01 .title {
    float:left;
	width: calc(30% - 20px);
	padding:10px;
	}
.bbs-box .ntc-content01 .ct{
    float:left;
	width:calc( 70% -20px);
	padding: 10px;
	
	}
.ct ul { margin-top: 10px; }
.ct ul li { margin-top: 5px; }
.ct ul li a{ color:#333333 }
.ct ul li a:hover{   
    color: #337ab7;
}

.bbs-box .ntc-content01 .ct02{
    float:left;
	width:calc( 70% -20px);
	padding: 10px;
	
	}
.ct02 ul { margin-top: 10px; }
.ct02 ul li { float:left;margin-top: 5px;background-color:#ffffff;width:200px;height:150px;text-align:center; }
.ct02 ul li:last-child {margin-left:0px; }


.qk-bn01-box { 
      position:relative; width: 100%;margin-top:30px;
	  background:#f4f4f4 url(/images/whitedot.png) repeat;
     
	 }

.qk-bn01-box .ct { 
      position:relative; width: 1329px;margin:0 auto; 
	 }

.qk-bn01-box .ct ul{ 
      height:330px;
	  padding:25px 0;
	 }
.qk-bn01-box .ct ul li{ 
	padding:0px;
	 }
.qk-bn01-box .ct ul li.bn01{ 
   position: relative;
	float: left;
	text-align:center;
	background-color:#ffffff; 
	width:calc(32% - 2px);
	height:320px;
	border:1px solid #dddddd;
	position:relative;
	 }
.qk-bn01-box .ct ul li.bn01:hover{
   background-color:#f1f1f1;
}

.qk-bn01-box .ct ul li.bn02{ 
    position: relative;
	float:left;
	width:calc(32% - 2px);
	text-align:center;
	margin-left:2%;
	/* background-color:#ffcc00;  */
	background-color: #ffffff;
	height:320px;
	border:1px solid #dddddd;
 }
.qk-bn01-box .ct ul li.bn03{ 
    position: relative;
	float: right;
	text-align:center;
	margin-left:1.5%;
	width:calc(32% - 2px);
	background-color:#ffffff; 
	height:320px;
	border:1px solid #dddddd;
 }
 .qk-bn01-box .ct ul li.bn02:hover{
   background-color:#f1f1f1;
}
.qk-bn01-box .ct ul li.bn03:hover{
   background-color:#f1f1f1;
}


 .qk-bn02-box { 
      position:relative; width: 100%;margin-top:10px;


	 }

.qk-bn02-box .ct { 
      position:relative; width: 1329px;margin:0 auto; 
	 }

.qk-bn02-box .ct ul{ 
      height:360px;
	 }
.qk-bn02-box .ct ul li{ 
	 padding: 0px; 
	 }
.qk-bn02-box .ct ul li.bn01{ 
    position: relative;
	float: left;
	text-align:center;
	background:#f4f4f4 url("../images/bgsp01.png") no-repeat; 
	width:calc(32% - 2px);
	height:280px;
	border:1px solid #dddddd;
	 }
.qk-bn02-box .ct ul li.bn01:after{
	content: "";
    display: block;
    width: 100%;
    height: 280px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color:#0099cc;
    opacity: 0;
}
.qk-bn02-box .ct ul li.bn01:hover:after{
    opacity: 0.7;
}

.qk-bn02-box .ct ul li.bn03:after{
	content: "";
    display: block;
    width: 100%;
    height: 280px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color:#ffcccc;
    opacity: 0;
}
.qk-bn02-box .ct ul li.bn03:hover:after{
    opacity: 0.7;
}


/*
.bn01 .z-tit { 
     margin:220px auto 0 auto;display:inline-block;z-index:999;border:5px solid rgba(255,255,255,0.5);padding: 8px 10px; text-align:center;
	}
.bn01 .z-tit span{ font-family: 'Nanum Gothic'; color:rgba(255,255,255,0.8); font-size:22px; font-weight:400; }
.bn01 .z-tit:hover { position:absolute;width:calc(30% - 2px);height:260px;background-color: rgba(0,0,0, 0.0);z-index:999;top:0;left:0;margin-top:4px; }
*/


.bn01 .txt-box { width:100%;position:absolute;left:0px;bottom:30px;z-index:1;transition: all .3s; }

.bn01 .txt-box .txt-01 { display: block;   line-height: 32px; color: #ffffff; text-align: center;  font-family: 'Nanum Gothic',sans-serif;font-size: 19px; }
.bn01 .txt-box .txt-02 { display: block;  line-height: 32px; color: #ffffff;  text-align: center;     font-family: 'Nanum Gothic',sans-serif;  font-size: 24px;  font-weight: 700; }
.bn01 .txt-box .txt-03 { display: block;  line-height: 42px; color: #ffffff;  text-align: center;     font-family: 'Nanum Gothic',sans-serif;  font-size: 24px;  font-weight: 700; }


.bn02  .txt-box { width:100%;position:absolute;left:0px;bottom:30px;z-index:1;transition: all .3s; }
.bn02  .txt-box .txt-01 { display: block;   line-height: 32px; color: #ffffff; text-align: center;  font-family: 'Nanum Gothic',sans-serif;font-size: 19px; }
.bn02  .txt-box .txt-02 { display: block;  line-height: 32px; color: #ffffff;  text-align: center;     font-family: 'Nanum Gothic',sans-serif;  font-size: 24px;  font-weight: 700; }

.bn03 .txt-box { width:100%;position:absolute;left:0px;bottom:30px;z-index:1;transition: all .3s; }
.bn03 .txt-box .txt-01 { display: block;   line-height: 32px; color: #ffffff; text-align: center;  font-family: 'Nanum Gothic',sans-serif;font-size: 19px; }
.bn03 .txt-box .txt-02 { display: block;  line-height: 32px; color: #ffffff;  text-align: center;     font-family: 'Nanum Gothic',sans-serif;  font-size: 24px;  font-weight: 700; }
.bn03 .txt-box .txt-03 { display: block;  line-height: 28px; color: #ffffff;  text-align: center;     font-family: 'Nanum Gothic',sans-serif;  font-size: 18px;  font-weight: 700; }
.bn03 .txt-box .txt-03.hidden { display:none; }



ul li.bn01:hover  {top:-20px; box-shadow:10px 10px 15px rgba(0,0,0,.12);}
/* ul li.bn01:hover a:after {opacity:.7;} */

ul li.bn02:hover  {top:-20px; box-shadow:10px 10px 15px rgba(0,0,0,.12);} 

ul li.bn03:hover  {top:-20px; box-shadow:10px 10px 15px rgba(0,0,0,.12);}

/*
#main_contents .section_06 .btn_list ul li:hover a .txt_box {bottom:210px;}
*/
.qk-bn02-box .ct ul li.bn02{ 
    position: relative;
	float:left;
	width:calc(32% - 2px);
	text-align:center;
	margin-left:2%;
	background : #000000 url("") no-repeat; 
	height:280px;
	border:1px solid #dddddd;
	margin-top:0px;
 }

.bn02 .z-tit { margin:220px auto 0 auto;display:inline-block;z-index:999;border:5px solid rgba(255,255,255,0.5);padding: 8px 10px; text-align:center;}
.bn02 .z-tit span{ font-family: 'Nanum Gothic',sans-serif; color:rgba(255,255,255,0.8); font-size:22px; font-weight:400; }


.qk-bn02-box .ct ul li.bn03{ 
    position: relative;
	float: right;
	text-align:center;
	margin-left:1.5%;
	width:calc(32% - 2px);
	background : #acd0d7 url("../images/bgsp03.png") no-repeat;
	height:280px;
	border:1px solid #dddddd;
 }

.bn03 .z-tit { margin:220px auto 0 auto;display:inline-block;z-index:999;border:5px solid rgba(255,255,255,0.5);padding: 8px 10px; text-align:center;}
.bn03 .z-tit span{ font-family: 'Nanum Gothic',sans-serif; color:rgba(255,255,255,0.8); font-size:22px; font-weight:400; }


.bn01 .bn01-tp { height:140px;width:100%;background: center / contain no-repeat rgba(255,255,255,0.5) url("../images/bgbn01.png"); }
.bn01 .bn01-bt {   width: calc(100% - 30px); padding:15px; }
.bn01-bt .tit { font-size:18px;font-weight: 700;}
.bn01-bt  p { text-align: left;}
.bn01-bt  .ct { color: #949494;font-size:14px;font-weight: 400;}


.bn02 .bn02-tp { height:140px;width:100%;background: center / contain  no-repeat rgba(255,255,255,0.5) url("../images/bgbn02.png"); }
.bn02 .bn02-bt {  width: calc(100% - 30px); padding:15px; }
.bn02-bt .tit { font-size:18px;font-weight: 700;}
.bn02-bt  p { text-align: left;}
.bn02-bt  .ct { color: #949494;font-size:14px;font-weight: 400;}


.bn03 .bn03-tp { height:140px;width:100%;background: center / contain no-repeat rgba(255,255,255,0.5) url("../images/bgbn03.png"); }
.bn03 .bn03-bt { width: calc(100% - 30px); padding:15px;}
.bn03-bt .tit { font-size:18px;font-weight: 700;}
.bn03-bt  p { text-align: left;}
.bn03-bt  .ct { color: #949494;font-size:14px;font-weight: 400;}

.title-box {
   width:100%;margin:300px auto 30px;padding:0px 0;background-color:##fffffff;text-align:center;
   }
.title-box .title-ln {
   width:80px;height:3px;background-color:#0099cc;margin:0px auto;
   }
.title-box .t01 {
    font-size: 28px;
    color: #000000;
}
.title-boxa {
   width:100%;margin:70px auto 30px;padding:0px 0;background-color:##fffffff;text-align:center;
   }
.title-boxa .title-ln {
   width:80px;height:3px;background-color:#0099cc;margin:0px auto;
   }
.title-boxa .t01 {
    font-size: 28px;
    color: #000000;
}

.title-boxb {
   width:100%;margin: 0px auto 30px auto;padding:0px 0;background-color:##fffffff;text-align:center;
   }
.title-boxb .title-ln {
   width:80px;height:3px;background-color:#0099cc;margin:0px auto;
   }
.title-boxb .t01 {
    font-size: 28px;
    color: #000000;
}
.m-ig2 { width:1328px;margin:0px auto 0 auto;}

.title-box02 {
   position:relative;width:100%;margin:80px auto 30px auto;padding:0px 0;background-color:##fffffff;text-align:center;
   }
.title-box02 .title-ln {
   width:80px;height:3px;background-color:#0099cc;margin:0px auto;
   }
.title-box02 .t01 {
    font-size: 28px;
    color: #000000;
}

.title-box03 {
   position:relative; width:100%;margin:80px auto 30px auto;padding:0px 0;background-color:##fffffff;text-align:center;
   }
.title-box03 .title-ln {
   width:80px;height:3px;background-color:#0099cc;margin:0px auto;
   }
.title-box03 .t01 {
    font-size: 28px;
    color: #000000;
}

/*
.main3{
    overflow: hidden;
    background: url(../images/main3_bg.jpg) 50% 0 no-repeat;
    background-attachment: fixed;
    padding: 90px 10px;
    box-sizing: border-box;
}
*/
 .film-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.msg-outer { position: relative; width: 1329px; margin: 0 auto 80px auto; }
.msg-outer .msg-inner { padding: 50px 0; margin-top: 40px; position: relative; text-align: right;background: url("/images/bg_msg1.png") left 0px no-repeat;background-color:#f8f8f8 }
.msg-outer .msg-inner .msg-box {
								display: inline-block;
								width: 700px;
								height: 350px;
								background-color: #fff;
								text-align: center;
								margin-right:60px;
								/* box-shadow: 30px 30px 30px rgb(0 0 0 / 10%); */
								}
.msg-box .newsticker { position:relative;margin: 50px 50px 10px 50px ;border:0px solid #dddddd; }
.msg-box .newsticker ul li { text-align:left; line-height:160%;margin-top:10px;font-size:18px; }
/*
object-fit: fill;
 
object-fit: contain;
 
object-fit: cover;
 
object-fit: none;
 
object-fit: scale-down;
*/
.fullwidth-video {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		min-height: 100%;
		min-width: 100%;
		-webkit-transform-style: preserve-3d;
}
.fullwidth-video video {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			min-height: 100%;
			min-width: 100%;
			height: auto;
			width: 100%;
			object-fit: fill;
			-webkit-obj-fit:fill;
 
}
.main-video { 
  width:100%;height:600px;position:relative;margin:0 auto 50px auto; background-color:#cdcdcd;
  }


.main-video .video-inner {
        position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		min-height: 100%;
		min-width: 100%;
		-webkit-transform-style: preserve-3d;
	}
.main-video .video-inner video{
    	     position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			min-height: 100%;
			min-width: 100%;
			height: auto;
			width: 100%;
			object-fit: cover;

}
.mv00 { float:right; width:100%; border:0px solid #dbdfe2;position:relative; }
.mv00 .bx-pager {  position:absolute; text-align:center; top:240px;left:150px; width:auto; bottom:15px; z-index:999; }
.mv00 .bx-pager div { float:left; margin-left:4px; }
.mv00 .bx-pager a {display: block; width:30px; height:30px; line-height:30px;padding:5px;text-align:center; border-radius:50%; font-family:'Cafe24Dangdanghae';color:#ffffff;font-size:20px;background:#0e0d0a;color:#ffffff; }
.mv00 .bx-pager a:hover, .mv00 .bx-pager a.active { background:#ffffff;color:#0b0b0b; }
.m-ig { width:1328px;margin:50px auto 0 auto;}
.m-ig3 { width:1328px;margin:20px auto 0 auto;}
.m-ig4 { width:1328px;margin:20px auto 0 auto;}
.m-ig2:hover { cursor:pointer; }
.m-ig3:hover { cursor:pointer; }
.m-ig4:hover { cursor:pointer; }


/* vid */
.clip { width: 0px; height: 0px;margin:-5px 0px 0px 0px ;} 
.videoContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index:9999999;
}

.youtube-video {
  /* optional */
  width: 100%;
  height: 100%; 
  margin:0;
  padding:0;
  z-index:9999999;
}
.clip.off { display:none;width:0px;height:0px;position:relative; }
.clip.on { display:block;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:999999; }

.youtube-small.off { display:none;width:0px;height:0px;position:relative; }
.youtube-small.on { display:block;z-index:1; width:100%;height:280px;}


.clip .mvclose { position:absolute;width:100px;height:100px;z-index:99;top:10px;right:10px;text-align:center;cursor:pointer; }
.ytp-watermark { display:none; }