/* 이미지 슬라이드 */
.bunyangslider {text-align:center; vertical-align:middle;}

.bunyangslider .caption-area {position: absolute; margin:-150px auto 0 -35%; left:50%; top:50%; width:70%; padding: 10px;
    box-sizing: border-box;
    /*background-color: rgba(0,0,0,0.5);*/
    color: #fff;
    font-size: 18px;
	z-index:999;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
	}
.bunyangslider .caption-area span {font-size:56px; font-family:'ibm-kr'; padding:0; margin: 0 0 20px 0; font-weight:bold; display:block; text-align:center;}
.bunyangslider .caption-area p {font-size:35px; font-family:'ibm-kr';padding:0; margin: 0 0 0 0; display:block; text-align:center;}

.bunyangslider figure {position:relative; margin:0 auto; text-align:center; border:0px solid #00ff00;}
.bunyangslider figcaption {
    position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 18px;
}
.bunyangslider figcaption em {
    display: block; font-weight: bold; font-size: 28px;
    text-transform: uppercase; font-family: 'Abel', sans-serif;
    opacity: 0;
    transition: all .84s ease;
    transform: translateX(50px);
}
.bunyangslider figcaption span {
    display: block;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    opacity: 0;
    transition: all .84s .2s ease;
    transform: translateX(50px);
}
.bunyangslider .slick-active figcaption em {opacity: 1; transform: translateX(0);}
.bunyangslider .slick-active figcaption span {opacity: 1; transform: translateX(0);}

.bunyangslider .slick-dots {display: block; width: 100%; text-align: center;}
.bunyangslider .slick-dots li {display: inline-block; width: 15px; height: 15px; margin: 5px;}
.bunyangslider .slick-dots li button {
    font-size: 0; line-height: 0;
    display: block; width: 15px; height: 15px;
    cursor: pointer;
    background: #5dbfeb;
    border-radius: 50%;
}
.bunyangslider .slick-dots li.slick-active button {background: #2b91c8;}
.bunyangslider .slick-prev {
    position: absolute; left: 0; bottom: 0; z-index: 1000;
    width: 30px; height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font: normal normal normal 14px/1 FontAwesome;
}
.bunyangslider .slick-prev::before {
    content:"\f053";
    color: #5dbfeb;
    text-indent: 0;
    position: absolute; left: 9px; top: 8px;
}
.bunyangslider .slick-next {position: absolute; right: 0; bottom: 0; z-index: 1000;
    width: 30px; height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font: normal normal normal 14px/1 FontAwesome;
}
.bunyangslider .slick-next::before { 
    content:"\f054";
    color: #5dbfeb;
    text-indent: 0;
    position: absolute; left: 11px; top: 8px;
}

.bunyangslider_btn_area {display:block; position:absolute; left:20px; bottom:20px; border:0px solid #00ff00;}
.bunyangslider_btn_area button {color:#333; background:#f4d21d; text-align:center; 
	padding:7px 10px; font-size:13px; font-weight:bold; 
	display:inline-block; font-family:NotoSansKr;
	border:0;
	border-radius:6px;	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	outline: 0;
	box-shadow: none;
	}
.bunyangslider_btn_area button:hover {background:#f9f005;}



/* main slide width crop : 20200814. ULK */
.bigbanner_area {width:100%; /*max-width:1903px;*/  /*height:606px;*/ height:565px; 
				text-align:center; vertical-align:middle; margin:0 auto 0 auto; padding:0; display:block; position:relative; z-index:1; 
				/*overflow:hidden;*/
				}
.bigbanner_area img {transition: all 0.5s;}

div.aspect_widthcrop { width: 100%; /*height:606px;  height:565px; */ height:565px; position: relative; overflow:hidden; 
						margin-bottom:-2px; /* 슬라이드가 표현될때 inline-block가 되면서 생기는 아래 공백을 없애기 위해 음수마진값을 줌. */
						padding:0;						
					 }
div.aspect_widthcrop img.backimg {
	position: absolute;
     top: -9999px;
     left: -9999px;
     right: -9999px;
     bottom: -9999px;
     margin: auto;
	 z-index: 1;
	width:100%;
	 }


/* 슬라이드 각각의 셋팅 */
/* slide 1 */
.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area {}
.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area img.img-01 {position:relative; margin:0 auto 20px auto; width:100%; max-width:393px;}
.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area span {color:#014378; font-size:56px;}
.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area p {color:#014378; font-size:35px;}
.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 img.img-02 {position:absolute; right:10%; bottom:-15%; z-index:2;}

/* slide 2 */
.bunyangslider .caption-area .ms02 {}
.bunyangslider .caption-area .ms02 img.img-01 {}




/* media query*/

@media (max-width: 1630px){
	div.aspect_widthcrop img.backimg {width:auto;}
}



/* 화면 너비 0 ~ 1280px */
@media (max-width: 1280px){
	.bigbanner_area {height:565px; margin:50px 0 0 0; padding:0;}
}

/* 화면 너비 0 ~ 1220px */
@media (max-width: 1220px){
	.bigbanner_area {height:565px; margin:50px 0 0 0; padding:0;}
	div.aspect_widthcrop { width: 100%;  position: relative; overflow:hidden;}
}

/* 화면 너비 0 ~ 1024px */
@media (max-width: 1024px){
	.bigbanner_area {height:350px; margin:0 0 0 0; padding:0;}
	div.aspect_widthcrop { width: 100%; height:350px;  position: relative; overflow:hidden;}
	div.aspect_widthcrop img {height:auto}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area {margin:-135px 0 0 0; left:10%; top:50%; width:90%;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area img.img-01 {margin:0 0 20px 0; width:100%; max-width:290px;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area span {color:#014378; font-size:32px; word-break:keep-all;  text-align:left;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area p {color:#014378; font-size:20px; text-align:left;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 img.img-02 {width:100%; max-width:280px; position:absolute; right:7%; bottom:-12%; z-index:2;}
}

/* 화면 너비 0 ~ 960px */
@media (max-width: 960px){
    .bunyangslider .caption-area {margin:-50px auto 0 -35%; left:50%; top:50%; width:70%; padding:20px;}
	.bunyangslider .caption-area span {font-size:31px; margin: 0 0 12px 0;}
	.bunyangslider .caption-area p {font-size:18px; margin: 0 0 0 0;}
}

/* 화면 너비 0 ~ 768px */
@media (max-width: 768px){
   .bigbanner_area {height:auto; margin:0 0 0 0; padding:0; overflow:hidden;}
   div.aspect_widthcrop img {height:auto;}
	
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area {margin:-90px 0 0 0; left:10%; top:50%; width:90%;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area img.img-01 {margin:0 0 20px 0; width:100%; max-width:220px;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area span {color:#014378; font-size:32px; word-break:keep-all;  text-align:left;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area p {color:#014378; font-size:20px; text-align:left;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 img.img-02 {width:100%; max-width:240px; position:absolute; right:7%; bottom:-12%; z-index:2;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 img.backimg {}
}

/* 화면 너비 0 ~ 600px */
@media (max-width: 600px){
    .bunyangslider figcaption {padding: 10px;}
    .bunyangslider figcaption em {font-size: 18px;}
    .bunyangslider figcaption span {font-size: 14px;}
	
	.bigbanner_area {height:auto; margin:0 0 0 0; padding:0px 0 0 0; overflow:hidden;}
	div.aspect_widthcrop { width: 100%; height: 210px; position: relative; overflow:hidden;}
	div.aspect_widthcrop img {height:auto;}
	
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area {margin:-60px 0 0 0; left:10%; top:50%; width:90%;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area img.img-01 {margin:0 0 20px 0; width:100%; max-width:150px;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area span {color:#014378; font-size:19px; word-break:keep-all;  text-align:left;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area p {color:#014378; font-size:15px; text-align:left;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 img.img-02 {width:100%; max-width:140px; position:absolute; right:7%; bottom:-12%; z-index:2;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 img.backimg {width:100%; height:100%;}
}

/* 화면 너비 0 ~ 480px */
@media (max-width: 480px){
    .bigbanner_area {height:auto; margin:0 0 0 0; padding:0px 0 0 0; overflow:hidden;}
	div.aspect_widthcrop {/*height: 220px;*/ height:200px; position: relative; overflow:hidden;}
	div.aspect_widthcrop img {height:auto;}	
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area {margin:-60px 0 0 0; left:10%; top:50%; width:90%;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area img.img-01 {margin:0 0 20px 0; width:100%; max-width:150px;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area span {color:#014378; font-size:19px; word-break:keep-all;  text-align:left;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area p {color:#014378; font-size:15px; text-align:left;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 img.img-02 {width:100%; max-width:140px; position:absolute; right:7%; bottom:-12%; z-index:2;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 img.backimg {width:100%; height:100%;}
	.bunyangslider_btn_area button {display:none;}
}

/* 화면 너비 0 ~ 320px */
@media (max-width: 320px){	
	.bigbanner_area {/*height:220px;*/ height:auto; padding:0px 0 0 0; border:0;}
	div.aspect_widthcrop {/*height: 220px;*/ height:200px; position: relative; overflow:hidden;}
	div.aspect_widthcrop img {height:auto;}	
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area {margin:-80px 0 0 0; left:0%; top:50%; width:90%;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area img.img-01 {margin:0 0 20px 0; width:100%; max-width:150px;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area span {color:#014378; font-size:19px; word-break:keep-all;  text-align:left;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 .caption-area p {color:#014378; font-size:15px; text-align:left;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 img.img-02 {width:100%; max-width:140px; position:absolute; right:1%; bottom:-12%; z-index:2;}
	.bunyangslider .slick-list .slick-track .slick-slide .slide.ms01 img.backimg {width:100%; height:100%;}
	.bunyangslider_btn_area button {display:none;}
}