.c_point {color:#c59f65 !important;}

/***** 메인섹션공통 *****/
#main_view section {padding:0px 0px; height:740px;}
.main_wrap {width: 85%; margin:0 auto;}

#main_view section.main_s2 {background:url("../images/main/main_s2_bg2.jpg") center top no-repeat; padding-top:120px; padding-bottom:120px; /*background-size: 100% 100%;*/}
#main_view section.main_s3 {background:#f4f8f9; padding:0px; margin:0px; border:1px solid #fff;}
#main_view section .main_tit {color:#fff; margin-bottom:70px; text-shadow:2px 2px 1px #333;}
#main_view section .main_tit p {color:#fff; font-size:20px; margin-bottom:10px; text-shadow:2px 2px 1px #333; opacity:1;}
#main_view section .main_tit h2 {font-size:48px;}
/*
#main_view section .more {display:inline-block; margin:0 auto; padding:12px 80px; text-align:center; color:#fff; border:1px solid #fff;}
#main_view section .more:hover {color:#4c4741; background:#fff;}
*/

@media screen and (max-width: 991px) {
	/* 메인섹션공통 */
	#main_view section {padding:0px 0;}
	.main_wrap {width: 95%;}	
	#main_view section .main_tit h2 {font-size:36px;}
	#main_view section .more {padding:0px 0px;}

}

@media screen and (max-width: 767px) {
	/* 메인섹션공통 */
	#main_view section {padding:0px 0; height:500px;}
	.main_wrap {width:100%;}
	#main_view section .main_tit {margin-bottom:20px;}
	#main_view section .main_tit p {font-size:16px; margin-bottom:10px; opacity:.6;}
	#main_view section .main_tit h2 {font-size:26px;}
}
	


/***** 메인비주얼 *****/
.main_s1 {position:relative; width:100%; z-index:90;}  
.main_txt {position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff; z-index:90;}
.main_txt span {font-size:28px; line-height:1.2;}
.main_txt>p {margin-top:10px; font-size:56px; color:#b7efaf; font-weight:600;}



/***** 퀵메뉴 *****/
.quick_wrap {position:relative; background:url("../images/main/quick_bg.jpg") center top no-repeat; background-color:#1c67a5;}
.quick_in {width:100%; max-width:1400px; padding:30px 0px 30px 0px; margin:0 auto; box-sizing: border-box;} 
.quick_in::before {position:absolute; content:""; clear:both; width:15%; }
.quick_in::after {position:absolute; content:""; clear:both; width:15%; }
.quick_in ul li {width:12.5%; display: inline; float:left;  box-sizing: border-box; }
.quick_in ul li a {display:block;}
.quick_in ul li a span {display:table; width:62px; height:62px; margin:0 auto 20px; border-radius:50%; background:rgba(255,255,255,0.9); border:0px solid rgba(255,255,255,.5);}
.quick_in ul li a span i {display:table-cell; width:50px; height:40px; background-repeat:no-repeat; background-position:center;}
.quick_in ul li a span i.i_quick1 {background-image:url(../images/main/i_quick1.png);}
.quick_in ul li a span i.i_quick2 {background-image:url(../images/main/i_quick2.png);}
.quick_in ul li a span i.i_quick3 {background-image:url(../images/main/i_quick3.png);}
.quick_in ul li a span i.i_quick4 {background-image:url(../images/main/i_quick4.png);}
.quick_in ul li a span i.i_quick5 {background-image:url(../images/main/i_quick5.png);}
.quick_in ul li a span i.i_quick6 {background-image:url(../images/main/i_quick6.png);}
.quick_in ul li a span i.i_quick7 {background-image:url(../images/main/i_quick7.png);}
.quick_in ul li a span i.i_quick8 {background-image:url(../images/main/i_quick8.png);}
.quick_in ul li a p {font-size:18px; color:#fff;}
.quick_in ul li a:hover p {color:#6af0ff;}

@media screen and (max-width: 991px) {
	/* 퀵메뉴 */
	.quick_in {width:100%;} 
	.quick_in ul li {width:25%;}
}


@media screen and (max-width: 767px) {
	/* 퀵메뉴 */
	.quick_in {width:100%;  padding:10px 0px 10px 0px;  }
	.quick_in::before,
	.quick_in::after {display:none;}
	
	.quick_in ul li a span {width:62px; height:62px; margin:10px auto 10px;}
	.quick_in ul li a p {font-size:16px;}
}




/***** 공지사항 *****/
.mnNews{width:100%; box-sizing: border-box;}
.mnNews>div {padding:0 30px; }
.mnNews>div:first-child {/*background:#fff;*/}
.mnNews>div:last-child {padding-right:0;}
.mnNews>div>div {}


.notice_wrap{position:relative;float: left; width:50%; height:720px;border: 0px solid #e70439;}

/* 알림판 */

.mnNews .popup_wrap{position:relative; float:right; width:100%; max-width:670px;  margin:50px 0px 0px 0px; padding:0px 0px 0px 0px; box-sizing: border-box;}

.mnNews .popup_wrap .mnSlide{position:relative; background:#dbddde; height:334px;}
.mnNews .popup_wrap .mnSlide a {display:block; }
.mnNews .popup_wrap .mnSlide img {width:100%; height:334px;}

.mnSlide .slick-dots li{display: none;}
.mnSlide .slick-dots li.slick-active{position:absolute; bottom:0px;  padding:0px 10px 10px 20px;  display: block; box-sizing: border-box; z-index:999;}


.mnNews .popup_wrap .slickCtrl{position:absolute; left:5px; bottom:5px; width:155px; height:35px;   padding:1px 5px 5px 65px;  background:rgba(255,255,255,.6); border: 1px solid #dddddd; box-sizing: border-box;} 
.mnNews .popup_wrap .slickCtrl button:focus{margin:0px; padding:0px; border:2px solid #000;  box-sizing: border-box; }

.mnNews .popup_wrap .slickCtrl button{width:23px; top:0px; height:30px; box-sizing: border-box;}

.tab_event{position:relative; float:right;  width:100%;  max-width:670px; margin:30px 0px 0px 0px; padding:10px 0px 0px 0px; }
.tab_event h2 {width:100%; margin:0px 0px 10px 0px;padding:0px 0px 20px 0px; font-size:22px; box-sizing: border-box; border-bottom: 1px solid #b7b7b7;}

.tab_obj{top:0px;  display:inline-block; width:100%; padding:0px 0px 0px 0px; overflow: hidden; box-sizing: border-box;}
.tab_obj ul{ display: block; }
.tab_obj ul li{position: relative;display: block; width:100%; height:35px; padding: 0px 0px 0px 12px; background:url(../images/main/dot.png) no-repeat 0 15px; box-sizing: border-box; border-top: 0px solid #ddd;}
.tab_obj ul li:first-child{ border-top: none; }
.tab_obj li a{display: block;  height:35px; padding: 5px 0px 5px 0px; vertical-align: middle; box-sizing: border-box;}

.tab_obj li a b{float:left; width:78%;  display: inline-block;  font-size:16px; color: #333; font-weight: 400; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tab_obj li a b.new:after{content: "N";display: inline-block;width: 22px;height: 22px;font-size: .7rem;color: #fff;font-weight: 600;line-height: 22px;border-radius:50%;background-color: #055bb2;text-align: center;vertical-align: top;margin-left: 5px;}
.tab_obj li a .date{float:right;width:20%; min-width:90px; text-align:right; top:0px; display: block; font-size:16px; padding:0px 0px 0px 0px;  color: #333;  box-sizing: border-box; }
.tab_obj li a em{ display: block;  font-size:14px; color: #555; line-height:20px; height:40px; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.tab_event .more{position:absolute; padding:0px;  top:-60px;  right:0px; box-sizing: border-box;  }



/***** 행사프로그램 *****/
#main_view .proEvent_wrap{float: right; width:50%; height:600px; margin:50px 0px;background:#FFF;border: 0px solid #e70439;}

#main_view .pro_event {position:relative;width:100%; max-width:670px; height:330px; box-sizing: border-box; margin:50px 0 30px 0px; /* background:rgba(208,239,245,.8); */ }
#main_view .pro_event h2{width:100%; margin:0px auto;  text-align:center; font-size:38px; box-sizing: border-box;}
#main_view .pro_event .slick-arrow {position:absolute; top:50%; transform:translate(0,-50%); z-index:99; width:90px; height:90px; background:#2e2727; border-radius:50%; text-indent:-9999px; background-repeat:no-repeat; background-position:center; opacity:.5;}
#main_view .pro_event .slick-arrow:hover {opacity:1;}
#main_view .pro_event .slick-arrow.slick-prev {left:0; background-image:url(../images/main/pro_carousel_prev.png);}
#main_view .pro_event .slick-arrow.slick-next {right:0; background-image:url(../images/main/pro_carousel_next.png);}
#main_view .pro_event .slick-list {width:80%; margin:0 auto;}
#main_view .pro_event .slick-slide  {color:#fff; font-size:18px;}

#main_view .event_in{position:relative; width:50%; float:left;box-sizing: border-box;  }
#main_view .event_in>a {display:block; margin:0px 3% 0px 0px; box-shadow:0px 0px 0px rgba(0,0,0,.2) !important; box-sizing: border-box; }


#main_view .event_in .img {width:100%; max-height:165px;  min-height:165px;  overflow:hidden;} 
#main_view .event_in .img img{width:100%; overflow:hidden;}

#main_view .event_in .videoGalleryBg{position:absolute; width:100%; min-width:280px; text-align:center;  background:rgba(0,0,0,.0);}
#main_view .event_in .videoGalleryBg img{width:100%; text-align:center; margin:50px 0px 0px 0px; width:78px; height:78px;}


#main_view .event_in .program_info {padding:10px 30px 10px 15px; background:rgba(0,0,0,1); text-align:left; box-sizing: border-box; }
#main_view .event_in .program_info span.label {display:inline-block; margin-bottom:10px; padding:4px 8px;  font-size:13px; color:#fff;}
#main_view .event_in .program_info .every {background:#009c99;}
#main_view .event_in .program_info .special {background:#9c5f00;}
#main_view .event_in .program_info .program {background:#4b771b;}
#main_view .event_in .program_info .experience {background:#6c1b77;}

#main_view .event_in .program_info .split {display: inline-block; width:100%; font-size:14px; text-align:center; font-weight:400; color:#fff; box-sizing: border-box;}
#main_view .event_in .program_info .split2 {line-height:18px; padding-bottom:10px;}

#main_view .event_in .program_info h3 {margin-bottom:20px; font-size:22px; color:#fff; font-weight:600; letter-spacing:-1px; }
#main_view .event_in .program_info p {font-size:14px; color:#333; margin-bottom:30px; height:42px; }
#main_view .event_in .program_info span.date {font-size:13px; color:#333;}
#main_view .event_in>a:hover .program_info {background:#f8f8f1;}
#main_view .event_in>a:hover .program_info .split {color:#0646a5; }
#main_view .event_in>a:hover .program_info .split2 {color:#0646a5; }
#main_view .event_in>a:hover .program_info p {text-decoration:underline;}

#main_view .pro_event .more{position:absolute; padding:3px 7px 7px 7px;  top:10px;  right:0px; border: 1px solid #a1a1a1;  box-sizing: border-box; }
#main_view .pro_event .more a{display:block; box-sizing: border-box;}

@media screen and (max-width: 767px) {
/* 행사프로그램 */
	#main_view .proEvent_wrap{clear:both; float:none !important; width:100%; padding:20px 0px 100px 0px; height:100%;box-sizing: border-box;}
	#main_view .pro_event {width:100%; height:auto; margin:10px 0px 30px 0px; box-sizing: border-box;}
	#main_view .pro_event h2{width:100%; margin:0px auto;  text-align:center; font-size:22px; box-sizing: border-box; }
	#main_view .event_in{float:none !important; width:100%;  }	
	#main_view .event_in>a {margin:0px 20px 20px 20px; border: 1px solid #ddd;  box-sizing: border-box;}
	#main_view .img img{width:100%; max-height:225px; overflow:hidden;}
	
	#main_view .event_in .program_info {padding:5px 25px 5px 25px;}
	#main_view .event_in .program_info h3 {margin-bottom:15px; font-size:18px; color:#333; font-weight:500; letter-spacing:-1px;}
	#main_view .event_in .program_info p {font-size:14px; color:#333; margin-bottom:10px; height:42px;}
	#main_view .event_in .program_info span.date {display:none;}
	#main_view .event_in>a:hover .program_info {background:#fff;}
}
	
	
/***** 온라인예약 *****/
.onlineApp_wrap{clear:both;position:relative; width:97%;  max-width:660px; margin:0px 3% 0px 0px; box-sizing: border-box; }

.festival{position:relative; float:left; width:50%;  box-sizing: border-box;  background:url("../images/main/festival_bg.png") center bottom no-repeat; background-color:#6db261;}
.festival .txt{font-size:24px; text-align:center; color:#fff; text-shadow: 1px 1px 1px #25593f;  letter-spacing:-0.05em; line-height:30px;  padding:20px 0px 15px 0px;box-sizing: border-box;}

.onlineApp{position:relative; float:right; width:50%;  height:160px;margin:0px 0px 0px 0px;  background:url("../images/main/onlineApp_bg.png") center bottom no-repeat; background-color:#37807d; box-sizing: border-box; }
.onlineApp .txt{font-size:24px; text-align:center; color:#fff;  text-shadow: 1px 1px 1px #2b6361; letter-spacing:-0.05em; line-height:30px;  padding:20px 0px 15px 0px;   box-sizing: border-box;}

.festival .go, .onlineApp .go{width:50%; margin:0px auto; max-width:200px; text-shadow: 1px 1px 1px #2b6361; font-size:14px; font-weight:400;  height:35px; border:1px solid rgba(255,255,255,.3); padding:5px 10px 5px 10px; text-align:center;  color:#fff;  box-sizing: border-box;}
.festival a, .onlineApp a{display:block; width:100%; height:160px; box-sizing: border-box; }



@media screen and (max-width: 991px) {
	
}	
	
@media screen and (max-width: 767px) {
	.onlineApp_wrap{clear:both;  width:92%; margin:0px auto 4%; padding-bottom:20px; box-sizing: border-box; }
}


/***** 사진갤러리 *****/
#main_view .pro_carousel {margin:50px 0 60px; /* background:rgba(208,239,245,.8); */ }
#main_view .pro_carousel .slick-arrow {position:absolute; top:50%; transform:translate(0,-50%); z-index:99; width:90px; height:90px; background:#2e2727; border-radius:50%; text-indent:-9999px; background-repeat:no-repeat; background-position:center; opacity:.5;}
#main_view .pro_carousel .slick-arrow:focus{outline: 3px solid black;}
#main_view .pro_carousel .slick-arrow:hover {opacity:1;}
#main_view .pro_carousel .slick-arrow.slick-prev {left:0; background-image:url(../images/main/pro_carousel_prev.png);}
#main_view .pro_carousel .slick-arrow.slick-next {right:0; background-image:url(../images/main/pro_carousel_next.png);}



#main_view .pro_carousel .slick-list {width:80%; margin:0 auto;}
#main_view .pro_carousel .slick-slide  {color:#fff; font-size:18px;}

#main_view .carosel_in>a {display:block; margin:0 20px; box-shadow:5px 5px 5px rgba(0,0,0,.2) !important;}
#main_view .carosel_in .program_info {padding:20px; background:#fff; text-align:left;}
#main_view .carosel_in .program_info span.label {display:inline-block; margin-bottom:20px; padding:4px 8px;  font-size:13px; color:#fff;}
#main_view .carosel_in .program_info .every {background:#009c99;}
#main_view .carosel_in .program_info .special {background:#9c5f00;}
#main_view .carosel_in .program_info .program {background:#4b771b;}
#main_view .carosel_in .program_info .experience {background:#6c1b77;}
#main_view .carosel_in .program_info h3 {margin-bottom:10px; font-size:18px; color:#333; font-weight:600; letter-spacing:-1px;}
#main_view .carosel_in .program_info p {font-size:15px; color:#333; margin-bottom:30px; height:42px;}
#main_view .carosel_in .program_info span.date {font-size:13px; color:#333;}
#main_view .carosel_in>a:hover .program_info {background:#fff;}
#main_view .carosel_in>a:hover .program_info .split {color:#333; }
#main_view .carosel_in>a:hover .program_info p {text-decoration:underline;}

#main_view .carosel_in>a .insertBg{background:#fff;}
#main_view .carosel_in>a .insertBg .img{padding:15px 20px 0px 20px; box-sizing: border-box;}



/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* 사진갤러리 */
	#main_view .pro_carousel .slick-arrow {width:50px; height:50px; background-size:15px;}
	#main_view .pro_carousel .slick-list {width:85%;}

	#main_view .carosel_in>a {margin:0 10px;}
	#main_view .carosel_in .program_info {padding:20px;}
	#main_view .carosel_in .program_info span.label {margin-bottom:10px;}
	#main_view .carosel_in .program_info h3 {margin-bottom:15px;}
	#main_view .carosel_in .program_info p {margin-bottom:10px;}
	
	
	.mnNews>div>div,
	
	.mnNews>div:last-child {padding-right:0;}
	
	
	.mnNews .popup_wrap{position:relative; float:right; width:100%;  }
	
	.mnNews .popup_wrap .mnSlide img {height:334px; }

	
	.tab_event{position:relative; float:right;  width:100%;}
	
	.tab_obj li a b{float:left; width:70%;  font-size:14px;  }
	.tab_obj li a .date{float:right; width:30%; min-width:80px;font-size:14px;  }
	 
	 
	.tab_event .tab .conts_inner {padding:10px 0;}
	.tab_event .tab .conts_inner dd h4 {margin-bottom:5px;}
	
}




/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.slideMsg {
		width:80%; margin:10px auto 0; padding:12px 0 10px 25px; 
		font-size:13px; line-height:1.2; color:#bf9c4b; text-align:left;
		background:url(../images/main/slide_tip_g.png) no-repeat left 9px; background-size:15px;
	}
	.slideMsg::after{content:"좌우로 드래그하시면 더 많은 사진을 보실 수 있습니다.";}
	
	
	.mnNews .popup_wrap{float:none !important; width:100%;}
	.mnNews .popup_wrap .mnSlide{position:relative; background:#dbddde; height:auto; min-height:150px;}
	
	.mnNews .popup_wrap .mnSlide img {height:100%;}
	
	
	/* 공지사항 */
	.mnNews>div { }
	
	.notice_wrap{float:none !important; width:100%; height:370px; border: 0px solid #000; }
	
	.tab_event{width:100%; padding:10px 0px 30px 0px;}

	
	.tab_event h2 {margin:10px auto; font-size:20px; box-sizing: border-box; }
	.tab_obj li a b{float:left; width:70%;  font-size:14px;  }
	.tab_obj li a .date{float:right; width:30%; min-width:80px;font-size:14px;  }

	
	/*	
	.tab_event .tab .tit_tab {width:43%;}
	.tab_event .tab .conts_inner {padding:15px 0;}
	.tab_event .tab .conts_inner dd h4 {margin-bottom:10px; font-size:18px;}
	.mnNews>div:last-child {padding:0 !important; margin-top:20px;}
	*/
	
	
	/* 사진갤러리 */
	.main_s2 {padding-top:70px !important; padding-bottom:70px !important; border: 1px solid #fff;}
	#main_view .pro_carousel {margin:20px 0 60px;}	
	#main_view .carosel_in .program_info {padding:15px;}
	#main_view .carosel_in .program_info span.label {margin-bottom:10px;}
	#main_view .carosel_in .program_info h3 {font-size:20px; }
	#main_view .carosel_in .program_info p {font-size:14px; }
	
	
	/* 휴관일 안내 */
	.close_time {width:90%; left:50%; transform:translate(-50%,0);}
	.month_info {height:60px; margin-left:0; display:block !important; float:none !important; text-align:center; background:#c6bfb2;}
	.museum_info .close_info>h3 {margin-bottom:15px;}
	.month_info span {font-size:14px; line-height:60px;}
	.month_info .month {width:45px; height:45px; background:#fff;}
	.month_info .month em {font-size:24px;}
	.day_info {display:block; padding-left:0; padding-top:10px;}
	
}


/* ****************** 휴관일 안내 ****************** */
.close_info .month_info {display:inline-block; float:left; vertical-align:middle;}
.month_info span {display:inline-block; font-size:18px; line-height:100px; vertical-align:inherit; cursor:pointer;}
.month_info span img {margin:0 15px;}
.month_info .month {position:relative; width:65px; height:65px; background:#c6bfb2; border-radius:50%; text-align:center;}
.month_info .month em {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); line-height:1; font-size:36px; font-weight:600; color:#5e5449;}
.month_info .month_p {display:inline-block; vertical-align:middle; margin-left:7px; font-size:21px;}
.day_info {display:table-cell; padding-left:30px;}
.day_info p {margin:10px 0; font-size:15px; color:#333;}
.day_info p.day {margin:0; font-size:18px; color:#fff;}
.day_info span.note {color:#905f29;}

.museum_info {display:table; position:absolute; bottom:30px; left:50%; transform:translate(-50%,0); background:rgba(0,0,0,.7);}
.museum_info>div {display:table-cell; width:25%; color:#fff; padding:35px 20px; float:none; border-right:1px solid rgba(255,255,255,.1); vertical-align:middle;}
.museum_info>div:first-child {padding-right:0; vertical-align:top;}
.museum_info>div:last-child {border-right:0;}
.museum_info>div>h3 {font-weight:400; margin-bottom:15px;}
.museum_info p {font-weight:300;}

/*
.museum_info .time_info {padding-left:60px; background:url("../images/sub/ico-info2-w.png") no-repeat; background-size:43px;}
.museum_info .time_info ul li {margin-bottom:3px;}
.museum_info .time_info ul li:last-child {margin-bottom:0;}
.museum_info .time_info ul li span {opacity:.5; font-weight:300;}
*/
.museum_info .time_info {text-align:center; padding-right:20px;}
.museum_info .time_info i.i_time {display:inline-block; width:60px; height:60px; background:url("../images/sub/ico-info2-w.png") no-repeat;}
.museum_info .time_info p {color:#fff; font-size:18px;}
.museum_info .close_info {width:45%;}
/*
.museum_info .close_info p {opacity:.5;}
.museum_info .close_info > p:nth-child(2){margin-bottom:7px;}
.museum_info .close_info span {display:block; margin-top:10px; font-weight:500;}
*/
.museum_info .reserve {width:15%;}
.museum_info .reserve h3 {margin-bottom:15px; font-weight:400; font-size:24px;}
.museum_info .reserve.group {background:rgba(21,156,153,.6); text-align:center;}
.museum_info .reserve.school {background:rgba(138, 46, 46, 0.8); text-align:center;}
.museum_info .reserve.group a,
.museum_info .reserve.school a {display:inline-block; padding:5px 15px; color:#318993; background:#fff; border-radius:5px;}
.museum_info .reserve.group a:hover {background:#0c4046; color:#fff;}
.museum_info .reserve.school a {color:#712726;}
.museum_info .reserve.school a:hover {background:#440505; color:#fff;}
.museum_info .school a {display:inline-block; padding-left:70px; color:#fff;}
.museum_info .school h3 {font-size:24px; font-weight:400;}
/*.museum_info .school a.off {background:url("../images/main/i_mq_edu_off.png") no-repeat;}*/



/* ****************** 둘러보기  VR ****************** */

#vr {height:auto;overflow:hidden;z-index:1;}
#mvisual-wr {position:relative;height:100%}
#mvisual {position:relative;height:100%; }

.sldCircle {display:block;position:absolute;right:120px; top:7%;width:250px;height:250px;z-index:1; margin-top:0px; z-index:10;}
.sldCircle .txtBox {display:block;position:absolute;width:78%;height:78%;top:0;right:0;bottom:0;left:0;margin:auto;z-index:10;}
.sldCircle .txtBox .txt {display:block;position:absolute; background:rgba(45, 190, 205, .8);width:88%;height:88%;text-align:center;box-sizing:border-box;padding:55px 20px 60px 20px;border-radius:50%;top:0;right:0;bottom:0;left:0;margin:auto;  word-break: keep-all;  box-sizing: border-box;}
.sldCircle .txtBox .txt p .btxt {display:block;color:#fff;font-size:18px;font-weight:500;line-height:1.2;text-shadow:0 0 50px rgba(55, 128, 125, 0)}
.sldCircle .txtBox .txt p .btxt2 {display:block;color:#fff;font-size:30px;font-weight:500;line-height:1.2;text-shadow:0 0 50px rgba(55, 128, 125, 0)}

.sldCircle .dialBox {position:static;z-index:0}
.sldCircle .csRotate {display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:0;width:215px;height:215px;background:url(../images/main/cs_rotate.png) no-repeat;border-radius:50%}

@keyframes mouse_action{
	0% {bottom:0;animation-timing-function:ease}
	50% {bottom:10px}
	100% {bottom:0;animation-timing-function:ease}
}
.csRotate {animation-duration:30s;animation-name:csRotate_def;animation-fill-mode:both;animation-iteration-count:infinite;animation-timing-function:inherit}
@keyframes csRotate_def {
	0% {transform:rotate(0deg);transform-origin:50% 50% 0}
	100% {transform:rotate(360deg);transform-origin:50% 50% 0}
}

@media all and (max-width:767px){
	#vr{height:672px; border: 0px solid #000bf2;}
	
	.sldCircle {display:block;position:absolute; left:50%; margin-left:-100px; top:15%; width:200px;height:200px;z-index:1; z-index:10;}
	
	/*.sldCircle {width:226px;height:226px;right:50px; margin-top:-113px}*/
	.sldCircle:after {width:13px;height:13px;margin:-24px auto}
	
	.sldCircle .csRotate {width:190px;height:190px;background-size:190px auto}
	.sldCircle .txtBox .txt { padding:40px 0 0}
	.sldCircle .txtBox .txt p .btxt {font-size:16px;}
.sldCircle .txtBox .txt p .btxt2 {font-size:22px;}

}



/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; position:relative; }	/* 비주얼높이값 이미지에맞게 수정 */

/*#mainVisual:before {content: ''; position: absolute; z-index: 10; top: 100px; right: 5%; width: 90%; height: 0px; background-color: rgba(255,255,255,0.12);}
#mainVisual:after {content: ''; position: absolute; z-index: 10;bottom: 105px; left: 5%; width: 90%; height: 0px; background-color: rgba(255,255,255,0.12);}*/
/*
#mainVisual.full-height{height:1030px;}
.slick-track,
.slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
*/
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{
	height:100%;
}

#mainVisual .slick-list{z-index: 1;}

.main-visual-con {position: relative; z-index:2;}

/*
.main-visual-con:before {content: ''; position: absolute; width: 0px; z-index: 10; top: 100px; bottom: 105px; right: 5%; background-color: rgba(255,255,255,0.12);}
.main-visual-con:after {content: ''; position: absolute; width: 0px; z-index: 10; top: 100px; bottom: 105px; left: 5%; background-color: rgba(255,255,255,0.12);}
*/

/* 메인 비주얼 :: 이미지 */
.main-visual-item {position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	/*-ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);*/
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con {position:absolute; top:50%; left:50%; text-align:center; margin-left:-625px; margin-top:-168px;} /* margin-top은 조정 (텍스트영역 높이의 반) */
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{
	width:1300px; 
	margin:0px auto; 
	text-align:center;
	
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateX(-50px); 
    -o-transform: translateX(-50px); 
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px); 
     transform: translateX(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}


.main-visual-item .main-visual-txt-con .main-visual-txt1 {display:block;font-size: 40px; font-weight: 700; color: #fff; letter-spacing: -0.35px; text-shadow: 5px 11px 15px rgba(0,0,0,0.35);}

.main-visual-txt1 > em {font-size: 40px; font-weight: 500; display: block; letter-spacing: 0.5px; margin-left: 5px; margin-bottom: 10px;}

.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 15px; font-weight: 300; font-size: 32px; letter-spacing: -3.9px; line-height: 1.2; color: #fff; text-shadow: 7px 5px 10px rgba(0,0,0,0.5); -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}

.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top: 4px; font-weight: 300; font-size: 24px; letter-spacing: -0.5px; word-spacing: -1px; color: #fff; line-height: 1.6; text-shadow: 7px 5px 10px rgba(0,0,0,0.5); margin-bottom: 45px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}

.main-visual-item .main-visual-txt-con .en{letter-spacing:0;}/*190618 이지연*/

.m-br{display: none;}


.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block; position:relative; width:150px; height:46px; border-top:2px solid #fff; border-bottom:2px solid #fff; border-color:rgba(255,255,255,0.25); text-align:center;-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn p{position:relative; display:block; width:100%; height:100%; font-size:13px; line-height:46px; color:#fff; letter-spacing:1px;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn p span{position:relative; display:block; width:100%; height:100%;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn p span em{position:relative; display:block; z-index:2;}


.btn-effect01 p:before, 
.btn-effect01 p:after,
.btn-effect01 span:before,
.btn-effect01 span:after{display:inline-block; content:""; position:absolute; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.btn-effect01 p:before{top:-2px; bottom:-2px; left:0; border-top:2px solid #fff; border-bottom:2px solid #fff; width:12px;}
.btn-effect01 p:after{top:-2px; bottom:-2px; right:0; border-top:2px solid #fff; border-bottom:2px solid #fff; width:12px;}
.btn-effect01 span:before{top:-2px; bottom:-2px; left:0; width:2px; background-color:#fff;}
.btn-effect01 span:after{top:-2px; bottom:-2px; right:0; width:2px; background-color:#fff;}

.btn-effect01:hover p:before,
.btn-effect01:hover p:after{width:50%;}



/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.0001deg);
    -o-transform: scale(1.0,1.0) rotate(0.0001deg);
    -moz-transform: scale(1.0,1.0) rotate(0.0001deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.0001deg);
     transform: scale(1.0,1.0) rotate(0.0001deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
     transform: translateX(0px);
}

/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots{position:absolute; left: 50%; bottom:40px; text-align:center; transform:translate(-50%,-50%);  margin-top: -250px; z-index: 9999;  box-sizing: border-box; }
#mainVisual .slick-dots li{display:block; margin:8.5px 10px ; display: inline; float:left; }
#mainVisual .slick-dots li button:focus{border:2px solid #000; }
#mainVisual .slick-dots li button{cursor:pointer; margin:0px; box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2); padding:0px; border-radius:50%; background:none; font-size:0; width:15px; height:15px; background-color:#fff; /*box-shadow: 10px 10px 10px #000;*/}
#mainVisual .slick-dots li.slick-active button{background-color:#f47e3a;   }		/* 버튼 active */

/* 메인 비주얼 :: 화살표 */
#mainVisual .slick-arrow {border: 1px solid #0226df;position:absolute;top: 50%; margin-top:-50px; /*box-shadow: 10px 10px 10px #000;*/ width:100px; height:100px; background-repeat: no-repeat; background-position: 50% 50%;  cursor:pointer; border:0; cursor:pointer; z-index:99999999; font-size:0; border-top: 1px solid rgba(255,255,255,0.12);border-right: 1px solid rgba(255,255,255,0.12);  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#mainVisual .slick-arrow:focus{outline: 3px solid black;}
#mainVisual .slick-arrow.slick-prev {left:2%;  border: 0px solid #fff; background-image: url(../images/main/main_prev_btn.png);}
#mainVisual .slick-arrow.slick-next {right:2%; border: 0px solid #fff; background-image: url(../images/main/main_next_btn.png); margin-left: 100px;}


/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute;left: 0;right: 0; bottom:30px; margin:0 auto; text-align:center; z-index:9}	/* width값에 맞게 margin-left수정 */
.main-scroll-icon span{display:block; color:#fff; font-size: 12px; padding-top:5px; letter-spacing:-0.5px; font-weight:300; }


/* ******************  메인 비주얼 ********************** */
/*
@media all and ( min-width: 1201px ){
	.mt04-cont:after {background: #1e5799; background: -moz-linear-gradient(-45deg, #1e5799 0%, #ed8443 0%, #c33848 100%); background: -webkit-linear-gradient(-45deg, #1e5799 0%,#ed8443 0%,#c33848 100%); background: linear-gradient(135deg, #1e5799 0%,#ed8443 0%,#c33848 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#c33848',GradientType=1 );}	
} */

@media all and ( max-width:991px ){
	.main-visual-con:after {}
	/* 메인 비주얼 :: 화살표 */
	#mainVisual .slick-arrow{display:none !important; width:47px; height:40px; margin-top:-20px; background-size:47px auto !important; } /* 화살표사용시 display:none 삭제 */ 
	.main-visual-con:after {border:0;left: 0; right: 0; border-bottom: 1px solid rgba(255,255,255,0.12); width: 100%;}
	
}

@media all and ( max-width: 767px ){
	#mainContent {background-image: none;}
	
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .main-visual-txt1 img{width:100%; max-width:320px;}
	
	
	.main-visual-item .main-visual-txt-con{text-align: center; top: 21%; left:50%; width: 100%; margin-top: 0; }
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 24px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1>em {font-size:24px; line-height: 1; margin-bottom: 7px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 10px; font-size: 24px; line-height: 1.2; -ms-word-break: keep-all;
	word-break: keep-all;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top: 5px; font-size: 18px; line-height: 1.5; -ms-word-break: keep-all;
	word-break: keep-all;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn{width:120px; height:40px;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn p{font-size:12px; line-height:40px; letter-spacing:0.5px;}
	.m-br{display: block;}

	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{height:540px; display:block;}
	.main-visual-m-img img{width:100%;}

	
	/* 메인 비주얼 :: 버튼 */
	#mainVisual .slick-dots{position:absolute; left: 50%;  transform:translate(-50%,-50%); bottom:20px; text-align:center; z-index: 9999;}
	#mainVisual .slick-dots li{display:block; margin:8.5px 10px ; display: inline; float:left;}
	#mainVisual .slick-dots li button{width:12px; height:12px; }

		
		
	/* #mainVisual .slick-dots {left: 0; right: 0; top: auto; margin: auto; bottom: 4.5%; margin-top: 0; text-align: center;}
	#mainVisual .slick-dots li {margin: 0; height: 10px; display: inline-block; margin: 0 5px;}
	#mainVisual .slick-dots li button {width: 15px; height: 2px;}*/
	
	
	.main-scroll-icon {bottom: 20px;}
	.main-scroll-icon span {font-size: 6px;}
	.main-scroll-icon img {max-width: 7.5px; max-height: 15px;}

	.main-visual-con:after {bottom: 60px;}
	#mainContent {padding-bottom: 37px;}
	.mt04-cont:after {background-color: #ff8935;}

	.main-scroll-icon{display: none;}
}



@media all and ( max-width: 480px ){
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 47.5px; letter-spacing: -0.45px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1>em {font-size: 19px; letter-spacing: 0.1px; margin-bottom: 5px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 7px; font-size: 22px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top: 2px; font-size: 14px}
}



/* ******************  //메인 비주얼 ********************** */

.mainControler {
	position:absolute;
	z-index:99999;
	top:90%;
	left:4%;
	padding:1px 3px 5px 3px;
	border:1px solid #ebebeb;
	background-color:#ffffff;
}
.mainControler ul li {display:inline-block;}