@charset "utf-8";

/*main_layout*/

#visual_area{position:relative;padding:110px 0 150px;}
#visual_area .tip{position:absolute;top:13px;right:13px;width:67px;height:67px;}
#visual_area .visual_logo{text-align:center;padding-bottom:95px;}


#visual_wrap{position:relative;height:419px;overflow:hidden;}
#visual_wrap_inner{position:absolute;height:419px;width:2000px;top:0;left:50%;margin-left:-1000px;}
#main_visual{height:419px;}
#main_visual li{opacity:0.4;}

#main_visual li{position:relative;}
#main_visual li img.cover_img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
#main_visual li a{display:block;padding:0 0.5%;}
#main_visual li .area{position:relative;width:100%;height:100%;}
#main_visual li .area .typo{position:absolute;top:0;left:0;padding:40px;width:47.6%;}
#main_visual li .area .count{position:absolute;top:50%;right:0;width:55%;text-align:center;margin-top:-70px;}
#main_visual li .area .count .icon img{display:inline}
#main_visual li .area .count .num{font-size:80px;line-height:86px;font-weight:700;color:#fff;padding:2px 0 6px;font-family:'Play', sans-serif;}

#main_visual .slick-prev{position: absolute;left:50%;top:379px;margin-left:396px;display: block;width:43px; height:40px;background:url(/img/main/btn_prev.gif) ;font-size: 0px;opacity:0.6;z-index:5000;cursor:pointer;}
#main_visual .slick-next{position: absolute;left:50%;top:379px;margin-left:439px;display: block;width:43px; height:40px;background:url(/img/main/btn_next.gif) ;font-size: 0px;opacity:0.6;z-index:5000;cursor:pointer;}
#main_visual .slick-prev:hover{opacity:1;}
#main_visual .slick-next:hover{opacity:1;}

/*중요- slick은 clone을 생성하므로 eq로 현재 슬라이드 css지정못함. 현재슬라이드는 .slick-current 클래스가 자동지점됨*/
#main_visual li.slick-current{opacity:1;}
#main_visual li.slick-current img.cover_img{display:none;}



ul.slick-dots{display:none;position: absolute;margin-top:-50px;text-align: center;	width:100%;z-index: 11;}
ul.slick-dots li{display: inline-block;margin:0 3px;}
ul.slick-dots li button{font-size: 0;display: block;height:10px;width:10px;background: #aaa;border-radius: 10px;-webkit-transition: all 0.5s; /* Safari */transition: all 0.5s;}
ul.slick-dots li.slick-active button{width:30px;background:#333;}

@media screen and (max-width:1000px) {

	#visual_area{position:relative;padding:100px 0 100px;}
	#visual_area .tip{position:absolute;top:13px;right:13px;width:67px;height:67px;}
	#visual_area .visual_logo{padding-bottom:80px;}
	#visual_area .visual_logo img{width:350px;}

	#visual_wrap{height:auto;}
	#visual_wrap_inner{position:relative;height:auto;width:100%;top:auto;left:auto;margin-left:0;}
	#main_visual{height:auto;}
	#main_visual li{opacity:0.4;}
	
	#main_visual li a{padding:0 5px;}
	
	#main_visual li .area .count{margin-top:-60px;}
	#main_visual li .area .count .icon img{display:inline;width:60px;}
	#main_visual li .area .count .num{font-size:61px;line-height:67px;}
	
	
	#main_visual .slick-prev{left:auto;right:73px;top:auto;bottom:0;margin-left:0;}
	#main_visual .slick-next{left:auto;right:30px;top:auto;bottom:0;margin-left:0;}
}


@media screen and (max-width:768px) {

	#visual_area{padding:60px 0 60px;}
	#visual_area .tip{position:absolute;top:10px;right:10px;width:40px;height:40px;}
	#visual_area .visual_logo{padding-bottom:40px;}
	#visual_area .visual_logo img{width:270px;}
	
	#main_visual li .area .typo{position:absolute;width:100%;padding:40px;}
	#main_visual li .area .count{position:absolute;top:50%;right:0;width:100%;text-align:center;margin-top:19%;}
	#main_visual li .area .count .icon img{display:inline;width:40px;}
	#main_visual li .area .count .num{font-size:49px;line-height:55px;}
	
	#main_visual .slick-prev{right:140px;width:30px;height:28px;background-size:100%;}
	#main_visual .slick-next{right:110px;width:30px;height:28px;background-size:100%;}

}

@media screen and (max-width:480px) {

	#visual_area{padding:40px 0 40px;}
	#visual_area .tip{width:30px;height:30px;}
	#visual_area .visual_logo{padding-bottom:30px;}
	#visual_area .visual_logo img{width:170px;}
	
	#main_visual li .area .typo{padding:25px;}
	
	#main_visual li .area .count{position:absolute;top:50%;right:0;width:100%;text-align:center;margin-top:18%;}
	#main_visual li .area .count .icon img{display:inline;width:36px;}
	#main_visual li .area .count .num{font-size:39px;line-height:45px;}
	
	
	
	#main_visual .slick-prev{right:75px;}
	#main_visual .slick-next{right:45px;}

}







.section{}
.section h3{text-align:center;font-size:32px;color:#383838;line-height:36px;font-weight:500;padding-bottom:18px;}
.section h3 i{padding:0 6px;}
.section .title_underline{width:20px;border-top:2px solid #6d6d6d;margin:0 auto;padding:0px 0 60px;}
.section_wrap{max-width:1156px;margin:0 auto;}

#section_people{position:relative;background-color:#F8F8F8;padding:90px 0 110px;}
#section_people .box_wrap{font-size:0;}
#section_people .box_wrap li{float:left;width:24.22145328719723%;margin:0 1.038062283737024% 1.038062283737024% 0}
#section_people .box_wrap li.w2{width:49.48096885813149%;}
#section_people .box_wrap li.w3{width:36.85121107266436%;}
#section_people .box_wrap li.last{margin-right:0;}
#section_people .box_wrap li a{display:block;width:100%;height:100%;position:relative;overflow:hidden;}
#section_people .box_wrap li a:hover{opacity:0.5;}
#section_people .box_wrap li a img.blank_m{display:none;}
#section_people .box_wrap li .text{position:absolute;bottom:0;left:0;padding:25px;z-index:10;}
#section_people .box_wrap li .text p.name{font-size:19px;font-weight:500;color:#fff;padding-bottom:4px;}
#section_people .box_wrap li .text p.exp{font-size:14.4px;line-height:17px;font-weight:400;color:#fff;opacity:0.8;letter-spacing:-1px;}
#section_people .box_wrap li .shadow{position:absolute;bottom:0;left:0;width:100%;height:158px;}

#section_space{position:relative;padding:90px 0 110px;background:url(/img/main/bg_space.jpg) no-repeat center center;background-size:cover;}
#section_space .box_wrap{font-size:0;}
#section_space .box_wrap li{float:left;width:24.22145328719723%;margin:0 1.038062283737024% 1.038062283737024% 0}
#section_space .box_wrap li.w2{width:49.48096885813149%;}
#section_space .box_wrap li.w3{width:36.85121107266436%;}
#section_space .box_wrap li.last{margin-right:0;}
#section_space .box_wrap li a{display:block;width:100%;height:100%;position:relative;overflow:hidden;}
#section_space .box_wrap li a.add_gap{margin-bottom:4.2%;}
#section_space .box_wrap li a:hover{opacity:0.5;}
#section_space .box_wrap li a img.blank_m{display:none;}
#section_space .box_wrap li .text{position:absolute;bottom:0;left:0;padding:25px;z-index:10;}
#section_space .box_wrap li .text p.name{font-size:19px;font-weight:500;color:#fff;padding-top:3px;}
#section_space .box_wrap li .text p.exp{font-size:13px;line-height:16px;font-weight:400;color:#fff;opacity:0.7;}
#section_space .box_wrap li .shadow{position:absolute;bottom:0;left:0;width:100%;height:158px;}


#section_activity{position:relative;padding:90px 0 110px;}
.act_list{font-size:0;}
.act_list li{display:inline-block;position:relative;width:19%;margin:0.5%;vertical-align:top;border:1px solid #e9e9e9;}
.act_list li img.cover_img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.act_list li a{display:block;width:100%;height:100%;position:relative;}
.act_list li a .img{display:block;position:relative;}
.act_list li a .img .btn_go{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;display:none;}
.act_list li a .img .btn_go .go_con{position:absolute;width:100%;height:80px;top:50%;left:0;margin-top:-40px;text-align:center;font-size:15px;line-height:18px;color:#fff;font-weight:500;z-index:3;}
.act_list li a .img .btn_go .go_con .icon_zoom{display:inline;}
.act_list li a .img .btn_go .go_con p{padding:10px 10% 0;}
.act_list li .text {display:none;}
.act_list li .text h4{font-size:15px;color:#333;font-weight:500;padding-top:14px;}

#act_wrap{position:relative;height:640px;overflow:hidden;}
#act_wrap_inner{position:absolute;width:2000px;top:0;left:50%;margin-left:-1000px;}
#activity ul{opacity:0.3;}
#activity ul.slick-current{opacity:1;}
#activity ul.slick-current li img.cover_img{display:none;}

#activity .slick-prev{position: absolute;left:50%;margin-left:-646px;top:50%;margin-top:-28px;display:block;width:56px; height:56px;background:url(/img/main/btn_prev2.png) ;font-size: 0px;opacity:0.5;z-index:5000;cursor:pointer;}
#activity .slick-next{position: absolute;left:50%;margin-left:590px;top:50%;margin-top:-28px;display:block;width:56px; height:56px;background:url(/img/main/btn_next2.png) ;font-size: 0px;opacity:0.5;z-index:5000;cursor:pointer;}
#activity .slick-prev:hover{opacity:1;}
#activity .slick-next:hover{opacity:1;}



@media screen and (max-width:1300px) {
	#act_wrap{position:relative;height:auto;overflow:hidden;}
	#act_wrap_inner{position:relative;width:auto;top:auto;left:auto;margin-left:0;}
	#activity ul{opacity:0.4;}
	#activity ul.slick-current{opacity:1;}
	
	#activity .slick-prev{position: absolute;left:5px;margin-left:0px;top:50%;margin-top:-28px;display:block;width:56px; height:56px;background:url(/img/main/btn_prev2.png) ;font-size: 0px;opacity:0.5;z-index:5000;cursor:pointer;}
	#activity .slick-next{position: absolute;left:auto;right:5px;margin-left:0;top:50%;margin-top:-28px;display:block;width:56px; height:56px;background:url(/img/main/btn_next2.png) ;font-size: 0px;opacity:0.5;z-index:5000;cursor:pointer;}
}


@media screen and (max-width:1200px) {
	.section_wrap{margin:0 22px;}
}


@media screen and (max-width:860px) {

	.section .title_underline{padding:0 0 30px;}

	#section_people{padding:50px 0 70px;}
	#section_people .box_wrap li{float:none;display:inline-block;width:49%;margin:0 2% 2% 0;vertical-align:top;}
	#section_people .box_wrap li.w2{width:49%;}
	#section_people .box_wrap li.w3{width:49%;}
	#section_people .box_wrap li.last{margin-right:2%;}
	#section_people .box_wrap li.li4{display:none;}
	#section_people .box_wrap li.li2, #section_people .box_wrap li.li5, #section_people .box_wrap li.li7{margin-right:0;}
	
	#section_people .box_wrap li a img.blank_pc{display:none;}
	#section_people .box_wrap li a img.blank_m{display:inline;}
	
	#section_people .box_wrap li .text{padding:15px;}
	#section_people .box_wrap li .text p.name{font-size:17px;padding-bottom:1px;}
	#section_people .box_wrap li .text p.exp{font-size:13px;line-height:16px;font-weight:400;color:#fff;opacity:0.7;}
	#section_people .box_wrap li .shadow{position:absolute;bottom:0;left:0;width:100%;height:130px;}
	
	
	#section_space{padding:50px 0 70px;}
	#section_space .box_wrap li{float:none;display:inline-block;width:49%;margin:0 2% 2% 0;vertical-align:top;}
	#section_space .box_wrap li.w2{width:49%;}
	#section_space .box_wrap li.w3{width:49%;}
	#section_space .box_wrap li.last{margin-right:2%;}
	#section_space .box_wrap li.li2, #section_space .box_wrap li.li4, #section_space .box_wrap li.li6{margin-right:0;}
	
	#section_space .box_wrap li a.add_gap{margin-bottom:0;}
	#section_space .box_wrap li a.space_title{display:none;}
	#section_space .box_wrap li a img.blank_pc{display:none;}
	#section_space .box_wrap li a img.blank_m{display:inline;}
	
	#section_space .box_wrap li .text{padding:15px;}
	#section_space .box_wrap li .text p.name{font-size:17px;padding-top:1px;}
	#section_space .box_wrap li .text p.exp{font-size:13px;line-height:16px;font-weight:400;color:#fff;opacity:0.7;}
	#section_space .box_wrap li .shadow{position:absolute;bottom:0;left:0;width:100%;height:130px;}
	
	
	#section_activity{padding:50px 0 70px;}
	.act_list li{width:32.33333333333333%;margin:0.5%;}
	
	
	#activity .slick-prev{left:0px;margin-top:-18px;width:36px; height:36px;background:url(/img/main/btn_prev2.png);background-size:36px 36px;}
	#activity .slick-next{right:0px;margin-top:-18px;width:36px; height:36px;background:url(/img/main/btn_next2.png);background-size:36px 36px;}

}


@media screen and (max-width:768px) {
	/*팝업설정(필수)*/
	.drag_pop{left:0 !important;top:0 !important;max-width:350px !important;height:auto !important;}

}


@media screen and (max-width:600px) {
	
	
	
	.section h3{font-size:25px;line-height:30px;padding-bottom:14px;}
	.section h3 i{padding:0 4px;}
	.section .title_underline{padding:0 0 30px;}
	.section_wrap{margin:0 15px;}
	
	#section_people{padding:40px 0 30px;}
	#section_people .box_wrap li .text{position:relative;top:auto;left:auto;padding:8px 7px 10px;text-align:center;}
	#section_people .box_wrap li .text p.name{color:#444;font-size:15px;padding-bottom:1px;}
	#section_people .box_wrap li .text p.exp{color:#777;font-size:12px;line-height:14px;opacity:1;}
	#section_people .box_wrap li .shadow{display:none;}
	
	#section_space{padding:40px 0 30px;}
	#section_space .box_wrap li .text{position:relative;top:auto;left:auto;padding:10px 7px 10px;text-align:center;}
	#section_space .box_wrap li .text p.name{color:#444;font-size:15px;line-height:18px;}
	#section_space .box_wrap li .text p.exp{color:#777;font-size:12px;line-height:14px;opacity:1;}
	#section_space .box_wrap li .shadow{display:none;}
	
	#section_activity{padding:40px 0 50px;}

}

@media screen and (max-width:480px) {

	.act_list li{width:48%;margin:1%;}

}