@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');

.slick-arrow{display:none !important;}

	/* 메인페이지 탑 배너 영역 */
	.mainVisual{padding:70px 50px 0px 50px; position:relative;}
	.mainVisual .main_title_wrap{position:absolute; text-align:center; top:41%;  color:#fff; font-weight:bold; font-size:72px; z-index:500; width:93%;}
	.mainVisual .main_title_2{font-size:40px; line-height:40px; font-weight:bold; text-shadow:0 0 30px rgba(0, 0, 0, 0.9), 0 0 80px rgba(0, 0, 0, 0.8); }
	.mainVisual .main_title_1{font-size:90px; font-weight:bold; line-height:100px; text-shadow:0 0 30px rgba(0, 0, 0, 0.9), 0 0 80px rgba(0, 0, 0, 0.8);filter: progid:DXImageTransform.Microsoft.glow(color=#606060,strength=2); }
	.mainVisual .main_title_3{font-size:30px; font-weight:bold; line-height:50px; text-shadow:0 0 30px rgba(0, 0, 0, 0.9), 0 0 80px rgba(0, 0, 0, 0.8); }
	.main_video{position:absolute; left:0; top:0; width:100%; object-fit: cover;}
	.mainImg {position:relative;}
	.mainImg:hover span{background:#000; color:#fff; font-size:}
	.mainImg span{position:absolute; bottom:50px; left:50%; margin-left:-100px; width:200px; height:45px; line-height:42px; font-size:16px; text-align:center; color:#000; border:1px solid #000; }
	.mobile{display:none !important; }
	
	
	
	/* 메인페이지 이벤트 배너 영역 */
	.event{width:1400px; margin:0 auto 150px; overflow:hidden; position:relative;}
	.eventThumbnail{position:relative; margin-bottom:30px;}
	.eventThumbnail:hover .eventText{opacity:1;}
	.eventThumbnail:hover .eventText div{left:0;}
	.eventText{opacity:0;overflow:hidden; position:absolute; left:15px; top:0; padding:85px 35px 0 35px; width:91.5%; height:100%; border:7px solid rgba(255,255,255,0.3); background:rgba(0,0,0,0.85); transition:all 0.3s; }
	.eventText h3{font-size:28pt; color:#fff;}
	.eventText h3::after{content:"";display:block; width:65%; height:1px; background:#fff; margin-top:13px}
	.eventText p{color:#fff; font-weight:400; font-size:11pt; margin-bottom:5px; margin-top:15px; padding-left:0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.eventText div{position:absolute; left:-81px; padding:0px 35px; font-size:16px; font-weight:400; color:#fff; text-align:left; transition:0.3s;}	
	.eventText div span{margin-left:18px;}
	.event h2{position:relative; text-align:center; margin:250px 0px 0px;  font-size:45pt; font-weight:bold; color:#242424;}
	.event h5{font-size:14pt; color:#707070; text-align:center; margin-top:11px; margin-bottom:100px;font-weight:400;}
	.event h5::after{display:block; content:""; background:#242424; height:3px; width:36px; margin:21px auto;}
	.event h2.on{position:relative;  animation:ani 1s; animation-fill-mode: forwards;}

	@keyframes ani{
		0%{bottom:-200px;}
		100%{bottom:0px;}
	}

	/* 메인페이지 매거진 배너 영역 */
	.magazineBg{background:#242424; padding-top:1px;padding-bottom:50px;}
	.magazine{width:1200px; margin:0 auto;}
	.magazine h2{position:relative; text-align:center; margin:100px 0px 0px;  font-size:45pt; font-weight:bold; color:#fff;}
	.magazine h5{font-size:14pt; color:#b8b8b8; text-align:center; margin-top:11px; margin-bottom:100px;font-weight:400;}
	.magazine h5::after{display:none; content:""; background:#fff; height:3px; width:36px; margin:21px auto;}
	.magazine h2.on{position:relative;  animation:ani 1s; animation-fill-mode: forwards;}

	

	/* 메인페이지 프로그램 배너 영역 */
	.program{width:1400px; margin:0 auto 0px; overflow:hidden;}
	.program_img{width:1400px; height:421px; overflow:hidden;}
	.program_list{height:450px !important;}
	.program_txt_box{position:absolute; top:0; width:100%; height:370px; overflow:hidden;}
	 
	.program_txt_box.on{height:100%; background:rgba(0,0,0,0.3);}
	.program_txt_box ul{position:absolute; top:440px; width:100%; text-align:center;  transition:all 0.4s;}
	.program_txt_box ul.on{top:265px; }
	
	.program_list div h5{position:absolute;  font-size:24px; width:100%; top:155px; text-align:center; color:#fff; transition:all 0.5s;}
	.program_list div h5.on{top:100px;}
	.program_list div h5::after{display:block; content:""; background:#fff; height:3px; width:20px; margin:37px auto;}
	.program_list div p{position:absolute;  line-height:25px; font-size:13px; width:100%; top:364px; text-align:center; color:#fff; transition:all 0.4s;}
	.program_list div p.on{top:190px;}
	.main_program_go {background:#000; color: #fff;padding: 10px 20px;text-align: center;display: block; width: 55%; margin:0 auto;  margin-top:15px; }
	.main_program_go:hover{background:#fff; color:#222; border:1px solid #222;}
	
	.program h2{position:relative; text-align:center; margin:250px 0px 0px;  font-size:45pt; font-weight:bold; color:#242424;}
	.program > h5{font-size:14pt; color:#707070; text-align:center; margin-top:11px; margin-bottom:100px;font-weight:400;}
	.program > h5::after{display:none; content:""; background:#242424; height:3px; width:36px; margin:21px auto;}	
	.program h2.on{position:relative;  animation:ani 1s; animation-fill-mode: forwards;}
	.program .programList{padding:60px 80px; background:#222; overflow:hidden;}
	.program .programList ul li{border:1px solid #666; text-align:center; padding:20px 20px; margin-bottom:10px; color:#ccc; width:32%; font-size:16px; cursor:pointer;}
	.program .programList ul li:hover{border:1px solid #fff; color:#fff;}
	.program .programList ul li.listMiddle{margin-left:5px; margin-right:5px;}



	/* 메인페이지 공지사항 영역 */
	.notice{width:1400px; margin:0 auto 150px; overflow:hidden;}
	.notice > h2{position:relative; text-align:center; margin:250px 0px 0px;  font-size:45pt; font-weight:bold; color:#242424;}
	.notice h5{font-size:14pt; color:#707070; text-align:center; margin-top:11px; margin-bottom:100px;font-weight:400;}
	.notice > h5::after{display:none; content:""; background:#242424; height:3px; width:36px; margin:21px auto;}
	.notice h2.on{position:relative;  animation:ani 1s; animation-fill-mode: forwards;}

	.notice .mainTabmenu {text-align:center; width:520px; margin:0 auto; overflow:hidden; border:1px solid #bbb;}
	.notice .mainTabmenu div{line-height:50px; font-size:15px; font-weight:500; cursor:pointer;}
	.notice .mainTabmenu div.on{background:black; color:#fff;}
	
	.notice .mainTabmenu div:nth-child(1){border-bottom:1px solid #bbb;}
	.notice .mainTabmenu div:nth-child(2){border-bottom:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #bbb;  line-height:50px;}
	.notice .mainTabmenu div:nth-child(3){border-bottom:1px solid #bbb;}
	
	
	
	.notice .mainTabmenu div:nth-child(5){border-left:1px solid #bbb; border-right:1px solid #bbb; height:50px; line-height:50px;}
	
	
	.notice	.showList{padding-top:50px; display:none;overflow:hidden;}
	.notice .active{display:block;}
	.notice	.showList h2, .notice .showList h4{text-align:center; margin-top:20px;}
	.notice	.showList h2{font-size:20px; width:100%;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
	.notice .showList h4{font-size:16px; color:#888; font-weight:300; width:100%;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
	.notice	.showList div a{display:block; overflow:hidden;}
	.notice	.showList div img{transition:all 0.6s;}
	.notice	.showList div a:hover img{transform:scale(1.2);}
	
	.pallax{background:url(/assets/img/main/190820.jpg); background-attachment:fixed; background-size:cover; background-position-y:-18px;}
	.pallax{position:relative;}
		.pallax_text{
			width:762px;
			position: absolute; top:50%; left:50%;
			transform: translateX(-50%) translateY(-50%);
			-ms-transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
		}
		
	
/* Laptop */
@media screen and (max-width:1440px)
{
	/* 메인 배너 이미지 높이값 */
	.mainImg {}
	
	/* 메인 이벤트 영역 */
	.event{width:1100px;}
	.event h2{margin-top:150px;}
	.eventText h3::after{width:73%;}
	.eventText{padding:40px 50px 0 25px; width:89.5%;}
	.eventText div{padding:0 27px;}
	
	/* 메인 메거진 영역 */
	.magazine{width:1100px;}
	
	/* 메인 프로그램 영역 */
	.program {width:1100px;}
	
	
	.program_img{width:1100px;}
	
	/* 메인 소식,공지사항 */
	.notice {width:1100px;}
	.notice	.showList h2 {font-size:18px;}
}

/* iPad */
@media screen and (max-width:1024px)
{
	/* mainVisual START */
	.mainVisual{padding:0px 15px 0px 15px;}
	
	/* 메인 배너 이미지 높이값 */
	.mainImg {}
	
	/* 메인 이벤트 영역 */
	.event{width:100%; margin:0 auto 40px; overflow:hidden;}
	.event h2{position:relative; bottom:0px; text-align:center; margin:40px 0px; letter-spacing:7px; font-size:45pt; font-weight:bold; color:#000;}
	.event h5{margin-bottom:70px;}
	.event h2::after{display:block; content:""; background:#222; height:3px; width:36px; margin:12px auto;}
	.eventThumbnail{position:relative;}
	.eventThumbnail:hover .eventText{opacity:1;}
	.eventText{padding:17px 25px 0 19px; width:88.5%;}
	.eventText h3{font-size:26px; color:#fff;}
	.eventText div{padding: 0 20px;}
	.eventText h3::after{content:"";display:block; width:56%; height:3px; background:#fff;}
	.eventText p{color:#fff; font-weight:500; font-size:13px; margin-bottom:14px; padding-left:0px;}
	.eventText div span{margin-left:18px;}
	
	/* 메인 메거진 영역 */
	.magazineBg{background:#242424; padding-top:1px;padding-bottom:50px;}
	.magazine{width:100%; margin:0 auto;}
	.magazine h2{position:relative; bottom:0px; text-align:center; margin:40px 0px; letter-spacing:7px; font-size:45pt; font-weight:bold; color:#fff;}
	.magazine h2::after{display:block; content:""; background:#fff; height:3px; width:36px; margin:12px auto;}
	
	/* 메인 프로그램 영역 */
	.program {width:100%;}
	.program_img{width:100%;}
	.program h2{position:relative; bottom:0px; text-align:center; margin:40px 0px; letter-spacing:7px; font-size:45pt; font-weight:bold; color:#000;}
	.program h2::after{display:block; content:""; background:#222; height:3px; width:36px; margin:12px auto;}
	.program .programList{padding:20px 15px; background:#222; overflow:hidden;}
	.program .programList ul li{border:1px solid #666; text-align:center; padding:20px 20px; margin-bottom:10px; color:#ccc; width:32%; font-size:15px; font-weight:400; cursor:pointer; }
	.program .programList ul li.listMiddle{margin-left:5px; margin-right:5px;}
	
	/* 메인 소식,공지사항 */
	.notice{width:100%; margin:0 auto 50px; overflow:hidden;}
	
	/* notice START */
	.notice > h2{position:relative; bottom:0px; text-align:center; margin:40px 0px; letter-spacing:7px; font-size:45pt; font-weight:bold; color:#000;}
	.notice > h2::after{display:block; content:""; background:#222; height:3px; width:36px; margin:12px auto;}
	.notice .mainTabmenu {text-align:center; width:94%; margin:0 auto; border:1px solid #bbb; height:50px; overflow:hidden;}
	.notice .mainTabmenu div{line-height:50px; font-size:14px; font-weight:400; cursor:pointer;}
	.notice .mainTabmenu div.on{background:black; color:#fff;}
	.notice .mainTabmenu div:nth-child(2){border-left:1px solid #bbb; border-right:1px solid #bbb; height:50px; line-height:50px;}
	.notice	.showList{padding-top:50px; display:none;overflow:hidden;}
	.notice .active{display:block;}
	.notice	.showList h2, .notice .showList h4{text-align:center; margin-top:20px;}
	.notice	.showList h2{font-size:16px;}
	.notice .showList h4{font-size:13px; color:#888; font-weight:300;}
	.notice	.showList div{margin-bottom:26px;}
	.notice	.showList div a{display:block; overflow:hidden;}
	.notice	.showList div img{transition:all 0.6s; width:100%;}
	.notice	.showList div a:hover img{transform:scale(1.2);}
	
	/* pallax START */
	.pallax{/* background:url(/assets/img/main/ft_bg.jpg)no-repeat; */ height:250px !important; background-attachment:fixed; background-size:cover; background-position:center;}


	/* footer START */
	.ftMenuWrap{display:none;}
}





/* Phone */
@media screen and (max-width:640px)
{
	.table-responsive {border:none !important;}

	/* mainVisual START */
	.mainVisual{padding:0px 0px 0px 0px; position:relative;}
	.mainVisual .main_title_wrap{position:absolute; text-align:center; top:33%;  color:#fff; font-weight:bold; font-size:72px; z-index:1; width:100%;}
	.mainVisual .main_title_2{font-size:26px; line-height:40px; font-weight:bold; text-shadow:0 0 30px rgba(0, 0, 0, 0.9), 0 0 80px rgba(0, 0, 0, 0.8); }
	.mainVisual .main_title_1{font-size:46px; font-weight:bold; line-height:54px; text-shadow:0 0 30px rgba(0, 0, 0, 0.9), 0 0 80px rgba(0, 0, 0, 0.8); }
	.mainVisual .main_title_3{font-size:22px; font-weight:bold; line-height:40px; text-shadow:0 0 30px rgba(0, 0, 0, 0.9), 0 0 80px rgba(0, 0, 0, 0.8); }
	
	.mainImg {}
	.mainImg span{display:none;}
	.mobile{display:block !important;}
	.pc{display:none !important;}

	
	/* event START*/
	.event{width:100%; margin:0 auto 0px; overflow:hidden;}
	.event h2{position:relative; bottom:0px; text-align:center; margin:45px 0px 10px; font-size:26px; font-weight:bold; color:#242424;}
	.event h5{font-size:10pt; color:#707070; text-align:center; margin-top:0px; margin-bottom:45px;font-weight:400; padding:0 30px; line-height:18px;}
	.event h5::after{display:none; content:""; background:#242424; height:3px; width:36px; margin:15px auto;}
	.eventThumbnail{position:relative; padding:0px; margin:3%; width:44% !important;}
	.eventThumbnail:hover .eventText{opacity:1;}
	.eventText{position:absolute; left:0px; top:0; opacity:0; padding:10px 5px 0 0; width:100%; height:100%; text-align:center; border:7px solid rgba(255,255,255,0.3); background:rgba(0,0,0,0.7); transition:all 0.3s; }
	.eventText h3{font-size:18px; color:#fff; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.eventText h3::after{content:"";display:block; width:35px; height:1px; background:#fff; margin:13px auto;}
	.eventText p{color:#fff; font-weight:500; font-size:12px; margin-bottom:5px; margin-top:10px; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:0px;}
	.eventText div{margin:0px auto; padding:0px 20px; font-size:14px; font-weight:400; color:#fff;}
	.eventText div span{margin-left:18px;}
	

	/* magazin START*/
	.magazineBg{background:#242424; padding-top:1px;padding-bottom:50px;}
	.magazine{width:100%; margin:0 auto;}
	.magazine h2{position:relative; bottom:0px; text-align:center; margin:45px 0px 10px;  font-size:26px; font-weight:bold; color:#fff;}
	.magazine h5{font-size:10pt; color:#b8b8b8; text-align:center; margin-top:0px; margin-bottom:45px;font-weight:400; padding:0 30px; line-height:18px;}
	.magazine h5::after{display:none; content:""; background:#fff; height:3px; width:36px; margin:15px auto;}


	/* program START */
	.program{width:100%; margin:0 auto 0px; overflow:hidden;}
	.program_img{width:100%;}
	.program h2{position:relative; bottom:0px; text-align:center; margin:45px 0px 10px;  font-size:26px; font-weight:bold; color:#242424;}	
	.program > h5{font-size:10pt; color:#707070; text-align:center; margin-top:0px; margin-bottom:45px;font-weight:400; padding:0 30px; line-height:18px;}
	.program .programList{padding:20px 15px; background:#222; overflow:hidden;}
	.program .programList ul li{border:1px solid #666; text-align:center; padding:10px 20px; margin-bottom:10px; color:#ccc; width:32%; font-size:12px; font-weight:400; cursor:pointer; }
	.program .programList ul li.listMiddle{margin-left:5px; margin-right:5px;}
	.program_list{padding:0 15px;}


	/* notice START */
	.notice{width:100%; margin:0 auto 0px; overflow:hidden;}
	.notice > h2{position:relative; bottom:0px; text-align:center; margin:45px 0px 10px;  font-size:26px; font-weight:bold; color:#242424;}
	.notice h5{font-size:10pt; color:#707070; text-align:center; margin-top:0px; margin-bottom:45px;font-weight:400; padding:0 30px; line-height:18px;}
	.notice .mainTabmenu {text-align:center; width:94%; margin:0 auto; border:1px solid #bbb; height:100px; overflow:hidden;}
	.notice .mainTabmenu div{line-height:49px; font-size:13px; font-weight:400; cursor:pointer;}
	.notice .mainTabmenu div.on{background:#222; color:#fff;}
	
	
	.notice .mainTabmenu div:nth-child(1){border-bottom : 1px solid #bbb; }
	.notice .mainTabmenu div:nth-child(2){border-left:1px solid #bbb;  border-bottom : 1px solid #bbb; border-right:1px solid #bbb;}
	.notice .mainTabmenu div:nth-child(3){border-bottom : 1px solid #bbb; }
	
	
	
	.notice	.showList{padding-top:50px; display:none;overflow:hidden;}
	.notice .active{display:block;}
	.notice	.showList h2, .notice .showList h4{text-align:center; margin-top:20px;}
	.notice	.showList h2{font-size:16px;}
	.notice .showList h4{font-size:13px; color:#888; font-weight:300;}
	.notice	.showList div{margin-bottom:0px;}
	.notice	.showList div a{display:block; overflow:hidden;}
	.notice	.showList div img{transition:all 0.6s; width:100%;}
	.notice	.showList div a:hover img{transform:scale(1.2);}


	/* pallax START */
	.pallax{/* background:url(/assets/img/main/ft_bg.jpg)no-repeat; */height:250px !important; background-attachment:fixed; background-size:cover; background-position:center;}
	.pallax_text{width:320px;}

	/* footer START */
	.ftMenuWrap{display:none;}
}

/* Phone iP5 */
@media screen and (max-width:325px)
{
	
}








