@charset "utf-8";

.cont1 {height: 450px;}
.cont1 .main-visual .control button {top:200px;}
.cont1 .main-visual .photo_list--wrap .photo_list--item .infotxt strong span {font-size:50px;}
.cont1 .main-visual .photo_list--wrap .photo_list--item .infotxt p span {}

.cont2 .group1 .box1 .tbox{height:170px;}
.cont2 .group1 .box1 .tbox a{background: #fff;}
.cont2 .group1 .box1 .tbox .btnarr{position: relative;bottom:auto;left:auto;display: inline-block;margin-top:15px;}
.cont2 .group1 .box1 .tbox .ico{display: block;position: absolute;bottom: 30px;right: 30px;width: 60px;height: 60px;}
.cont2 .group1 .box1 .tbox .ico1{background: url(/stokes/img/main/main_icon01.png)}
.cont2 .group1 .box1 .tbox .ico2{background: url(/stokes/img/main/main_icon02.png)}

.cont2 .group1 .box2 ul li a{letter-spacing: -1px;font-size: 14px;}
.cont2 .group1 .box2 ul li .ico{width:30px;height:30px;margin-right:8px;background:#767474;}
.cont2 .group1 .box2 ul li .ico:before{display: inline-block;position: absolute;left: 5px;top:5px;width:20px;height:20px;background:  url(/stokes/img/main/main_ir.png)no-repeat;content: '';}
.cont2 .group1 .box2 ul li .ico2:before{background-position:-20px 0;}
.cont2 .group1 .box2 ul li .ico3:before{background-position:-40px 0;}
.cont2 .group1 .box2 ul li .ico4:before{background-position:-60px 0;}
.cont2 .group1 .box2 ul li .ico5:before{background-position:-80px 0;}
.cont2 .group2 .contitle{font-family: "exo";font-size: 30px;}


.cont3 .news_slide .slick-arrow{top:170px;}

@media (max-width: 1023px){
	.cont1 .main-visual .photo_list--wrap .photo_list--item .infotxt strong span {font-size:40px;}
}
@media (max-width: 767px){
	.cont1 {height: 400px;}
	.cont1 .main-visual .photo_list--wrap .photo_list--item .infotxt strong span {font-size:30px;}
	.cont2 .group1 .box1 .tbox .ico{bottom:20px;right:10px;transform: scale(0.7);-webkit-transform: scale(0.7);}
	.cont3 .title{font-size: 26px;}

	.cont3 .news_slide .slick-arrow{top:-5px;}
}



/* 색상변경  */
.contitle:after {background: #e04e6b;}
.cont1 .main-visual .slick-dots li.slick-active button {background: #e04e6b;}
.cont2 .group2 ul li a:hover, .cont2 .group2 ul li a:focus {border-color: #e04e6b;background: #e04e6b;}
.cont3:before {background: #e04e6b;}
.cont3:after,
.cont3 .news_slide,
.cont3 .news_slide .slick-arrow {background: #a14653;}