/*메인비쥬얼 슬라이드*/
.renew_bg_wrapper {position: relative;height:700px;overflow: hidden; background-color: rgba(0,0,0,1);min-width:1000px}
.renew_bg_wrap {position: relative;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;list-style: none;}

.renew_bg {position: absolute;display: block;top: 0;left: 0;float: left; width: 100%;height: 100%;opacity: 0;background-position: center center;background-size: cover;animation-duration: 1s;animation-fill-mode: both;}

.renew_bg > img {display: none;}
.renew_bg.is-wait {opacity: 0; z-index: 0;}
.renew_bg.is-active {opacity: 1;z-index: 1;}
.renew_bg_overlay {position: absolute;z-index: 2;display: table;width: 100%;height: 100%;background: rgba(0,0,0,.0);}

.renew_bg_dots {position: absolute;z-index: 3;bottom:365px;left: 0;width: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;          user-select: none;list-style:none;text-align:center;margin:0;padding:0;box-sizing: border-box;list-style-type: none;}
[class^="renew_bg_dots_nav_"]{display:inline-block; bottom: 0; padding: 16px 6px; padding: 1rem .375rem;}
[class^="renew_bg_dots_nav_"] button {width: 14px;height: 14px;cursor: pointer;background-color: rgba(255, 255, 255, .3); border-radius: 50%; border: none; outline: none; padding: 0;}
[class^="renew_bg_dots_nav_"] button:hover{ background-color: #9c9c9c;}
[class^="renew_bg_dots_nav_"].is-active button,[class^="renew_bg_dots_nav_"].is-active button:hover{background-color: #f7941d;}

@keyframes fade-in {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fade-in {animation-name: fade-in;}
@keyframes fade-out {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fade-out {animation-name: fade-out;}


/*컨텐츠 영역 슬라이드(4개씩 한번에)*/
/* Slider */
.slick-slider{position: relative; display: block;box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative; display: block;overflow: hidden; margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}

.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{ display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}

.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.main_contents{width:100%;background:#7c7f82;font-size:14px; padding:40px 0;letter-spacing:-1px;}
.slider {width:1000px; margin: 0 auto;padding-top: 30px;}
.slick-slide img { width: 100%;}

@media only screen and (max-width:1100px) {
.slider {width:90%;}
}


.main_contents .slider a{display:block;}
.main_contents .slider .slide1_1{padding-top:8px;}
.main_contents .slider .slide1_2{padding-top:59px;}
.main_contents .slider .slide1_3{padding-top:26px;}
.main_contents .slider .slide1_5{padding-top:21px;}
.main_contents .c_type{color:#ffae00;font-weight:700;margin:20px 11px 10px 15px;}
.main_contents .c_tit{font-size:19px;font-weight:700;margin:0 10px 5px 15px; color:#fff;line-height:1.3em;}
.main_contents .c_intro{margin:0 10px 0 15px;font-size:13px;color:#cfcfcf;line-height:1.5em;height:6em; -webkit-box-orient: vertical; /*max-height:6em;*/
word-wrap:break-word;width:150px;overflow: hidden; /*white-space: pre-line;*/ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; }

.main_contents button{display:none;}

.slick-prev,.slick-next{ font-size: 0; line-height: 0;  position: absolute; top: 50%;  display: block;  /*width: 20px; height: 20px;*/ padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);  cursor: pointer;  color: transparent; border: none; outline: none; background: transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ color: transparent; outline: none; background: transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{ opacity: 1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{ opacity: .25;}

.slick-prev:before,.slick-next:before{font-size: 20px; line-height: 1;  opacity: .75; color: #000;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.slick-prev{left:-100px;/*-25%*/}
[dir='rtl'] .slick-prev{ right: -25px; left: auto;}
.slick-prev:before{ content: url('../../_images/main/arw_left.png');}
[dir='rtl'] .slick-prev:before{ content: url('../../_images/main/arw_left.png');}

.slick-next{ right:-100px;/*-25%*/}
[dir='rtl'] .slick-next{ right: auto; left: -25px;}
.slick-next:before{ content: url('../../_images/main/arw_right.png');}
[dir='rtl'] .slick-next:before{ content: url('../../_images/main/arw_right.png');}

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

.slick-prev{left:0px;/*-25%*/}
.slick-prev:before{ content: url('none');}
[dir='rtl'] .slick-prev:before{ content: url('none');}

.slick-next{ right:0px;/*-25%*/}
[dir='rtl'] .slick-next{ right: auto; left: -25px;}
.slick-next:before{ content: url('none');}
[dir='rtl'] .slick-next:before{ content: url('none');}

/*.slick-list{width:90%}*/
}

/*배너 슬라이드*/
.company_banner {position: relative; margin:0 auto ;width:1000px;padding:40px 0 45px;}
.banner_viewport {position: relative;overflow: hidden;	margin: 0px auto;}*/
.banner_wrapper {position: relative;	list-style: none;}
.banner_item {position: relative;	display: block;	text-align: center;	cursor: pointer;	float: left;}
.banner_prev, .banner_next {position: absolute;cursor: pointer;clear: both;}

.company_banner .banner_item {margin: 0px 8px;width:175px !important; height:46px !important;}
.company_banner .banner_item img {position: relative;display: block;vertical-align: middle; width:175px !important; height:46px !important; }
.company_banner .banner_prev, .company_banner .banner_next {top:50px;width: 15px;height: 22px;}
.company_banner .banner_prev {left:0;}
.company_banner .banner_next {right:0;}
