img {width:100%; height:auto;}
#slides {display: none; width:100%; height:100%;}
#slides img {width:100%; height:100%;}
#slides .slidesjs-navigation {margin-top:0;}

.container .slidesjs-pagination {position:absolute; left:15px;  bottom:15px; z-index:1000;}
.slidesjs-pagination li {margin:0 auto; text-align:center; width:320px;}

.slidesjs-pagination li a {margin-left:8px; display: block; width: 13px; height: 0; padding-top: 13px;

background-image: url(../images/m/pagination.png); background-position: 0 0; float: left; overflow: hidden;}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {background-position: 0 -13px;}
.slidesjs-pagination li a:hover {background-position: 0 -13px;}

.container {margin: 0 auto; padding-top:0; position:relative;}

.container .catch {position:absolute; width:70%; top:40%; left:15%; z-index:1000; text-align:center; color:rgba(255,255,255,0.6); font-size:15px; }

#slides a:link,
#slides a:visited {color: #333}

#slides a:hover,
#slides a:active {color: #9e2020}
			

/* For tablets & smart phones */
@media (max-width: 720px) {
	.container {width: auto}
}

/* For smartphones */
@media (max-width: 720px) {
	.container {width: auto}
}

/* For smaller displays like laptops */
@media  (max-width: 720px) {
.container {width: 100%;}
}

/* For larger displays */
@media (min-width: 720px) {
.container {width: 100%;}
}

.container .catch_area02 {text-align:left; position:absolute;  bottom:5%; right:5%; z-index:3000; }

.catch_area02 p.catch02 {font-family: 'NotoKrTH'; font-size:40px; color:#ffffff; text-align:left; line-height:50px;}
p.catch02 span.span_color {font-family: 'NotoKrB';}
.catch_area02 p.catch03 {font-family: 'NotoKrL'; font-size:14px; color:#ffffff; text-align:left; line-height:30px; text-align:right;}