#spot.main {position:relative; width:100%; overflow:hidden; z-index:1;}
#spot.main .bx-wrapper,
#spot.main .bx-viewport,
#bxMain .lst {width:100% !important; height:700px; overflow:hidden; position:relative;}
#spot.main .bx-controls {display:none;}
/*#wrap.ing  #spot.main{top:132px;}*/
#spot.main .bg {width:100%; position:relative;}
#spot.main .mbgimg1 {width:100%; height:700px; background:url(../images/main/main_visual_01.png) no-repeat center top;}
#spot.main .mbgimg2 {width:100%; height:700px; background:url(../images/main/main_visual_02.png) no-repeat center top;}
#spot.main .mbgimg3 {width:100%; height:700px; background:url(../images/main/main_visual_03.png) no-repeat center top;}

#spot.main .prev {width:38px; height:72px; position:absolute; top:304px; left:13%; z-index:99999; background:url(/images/main/prevBtn.png) no-repeat; text-indent:-999999px;}
#spot.main .next {width:38px; height:72px; position:absolute; top:304px; right:13%; z-index:99999; background:url(/images/main/nextBtn.png) no-repeat; text-indent:-999999px;} 
#spot.main .tab {position:absolute; left:50%; bottom:70px; width:1200px; margin-left:-600px; z-index:100; font-size:0;}
/*
#spot.main .tab .auto {width:48px; height:48px; display:inline-block; *display:inline; *zoom:1; vertical-align:bottom; text-indent:-9999px; position:relative;}
#spot.main .tab .auto {background-color:#194e90;}
#spot.main .tab .auto:after {width:8px height:17px; margin-left:-4px; margin-top:-8.5px; position:absolute; left:50%; top:50%; display:inline-block; overflow:hidden; text-align:left; vertical-align:middle; text-indent:-9999px; background-image:url('../images/main/ico_bx.png'); background-repeat:no-repeat; *display:inline; *zoom:1; background-position:-37px -2px; width:8px; height:17px; content:"";}
#spot.main .tab .auto.on:after {width:9px height:17px; margin-left:-4.5px; margin-top:-8.5px; position:absolute; left:50%; top:50%; display:inline-block; overflow:hidden; text-align:left; vertical-align:middle; text-indent:-9999px; background-image:url('../images/main/ico_bx.png'); background-repeat:no-repeat; *display:inline; *zoom:1; background-position:-37px -26px; width:9px; height:17px; content:"";}
*/
#spot.main .tab > .lst {display:inline-block; *display:inline; *zoom:1; width:100%; overflow:hidden; vertical-align:bottom;}
#spot.main .tab > .lst > ul {width:6%; margin:0 auto;}
#spot.main .tab > .lst > ul:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
#spot.main .tab > .lst > ul > li {width:15px; height:15px; border-radius:7.5px; border:1px solid rgba(255,255,255,1); float:left;  margin-right:10px;}
#spot.main .tab > .lst > ul > li:last-child {margin-right:0;}
#spot.main .tab > .lst > ul > li:hover{background-color:rgba(255, 255, 255, 0.3);}
#spot.main .tab > .lst > ul > li.on {background-color:rgba(255, 255, 255, 1);}

/*
#spot.main .tab > .lst > ul > li > a {display:block; width:100%; height:55px; font-family: NotoSans-Regular; line-height:55px; color:#2d2d2d; text-align:center; position:relative; font-size:20px; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}
#spot.main .tab > .lst > ul > li > a > span {position:relative; z-index:1; display:inline-block;}
#spot.main .tab > .lst > ul > li > a:after {position:absolute; left:0; top:0; width:100%; height:100%; content:""; z-index:0;}
#spot.main .tab > .lst > ul > li > a:hover {color:#74a414;}
#spot.main .tab > .lst > ul > li.on > a {color:#fff;}
#spot.main .tab > .lst > ul > li.on > a:after {opacity:1; background-color:#FFF;}
*/



/*메인슬라이드 반응형*/
@media screen and (min-width:977px) and (max-width:1216px) {/* (min-width:977px) and (max-width:1216px)  */
	/* main_visual */
	#spot.main .bx-wrapper, #spot.main .bx-viewport, #bxMain .lst { height:600px;}
	#spot.main .bg{height:600px; background-size:cover;}
	#spot.main .tab{bottom:50px;}
}

@media screen and (max-width:976px){/* max-width:976 */
	/* main_visual */
	#spot.main{margin-top:0px;}
	#spot.main .bx-wrapper, #spot.main .bx-viewport, #bxMain .lst { height:400px; background-size:cover;}
	#spot.main .bg{height:400px; background-size:cover;}
	#spot.main .tab{bottom:30px}
	
}

@media screen and (max-width:767px){
	/* main-visual */
    .visual-wrap { padding:55px 0 0}
	.main_visual {margin:0}
	.main_visual>p { margin-top:-40px; font-size:22px;}
	.main_visual .visual_slider ul.slick-dots { bottom:20px; line-height:10px;}
	.main_visual .visual_slider ul.slick-dots>li { margin-left:15px;}
	.main_visual .visual_slider ul.slick-dots>li>button { width:10px; height:10px;}

	#spot.main{margin-top:0px;}
	#spot.main .tab{bottom:20px}
	#spot.main .bx-wrapper, #spot.main .bx-viewport, #bxMain .lst { height:286px;}
	#spot.main .bg{height:286px; background-size:cover;}
	#spot.main .tab > .lst > ul > li{width:10px; height:10px; border-radius:5px;}
}
@media screen and (max-width:667px){
	#spot.main .bx-wrapper, #spot.main .bx-viewport, #bxMain .lst{ height:210px;}
	#spot.main .bg{height:210px; background-size:cover;}
}
@media screen and (max-width:360px){
	#spot.main .bx-wrapper, #spot.main .bx-viewport, #bxMain .lst { height:180px;}
	#spot.main .bg{height:180px; background-size:cover;}
	
}