


.affiliated_slider_wrap .drag_slider .owl-carousel .owl-item {width: 80%; opacity: 0.1; transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out;}

.drag_slider .owl-carousel .item{  
}

.drag_slider .owl-carousel .owl-item {
  width: 80%;
  opacity: 0.1;
  transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
}
.drag_slider .owl-carousel .item{  
}

.drag_slider .owl-carousel .item .img_box {  
  overflow: hidden;
  border-radius:10px;
}
.drag_slider .owl-carousel .item .img_box img {
  transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
}
.drag_slider .owl-carousel .item:hover .img_box img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.drag_slider .owl-carousel .txt_box {
  padding: 0px;
}
.drag_slider .owl-carousel .txt_box h3 {
  display: none;
  font-size: 26px;
  line-height: 1.75;
  color: #333;
  text-align: left;
  font-weight:600;
}
.drag_slider .owl-carousel .txt_box p {
  color: #555;
  text-align: left;
  padding: 0px;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

.drag_slider .owl-carousel .owl-stage-outer {
 overflow: visible; 
} /* overflow: visible; 슬라이드시 이벤트 모두보이게*/

.drag_slider .owl-carousel .owl-item.active {
  opacity: 1;
}

.drag_slider .owl-carousel .owl-scrollbar {
  margin-top: 20px;
  border-radius: 10px;
  height: 5px;
  width: 100%;
  background: #f1f1f1;
  box-shadow: inset 0 0 10px -9px rgba(30, 30, 30, .4);
  position: relative;
  transform: scale(0.9);
}


.drag_slider .owl-carousel .owl-scrollbar .owl-scroll-handle {
  height: 5px;
  width: 150px;
  display: inline-block;
  background: #000;
  position: absolute;
  top: 0px;
  left: -1px;
}


.drag_slider .owl-carousel .owl-scrollbar .owl-scroll-handle:hover {
  
} /* transform: scale(2);
     transition: transform 0.2s ease-in-out; */

.drag_slider .owl-carousel .owl-scrollbar .owl-scroll-progress {
  background: #333;
  height: 1px;
  position: absolute;
  top: 2px;
  left: 0;
}

.drag_slider .owl-carousel .owl-nav{
	position: relative;
	float: left;
	width: 120px;
	height: 0;
	bottom: 43px;
	right: 100px
}

.drag_slider .owl-carousel .owl-dots {
  display: none;
}

.drag_slider .owl-carousel .owl-nav button {
  background-color: transparent;
  padding: 0;
}

.drag_slider .owl-carousel .owl-nav button.disabled {
  color: #ddd;
}

.drag_slider .owl-carousel .owl-nav button > span {
  display: none;
}


/* 슬라이드 "<" prev */

.drag_slider .owl-carousel .owl-nav button.owl-prev {
  float:left;
left: 58px;
}

.drag_slider .owl-carousel .owl-nav button.owl-prev::before {
    position: absolute;
    left: 25px; 
    top: 0px; 
    content: '';
    width: 20px; /* 사이즈 */
    height: 20px; /* 사이즈 */
    border-top: 2px solid #000; /* 선 두께 */
    border-right: 2px solid #000; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */
}


/* 슬라이드 ">" nest */
.drag_slider .owl-carousel .owl-nav button.owl-next {
  right: 0;
}

.drag_slider .owl-carousel .owl-nav button.owl-next::before {
    position: absolute;
    left: 0px; 
    top: 0px; 
    content: '';
    width: 20px; /* 사이즈 */
    height: 20px; /* 사이즈 */
    border-top: 2px solid #000; /* 선 두께 */
    border-right: 2px solid #000; /* 선 두께 */
    transform: rotate(225deg); /* 각도 */
}


@media screen and (min-width: 1024px) and (max-width:1279px) {
	.affiliated_visual_wrap .drag_slider .owl-carousel .owl-nav{right:78px;}
}

@media (max-width: 960px) {
	
	
	.system_slider_wrap .drag_slider{display: block;}
	
	.system_slider_wrap .drag_slider .owl-carousel .owl-nav button.disabled{border:none;}
	.system_slider_wrap .drag_slider .owl-carousel .owl-nav button.owl-next{left:93%;}
	
	.system_slider_wrap{float:left; width:100%; padding:0;}

	.event_slider_wrap{float:left; width:100%; padding:0;}

	.event_slider_wrap .drag_slider{display: block;}
	.event_slider_wrap .drag_slider .owl-carousel .owl-nav{position: fixed; float:left; width: 0; height: 0; top:-53px; left:503px;}
	.event_slider_wrap .drag_slider .owl-carousel .owl-nav button {
  	  float:left;  
	  width: 60px;
	  height: 60px;
	  position: absolute;
	  background-color: transparent;
	  padding: 0;
	  bottom: -25px;
	  border: 1px solid #000;
	}
	.event_slider_wrap .drag_slider .owl-carousel .owl-nav button.owl-next{right:-127px;}
	
	.affiliated_visual_wrap .thumb .inform_lat_title{margin:0 0 25px;}
	
	.affiliated_visual_wrap {height:80px;}
	.affiliated_visual_wrap .about_info01{left:37px; top:-90px; }
	.affiliated_visual_wrap .about_info01 .tit_h2{font-size: 18px; color: #414141;}	

	.drag_slider .owl-carousel .txt_box{padding:30px 0px 0px;}
		
	.drag_slider .owl-carousel .owl-nav{bottom:85px; right:100px;}
	.drag_slider .owl-carousel .owl-nav button{border:none; width:40px; height:40px; bottom:-18px;}	
	.drag_slider .owl-carousel .owl-scrollbar{margin: 40px auto 0; width: 100%;}
	.drag_slider .owl-carousel .owl-scrollbar .owl-scroll-handle{width:80px;}
	.drag_slider .owl-carousel .txt_box p{padding:10px 0px;}
		
}

@media screen and (max-width: 820px){
	.affiliated_visual_wrap .about_info01{left:3.3%; top:-94px; }
	.drag_slider .owl-carousel .owl-nav{bottom:92px; right:14%;}
	
	
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
	
	.system_slider_wrap .drag_slider .owl-carousel .owl-nav{bottom:348px; left:0px;}	
	.event_slider_wrap .drag_slider .owl-carousel .owl-nav{top:-51px; left:458px;}
	.system_slider_wrap .drag_slider .owl-carousel .owl-nav button.owl-next{left:91%;}
	
	.drag_slider .owl-carousel .owl-scrollbar{margin: 40px auto 0; width: 100%;}
	
	.about_info01{top:-100px;}
	.affiliated_visual_wrap .about_info01{top:-29px;}
	.affiliated_visual_wrap .about_info01 .tit_h2{font-size:16px;}
	
	
	.drag_slider .owl-carousel .owl-nav{bottom: 24px; right:15%;}
	.drag_slider .owl-carousel .item .img_box{position:absolute; top:0;}
	
}   

@media screen and (max-width: 540px) {
	
	.affiliated_visual_wrap{height:50px; padding:0;}
	.affiliated_visual_wrap .about_info01{width:67px; top:-20px;}
	.drag_slider .owl-carousel .owl-nav{display: none; bottom:33px; right: 14.4%;}
	.drag_slider .owl-carousel .owl-nav button{width:35px; height:35px;}
	
}


/* iPhone 14 Pro */
@media screen and (max-width: 430px) {
	.affiliated_visual_wrap .about_info01{width:57px; left: 3%; top:-22px;}
		.drag_slider .owl-carousel .item .img_box img{padding:2px 10px;}
}

@media screen and (max-width: 412px) {
    .event_slider_wrap .drag_slider .owl-carousel .owl-nav{top:-74px; left:245px;}
}

@media screen and (max-width: 390px) {
    .drag_slider .owl-carousel .item .img_box img{padding:4px 5px 4px 20px;}
}
@media screen and (max-width: 280px) {
	.affiliated_visual_wrap{ height:68px;}
	.affiliated_slider_wrap{width:100%;}
	.affiliated_visual_wrap .about_info01{left:6%; top:10px;}
	.affiliated_visual_wrap .about_info01 .tit_h2{font-size:15px;}
	
	.drag_slider .owl-carousel .item .img_box img{padding:8px 10px 4px 10px;}
	.drag_slider .owl-carousel .owl-nav{display:block; bottom:64px; left:66px;}
	.drag_slider .owl-carousel .owl-nav button{width:30px; height:30px;}
	.drag_slider .owl-carousel .owl-nav button.owl-prev::before{font-size:16px;}
	.drag_slider .owl-carousel .owl-nav button.owl-next::before{font-size:16px;}
}

