@charset "utf-8";

/* 메인 < 제도정책 */
/* 섹션 1 */

/* .banner_01:focus-within {

    border: 2px solid black;

} */

/* inert 속성이 적용된 슬라이드 내의 링크가 강제로 초점을 받지 않도록 방지 */
[inert] {
    pointer-events: none;
    cursor: default;
    user-select: none;
}

.visual_wrap{max-height:500px; min-height:490px; overflow: hidden;
    width: 100%;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
/* .swiper-button-disabled {
		  opacity: 0 !important;
		  cursor: auto;
		  pointer-events: none;
		} */
		
.visualSwiper{position:relative;}


		.btn-autoplay-toggle {
		  background: rgba(0,0,0,0.5);
		  color: #fff;
		  border: none;
		  padding: 5px 12px;
		  font-size: 12px;
		  cursor: pointer;
		  z-index: 10;
		  transition: background 0.3s;
		  position:absolute;
		  right	: 0;
		  top: 0;
		}
		.btn-autoplay-toggle:hover {
		  background: #000;
		}
		.btn-autoplay-toggle:focus {
		 outline: 2px solid #ff0;
		}
		
		.control-area {
			display: flex;
			justify-content: flex-end;
			height: 34px;
			align-items: center;
			position: absolute;
			top: 0;
			right:0;
			z-index: 98;
			background-color:#ffffffd1;
		}

		.control-area .fraction {
			width: auto;
			margin-right: 6px;
		}


/* .swiper-wrapper{height:500px;} */

 .visualSwiper.pc {display:block; } 
/*  .visualSwiper.mobile {display:none}  */
 .visualSwiper {/* overflow:hidden;   */height:490px;  width:100%;} 
 
 .visualSwiper .swiper-slide:focus {outline:2px dashed red; outline-offset:-5px; border:3px solid #fff; border-radius:5px; box-sizing:border-box;} 
 .visual {position:relative;}
 
 .visualSwiper .swiper-slide {display:block; /* background-size: cover; */ 
 background-position:top center; background-repeat: no-repeat; /* height: 500px !important; */} 
 
 /* 설명안보이게 */
 .visualSwiper .swiper-slide span {position:absolute; top:-9999px; left:-9999px; overflow:hidden; width:1px; height:1px; opacity:0} 

 .btnPrev.visual,
 .btnNext.visual {position:absolute; top:50%; z-index:99; margin-top:-15px; width:30px; height:60px; border:none; text-indent:-9999px;
 
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.3s;
 }
 
 .btnPrev.visual {left:40px; background:url("./../img/common/btn-visual-prev.png") no-repeat center/ 100% auto}
 .btnNext.visual {right:40px; background:url("./../img/common/btn-visual-next.png") no-repeat center/ 100% auto}
 
 .visualSwiper .swiper-pagination-bullets {left:50%; bottom:55px;  transform:translateX(-50%); width:150px; height:30px; text-align:center;}
 .visualSwiper .swiper-pagination-bullet {margin:0 7px 0 0; width:15px; height:15px;}
 .visualSwiper .swiper-pagination-bullet-active {width:15px; border-radius:100%; background:#ff0570; }

.btnPrev.visual:focus,
.btnNext.visual:focus {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}


.slide_wrap{
	width: 375px;
	float: left;
	height:320px;
}

.slide_wrap .banner_01{
	width: 100%;
	height:100%;
	}
	
@media screen and (max-width:1200px){
	.slide_wrap{
	width: 100%;
	height:100%;
}

	.box_menu{width:100%;}
}
@media screen and (max-width:768px){
	.visual {height: 500px;}
	 .visualSwiper .swiper-pagination-bullets {bottom:0;}
	 
	     .scon1_banner1, .scon1_banner2 {
        width: 100%;
    }
}

@media screen and (max-width:640px){
	.notice .tabs li a{font-size:16px;}
}