@charset "utf-8";
/* 비주얼 */
.main_visual{position: relative;}
.main_visual .visual_wrap .slide_item{position: relative; width: 100%; height: 590px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.main_visual .visual_wrap .slide_item_01{background-image: url("../../images/main/main_slider_01.jpg");}
.main_visual .visual_wrap .slide_item_02{background-image: url("../../images/main/main_slider_02.jpg");}
.main_visual .visual_wrap .slide_item .text_wrap{position: absolute; top:108px; left:calc((100% - 1200px)/2);}
.main_visual .visual_wrap .slide_item .text_wrap .visual_sub_title{font-size: 26px; color:#4B4E4B; opacity: 0; transform: translateY(10px); transition: opacity 1s, transform 3s;}
.main_visual .visual_wrap .slide_item .text_wrap .visual_title{margin-top:4px; font-size:56px; line-height: 1.2; color: #4B4E4B; opacity: 0; transform: translateY(20px); transition:opacity 1s, transform 4s; }
.main_visual .visual_wrap .slide_item.slick-active .text_wrap .visual_sub_title{opacity: 1; transform: translateY(0); }
.main_visual .visual_wrap .slide_item.slick-active .text_wrap .visual_title{opacity: 1; transform: translateY(0); }

/* 슬라이더 버튼 */
.main_visual .visual_slider_btn{position: absolute; top:50%; transform: translateY(-50%); width: 48px; height: 64px; background-color: #CE6E6E;}
.main_visual .visual_slider_btn.vs_prev{left:0;}
.main_visual .visual_slider_btn.vs_next{right:0;}
.main_visual .visual_slider_btn::before{content: ""; position: absolute; top:50%; left:50%; display: block; width: 18px; height: 18px; border-top:2px solid #ffffff;  }
.main_visual .visual_slider_btn.vs_prev::before{border-left: 2px solid #ffffff; transform: translate(-35%, -50%) rotate(-45deg);}
.main_visual .visual_slider_btn.vs_next::before{border-right: 2px solid #ffffff; transform: translate(-65%, -50%) rotate(45deg);}
/* 슬라이더 dot */
.main_visual .vs_dot_wrap{position: absolute; bottom:170px; left:calc((100% - 1200px)/2); z-index: 9; display: flex; align-items: center; }
.main_visual .vs_dot_wrap .slick-dots{margin:0 -10px; display: flex; align-items: center;}
.main_visual .vs_dot_wrap .slick-dots li{padding: 0 10px; display: block;}
.main_visual .vs_dot_wrap .slick-dots li .dot_btn{display: block; width: 12px; height: 12px; background-color: #4B4E4B; border-radius: 50%; cursor: pointer; }
.main_visual .vs_dot_wrap .slick-dots li .dot_btn:focus { outline-offset: 2px;}
.main_visual .vs_dot_wrap .slick-dots li.slick-active .dot_btn{background-color: #CE6E6E;}
.main_visual .vs_dot_wrap .btn_play{position: relative; margin-left:20px; display:block; width:12px; height:16px; cursor: pointer; font-size: 0; line-height: 0;}
/* 슬라이더 정지, 시작 버튼 */
.main_visual .vs_dot_wrap .btn_play:before,
.main_visual .vs_dot_wrap .btn_play:after {content: ""; position: absolute; top:0; display:block; width:3px; height:100%; background: #4B4E4B;}
.main_visual .vs_dot_wrap .btn_play:before{left:0;}
.main_visual .vs_dot_wrap .btn_play:after{right:0;}
.main_visual .vs_dot_wrap .btn_play.on::before{width:0; height:0; border-top:8px solid transparent; background: none;  border-bottom:8px solid transparent; border-right: 0px solid transparent; border-left: 12px solid  #4B4E4B;  }
.main_visual .vs_dot_wrap .btn_play.on::after{display: none;}
.main_visual .vs_dot_wrap .btn_play:focus { outline-offset: 2px;}

/* main_common */
.main_section_title h2{font-size: 30px; line-height: 1.5; text-align: center; color: #CD716F;}
.main_section_title p{margin-top:2px; font-size: 20px; font-weight: 500; line-height: 1.5; text-align: center;}

/* 메인 소개 리스트 */
.main_intro_list{padding:94px 0 100px;}
.main_intro_list .main_section_con{margin-top: 36px;}
.main_intro_list .main_section_con .main_intro_links{margin:0 -10px; display: flex;}
.main_intro_list .main_section_con .main_intro_links li{padding:0 10px; width: 25%;}
.main_intro_list .main_section_con .main_intro_links li a{position: relative; padding:28px 30px; display: flex; align-items: flex-end;  width:100%; height: 360px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.main_intro_list .main_section_con .main_intro_links li:nth-child(1) a{background-image: url("../../images/main/main_intro_greeting.jpg");}
.main_intro_list .main_section_con .main_intro_links li:nth-child(2) a{background-image: url("../../images/main/main_intro_value.jpg");}
.main_intro_list .main_section_con .main_intro_links li:nth-child(3) a{background-image: url("../../images/main/main_intro_goal.jpg");}
.main_intro_list .main_section_con .main_intro_links li:nth-child(4) a{background-image: url("../../images/main/main_intro_biz.jpg");}
.main_intro_list .main_section_con .main_intro_links li a::before{content: ""; position: absolute; top:0; left:0; display: block; width:100%; height: 100%; background: #000000; opacity: 0.7; transition: opacity, .3s;}
.main_intro_list .main_section_con .main_intro_links li a span{position: relative; z-index: 1; font-size:20px; font-weight: 500; color:#ffffff; text-shadow: 0 0 12px rgba(0,0,0,.9) ;}
.main_intro_list .main_section_con .main_intro_links li a:hover::before,
.main_intro_list .main_section_con .main_intro_links li a:focus::before{opacity: .0;}

/* 메인 서비스 */
.main_service{padding: 51px 0 60px; background-color: #F2F2F2;}
.main_service .main_section_con{margin-top:30px;}
.main_service .main_section_con .main_service_list{margin:0 -37px; display: flex; justify-content: space-between;}
.main_service .main_section_con .main_service_list li{padding:0 37px; width: 20%;}
.main_service .main_section_con .main_service_list li a{padding:220px 0 0; background-position: top center; background-repeat: no-repeat; text-align: center; font-size: 20px; font-weight: 500}
.main_service .main_section_con .main_service_list li:nth-child(1) a{background-image: url("../../images/main/main_service_01.png");}
.main_service .main_section_con .main_service_list li:nth-child(2) a{background-image: url("../../images/main/main_service_02.png");}
.main_service .main_section_con .main_service_list li:nth-child(3) a{background-image: url("../../images/main/main_service_03.png");}
.main_service .main_section_con .main_service_list li:nth-child(4) a{background-image: url("../../images/main/main_service_04.png");}
.main_service .main_section_con .main_service_list li:nth-child(5) a{background-image: url("../../images/main/main_service_05.png");}

.main_photo{padding:120px 0 0;}
.main_photo .wrap{padding-bottom:86px; border-bottom:1px solid #e5e5e5;}
.main_photo .main_photo_inner{display: flex; }
.main_photo .main_photo_inner .main_section_title{flex-shrink: 0; width:300px;}
.main_photo .main_photo_inner .main_section_title h2{text-align: left;}
.main_photo .main_photo_inner .main_section_title .main_photo_more{margin-top:14px;}
.main_photo .main_photo_inner .main_section_title .main_photo_more a{font-size:20px; display: inline-block;}
.main_photo .main_photo_inner .main_section_title .main_photo_more a:focus { outline-offset: 2px;}
.main_photo .main_photo_inner .main_section_title .main_photo_more a .photo_more_btn{position: relative; line-height: 1.2; padding-right:16px;}
.main_photo .main_photo_inner .main_section_title .main_photo_more a .photo_more_btn:after{content: ""; position: absolute; top:54%; right:0; transform: translateY(-50%) rotate(45deg); display: block; width: 8px; height: 8px; border-top:2px solid #707070; border-right: 2px solid #707070;}
.main_photo_slider_btn{margin:80px -5px 0; display: flex;}
.main_photo_slider_btn .photo_btn_wrap{padding:0 5px;}
.main_photo_slider_btn .photo_btn_wrap .main_photo_btn{position: relative; display: block; width: 56px; height: 56px; border:1px solid #CD716F;}
.main_photo_slider_btn .photo_btn_wrap .main_photo_btn::before{content: ""; position:absolute; top:50%; left:50%; display: block; width:16px; height: 16px; border-top:2px solid #CD716F;}
.main_photo_slider_btn .photo_btn_wrap .main_photo_btn.main_photo_prev::before{border-left:2px solid #CD716F; transform: translate(-25%, -50%) rotate(-45deg);}
.main_photo_slider_btn .photo_btn_wrap .main_photo_btn.main_photo_next::before{border-right:2px solid #CD716F; transform: translate(-75%, -50%) rotate(45deg);}
.main_photo .main_photo_inner .main_section_con{width: 100%;}
.main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item{margin-right:30px; width: 446px;}
.main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .img_wrap figure{ height: 334px;}
.main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .img_wrap figure img{width: 100%; height: 100%; object-fit: cover;}
.main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .text_wrap{margin-top:16px;}
.main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .text_wrap p{font-size:22px; font-weight: 600; line-height: 1.5;}
/* 메인 커뮤니티 */
.main_commu{padding:100px 0 0;}
.main_commu .main_commu_inner{margin:0 -30px; display: flex;}
.main_commu .main_commu_inner>div{padding:0 30px; width: 50%;}
.main_commu .main_commu_inner .main_section_title{display: flex; justify-content: space-between;  align-items: center;}
.main_commu .main_commu_inner .main_section_title a{position: relative; margin-left:20px; display: block; width: 24px;}
.main_commu .main_commu_inner .main_section_title a::before{content: ""; position: absolute; top:50%; transform: translateY(-50%) rotate(45deg); display: block; width: 16px; height: 16px; border-top: 2px solid #CD716F; border-right:2px solid #CD716F;}
.main_commu .main_commu_inner .main_section_con{margin-top:35px;}
.main_commu .main_commu_inner .main_section_con ul{margin:0 -10px; display: flex;}
.main_commu .main_commu_inner .main_section_con ul li{padding:0 10px; width: 50%;}
.main_commu .main_commu_inner .main_section_con ul li a p{font-size:20px; font-weight: 500; line-height: 1.5; }
.main_commu .main_commu_inner .main_section_con ul li a p.text_dline_ellipsis{height: 3em;}
.main_commu .main_commu_inner .main_section_con ul li a time{ margin-top:20px; display: block; color: #414141;}


@media(max-width:1600px) {
 

}

@media(max-width:1440px) {
  /* 비주얼 */
  .main_visual .visual_wrap .slide_item .text_wrap {top: 108px; left: 100px; }
  .main_visual .vs_dot_wrap {left: 100px;}

  .main_service .main_section_con .main_service_list {margin: 0 -10px;}
  .main_service .main_section_con .main_service_list li {padding: 0 10px;}
 


} 

@media(max-width:1240px){
  /* 비주얼 */
  .main_visual .visual_wrap .slide_item { height: 560px;}
  .main_visual .visual_wrap .slide_item .text_wrap {top: 80px; }
  .main_visual .visual_wrap .slide_item .text_wrap .visual_sub_title {font-size: 24px;}
  .main_visual .visual_wrap .slide_item .text_wrap .visual_title { margin-top: 10px; font-size: 52px;}
  .main_visual .vs_dot_wrap .slick-dots {margin: 0px -8px;}
  .main_visual .vs_dot_wrap .slick-dots li {padding: 0 8px;}
  .main_visual .vs_dot_wrap .slick-dots li button {width: 10px; height: 10px;}
  .main_visual .vs_dot_wrap .btn_play {margin-left: 16px;}

  .main_section_title h2 {font-size: 28px;}

  /* 메인 소개 리스트 */
  .main_intro_list .main_section_con .main_intro_links li a {padding: 28px 20px; height: 280px;}

  /* 메인 서비스 */
  .main_service .main_section_con .main_service_list li a {padding: 17vw 0 0; background-size: 100%; font-size: 18px;}

  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item{width: 360px; }
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .img_wrap figure{width: 360px; height: 260px;}
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .text_wrap p {font-size: 20px;}
  
}


@media(max-width:1024px) {   
  /* 비주얼 */
  .main_visual .visual_wrap .slide_item { height: 440px;}
  .main_visual .visual_wrap .slide_item .text_wrap .visual_sub_title {font-size: 20px;}
  .main_visual .visual_wrap .slide_item .text_wrap .visual_title { font-size: 44px;}
  .main_visual .visual_slider_btn {width: 40px; height: 56px;}
  .main_visual .visual_slider_btn::before {width: 15px; height: 15px;}
  .main_visual .vs_dot_wrap {bottom: 130px;}
  .main_visual .vs_dot_wrap .slick-dots {margin: 0px -4px;}
  .main_visual .vs_dot_wrap .slick-dots li {padding: 0 4px;}

  .main_section_title h2 {font-size: 24px;}
  .main_section_title p {font-size: 18px;}

  /* 메인 소개 리스트 */
  .main_intro_list .main_section_con .main_intro_links li a span {font-size: 18px;}
  /* 메인 서비스 */
  .main_service .main_section_con .main_service_list {margin:-16px -10px; justify-content: center; flex-wrap: wrap; }
  .main_service .main_section_con .main_service_list li { padding: 16px 10px; width: 28%;}
  .main_service .main_section_con .main_service_list li a {padding: 23vw 0 0;}
  /* 활동사진 */
  .main_photo .main_photo_inner .main_section_title {width: 220px;}
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item{width: 320px; }
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .img_wrap figure{width: 320px; height: 220px;}
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .text_wrap {margin-top: 12px;}
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .text_wrap p {font-size: 18px;}
  .main_photo_slider_btn {margin: 64px -5px 0;}
  .main_photo_slider_btn .photo_btn_wrap .main_photo_btn {width: 48px; height: 48px;}
  .main_photo_slider_btn .photo_btn_wrap .main_photo_btn::before {width: 12px; height: 12px;}
  /* 공지사항 */
  .main_commu .main_commu_inner .main_section_con ul {margin: 0; display: block;}
  .main_commu .main_commu_inner .main_section_con ul li{padding: 0;  width: 100%;}
  .main_commu .main_commu_inner .main_section_con ul li:nth-child(n+2){margin-top: 12px; padding-top:12px; border-top:1px solid #e5e5e5;}
  .main_commu .main_commu_inner .main_section_con ul li a p {font-size: 18px;}
  .main_commu .main_commu_inner .main_section_con ul li a p.text_dline_ellipsis {-webkit-line-clamp: 1; height: 1.5em;}
  .main_commu .main_commu_inner .main_section_con ul li a time {margin-top: 4px;}

}



@media(max-width:768px) {   
  /* 비주얼 */
  .main_visual .visual_wrap .slide_item { height: 400px;}
  .main_visual .visual_wrap .slide_item .text_wrap .visual_sub_title {font-size: 18px;}
  .main_visual .visual_wrap .slide_item .text_wrap .visual_title { font-size: 40px;}
  .main_visual .visual_slider_btn {width: 36px; height: 48px;}
  .main_visual .visual_slider_btn::before {width: 12px; height: 12px;}
  .main_visual .vs_dot_wrap {bottom: 120px;}
  .main_visual .vs_dot_wrap .btn_play {height: 14px;}
 
  .main_section_title p {font-size: 16px;}

  /* 메인 소개 리스트 */
  .main_intro_list .main_section_con .main_intro_links {margin: -10px; flex-wrap: wrap;}
  .main_intro_list .main_section_con .main_intro_links li {padding:10px; width: 50%;}
  .main_intro_list .main_section_con .main_intro_links li a {height: 240px;}

  /* 메인 서비스 */
  .main_service .main_section_con .main_service_list li a {font-size: 16px;}

  /* 활동사진 */
  .main_photo{padding: 80px 0 0;}
  .main_photo .main_photo_inner .main_section_title {width: 180px;}
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item {margin-right: 20px;}
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .text_wrap {margin-top: 8px;}  

  .main_commu .main_commu_inner .main_section_title a::before {width: 12px; height: 12px;}
}


@media(max-width:540px) {
  .main_visual .visual_wrap .slide_item { height: 360px;}
  .main_visual .visual_wrap .slide_item .text_wrap {top:60px; left: 5%;}  
  .main_visual .visual_wrap .slide_item .text_wrap .visual_title {font-size: 36px;}
  .main_visual .vs_dot_wrap {bottom: 14px; left: calc(100% - 160px); }
  .main_visual .visual_slider_btn {top: 100%; transform: translateY(-100%); width: 40px; height: 40px; }
  .main_visual .visual_slider_btn.vs_prev {left: inherit; right: 48px;}

  .main_section_title h2 {font-size: 20px;}

  .main_intro_list .main_section_con .main_intro_links {margin: -5px; flex-wrap: wrap;}
  .main_intro_list .main_section_con .main_intro_links li {padding:5px;}
  .main_intro_list .main_section_con .main_intro_links li a {padding: 16px 20px; height: 200px; }
  .main_intro_list .main_section_con .main_intro_links li a span {font-size: 16px;}  
  
  /* 메인 서비스 */
  .main_service .main_section_con .main_service_list {margin: -12px -10px;}
  .main_service .main_section_con .main_service_list li {padding: 12px 10px; width: 45%;}
  .main_service .main_section_con .main_service_list li a {padding: 38vw 0 0;}
/* 활동사진 */
  .main_photo .wrap {padding-bottom: 56px;}
  .main_photo .main_photo_inner {display: block;}
  .main_photo .main_photo_inner .main_section_title {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;  width: 100%;}
  .main_photo .main_photo_inner .main_section_title .main_photo_more {margin-top: 0;}
  .main_photo .main_photo_inner .main_section_title .main_photo_more a {font-size: 18px;}
  .main_photo_slider_btn {margin: 16px 0 0; justify-content: flex-end; width: 100%;} 
  .main_photo_slider_btn .photo_btn_wrap:last-child{padding-right:0;}
  .main_photo_slider_btn .photo_btn_wrap .main_photo_btn {width: 40px; height: 40px;}
  .main_photo_slider_btn .photo_btn_wrap .main_photo_btn::before {width: 10px; height: 10px;}
  /* .main_photo .main_photo_inner .main_section_con .slick-list {overflow: visible;} */
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item {margin-right: 16px;}
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .img_wrap figure {width: 280px; height: 180px;}
  .main_photo .main_photo_inner .main_section_con .main_photo_slider .slide_item .text_wrap p {font-size: 16px;}

  .main_commu {padding: 80px 0 0;}
  .main_commu .main_commu_inner { margin: 0; display: block;}
  .main_commu .main_commu_inner>div {padding: 0; width: 100%;}
  .main_commu .main_commu_inner .main_section_con {margin-top: 12px;}
  .main_commu .main_commu_inner .main_section_con ul li:nth-child(n+2) {margin-top: 10px; padding-top:10px}
  .main_commu .main_commu_inner .main_section_con ul li a p {font-size: 16px;  }
  .main_commu .main_commu_inner .main_section_con ul li a time {font-size: 14px;}
  .main_commu .main_commu_inner .faq_wrap{margin-top:40px;}

}

@media(max-width:480px) { 
}

@media(max-width:360px) {  
  .main_visual .visual_wrap .slide_item {height: 280px;}
  .main_visual .visual_wrap .slide_item .text_wrap .visual_title {font-size: 28px;}
  .main_intro_list .main_section_con .main_intro_links li a { height: 180px; }

}