@charset "utf-8";

/* ===== NAVER maruburi bold font */
@font-face {
    font-family: 'MaruBuriBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.ttf) format("truetype");
}
@font-face {
    font-family: 'MaruBuri';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.ttf) format("truetype");
}

/* =========================== MAIN */
#sh_main_banner{position:relative;width:100%}
#main_banner_wrap{position:relative;z-index:1;width:100%;height:638px}
#main_banner_wrap .txt{position:relative;top:50%;z-index:1001;max-width:1200px;margin:0 auto;transform:translateY(-50%)}
#main_banner_wrap .move_txt01{opacity:0;color:#fff;font-size:64px;font-weight:700;line-height:86px;font-family:'MaruBuri', serif}
#main_banner_wrap .move_txt02{opacity:0;margin-top:15px;color:rgba(255,255,255,0.7);font-size:15px;line-height:25px;white-space:pre-line}
#main_banner_wrap .move_txt03{opacity:0;margin-top:54px}
#main_banner_wrap .move_txt03 a{display:block;width:165px;border:1px solid #fff;border-radius:27px;color:#fff;font-size:14px;line-height:54px;text-align:center;font-weight:500;transition:all .3s}
#main_banner_wrap .scroll_wrap{position:absolute;bottom:-34px;left:50%;z-index:1001;width:68px;height:68px;border-radius:4px;background-color:#326f46;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}
#main_banner_wrap .scroll_wrap .scroll-down{position:relative;z-index:1001;padding-top:14px;text-align:center;animation:flow 3.5s infinite}
#main_banner_wrap .scroll_wrap .scroll-down i{color:#fff;font-size:22px;font-family:'fontAwesome'}
@keyframes flow{0%{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(10px)}100%{opacity:0;transform:translateY(0)}}
#main_banner_wrap .mainSlide{position:absolute;left:0;top:0;width:100%;height:100%}
#main_banner_wrap .main_slide li{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
#main_banner_wrap .main_slide .img01{background-image:url(../_timg/slide/1.jpg);background-color: rgba(0, 0, 0, 0.5)}
#main_banner_wrap .main_slide .img02{background-image:url(../_timg/slide/2.jpg)}
#main_banner_wrap .main_slide .img03{background-image:url(../_timg/slide/3.jpg)}
#main_banner_wrap .main_pager{position:absolute;top:50%;left:50%;margin-left:584px;z-index:1001;transform:translateY(-50%)}
#main_banner_wrap .main_pager span+span{margin-top:12px}
#main_banner_wrap .main_pager span{display:block;position:relative;width:24px;height:24px;border:1px solid transparent;border-radius:50%;opacity:1;text-indent:-99999px;background:none;transition:ease 0.8s}
#main_banner_wrap .main_pager span:before{display:block;content:'';position:absolute;top:8px;left:8px;width:6px;height:6px;border-radius:50%;background-color:#fff}
#main_banner_wrap .main_pager span.on{border:1px solid #fff}
#main_banner_wrap .overlay{background-color: rgba(0, 0, 0, 0.5); /* ✨ 검은 반투명 배경 */ z-index: 1000; position: absolute; top: 0; left: 0;width: 100%;height: 100%;}
@media (hover:hover) {
#main_banner_wrap .move_txt03 a:hover{position:relative;border:1px solid #326f46;background-color:#326f46}
}
@media (max-width:1400px){
#main_banner_wrap .txt{padding:0 15px}
#main_banner_wrap .main_pager{left:auto;right:20px;margin-left:0}
}
@media (max-width:1024px){
#main_banner_wrap{height:600px}
#main_banner_wrap .move_txt01{font-size:56px}
#main_banner_wrap .move_txt02{color:rgba(255,255,255,0.7)}
}
@media (max-width:768px){
#main_banner_wrap{height:480px}
#main_banner_wrap .move_txt01{font-size:46px;line-height:56px}
#main_banner_wrap .move_txt02{padding-right:80px;white-space:normal; word-break:keep-all}
#main_banner_wrap .move_txt03{margin-top:32px}
#main_banner_wrap .main_pager{top:auto;bottom:20px; transform:none}
#main_banner_wrap .main_pager span{display:inline-block}
}
@media (max-width:480px){
#main_banner_wrap{height:480px}
#main_banner_wrap .move_txt01{font-size:41px;line-height:1;white-space:pre-line}
}
@media (max-width:380px){
#main_banner_wrap .move_txt01{font-size:38px;line-height:1}

}

/* =========================== atc01 */
#atc01{width:100%;max-width:1200px;height:100%;padding:116px 0 100px;margin:0 auto}
#atc01 .tit_wrap{text-align:center}
#atc01 .tit_wrap .e_txt{margin-bottom:16px;color:#326f46;font-size:18px;font-weight:700;font-family:'MaruBuri', serif}
#atc01 .tit_wrap h3{margin-bottom:44px;color:#222;font-size:33px;line-height:44px;letter-spacing:-.3px;font-weight:300}
#atc01 .tit_wrap h3 span{font-weight:700}
#atc01 .swiper-wrapper li.img01 .img{background-image:url('../_timg/main-part0/6.jpg')}
#atc01 .swiper-wrapper li.img02 .img{background-image:url('../_timg/main-part0/cafe3.jpg')}
#atc01 .swiper-wrapper li.img03 .img{background-image:url('../_timg/main-part0/7.jpg')}
#atc01 .swiper-wrapper li.img04 .img{background-image:url('../_timg/main-part0/dosirak.jpg')}
#atc01 .swiper-wrapper li.img05 .img{background-image:url('../_timg/main-part0/14.jpg')}
#atc01 .swiper-wrapper li.img06 .img{background-image:url('../_timg/main-part0/5.jpg')}
#atc01 .swiper-wrapper li a .img{height:270px;margin-bottom:30px;background-size:cover;background-position:center}
#atc01 .swiper-wrapper li .info {color:#777;font-size:15px;line-height:25px;letter-spacing:-.3px;word-break:keep-all}
#atc01 .swiper-wrapper li .info span{display:block;margin-bottom:14px;color:#222;letter-spacing:-.1px;font-size:24px;font-weight:700;font-family:'MaruBuri'}
#atc01 .swiper-pager{display:inline-block;margin-top:66px;text-align:center}
#atc01 .swiper-pager .swiper-pagination-bullet{opacity:1;width:9px;height:9px;border-radius:50%;background-color:#dedede;vertical-align:middle}
#atc01 .swiper-pager .swiper-pagination-bullet-active{width:13px;height:13px;border:3px solid #326f46;background-color:#fff}
#atc01 .gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
  padding-top: 40px;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#atc01 .gallery-grid li {
  background: #fff;
}

#atc01 .gallery-grid li a {
  text-decoration: none;
}

#atc01 .gallery-grid li a .img {
  height: 270px;
  margin-bottom: 30px;
  background-size: cover;
  background-position: center;
}

#atc01 .gallery-grid li .info {
  color: #777;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: -0.3px;
  word-break: keep-all;
}

#atc01 .gallery-grid li .info span {
  display: block;
  margin-bottom: 14px;
  color: #222;
  letter-spacing: -0.1px;
  font-size: 24px;
  font-weight: 700;
  font-family: 'MaruBuri';
}

#atc01 .gallery-grid li.img01 .img {
  background-image: url('../_timg/main-part0/6.jpg');
}
#atc01 .gallery-grid li.img02 .img {
  background-image: url('../_timg/main-part0/cafe3.jpg');
}
#atc01 .gallery-grid li.img03 .img {
  background-image: url('../_timg/main-part0/7.jpg');
}
#atc01 .gallery-grid li.img04 .img {
  background-image: url('../_timg/main-part0/dosirak.jpg');
}
#atc01 .gallery-grid li.img05 .img {
  background-image: url('../_timg/main-part0/14.jpg');
}
#atc01 .gallery-grid li.img06 .img {
  background-image: url('../_timg/main-part0/5.jpg');
}

@media (max-width:1400px){
#atc01{padding:116px 15px 100px}
}
@media (max-width:1024px){
#atc01 .swiper-pager{margin-top:45px}
}
@media (max-width:768px){
#atc01{padding:96px 15px 80px}
#atc01 .tit_wrap h3{margin-bottom:30px;font-size:26px;line-height:36px}
#atc01 .tit_wrap .e_txt{margin-bottom:7px}
#atc01 .swiper-pager{margin-top:35px}
#atc01 .swiper-wrapper li a .img{margin-bottom:22px}
#atc01 .swiper-wrapper li .info span{margin-bottom:8px;font-size:21px}
}
@media (max-width:480px){
#atc01{padding:76px 15px 60px}
#atc01 .tit_wrap h3{margin-bottom:25px;font-size:22px;line-height:32px;font-weight:700}
#atc01 .tit_wrap .e_txt{margin-bottom:8px;font-size:15px}
#atc01 .swiper-wrapper li .info{text-align:center}
}

/* =========================== atc02 */
#atc02{overflow:hidden;position:relative;z-index:10;height:623px;padding:123px 0 130px;background-color:#f7f7f7}
#atc02:after{display:block;content:'';position:absolute;left:50%;top:0;z-index:-1;width:800px;height:624px;margin-left:-1000px;background:url('../img/main/inc02/inc02_bg.png') no-repeat left}
#atc02 .tit_wrap{position:absolute;top:50%;left:50%;z-index:10;margin-left:-600px;color:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}
#atc02 .tit_wrap .e_txt{margin-bottom:16px;font-size:18px;font-weight:700;font-family:'MaruBuri', serif}
#atc02 .tit_wrap h3{margin-bottom:18px;font-size:33px;line-height:44px;font-weight:700;letter-spacing:-.3px}
#atc02 .tit_wrap span{color:rgba(255,255,255,0.8);font-size:15px;line-height:25px;letter-spacing:-.3px}
#atc02  #tabs{margin-top:54px}
#atc02  #tabs li{width:164px;border-bottom:1px solid #fff;background-color:transparent;color:#fff;line-height:49px;text-align:center;font-size:15px;font-weight:500;cursor:pointer}
#atc02  #tabs li.on{border-bottom:0;background-color:#fff;color:#356d45}
#atc02  #tabs li+li{margin-top:22px}
#atc02  .tab_content{position:absolute;left:290px;width:100%}
#atc02  .tab_content:after{display:block;clear:both;content:''}
#atc02  .tab_content .swiperSlider{position:relative;float:right;width:calc(50% + 580px);padding-bottom:79px}
#atc02  .tab_content li{width:372px;height:370px;padding:62px 44px;transition:all .3s;background:#fff}
#atc02  .tab_content li a{position:relative;display:block;height:100%}
#atc02  .tab_content li .wr_cont .date{color:#adadad;letter-spacing:-.1px;font-size:14px;font-weight:700;font-family:'MaruBuri', serif}
#atc02  .tab_content li .wr_cont .subj{display:block;min-height:52px;margin:16px 0 20px;color:#222;letter-spacing:-.3px;font-size:18px;word-break:keep-all;font-weight:700}
#atc02  .tab_content li .wr_cont .lt_cont{min-height:50px;font-size:15px;line-height:25px;color:#777;letter-spacing:-.3px}
#atc02  .tab_content li .wr_date{width:100%;padding-top:70px;color:#222;font-size:15px}
#atc02  .tab_content li .wr_date .view_more{font-weight:700;font-family:'MaruBuri', serif}
#atc02  .tab_content li .wr_date .more_ico{float:right;color:#333}
#atc02  .tab_content .on{box-shadow:4px 1px 29px rgba(0,0,0,0.2)}
#atc02  .tab_content .on .wr_date .view_more,
#atc02  .tab_content .on .wr_date .more_ico i{color:#2f683f}
#atc02 .swiper-pag{position:absolute;left:120px;bottom:7px;width:100%}
#atc02 .swiper-pag span{position:relative;border-radius:0;background:none;opacity:1;height:25px;margin-right:25px}
#atc02 .swiper-pag span+span{margin-left:10px}
#atc02 .swiper-pag span:after{display:inline-block;color:#ababab;font-size:16px;font-weight:600;font-family:'MaruBuri', serif;transition:all .3s}
#atc02 .swiper-pag span:nth-child(1):after{content:'01'}
#atc02 .swiper-pag span:nth-child(2):after{content:'02'}
#atc02 .swiper-pag span:nth-child(3):after{content:'03'}
#atc02 .swiper-pag span:nth-child(4):after{content:'04'}
#atc02 .swiper-pag .swiper-pagination-bullet-active:after{color:#326f46}
#atc02 .swiper-pag .swiper-pagination-bullet-active:after{position:relative;color:#326f46}
#atc02 .swiper-pag .swiper-pagination-bullet-active:before{display:inline-block;content:'';position:absolute;left:0;bottom:0;width:16px;height:2px;background-color:#326f46}
@media (max-width:1280px){
#atc02{height:auto;padding:100px 15px 130px}
#atc02:after{left:0;height:400px;margin-left:0;width:100%;background-repeat:repeat}
#atc02 .tit_wrap{position:relative;top:auto;left:auto;padding-left:30px;margin-left:0;transform:none}
#atc02 #tabs{position:absolute;right:0;top:70px;margin-top:20px;border:solid 1px #fff;border-radius:30px;overflow:hidden}
#atc02 #tabs li{float:left;width:136px;border:none}
#atc02 #tabs li+li{margin-top:0}
#atc02 #tabs li.on{border-bottom:solid 1px #fff;border-radius:30px}
#atc02 .tab_content{position:relative;left:auto;margin-top:30px}
#atc02 .tab_content .swiperSlider{float:none;width:100%;padding-bottom:15px}
#atc02 .tab_content li{height:320px;padding:40px 32px}
#atc02 .swiper-pag{position:relative;left:auto;bottom:auto;padding-left:30px;margin-top:30px}
}
@media (max-width:1024px){
#atc02{padding:80px 15px}
#atc02 .tab_content li .wr_cont .subj{margin-bottom:12px;font-size:16px;line-height:24px}
}
@media (max-width:768px){
#atc02{padding-top:60px}
#atc02 .tit_wrap{padding-left:0;text-align:center}
#atc02 .tit_wrap h3{font-size:26px}
#atc02 .tit_wrap .e_txt{margin-bottom:7px}
#atc02 .tit_wrap span{display:none}
#atc02 #tabs{display:table;position:relative;right:auto;top:auto;margin:0 auto}
#atc02 .tab_content li .wr_cont .lt_cont{font-size:14px;line-height:24px}
#atc02 .tab_content li .wr_date{padding-top:55px}
#atc02 .tab_content .swiperSlider{padding-bottom:7px}
#atc02 .swiper-pag{display:table;width:auto;margin:30px auto 0}

}
@media (max-width:480px){
#atc02{padding:40px 15px 60px}
#atc02:after{height:330px}
#atc02 .tit_wrap h3{margin-bottom:25px;font-size:22px;line-height:32px;font-weight:700}
#atc02 .tit_wrap .e_txt{margin-bottom:8px;font-size:15px}
#atc02 .tab_content li{height:270px}
#atc02 .tab_content li .wr_date{padding-top:27px}
}
@media (max-width:380px){
#atc02 .tab_content li{height:280px}
}

/* =========================== atc03 */


#atc03{background:url('../_timg/main-part0/13.jpg') no-repeat center top;background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}
#atc03 .tit_wrap{max-width:1200px;padding:128px 0 110px;margin:0 auto;color:#fff;text-align:center}
#atc03 .tit_wrap .e_txt{margin-bottom:20px;font-size:18px;font-weight:700;font-family:'MaruBuri', serif}
#atc03 .tit_wrap h3{font-size:38px;line-height:48px;font-weight:300;word-break:keep-all}
#atc03 .tit_wrap h3 span{font-weight:700}
#atc03 .link_wrap{overflow:hidden;max-width:1200px;margin:0 auto;border:1px solid #e1e1e1;background:#fff}
#atc03 .link_wrap li{position:relative;float:left;width:calc(100% / 3);color:#777;font-size:14px;line-height:24px;text-align:center}
#atc03 .link_wrap li a{display:block;height:100%;padding:64px 0 58px}
#atc03 .link_wrap li .b_txt{margin:20px 0 12px;color:#222;font-size:21px;font-weight:700}
#atc03 .link_wrap li .link{display:block;position:relative;width:132px;height:45px;margin:20px auto 0;border-radius:23px;background-color:#f7f7f7;color:#222;line-height:45px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
#atc03 .link_wrap li .link:after{opacity:0;content:'\f178';position:absolute;top:0;right:20px;color:#fff;font-size:13px;line-height:45px;transition:all .3s;-webkit-transition:all .3s;font-family:'fontawesome'}
@media (hover:hover) {
#atc03 .link_wrap li .link:hover{padding-right:20px;background-color:#326f46;color:#fff}
#atc03 .link_wrap li .link:hover:after{opacity:1;content:'\f178';color:#fff;font-size:13px;font-family:'fontawesome'}
}
@media (max-width:1200px){
#atc03{padding:0 15px}
#atc03 .tit_wrap{padding:100px 0 60px}
}
@media (max-width:1024px){
#atc03 .tit_wrap{padding:80px 0 40px}
#atc03 .link_wrap li a{padding:45px 0}
#atc03 .link_wrap li a img{max-width:66px}
}
@media (max-width:768px){
#atc03 .tit_wrap{padding:60px 0 0}
#atc03 .tit_wrap h3{margin-bottom:30px;font-size:26px;line-height:36px}
#atc03 .tit_wrap .e_txt{margin-bottom:7px}
#atc03 .link_wrap{border:none}
#atc03 .link_wrap li{float:none;width:100%;border:solid 1px #e1e1e1;text-align:left}
#atc03 .link_wrap li+li{margin-top:-1px}
#atc03 .link_wrap li a{padding:38px 32px}
#atc03 .link_wrap li .link{display:none}
#atc03 .link_wrap li img{position:absolute;right:32px;top:50%;width:60px;transform:translateY(-50%)}
#atc03 .link_wrap li .b_txt{margin-top:0;font-size:18px}
}
@media (max-width:480px){
#atc03 .tit_wrap h3{margin-bottom:25px;font-size:22px;line-height:32px;font-weight:700}
#atc03 .tit_wrap .e_txt{margin-bottom:8px;font-size:15px}
#atc03 .link_wrap li a{padding:30px 25px}
#atc03 .link_wrap li img{right:25px;width:56px}
}
@media (max-width:380px){
#atc03 .link_wrap li img{width:42px;top:41px}
}

/* =========================== atc04 */
#atc04{overflow:hidden;max-width:1200px;padding:42px 15px;margin:0 auto}
#atc04 .button{overflow:hidden;float:left}
#atc04 .button .but{float:left;width:36px;margin-right:56px;border-radius:2px;background-color:#f7f7f7;line-height:36px;text-align:center;cursor:pointer}
#atc04 .button .but i{color:#222;font-size:14px;font-family:'fontawesome'}
#atc04 .button .link_prev{margin-right:4px}
#atc04 .link{overflow:hidden;float:right;width:calc(100% - 148px)}
#atc04 .link .swiper-wrapper li{width:auto!important;margin-right:64px}
@media (max-width:768px){
#atc04 .button{display:none}
#atc04 .link{float:none;width:100%}
#atc04 .link .swiper-wrapper li{margin-right:45px}
#atc04 .link .swiper-wrapper li img{max-width:130px;max-height:28px}
}
@media (max-width:480px){
#atc04 .link .swiper-wrapper li{margin-right:30px}
}