@charset "utf-8";

/* 레이어팝업 */
.leyerpop_box {
	position: absolute; 
	padding: 0px; 
	margin: 0px;
	border:5px solid #20272e;
	z-index: 999999999;
	font-size:13px;
}
.leyerpop_box dl.alt{display:block;overflow:hidden;position:absolute;top:-9999px;left:-9999px;visibility:hidden;}
#popup1 {left: 0; 	top: 10px; }
#popup2 {left: 300px; top: 10px; }
#popup3 {left: 600px; top: 10px; }
#popup4 {left: 0; top: 350px; }
#popup5 {left: 300px; top: 350px; }

@media all and (max-width:748px){
	/* left값 동일 _ top값만 변경 */
	.leyerpop_box img{width:100%;}
	#popup1 {left: 0; 	top: 10px;}
	#popup2 {left: 0; top: 30px;}
	#popup3 {left: 0; top: 50px;}
	#popup4 {left: 0; top: 70px;}
	#popup5 {left: 0; top: 90px;}
}

/* 상단css */
#m_visual {position:relative;z-index:0; overflow:hidden;}
#m_visual .m_slide {position:relative;height:860px;}

/* 비주얼텍스트 */
.mSlide_text_m {display:none;}
.mSlide_text {position:relative; top:80px; left:0; z-index:1; max-width:1300px; margin:0 auto; text-align:center;}
.mSlide_text p {margin-bottom:10px;}

/* 비주얼이미지 */
.m_slide .mSlide_list {position:absolute; left:0; top:0; width:100%; height:860px;}
.m_slide .mSlide_list div{width:100%; height:860px; background:url('/images/ulsanpark/main/main_visual_img01.jpg') center no-repeat; background-size:cover; text-indent:-9999px;}

	@media all and (max-width:1023px){	
		#m_visual .m_slide {}
		/* 비주얼텍스트 */
		.mSlide_text {display:none;}
		.mSlide_text_m {display:block;}
		.mSlide_text_m {position:absolute;width:100%;top:10%;left:0;text-align:center;z-index:999;}
	}
	@media all and (max-width:746px){	
		.mSlide_text_m {width:90%; margin:0 5%;}
		#m_visual .m_slide,
		.m_slide .mSlide_list ,
		.m_slide .mSlide_list div.slick-slide{height:650px;}
		.m_slide .mSlide_list div{background-position:40% 0;}
	}




/* 문화공간 */
.m_park {width:100%;height:480px;margin:0 auto;position:absolute;right:0;left:0;bottom:30px;z-index:5;}
.park_link{display:none; }	

.park_area{max-width:1300px; height:450px; margin:0 auto; position:relative;box-sizing:border-box;}	
.park_tab {position:relative;border:0; margin:0; text-align:center;}
.park_tab:after {display:block;clear:both;content:''}
.park_tab > li {display:inline-block; padding:0; border:0;}
.park_tab > li.active .tab_cont{display:block;}
.park_tab > li.show   .tab_cont{top:90px; opacity:1;}
.park_tab > li.active .btn_tab{background:url('/images/ulsanpark/main/park_tab_on.png') 0 0 no-repeat; color:#073335;}
.park_tab .btn_tab{display:block; width:72px; height:72px; margin:0; padding:0; border-radius:60px 60px; font-size:13px; color:#fff; font-weight:bold;
					background:url('/images/ulsanpark/main/park_tab.png') 0 0 no-repeat; }
.park_tab .tab_cont {position:absolute;width:100%; left:0; top:-9999px; z-index:9; opacity:0;}
	
	/* 문화공간 css */
	.park_tab .park_list{margin:0 auto; padding:0 100px; height:390px; }
	.park_tab .park_list .slick-slide {position: relative;margin-right:10px;padding:5px;}
	
	/* 슬라이드 아닌거 */
	.park_box{margin:0 auto; padding:0 100px; height:390px; text-align:center;}
	.park_box div{display:inline-block; width:24.3%; padding:0 7px;}
	.park_tab .park_list div img,
	.park_tab .park_box  div img{width:100%;}
	.park_tab .park_list div p,
	.park_tab .park_box  div p{padding-bottom:6px; background:#fff; text-align:left;}
	.park_tab .park_list div p strong,
	.park_tab .park_box  div p strong{display:block; padding:15px 15px 0 15px; }
	.park_tab .park_list div p span,
	.park_tab .park_box  div p span{display:block;min-height:53px; margin-bottom:6px; padding:5px 15px 15px 15px; line-height:16px; font-size:12px; color:#999; border-bottom:1px dashed #ddd;}
	.park_tab .park_list div p a,
	.park_tab .park_box  div p a{display:block; width:94%; margin:0 auto; padding:6px 0;text-align:center; color:#fff; font-size:13px; }
		
		/* btn color */
		.park_tab a.pk_btn1{background:#118441;}
		.park_tab a.pk_btn2{background:#415de9;}
		.park_tab a.pk_btn3{background:#267f76;}
		.park_tab a.pk_btn4{background:#d71224;}
		.park_tab a.pk_btn5{background:#bd490a;}
		.park_tab a.pk_btn6{background:#447a0a;}
	
		.park_tab .slick-prev{position:absolute; bottom:48%; left:0; z-index:999; width:50px; height:70px; background:url('/images/ulsanpark/main/park_tab_prev.png') 0 0 no-repeat; text-indent:-9999px;}
		.park_tab .slick-next{position:absolute; bottom:48%; right:0;z-index:999; width:50px; height:70px; background:url('/images/ulsanpark/main/park_tab_next.png') 0 0 no-repeat; text-indent:-9999px;}	
		.park_control{display:inline-block;position:absolute;bottom:0;right:47.5%; z-index:999;}
		.park_control button{display:inline-block;width:50px;height:50px;vertical-align:middle;line-height:50px;overflow:hidden; text-indent:-9999px;}
		.park_control button.park_pause{background:url('/images/main/popup_control.png') -50px 0  no-repeat;}
		.park_control button.park_play{background:url('/images/main/popup_control.png') -100px 0  no-repeat; display:none;}	
	

	@media all and (max-width:1160px){	
		.m_park {height:50%;}
		.park_area{display:none;}
		.park_link{display:block; width:240px; height:50px; margin:0 auto; background:url('/images/ulsanpark/main/park_link_bg.gif') 0 0 repeat; border-radius:60px 60px;}	
		.park_link a{display:block; padding-right:30px; width:100%; height:100%;
					 background:url('/images/ulsanpark/main/park_link_icon.png') 91% 11px no-repeat; text-align:center; color:#fff; font-size:15px; font-weight:bold;
					 line-height:49px; -webkit-transition:all 0.4s;transition:all 0.4s;}
		.park_link a:hover{background:url('/images/ulsanpark/main/park_link_icon.png') 89% 11px no-repeat;}
	}
	



/* 울산대공원 소식 */
#m_parknews{background:#f4f2ea url('/images/ulsanpark/main/m_parknews_bg.gif') 0 0 repeat-x; padding-bottom:40px;}
#m_parknews > .tit {padding:65px 0 30px;text-align:center;color:#686868;}
#m_parknews > .tit > h3 {padding-bottom:20px;font-family:'nanumSquare';font-size:34px;font-weight:700;color:#000;}
.m_inner{max-width:1300px; margin:0 auto;}

	/* 팝업존css */
	.m_popupzone,
	.m_popupzone .box .popup_list img {height:300px;}
	.m_popupzone {max-width:480px;margin:0; float:left;}
	.m_popupzone .box {position:relative;width:100%;height:100%;}
	.m_popupzone .box .popup_list {position:relative;height:100%;}
	.m_popupzone .box .popup_list div{width:480px; height:100%;}
	.m_popupzone .box .popup_list div a{display:inline-block;text-decoration:none;}
	.m_popupzone .box .popup_list div a:hover, .m_popupzone .box .popup_list div a:focus{color:inherit;}
	.m_popupzone .box .popup_list img{width:100%;}
	/* 컨트롤박스 */
	.popup_control{display:inline-block;position:absolute;bottom:0;right: 0;}
	.popup_control button{display:inline-block;width:50px;height:50px;vertical-align:middle;line-height:50px;overflow:hidden;background-image:url('/images/main/popup_control.png');background-repeat:no-repeat; text-indent:-9999px}
	.popup_control button.btn_prev{background-position:0 0;}
	.popup_control button.btn_next{background-position:-150px 0;}
	.popup_control button.btn_pause{background-position:-50px 0;}
	.popup_control button.btn_play{background-position:-100px 0;display:none;}
	
	/* 대공원 서비스 */
	.m_service{width:61%; height:300px; float:right; padding:15px; background:url('/images/ulsanpark/main/m_service_bg.png') 0 0 repeat;}
	.service_cont{width:100%; height:100%; background:#fff; }
	.service_cont p{width:55%; height:100%; float:left; padding:40px 0 0 30px;
					color:#666; font-size:18px; background:url('/images/ulsanpark/main/service_cont_bg.png') right center no-repeat;}
	.service_cont p strong{color:#267f76;}
	.service_cont ul{float:right; width:40%; max-width:290px; padding:40px 0 0 0;}
	.service_cont ul li{margin-bottom:13px;}
	.service_cont ul li a{display:block; width:230px; height:54px; line-height:53px; background:#267f76; color:#fff; font-size:16px;
						  -webkit-transition:all 0.4s;transition:all 0.4s;}
	.service_cont ul li a img{vertical-align:middle; margin:0 10px 0 40px;}
	.service_cont ul li a:hover{background:#2dbeaf}

	@media all and (max-width:1250px){	
		.m_service{width:58%;}
	}
	@media all and (max-width:1160px){	
		#m_parknews{background:#f4f2ea url('/images/ulsanpark/main/m_parknews_bg.gif') 0 170px repeat-x;}
		#m_parknews > .tit {display:none;}
		
		#m_parknews .m_inner{max-width:100%;}
		.m_popupzone,
		.m_popupzone .box .popup_list img {height:400px;}
		.m_popupzone {max-width:100%; float:none;}
		.m_popupzone .box .popup_list div{width:100%;}
		.m_popupzone .box .popup_list div a {width:100%;height:auto;}
		.m_service {width:96%; float:none; margin:25px auto 0 auto;}
	}
	
	@media all and (max-width:746px){
		.m_popupzone {height:280px;}
		.m_popupzone .box .popup_list img {width:100%;height:280px;}
		
		.m_service{width:92%;  height:430px; }
		.service_cont p{width:100%; max-width:420px; height:270px; float:none; margin:0 auto; padding:40px 0 0 20px;
						background:url('/images/ulsanpark/main/service_cont_bg.png') right bottom no-repeat;}
		.service_cont ul{ float:none;width:100%; max-width:420px; margin:0 auto; padding:20px 0 0 0;}
		.service_cont ul li{float:left; width:33.3%;}
		.service_cont ul li a{display:block; width:94%; height:90px; margin:0 auto; padding:20px 0; line-height:30px; font-size:13px; text-align:center;}
		.service_cont ul li a img{vertical-align:middle;display:block; margin:0 auto;}
	}
	@media all and (max-width:430px){
		.m_service{height:400px; }
		.service_cont p{padding:30px 0 10px 20px; background:url('/images/ulsanpark/main/service_cont_bg.png') center bottom no-repeat;}
		.service_cont ul{padding:0 5px;}
		.service_cont ul li a{width:96%; }
	}
	
	
	/* 알림마당css */
	#m_notice {position:relative;overflow:hidden; margin-top:80px; padding:0; }
	.notice_area {position:relative;margin:0 auto;max-width:1300px;min-height:420px;box-sizing:border-box; }
	
	.notice_tab {position:relative;border:0;margin:0 auto; text-align:center;}
	.notice_tab:after {display:block;clear:both;content:''}
	.notice_tab > li {display:inline-block;width:auto;padding:0 20px 0 10px;border:0;box-sizing:border-box;background:url('/images/ulsanpark/main/m_notice_tab.png') right 50% no-repeat;}
	.notice_tab > li:last-child {border-right:0; background:none;}
	.notice_tab > li.active .tab_cont {display:block;margin-top:15px;}
	.notice_tab > li.active .btn_tab {color:#111;border-top:2px solid #4d65d0;background:none;}
	.notice_tab > li.show .tab_cont {opacity:1;top:50px;}
	.notice_tab .btn_tab {padding:0;margin:0;font-size: 20px;height:30px;text-align:center;}
	.notice_tab .btn_tab span {display:block;}
	
	.notice_tab .tab_cont .slick-track{width:100%; margin:0;}
	.notice_tab .tab_cont {position:absolute;width:100%;top:-9999px;left:0;opacity:0; text-align:left;}
	
	.notice_tab .tab_cont .notice_m .slick-slide {position: relative;height:260px;margin-right:10px;padding:20px;border:1px solid #ddd; background:#fff;}
	.notice_tab .tab_cont .notice_m .slick-slide:hover {border:1px solid #555}
	.notice_tab .tab_cont .notice_m a span{display:block;}
	.notice_tab .tab_cont .notice_m .subject {margin-bottom:12px; height:24px;}
	.notice_tab .tab_cont .notice_m .title {font-size:17px; letter-spacing:-0.025em;margin-bottom:20px;overflow:hidden;height:3em;line-height:1.5em;overflow:hidden;word-wrap: break-word;-webkit-line-clamp:2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; }
	.notice_tab .tab_cont .notice_m .date {font-size:0.85em; color:#666; position:absolute; bottom:20px; left:20px;}
	.notice_tab .tab_cont .notice_m .writer {font-size:0.85em;color:#666; position:absolute; bottom:20px; right:20px;}
	.notice_tab .tab_cont .notice_m .new {position:absolute;top:0;right:0;}	

	.notice_tab .tab_cont .gallery_m .slick-slide {position: relative;height:260px;margin-right:10px;padding:20px;border:1px solid #ddd; background:#fff; overflow:hidden;}
	.notice_tab .tab_cont .gallery_m .slick-slide:hover {border:1px solid #555}
	.notice_tab .tab_cont .gallery_m a span{display:block;}
	.notice_tab .tab_cont .gallery_m .subject {margin-bottom:12px; height:24px;}
	.notice_tab .tab_cont .gallery_m .title {font-size:17px;letter-spacing:-0.025em;margin:5px 0 20px 0;overflow:hidden;height:22px;line-height:1.5em;
											 overflow:hidden;word-wrap: break-word;-webkit-line-clamp:2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; }
	.notice_tab .tab_cont .gallery_m .date {font-size:14px;color:#666; vertical-align:bottom;}
	.notice_tab .tab_cont .gallery_m .date strong{font-size:32px; color:#333; font-weight:normal;}
	.notice_tab .tab_cont .gallery_m img{width:100%; height:163px;}
	.notice_tab .tab_cont .gallery_m .new {position:absolute;top:0;right:0;}
	.notice_tab .tab_cont .gallery_m .new img {width:auto;height:auto;}
	
	.notice_tab .tab_cont .more {width:58px;height:55px;position:absolute;right:47.7%;top:auto;bottom:-60px;text-indent:-9999px;}
	.notice_tab .tab_cont .more a {display:block;width:100%;height:100%;background:url(/images/ulsanpark/main/more_btn.png) no-repeat center center;transition:all 0.2s ease-in-out;}
	
	

	@media all and (max-width:1023px){	
		.notice_area {width:96%; float:none; padding:0; min-height:350px;}
		
		.notice_tab {position:relative;border:0;margin:0 auto;}
		.notice_tab:after {display:block;clear:both;content:''}
		.notice_tab > li {display:inline-block;width:auto;padding:0 20px 0 10px;border:0;box-sizing:border-box;background:url('/images/ulsanpark/main/m_notice_tab.png') right 50% no-repeat;}
		.notice_tab > li:last-child {border-right:0; background:none;}
		.notice_tab > li.active .tab_cont {display:block;margin-top:15px;}
		.notice_tab .btn_tab {padding:0;margin:0;font-size: 1.05em;height:30px;text-align:center;}
		
		.notice_tab .tab_cont .slick-slide a{position: relative;height:180px;}
		.notice_tab .tab_cont .slick-slide a:before {position: absolute; content:""; display: block; top: 0; right: 0; left: 0; bottom: 0; transition: all 0.2s;}	
		.notice_tab .tab_cont .notice_m .date {left:0;}
		.notice_tab .tab_cont .notice_m .writer {right:0;}	
		
		.notice_tab .tab_cont .notice_m .slick-slide {position: relative;height:200px;margin-right:10px;padding:20px;border:1px solid #ddd; background:#fff;}
		.notice_tab .tab_cont .notice_m .slick-slide:hover {border:1px solid #555}
		.notice_tab .tab_cont .notice_m .slick-slide:before {position: absolute; content:""; display: block; top: 0; right: 0; left: 0; bottom: 0; transition: all 0.2s;}
		.notice_tab .tab_cont .notice_m .subject {margin-bottom:12px; height:24px;}
		.notice_tab .tab_cont .notice_m .title {font-size:1.05em;letter-spacing:-0.025em;margin-bottom:20px;height:3em;line-height:1.5em;overflow:hidden;word-wrap: break-word;-webkit-line-clamp:2;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;}
		.notice_tab .tab_cont .notice_m .date {font-size:0.85em; color:#888; position:absolute; bottom:20px; left:20px;}
		.notice_tab .tab_cont .notice_m .writer {font-size:0.85em;color:#888; position:absolute; bottom:20px; right:20px;}	
		
		.notice_tab .tab_cont .gallery_m .slick-slide {position: relative;height:200px;margin-right:10px;padding:20px;border:1px solid #ddd; background:#fff;overflow:hidden;}
		.notice_tab .tab_cont .gallery_m .slick-slide:hover {border:1px solid #555}
		.notice_tab .tab_cont .gallery_m .slick-slide:before {position: absolute; content:""; display: block; top: 0; right: 0; left: 0; bottom: 0; transition: all 0.2s;}
		.notice_tab .tab_cont .gallery_m .subject {margin-bottom:12px; height:24px;}
		.notice_tab .tab_cont .gallery_m .title {font-size:1.05em;letter-spacing:-0.025em;margin-bottom:20px;height:24px;line-height:1.5em;
												 overflow:hidden;word-wrap: break-word;-webkit-line-clamp:2;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;}
		.notice_tab .tab_cont .gallery_m .date{font-size:0.85em; color:#888;}
		.notice_tab .tab_cont .gallery_m .date strong{font-size:20px; color:#333; font-weight:normal;}
		.notice_tab .tab_cont .gallery_m img{width:100%; height:108px; background:#eee;}
		
		.notice_tab .tab_cont .slick-arrow {position: absolute;bottom:-40px;text-indent:-9999px;overflow:hidden;width:24px;height:25px;z-index:1;}
		.notice_tab .tab_cont .slick-prev {background: url(/images/main/control.png) no-repeat 0 -25px;left:0px;}
		.notice_tab .tab_cont .slick-next {background: url(/images/main/control.png) no-repeat -72px -25px;left:24px;}
		.notice_tab .tab_cont .slick-disabled {opacity: 0.5;}
		.notice_tab .tab_cont .more {width:25px;height:25px;right:0;top:auto;bottom:-40px;}
		.notice_tab .tab_cont .more a {background-image:url(/images/ulsanpark/main/more_btn_m.gif);}
		
	}
	@media all and (max-width:746px){
		#m_notice {margin-top:40px;}
		.notice_area {min-height:300px;}
		.notice_tab .tab_cont .slick-slide {height:160px;}
		.notice_tab .tab_cont .title {font-size:1em;height:2.35em;line-height:1.25em;}
		.notice_tab .tab_cont .date,
		.notice_tab .tab_cont .writer {font-size:0.75em;}	
		
	}




/* 축제안내 */
#m_festival{position:relative;overflow:hidden; padding:0; }
.festival_area {position:relative;margin:0 auto;box-sizing:border-box; }

.festival_tab {position:relative;border:0; margin:0;}
.festival_tab:after {display:block;clear:both;content:''}
.festival_tab > li {display:inline-block; width:auto; padding:0; border:0; box-sizing:border-box;}
.festival_tab > li.active .tab_cont{display:block;top:0;}
.festival_tab > li.active .btn_tab,
.festival_tab > li.show   .tab_cont{opacity:1;}
.festival_tab .tab_cont {position:absolute;width:100%;left:0; top:-9999px; z-index:9; opacity:0;}


	/* heigth 값 통일 */
	.festival_tab,
	.festival_tab .tab_cont,
	.festival_cont .ftv_info,
	.festival_cont .info_img div{height:520px;}
	
	/* tab btn css */
	.festival_tab .btn_tab {position:absolute; left:5%; padding:0; margin:0; z-index:999; width:80px; height:80px; display:block;
							background:#fff; border-radius:60px 60px; opacity:.3;}
	.festival_tab .light_box .btn_tab {top:160px; color:#000;}
	.festival_tab .light_box.active .btn_tab {color:#073335;}
	.festival_tab .light_box .tab_cont{background:#073335;}
	.festival_tab .rose_box .btn_tab {top:250px; color:#000;}
	.festival_tab > li.rose_box.active  .btn_tab{ color:#f36882;}
	.festival_tab .rose_box .tab_cont{background:#f36882;}

	/* festival css */
	.festival_cont .ftv_video{float:left; width:40%; padding-left:20%; text-align:center;}
	.festival_cont .ftv_info{float:right; width:60%; position:relative;}
	
	.festival_cont .ftv_video>img{margin:90px 0 30px 0}
	.festival_cont .ftv_video p{ color:#fff; font-size:16px; text-decoration:underline;}
	.festival_cont .ftv_video a,
	.festival_cont .ftv_video a img,
	.festival_cont .ftv_video a span{display:block;}
	.festival_cont .ftv_video a img{width:100%; max-width:300px; margin:30px auto 5px auto;}
	.festival_cont .ftv_video a span{color:#fff; font-size:12px; opacity:.8;}
	.festival_cont .ftv_video a:hover span{opacity:1;}
	.festival_cont .ftv_video span img {width:100%; max-width:300px; margin:30px auto 5px auto;}

	.festival_cont .info_img{width:100%;}
	.festival_cont .info_img div{width:100%;}
	.festival_cont .info_img div span{ display:block; width:48px; height:48px; text-indent:-9999px;}
		.light_box .info_img div.img_1{background:url('/images/ulsanpark/main/light_ingo_img1.jpg') right bottom no-repeat fixed; background-size:cover;}
		.light_box .info_img div.img_2{background:url('/images/ulsanpark/main/light_ingo_img2.jpg') right bottom no-repeat fixed; background-size:cover;}
		.light_box .info_img div span{background:url('/images/ulsanpark/main/festival_info_span_bg.png') 0 0 no-repeat;}
		.rose_box .info_img div.img_1{background:url('/images/ulsanpark/main/rose_ingo_img1.jpg') right bottom no-repeat fixed; background-size:cover; }
		.rose_box .info_img div.img_2{background:url('/images/ulsanpark/main/rose_ingo_img2.jpg') right bottom no-repeat fixed; background-size:cover;}
		.rose_box .info_img div span{background:url('/images/ulsanpark/main/festival_info_span_bg2.png') 0 0 no-repeat;}
		
	.festival_cont .info_control{position:absolute; bottom:165px; right:10px; z-index:999;}
	.festival_cont .info_control button{display:block; width:36px;height:36px; float:left; cursor:pointer; text-indent:-9999px;}
		.festival_cont .info_control button.light_prev{background:url('/images/ulsanpark/main/quick_prev.gif') center center no-repeat}
		.festival_cont .info_control button.light_next{background:url('/images/ulsanpark/main/quick_next.gif') center center no-repeat}
		.festival_cont .info_control button.rose_prev{background:url('/images/ulsanpark/main/quick_prev.gif') center center no-repeat}
		.festival_cont .info_control button.rose_next{background:url('/images/ulsanpark/main/quick_next.gif') center center no-repeat}
		.festival_cont .info_control button.info_pause{background:url('/images/ulsanpark/main/quick_pause.gif') center center no-repeat}
		.festival_cont .info_control button.info_play{background:url('/images/ulsanpark/main/quick_play.gif') center center no-repeat; display:none;}
	
	.festival_cont .info_box{position:absolute; bottom:0; right:0; width:55%; height:210px; padding:70px 0 0 50px; background:url('/images/ulsanpark/main/festival_info_box_bg.png') 0 0 no-repeat; z-index:99;}
	.festival_cont .info_box strong{ display:block; margin-bottom:20px; font-size:28px; font-weight:normal;}
	.festival_cont .info_box span{display:block;  max-width:73%; line-height:20px; font-size:14px; color:#888;}
	.festival_cont .info_box a{display:block; float:right; margin-right:20px;}
		.light_box .info_box strong{color:#073335;}
		.rose_box .info_box strong{color:#f36882;}

	@media screen and (max-width: 1400px) and (min-width:1024px) {
		.festival_tab .btn_tab {left:20px;}
		.festival_cont .ftv_video{padding-left:10%;}
	}

	@media all and (max-width:1023px){
		.festival_tab .btn_tab {width:50px; height:50px; font-size:13px;}
		.festival_tab .light_box .btn_tab {top:20px;}
		.festival_tab .rose_box .btn_tab {top:80px;}
		
		/* heigth 값 동일하게 변경 */
		.festival_cont .info_img div{height:370px;}
		
		.festival_cont .ftv_video{float:none; width:78px; height:78px; position:absolute; bottom:20px; right:100px; z-index:999; }
		.festival_cont .ftv_video>img{display:none;}
		.festival_cont .ftv_video p,
		.festival_cont .ftv_video a img,
		.festival_cont .ftv_video a span{display:none;}
		.festival_cont .ftv_video a{display:block; width:78px; height:78px; border-radius:12px 12px; transition: all 0.3s;}
			.light_box .ftv_video a{background:#5d28e9 url('/images/ulsanpark/main/festival_video_icon_m.png') center center no-repeat;}
			.light_box .ftv_video a:hover{background:#583dff url('/images/ulsanpark/main/festival_video_icon_m.png') center center no-repeat; }
			.rose_box .ftv_video a{background:#ffc900 url('/images/ulsanpark/main/festival_homepage_icon_m.png') center center no-repeat;}
			.rose_box .ftv_video a:hover{background:#ffa800 url('/images/ulsanpark/main/festival_homepage_icon_m.png') center center no-repeat; }
			
		.festival_cont .ftv_info{float:none; width:100%;}
		.festival_cont .info_img{padding-top:150px;}
			.light_box .info_img div span{float:right; background:url('/images/ulsanpark/main/festival_info_span_bg_m.png') 0 0 no-repeat;}
			.rose_box .info_img div span{float:right; background:url('/images/ulsanpark/main/festival_info_span_bg_m2.png') 0 0 no-repeat;}
		
		.festival_cont .info_control{position:absolute; bottom:auto; top:10px; right:10px;}
		.festival_cont .info_control button.light_prev{background:url('/images/ulsanpark/main/info_prev.png') center center no-repeat}
		.festival_cont .info_control button.light_next{background:url('/images/ulsanpark/main/info_next.png') center center no-repeat}
		.festival_cont .info_control button.rose_prev{background:url('/images/ulsanpark/main/info_prev.png') center center no-repeat}
		.festival_cont .info_control button.rose_next{background:url('/images/ulsanpark/main/info_next.png') center center no-repeat}
		.festival_cont .info_control button.info_pause{background:url('/images/ulsanpark/main/info_pause.png') center center no-repeat}
		.festival_cont .info_control button.info_play{background:url('/images/ulsanpark/main/info_play.png') center center no-repeat;}
		
		.festival_cont .info_box{position:absolute; bottom:auto; top:0; width:86%; height:150px; padding:35px 0 0 0; background:none;}
		.festival_cont .info_box strong{color:#fff; font-size:22px;}
		.festival_cont .info_box span{color:#fff; font-size:13px; opacity:.5;}
		.festival_cont .info_box a{opacity:.3; margin-right:8px;}
	}

	@media all and (max-width:746px){
		.festival_cont .info_box strong{margin-bottom:10px;}
		.festival_cont .info_box span{line-height:18px; font-size:12px;}
		.festival_cont .info_box{width:80%;}
		.light_box .info_img div.img_1{background:url('/images/ulsanpark/main/light_ingo_img1.jpg') 70% bottom no-repeat fixed; background-size:cover;}
		.light_box .info_img div.img_2{background:url('/images/ulsanpark/main/light_ingo_img2.jpg') 70% bottom no-repeat fixed; background-size:cover;}
		.rose_box .info_img div.img_1{background:url('/images/ulsanpark/main/rose_ingo_img1.jpg') 70% bottom no-repeat fixed; background-size:cover; }
		.rose_box .info_img div.img_2{background:url('/images/ulsanpark/main/rose_ingo_img2.jpg') 70% bottom no-repeat fixed; background-size:cover;}
	}



/* 바로가기서비스css */
#m_quick {position:relative;width:100%;overflow:hidden;padding:30px 0; background:#eaf0f4;}
#m_quick:before{position:absolute;bottom:0;left:0;content:"";display:inline-block;width:100%;height:1px;}
	.quick_area {position:relative;margin:0 auto;max-width:1200px;}
	.quick_list {overflow:hidden;margin:0;padding:0; width:93%;}
	.quick_list a {position: relative;display:block;width:145px;height:133px; font-size:14px; text-align:center;
					-webkit-transition:all 0.4s;transition:all 0.4s; background-color:#fff; border:1px solid #bccdd8;}
	.quick_list a img{max-width:100px; margin:15px auto;}
	.quick_list a:hover{background-color:#f9f9f9; color:#1c7ebc; font-weight:bold; border:1px solid #1c7ebc;}
	
	/* 컨트롤박스 */
	.quick_control{width:50px; position:absolute; right:0; top:0;}
	.quick_control button{display:block; width:40px;height:41px; margin-bottom:5px; cursor:pointer; text-indent:-9999px;}
	.quick_control button.quick_prev{background:url('/images/ulsanpark/main/quick_prev.gif') 0 0 no-repeat}
	.quick_control button.quick_next{background:url('/images/ulsanpark/main/quick_next.gif') 0 0 no-repeat}
	.quick_control button.quick_pause{background:url('/images/ulsanpark/main/quick_pause.gif') 0 0 no-repeat}
	.quick_control button.quick_play{background:url('/images/ulsanpark/main/quick_play.gif') 0 0 no-repeat; display:none;}
	
	@media all and (max-width:746px){
		.quick_list {width:85%; margin:0 0 0 15px;}
		.quick_list a {font-size:0.95em;}
		.quick_list a br {display:block;}
	}