.sum_Cont {position: relative; width:1850px;  margin:40px auto; }


.sum_Cont .sum_tit {margin-left:85px;}
.sum_Cont .sum_tit span.portTit {width:290px; color:#333; float:left; text-align:left; font-size:30px; font-family: 'Noto Sans KR', sans-serif; line-height:40px;  }
.sum_Cont .sum_tit span.portTxt {float:left; text-align:left; margin:0px 0px 0px 100px; font-size:15px; color:#888;  line-height:26px;}
    
    
	
	
	.slider-navigation {
      opacity: 0.65; 
    }

	.slider-navigation img {width:100%;}
    
    #slider-thumbs {
     width:550px;
	 float:right; 
	 padding:0;
    }
    
    #slider-thumbs .list-inline li {
      width: 126px;
	  height:74px;
      padding: 0px;
      margin-left: 5px;
      cursor: pointer;
	  border:1px solid #f1f3f5;

	   padding:0;
	  
	 	 
    }

	   #slider-thumbs .list-inline li img {width:100%; float:left;}



    
    .slider-nav-arrow {
      text-align: left;
      margin-bottom: 0px;
      visibility: hidden;
    }
    

    
    .selected .slider-navigation {
	 width: 127px;
	 height:74px;
	 opacity: 1;
	 border:2px solid #ffa54b;
	 text-align:left;
	 padding: 0px;
	 margin:-1px;
	 z-index:100;
	 
	  
    }

	.selected .slider-navigation img {	 width: 124px; height:70px;    border:1px solid #fff;}



@media only screen and (max-width:812px) {
.sum_Cont .sum_tit span.portTit {width:100%;}
}


@media only screen and (max-width:720px) {

.sum_Cont {width:100%;  margin:20px auto; }
.sum_Cont .sum_tit {margin-left:20px;}
.sum_Cont .sum_tit span.portTxt {float:left; text-align:left; margin:20px 0px 0px 0px;}


 #slider-thumbs { width:100%; float:left; padding:0; margin-top:20px; }
    


}




@media only screen and (max-width:420px) {
    #slider-thumbs .list-inline li {width: 78px; height:45px;}
	.selected .slider-navigation {width: 79px; height:46px;}
	.selected .slider-navigation img {width: 78px;height:42px;   }
}