@charset "utf-8";

#atc01{position:relative;width:100%;padding:180px 0 100px;background:url(/index/include/include01/inc01_bg.jpg) repeat;font-family: 'SBAggroL';}
#atc01:before{position:absolute;z-index:-2;content:'';top:-150px;left:0;width:150px;height:150px;background:url(/index/include/include01/inc01_bg.jpg) repeat;}
#atc01:after{position:absolute;z-index:-2;content:'';bottom:-300px;right:0;width:70px;height:300px;background:url(/index/include/include01/inc01_bg.jpg) repeat;}

#atc01 .atc01_cont{max-width:1300px;margin:0 auto}
#atc01 .atc01_cont .cont_tit_area{text-align:center;margin-bottom:65px}
#atc01 .atc01_cont .cont_tit_area .atc_s_tit{margin-bottom:15px;font-size:16px;color:#1eb4fa;font-family:'SBAggroM';}
#atc01 .atc01_cont .cont_tit_area .atc_tit{margin-bottom:20px;font-weight:normal;font-size:35px;line-height:35px;color:#333;font-family:'SBAggroL';}
#atc01 .atc01_cont .cont_tit_area .atc_txt{font-size:15px;color:#888}
	
		
#atc01 .atc01_cont .cont_list{overflow:hidden}
#atc01 .atc01_cont .cont_list > div{float:left;width:310px;height:430px;margin-right:20px;border-radius:0 0 0 20px;text-align:center;transition:all .3s}
#atc01 .atc01_cont .cont_list > div a{display:block;width:100%;height:100%}
#atc01 .atc01_cont .cont_list > div:nth-child(1){background:url(/index/include/include01/atc01_cont01.jpg) #6d6d6d bottom no-repeat}
#atc01 .atc01_cont .cont_list > div:nth-child(2){background:url(/index/include/include01/atc01_cont02.jpg) #333333 bottom no-repeat}
#atc01 .atc01_cont .cont_list > div:nth-child(3){background:url(/index/include/include01/atc01_cont03.jpg) #6d6d6d bottom no-repeat}
#atc01 .atc01_cont .cont_list > div:last-child{margin-right:0;background:url(/index/include/include01/atc01_cont04.jpg) #333333 bottom no-repeat}
#atc01 .atc01_cont .cont_list > div:nth-child(even){margin-top:60px}
#atc01 .atc01_cont .cont_list > div:hover{border-radius:20px}
#atc01 .atc01_cont .cont_list .box_s_tit{padding:56px 0 10px; font-size:13px;color:#1eb4fa;font-family:'SBAggroM';}	
#atc01 .atc01_cont .cont_list .box_tit{margin-bottom:10px;font-size:18px;color:#fff;font-family:'SBAggroM','Noto Sans KR';}
#atc01 .atc01_cont .cont_list .box_txt{font-size:14px;line-height:24px;color:rgba(255,255,255,.4) }

@media (max-width: 1500px) {
#atc01:after{display:none}
}

@media (max-width: 1320px) {
	#atc01{padding: 225px 0 100px;}
	#atc01 .atc01_cont .cont_list{width:100%;padding:0 20px}
	#atc01 .atc01_cont .cont_list > div{width:24%;margin-right:1.33%;}
	#atc01 .atc01_cont .cont_list .box_txt {padding:0 20px}
	#atc01 .atc01_cont .cont_list .box_txt br{display:none}
}

@media (max-width: 767px) {
	#atc01 .atc01_cont .cont_list > div{width:49%;margin:0 2% 2% 0;background-size:cover !important;position:relative}
	#atc01 .atc01_cont .cont_list > div:before{width:100%;height:60%;position:absolute;top:0;left:0;z-index:1;content:'';background: rgba(0,0,0,0.8);
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
	#atc01 .atc01_cont .cont_list > div a{position:relative;z-index:2}
	#atc01 .atc01_cont .cont_list > div:nth-child(1){background:url(/index/include/include01/atc01_cont01_m.jpg) #6d6d6d bottom no-repeat}
	#atc01 .atc01_cont .cont_list > div:nth-child(2){background:url(/index/include/include01/atc01_cont02_m.jpg) #333333 bottom no-repeat}
	#atc01 .atc01_cont .cont_list > div:nth-child(3){background:url(/index/include/include01/atc01_cont03_m.jpg) #6d6d6d bottom no-repeat}
	#atc01 .atc01_cont .cont_list > div:last-child{margin-right:0;background:url(/index/include/include01/atc01_cont04_m.jpg) #333333 bottom no-repeat}
	#atc01 .atc01_cont .cont_list .box_s_tit{padding-top:30px}
	#atc01 .atc01_cont .cont_list > div:nth-child(2){margin-right:0}
	#atc01 .atc01_cont .cont_list > div:nth-child(even){margin-top:0}
	#atc01 .atc01_cont .cont_list > div{height:300px}
	#atc01 .atc01_cont .cont_list .box_tit{font-size:16px}
	#atc01 .atc01_cont .cont_list .box_txt{color:rgba(255,255,255,.6)}
}

@media (max-width: 480px) {
	#atc01{padding: 90px 0 55px}
	#atc01 .atc01_cont .cont_tit_area{margin-bottom:30px;padding:0 10px}
	#atc01 .atc01_cont .cont_tit_area .atc_txt{line-height:24px;}
	#atc01 .atc01_cont .cont_tit_area .atc_s_tit{margin-bottom:10px;font-size:14px}
	#atc01 .atc01_cont .cont_tit_area .atc_tit{margin-bottom:10px;font-size:24px}
	#atc01 .atc01_cont .cont_list > div{width:100%;height:240px;margin:0 0 10px 0}
}

@media (max-width: 319px) {
	#atc01{padding-top:100px}
	#atc01 .atc01_cont .cont_tit_area .atc_txt{display:none}
}