/*반응형 View*/
@media (min-width: 768px){
	.carousel-caption {width:70%;}
}

@media (min-width: 992px){
	.carousel-caption {width:70%;}
}

@media (min-width: 1200px){
	.carousel-caption {width:60%;}
}

/*홈네비*/
#header #menu a {color:#fff;}
#header #menu a:hover {color:#6487c2;}
.header {background:#00000021;}

/*베너*/
.container_contents, .intro-html-layout, .intro-html-layout > div, .footer_copy > div, .sub-layout {width:100%; padding:0; margin:0;}
#myCarousel .carousel-inner {height:750px;}
#myCarousel .item1 {width:100%; height:100%; background:url(../../image/fireworks/slide-top1.jpg) repeat-x 45% 50%; background-size:cover;}
#myCarousel .item2 {width:100%; height:100%; background:url(../../image/fireworks/slide-top2.jpg) repeat-x 45% 50%; background-size:cover;}
.carousel-caption {top:0; height:100%;}
.carousel-caption .left-con {position:absolute; top:50%; transform:translatey(-50%); width:100%;}
.container_contents .block {height:5px;}
.carousel-caption a {color:#fff; text-decoration:none;}
.btn-top {width:146px; border:1px solid #6487c2; margin:30px auto 0; text-align:center; transition:all 0.3s ease-in; padding:8px 0; background:#6487c2;}
.btn-top:hover {background:#4fc3a3; border:solid 1px #4fc3a3;}


/*icon 컨텐츠*/
.con-box1 {padding:60px 30px;}
.con-box1 > div {padding:40px 0; position:relative;}
.con-box1 a {text-decoration:none;}
.con-box1 .layer {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); color:#FFFFFF; transition:all 0.3s ease-in;}
.con-box1 .bgco1 {background:#243949;}
.con-box1 .bgco2 {background:#517fa4;}
.con-box1 .bgco3 {background:#243949;}
.con-box1 .bgco4 {background:#517fa4;}

.con-box1 .bgco1:hover .layer, .con-box1 .bgco2:hover .layer, .con-box1 .bgco3:hover .layer, .con-box1 .bgco4:hover .layer {background-color:rgba(0,0,0,0.6);}
.con-box1 img {position:relative; left:50%; margin-left:-47.5px;}
.con-box1 .block {height:20px;}
.con-box1 .btn-icon {width:100px; color:#999; border:1px solid #999; padding:7px 0; display:block; margin:20px auto 0 auto; transition:all 0.3s ease-in-out;}
.con-box1 .btn-icon:hover {background:#0079be; color:#fff; border:solid 1px #0079be;}

/* 중간 이미지 슬라이더 */
.con-box2 {width:100%; height:220px; background:url(../../image/fireworks/slide-middle.jpg) repeat-x 45% 50%; background-size:cover; background-attachment:fixed; overflow:hidden; margin:0px; padding:0;}
.con-box2 .container {padding:0 30px;}
.con-box2 .aos-all {padding:60px 0;}
.con-box2 .block {height:27px;}

/*갤러리 컨텐츠*/
.con-box3 {padding:60px 0; background:#f7f7f7;}
.con-box3 .container {padding:0 30px;}
.con-box3 .txt-box {height:400px;}
.con-box3 .height-box {position:absolute; top:50%; transform:translatey(-50%); width:100%;}
.con-box3 .block {height:10px;}
.carousel-control.left {background-image:none;}
.carousel-control.right {background-image:none;}
.con-box3 .btn-gal-m {display:none;}
.con-box3 a {color:#fff; text-decoration:none;}
.btn-gal {width:146px; border:1px solid #243949; margin:30px auto 0; text-align:center; transition:all 0.3s ease-in; padding:8px 0; background:#243949;}
.btn-gal:hover {background:#517fa4; border:solid 1px #517fa4; text-decoration:none;}
.con-box3 .carousel-inner {height:400px;}

/* 중간 이미지 슬라이더 */
.con-box4 {width:100%; height:340px; background:url(../../image/fireworks/slide-notice.jpg) repeat-x 45% 50%; background-size:cover; background-attachment:fixed; overflow:hidden; margin:0px; padding:0;}
.con-box4 .container {padding:0 30px;}
.con-box4 .aos-all {padding:60px 0;}
.con-box4 .block {height:6px;}
.con-box4 a {color:#fff; text-decoration:none;}
.btn-advice {width:146px; border:1px solid #6487c2; margin:30px auto 0; text-align:center; transition:all 0.3s ease-in; padding:8px 0; background:#6487c2;}
.btn-advice:hover {background:#4fc3a3; border:solid 1px #4fc3a3; text-decoration:none;}

/*반응형 View*/

@media only screen and (max-width:1220px) {
	.con-box1 {padding:0; margin:0; width:100%;}
	.con-box2 {height:194px;}
	.con-box2 .block {height:15px;}
	.con-box3 .container {padding:0; margin:0; width:100%;}
	.con-box4 {height:310px;}
}

@media only screen and (max-width:768px) {
	.con-box1 .bgco3 {background:#43515e;}
	.con-box1 .bgco4 {background:#6487c2;}
	.con-box1 img {margin-left:-30px; width:60px;}
	.con-box2 {height:199px;}
	.con-box3 {padding:0;}
	.con-box3 .txt-box {height:350px;}
	.con-box4 {height:317px;}
}

@media only screen and (max-width:596px) {
	.con-box2 {height:195px;}
	.con-box3 .carousel-inner {height:100%;}
	.con-box4 {height:309px;}
}

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