@font-face {font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#main {background: url(../img/main_bg.jpg) no-repeat top center / cover; overflow: hidden; width: 100%; height: 100vh;}
#main .cont {top: 50%;    transform: translateY(-50%);}

.cont {width: 78%; margin: 0 auto; z-index: 1; position: relative; padding: 0;}
.gray {color: #6c6c6c;}
.light_gray {color:#b8b8b8}
.dark_gray {color: #2d2d2d;}
.verical_center {top: 50%;position: relative;transform: translateY(-50%);}
.line {width: 112px;    height: 1px;    background: #c6c6c6;    display: inline-block;    vertical-align: middle;    margin: 0px 19px 4px 19px;}
.bg_img_r {position: absolute;right: 0; width: 52%;}
.bg_img_l {position: absolute;left: 0; width: 52%;}
b>span {cursor: pointer;}
.section {overflow: hidden;}
.underline {position: relative; width: fit-content;}

.underline::after {content: ''; background: #b4e2d7; width: 100%; height: 40%; position: absolute; left: 0; bottom: 0; z-index: -1;transition: .3s cubic-bezier(.64,.36,.37,.9) }
span.underline::after {width: 0;}
span.underline:hover::after {width: 100%;}

.line_break {display: inline-block;}

#main h1, #main h6 {color: #fff;}

#section01 .wrap {height: 450px;}
#section01 .txt {width: 50%;float: left; padding-bottom: 0;}
#section01 .bg_img_r{bottom: 0; left: auto; transform: none; width: auto;}

#section02.main .cont {position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%,-50%);}
#section02.main .wrap {min-height: 725px; text-align: center;}
#section02 .bg_img_l {    margin-bottom: 0;}
#section02 .bg_img_l img {width: 100%;    height: auto;    position: relative;}    
#section02 .bg_img_l img {transform: translate(0,-20px); }
#section02 .bg_img_r img {transform: translate(0,20px);}
#section02 .bg_img_l img.pc, #section02 .bg_img_r img.pc {display: block;}
#section02 .bg_img_l img.mo, #section02 .bg_img_r img.mo {display: none; }

#section02 .txt_wrap {width: 100%; transform: translateY(-13%); }
#section02 .txt_item {width: 33%;display: inline-block; height: 100%; color: #fff; vertical-align: middle;}
#section02 .txt_item:nth-child(3) {transform: translateY(40px);}
#section02 .txt_item a {color: #fff;}
#section02 .txt_item img {display: inline-block;}
#section02 .txt_item b span.underline::after {opacity: 0.5;}

#section02 .circle { color: #6b6b6b; padding: 0;}
#section02 .circle::after {content: ''; background: #fff; position: absolute; width: 100%; height:100%; z-index: -2;left: 50%;    top: 50%;    border-radius: 50%;    width: 400px;    height: 400px;    transform: translate(-50%,-50%);background: url(../img/circle_bg.png) no-repeat  100%; box-shadow: 0 0 20px rgba(0,0,0,0.2);} 


#section03 .wrap  {height: 700px;}
#section03 .img_box {width: auto;    height: 100%;    position: relative; }
#section03 ul li {display: inline-block; width: 32%; margin-right: 1.75%;     position: relative;
    height: 450px;}

#section03 ul li .img_box {border-radius: 0 0 0 0;  transition: .3s cubic-bezier(.64,.36,.37,.9) ; overflow: hidden;}
#section03 ul li .hover_box {content: ''; width: 90%; height: 90%; background: rgba(0,0,0,0.5);position: absolute;    left: 50%;    transform: translate(-50%,-50%);    top: 50%; opacity: 0; color: #fff; transition: .3s cubic-bezier(.64,.36,.37,.9) ; z-index: 1;}
#section03 ul li:hover  .hover_box {opacity: 1;}

#section03 ul li:nth-child(1):hover .img_box {border-radius: 100% 100% 0 0;}
#section03 ul li:nth-child(2):hover .img_box {border-radius: 50%;}
#section03 ul li:nth-child(3):hover .img_box {border-radius: 0 0 100% 100%;}
#section03 ul li:nth-child(1):hover .hover_box {border-radius: 100% 100% 0 0;}
#section03 ul li:nth-child(2):hover .hover_box {border-radius: 50%;}
#section03 ul li:nth-child(3):hover .hover_box {border-radius: 0 0 100% 100%;}

#section03 ul li p {display: inline-block;}
#section03 ul li .hover_txt {padding: 9rem 0;}
#section03 ul li .hover_txt p {display: block;}
#section03 ul li .hover_txt p .line {background:#fff}

#section03 ul li:nth-child(3) {margin-right:0;}
#section03 ul li:nth-child(1) .img_box {background: linear-gradient( to right, #b4e2d7, #fff);}
#section03 ul li:nth-child(2) .img_box {background: #fff;}
#section03 ul li:nth-child(3) .img_box {background: linear-gradient( to left, #b4e2d7, #fff);}
#section03 .img_box img {bottom: 0;position: absolute;left: 50%;transform: translateX(-50%);}

#section04 {background: #fff;}
#section04 .wrap  {height: 900px;}
#section04 .bg_img_l{bottom: 0; display: block;}

#section04 .cont .slide_area {   width: 1000px;    position: absolute;    right: 0;
    height: 650px; left: auto;
}

#section04 .swiper-prev, #section04 .swiper-next {width: 14px; height: 30px;position: absolute;
    top: 60%; cursor: pointer; display: block;}
#section04 .swiper-prev {background: url(../img/arrow_left.png) no-repeat; left: -40px;}
#section04 .swiper-next {background: url(../img/arrow_right.png) no-repeat; right: -40px;}

#section05 .wrap {height: 1170px;}
#section05 .top_area{height: 410px; position: relative;}
#section05 .bottom_area {height:318px; padding-top: 70px; position: relative;}
#section05 .blur_img {    z-index: -1;
    display: inline;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); width: auto;}

#section05 .blur_img::before {    content: '';    position: absolute;    height: 1px;    width: 100%;        top: 56%;    background: #fff;    transform: scaleX(5); z-index: 5;}
#section05 .blur_img::after {    content: '';   background: url(../img/logo_big.png); position: absolute;width: 327px;
    top: 75%;
    height: 156px;
    left: 50%;
    transform: translate(-50%,-50%); z-index: 5;}
#section05 .top_area h1 {left: 2rem;position: absolute;bottom: 35px; z-index: 1;}
#section05 .top_area h1 b {background: #fff;}
#section05 .bottom_area h1 {right: 6rem;position: absolute;top: 35px;}
#section05 .bottom_area b {background:  #b4e2d7}



#section06 {background: url(../img/sec06_bg.jpg) no-repeat;}
#section06 .wrap {height: 960px;}
#section06 .txt {color:#fff}
#section06 .txt .line,#section06 .txt .underline::after {background:#fff}
#section06 .event_slide_area {width: 500px; height: auto; background: #fff;     box-shadow: 20px 20px 20px rgba(0,0,0,0.2);padding:20px 30px 0;}
#section06 .event_slide_area .headline img {width: 86px; height: auto;}
#section06 .event_slide_area .headline h1 {  font-family: 'Arita-buri-SemiBold'; padding-bottom: 20px;}
#section06 .event_slide_area .headline p .line {width: 100%;
    margin: 0;
    background: #2d2d2d;}

#section06 .swiper-prev, #section06 .swiper-next {width: 14px; height: 30px;position: absolute;
    bottom: 30px; cursor: pointer; display: block;}
#section06 .swiper-prev {background: url(../img/arrow_left.png) no-repeat; left: 25%;}
#section06 .swiper-next {background: url(../img/arrow_right.png) no-repeat; right: 25%;}

#section07 .wrap {height: 780px;}

.tabs {
display: flex;
flex-flow: row nowrap;
width: 100%;
position: relative;
border-bottom: 1px solid #6c6c6c;
}
.tabs_tab {
display: block;
padding: 1rem 0;
color: #6c6c6c;
text-decoration: none;
transition: 350ms;
cursor: pointer;
font-weight:300;
width: 33%;
text-align: center;
}
.tabs_tab:nth-child(3) {width: 34%;}
.tabs_tab.active, .tabs_tab.current {
color: var(--pointcolor);
font-weight:700;
}
.tabs_line {
display: block;
height: 3px;
position: absolute;
bottom: -2px;
background: #b4e2d7;
transition: 350ms;
}

#section08 .wrap {height: 830px;}
#section08 .mask {position: relative;    left: -1%; overflow: hidden;     width: 101%; top: 7.7%}
#section08 .mask::after{content: '';background: url(../img/txt_bg.jpg) no-repeat; background-position-y: 80%; position: absolute; height: 99%;    top: 1px;    left: 0;    z-index: -1;     width: 100%; background-size: cover;}
#section08 .mask h1 {mix-blend-mode: lighten;color: black; background-color: #f1f1f1;white-space: nowrap; font-size: 11vw;}

#section08 .cont .txt {position: absolute; top: 150px;    left: -95px; transform: rotate(-90deg);display:inline-block}
#section08 .slide_area.interior {position: relative;    overflow: hidden;    right: -80px;
    top: 0;
    width: 2180px; padding-bottom: 0;}

#section08 .slide_area.interior .arrows {
    width: 160px;
    height: 160px;
    position: absolute;
    background: #2d2d2d;
    z-index: 3;
    border-radius: 50%;
    right: 46%;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../img/circle_txt.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 86%;
    background-position-x: 40%;
    
}
#section08 .swiper-prev, #section08 .swiper-next {width: 14px; height: 30px;position: absolute;    top: 50%; cursor: pointer;     transform: translateY(-50%);}
#section08 .swiper-prev {background: url(../img/arrow_left.png) no-repeat; left: 20px;}
#section08 .swiper-next {background: url(../img/arrow_right.png) no-repeat; right: 20px;}
#section08 .slide_area.interior .arrows p{position: relative;    top: 50%;    left: 50%;    color: #fff;
transform: translate(-50%,-50%);    display: inline-block;}


#section_sns .wrap {height: 210px;}
#section_sns .box {width: 65%; display: inline-block;}
#section_sns .box.txt {width: 35%; }
#section_sns .box:nth-child(3) {float: right;     padding-top: 0;}
#section_sns .box:nth-child(3) .sns_wrap {float:right;   width: 720px;}

#section_sns .sns_icon {height: 20px;display: inline-block;width: 20px;background-repeat: no-repeat; background-position: center;}
#section_sns ul li {width: 340px; border-bottom: 4px solid #b4e2d7; padding: 0.75em 0;    display: inline-block; position: relative;}
#section_sns ul li:nth-child(1) .sns_icon {background-image: url(../img/sns_icon01.png);}
#section_sns ul li:nth-child(2) .sns_icon {background-image: url(../img/sns_icon02.png);}
#section_sns ul li:nth-child(3) .sns_icon {background-image: url(../img/sns_icon03.png);}
#section_sns ul li:nth-child(4) .sns_icon {background-image: url(../img/sns_icon04.png);}
#section_sns .box span.point-font {vertical-align: text-top;margin-left: 1rem;    display: inline-block;    width: 125px;
}
#section_sns .box li::after {content: '';    position: absolute;    right: 10px;    width: 9px;    height: 20px;
    background: url(../img/arrow_right.png) no-repeat 100%;    top: 50%;    transform: translateY(-50%);}

#section_sns ul li:nth-child(2) ,#section_sns ul li:nth-child(4) {margin-left: 30px;}


#section_map .wrap {height: 905px;}

#section_map .contact_wrap {width: 80%; background: #fff; height: 450px; padding:5.625rem 0;  margin: 0 auto;    top: -150px;    position: relative;    z-index: 1;}
#section_map .contact_wrap .cont {width: 90%; height: 260px;}

#section_map .contact {text-transform: uppercase; display: inline-block;}
#section_map .contact ul li {display: inline-block; width: 49%;}

#section_map .contact:nth-child(1) {width: 30%;}
#section_map .contact:nth-child(2) {width: 69%; float: right;}
#section_map .contact:nth-child(2) ul:nth-child(1) {border-bottom: 1px solid #2d2d2d; padding-top: 0;}
#section_map .contact:nth-child(2) ul:nth-child(2) li span.bold700 {width: 140px; padding-left: 10px; display: inline-block;}


/* map */
#daumRoughmapContainer1698193186315 {width: 100%;}
.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .wrap_btn_zoom,.root_daum_roughmap .border1,.root_daum_roughmap .border2,.root_daum_roughmap .border3,.root_daum_roughmap .border4  {display: none !important;}


/*bnf*/
.bnf .x_border{width: 100%; height: 0; background-color: #ded9d2; position: absolute; top: 50%;}
.bnf .tab-content{display: none;}
.bnf .tab-content .swiper{/*width: 80%;*/ margin: auto;}
.bnf .tab-content.current{display: block; min-height: 300px;}
.bnf .tab-link{opacity: 0.5; cursor: pointer;}
.bnf .tab-link.current{opacity: 1;}
.bnf .memb{width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; top: 0; left: 0;}
.bnf .log_btn{padding: 0.5rem 3rem; border: 1px solid #fff; border-radius: 30px; display: inline-block;}
.bnf .b_tit{position: relative; padding-top: 10%;}
.bnf .b_tit:after{content: url(/img/main/tab_border.png); display: block; width: 100%; height: 100%; position: absolute; top: 80%; left: 50%; transform: translateX(-50%);}
.bnf .swiper{position: relative; z-index: 1;}
.bnf .swiper-button-next, .bnf .swiper-button-prev{top: 60%;}
.bnf .click{width: 120px; height: 120px; border-radius: 100%; position: absolute; bottom: -10%; left: 50%; transform: translateX(-50%);  z-index: 2; box-shadow:3px 3px 3px 3px rgba(0,0,0,.1);}
.bnf .click p:nth-child(1){padding-top: 17%;}



.tabs_wrap {width: 90%; 
    margin: 0 auto;}
#beaf .swiper-prev, #beaf .swiper-next {width: 72px;height: 72px;margin-top: auto;transition: all 0.3s; cursor: pointer; position: absolute;top: 50%;
    transform: translateY(-50%);}
#beaf .swiper-prev { background: url(/img/arrow_prev.png)no-repeat center center /cover;     left: -10%;}
#beaf .swiper-next { background: url(/img/arrow_next.png)no-repeat center center /cover;     right: -10%;}
#beaf .swiper-prev:hover { background: url(/img/arrow_prev_on.png)no-repeat center center /cover; }
#beaf .swiper-next:hover { background: url(/img/arrow_next_on.png)no-repeat center center /cover; }


@media (max-width: 1825px){
    #header .header #lnb {--x-gap: 4rem;}	
    #section01 .txt {width: 70%;}
}
@media (max-width: 1700px){
    #section02 .txt_wrap {transform: translateY(-20%);}
    #section03 ul li {height: 390px;}
    #section_map .contact:nth-child(1) {width: 24%;}
    #section_map .contact:nth-child(2) {width: 74%;}
    #section05 .top_area h1 {left: 0;}
    #section05 .bottom_area h1 {right: 3rem;}
    #section05 h1.font-60 {font-size: 3.4375rem;}
}

@media (max-width: 1600px){   
    #section02 .txt_wrap {transform: translateY(-25%);}    
    #section08 .slide_area.interior .arrows {width: 150px;height: 150px;}
}

@media (max-width: 1500px){   
    #section02 .txt_wrap {transform: translateY(-33%);}   
    #section03 .img_box img {bottom: -50px;}
    #section03 ul li {height: 350px;}
    #section08 .mask {top: 6.3%;}
    #section_sns .box.txt {width: 30%;}  
}

@media (max-width: 1440px){  
    .cont {width: 90%; }
    #section02 .circle::after {width: 320px;height: 320px;}
    #section_map .contact:nth-child(1) {width: 35%;}
    #section_map .contact:nth-child(2) {width: 60%;}
    #section_map .contact ul li {display: block;width: 100%;}
    #section08 .slide_area.interior {width: 2000px;}

    #beaf .swiper-prev, #beaf .swiper-next {width: 60px;height: 60px;}
}

@media (max-width: 1290px){
    #section02 .txt_wrap {transform: translateY(-47%);}
    #section08 .slide_area.interior .arrows {width: 130px;height: 130px; right: 46.5%;}
    #section08 .slide_area.interior {width: 1800px;}
    #section06 .swiper-next {right: 20%;}
    #section06 .swiper-prev {left: 20%;    }
    #section_sns ul li {width: 300px;}
    #section_sns .box:nth-child(3) .sns_wrap {float: right;width: 640px;}    
    #section_sns .box.txt {width: 33%;}
    #section_sns .box {width: 63%;}
    #section_sns ul li:nth-child(2), #section_sns ul li:nth-child(4) {margin-left: 10px;}
}

@media (max-width: 1200px) {
    #section02 .txt_wrap {transform: translateY(-54%);}
}

@media (max-width: 1100px){
    #section02 .circle::after {width: 280px;height: 280px;}
    #section02 .txt_wrap {transform: translateY(-60%);}
    #section04 .cont .slide_area {width: 90%;left: 50%;right: auto;transform: translateX(-50%);}  
    #section04 .bg_img_l {display: none;}
    #section05 h1.font-60 {font-size: 2.875rem;}
    #section05 .top_area {height: 340px;}
    #section08 .slide_area.interior {width: 1600px;}
    #section08 .slide_area.interior .arrows {width: 150px;height: 150px;}
    #section08 .slide_area.interior .arrows {width: 120px;height: 120px;}

    #beaf .swiper-prev, #beaf .swiper-next {width: 50px;height: 50px;}

}

@media (max-width: 1024px) {    
    #section02 .txt_wrap {transform: translateY(-70%);}
    #section03 ul li:nth-child(1) .img_box img {bottom: -110px;}
    #section03 ul li {height: 300px;} 
    #section_sns ul li {width: 260px;}
    #section_sns .box:nth-child(3) .sns_wrap {float: right;width: 560px;}
}

@media (max-width: 990px) {

.font-16 {font-size: 1.438rem}
.font-18 {font-size: 1.625rem;}
.font-20 {font-size: 1.75rem}
.font-40 {font-size: 3.5rem;}

.cont {width: 100%;padding: 0 5%;}

.txt h3 {margin-bottom: 8rem;}
.main_slide.main_section {height: 100vh;}
.main_slide.main_section .swiper {height: 100%;}
.main_slide.main_section .swiper-slide>img {width: 100%;    position: absolute;    top: 50%;    height: auto;    transform: translateY(-50%);}


#section01 .wrap,#section02 .wrap,#section05 .wrap,#section06 .wrap,#section07 .wrap,#section_map .wrap,#section08 .wrap {    height: auto; }

#section01 .txt {width: 100%; padding-bottom: 80px;}
#section01 .bg_img_r {right: auto;width: 90%;left: 50%;transform: translateX(-50%);    position: relative;}


#section02 .bg_img_l img.mo, #section02 .bg_img_r img.mo {display: block; transform: none;width: 100%;}
#section02 .bg_img_l {margin-bottom: 300px;}
#section02 .bg_img_l, #section02 .bg_img_r {position: relative;    width: 100%;}
#section02 .txt_wrap {transform: none;}
#section02 .txt_item {width: 100%;}
#section02 .circle {padding: 20rem 0;}
#section02 .circle::after {background: url(../img/square_bg.jpg) no-repeat 100%;     border-radius: 0;    width: 400px;
    height: 400px;}
#section02 .txt_item:nth-child(3) {  transform: none;    }

#section03 #swiper {width: 1200px;    margin-left: 5%;}
#section03 .img_box {    width: 390px;    height: 390px;    position: relative;;}
#section03 .swiper-slide {display: inline-block; width: 32%; margin-right: 1.75%;     position: relative;    height: 450px;}

#section03 .swiper-slide .img_box {border-radius: 0 0 0 0;  transition: .3s cubic-bezier(.64,.36,.37,.9) ; overflow: hidden;}
#section03 .swiper-slide .hover_box {content: ''; width: 90%; height: 90%; background: rgba(0,0,0,0.5);position: absolute;    left: 50%;    transform: translate(-50%,-50%);    top: 50%; opacity: 0; color: #fff; transition: .3s cubic-bezier(.64,.36,.37,.9) ; z-index: 1;}
#section03 .swiper-slide:hover  .hover_box {opacity: 1;}

#section03 .swiper-slide.slide01:hover .img_box {border-radius: 100% 100% 0 0;}
#section03 .swiper-slide.slide02:hover .img_box {border-radius: 50%;}
#section03 .swiper-slide.slide03:hover .img_box {border-radius: 0 0 100% 100%;}
#section03 .swiper-slide.slide01:hover .hover_box {border-radius: 100% 100% 0 0;}
#section03 .swiper-slide.slide02:hover .hover_box {border-radius: 50%;}
#section03 .swiper-slide.slide03:hover .hover_box {border-radius: 0 0 100% 100%;}

#section03 .swiper-slide p {display: inline-block;}
#section03 .swiper-slide .hover_txt {padding: 9rem 0;}
#section03 .swiper-slide .hover_txt p {display: block;}
#section03 .swiper-slide .hover_txt p .line {background:#fff}

#section03 .swiper-slide.slide03 {margin-right:0;}
#section03 .swiper-slide.slide01 .img_box {background: linear-gradient( to right, #b4e2d7, #fff);}
#section03 .swiper-slide.slide02 .img_box {background: #fff;}
#section03 .swiper-slide.slide03 .img_box {background: linear-gradient( to left, #b4e2d7, #fff);}
#section03 .img_box img {bottom: -50px;position: absolute;left: 50%;transform: translateX(-50%);}

#section04 #swiper {    width: 1050px;}
#section04 .swiper-prev, #section04 .swiper-next {display: none;}
#section04 .txt {text-align: center;}
#section04 .txt h3 {    margin: 0 auto 8rem auto;}

#section05 .txt {text-align: center; padding-bottom: 6rem;}
#section05 .txt .font-30 {font-size: 2.625rem;}
#section05 .blur_img {width: 90%; position: relative; left: auto; transform: none; display: block; margin: 0 auto;}
#section05 .top_area {    height: 220px;}
#section05 h1.font-60 {    font-size: 5.25rem;}
#section05 .top_area h1 {top: 5rem;    left: 3rem;}
#section05 .bottom_area h1 {    top: 0;    right: 5rem;}

#section06 .swiper-prev, #section06 .swiper-next {display: none;}

#section07 .beaf_wrap .img_box {width: 280px;}
#section07 .swiper-wrapper {display: contents;}
#section07 .swiper-slide {position: relative; display: none;}
#section07 .swiper-slide:nth-child(1), #section07 .swiper-slide:nth-child(2) {display: contents;}
#section07 .latest_board .beaf_tit {    margin: 1rem 0 2.188rem;}
#section07 .latest_board .beaf_tit .ev_title {    font-size: 1.75rem;}

#section08.section {padding-bottom: 0;}
#section08 .slide_area.interior {    width: 1600px;    right: -15%;    top: -35px;    padding-bottom: 100px;}
#section08 .slide_area.interior .arrows {    right: 60%;    transform: translateY(65%); width: 150px; height: 150px;}
#section08 .slide_area.interior .arrows p {font-size: 1.563em;}
#section08 .cont .txt {       left: -5%;}

#section_sns.section {padding-top: 0; padding-bottom: 140px;}

#section_sns ul li {width: 100%; display: block;}

#section_sns .box.txt,#section_sns .box:nth-child(3)  {        float: left;    }
#section_sns .box:nth-child(3) .sns_wrap {        width: 340px;    }
#section_sns ul li:nth-child(2), #section_sns ul li:nth-child(4) {        margin-left: 0;    }

#section_sns .box.txt {    width: 50%;}
#section_sns .box {    width: 45%;}
#section_map.section_mini {padding: 0}
#section_map .contact_wrap {    width: 100%;    top: 0;
}#section_map .contact_wrap .cont {width: 100%;}
#section_map .font-30 {font-size: 2.625rem;}


}


@media (max-width: 800px) {
    #section08 .slide_area.interior .arrows {    right: 70%;}

}
@media (max-width: 750px) {
    #section08 .slide_area.interior .arrows {    right: 74%;}
    #section_sns .box {        display: block;    }
    #section_sns ul li:nth-child(2), #section_sns ul li:nth-child(4) {    margin-left: 0}
    #section_sns .box.txt,#section_sns .box {    width: 100%;}
    #section_sns .box:nth-child(3) .sns_wrap {        float: left;    }
    #section_sns.section {padding-top: 0;}
    #section_sns .box:nth-child(3) {        float: right;        padding-top: 3rem;    }
    #section_sns ul li {        padding: 2em 0 0.75em 0;    }
    #section_map .contact_wrap {height: 550px; display: table; padding: 10rem 0;}
    #section_map .contact:nth-child(1),#section_map .contact:nth-child(2),#section_map .contact:nth-child(3) {        width: 100%; display: block;    }
    #section_map .contact:nth-child(2) ul:nth-child(1) {padding-top: 4.563rem;}
}
@media (max-width: 550px) {
    #section02 .circle {        padding: 13rem 0;    }
    #section02 .circle::after {        width: 360px;        height: 360px;    }
    #section02 .txt_item img {padding-top: 0;}
    #section02 .txt_item .pb-70 {padding-bottom: 3rem}
    #section04 .wrap {        height: 840px;    }
    #section05 .top_area h1 {left: 0;}
    #section05 .bottom_area h1 {right:0;}
    #section06 .event_slide_area {width: auto;height: auto;}
    #section06 .swiper-wrapper {position: relative;}
    #section06 {        background: url(../img/sec06_bg_m.jpg) no-repeat;        background-position-x: right;        background-position-y: top;
        background-size: 100% auto;    }
    #section08 .slide_area.interior {        top: -19px;    }    
    #section08 .slide_area.interior .arrows {        right: 78%;    }
    #section08 .cont .txt {        left: -10%;    }
    #section04 .wrap {    height: 840px;}
    #section05 .blur_img::after {    width: 200px;    height: 95px;    background-size: cover;}
    #beaf .swiper-prev, #beaf .swiper-next {display: none;}

    
}




/* 메인 슬라이드 */
.mainSlide{width: 100%; height: auto;}
.mainSlide .swiper-slide>img{width: 100% !important; position: absolute; top: 0; left: 0; height: auto;}
.mainSlide .swiper-slide>.cont>.txt{color:#fff}
.mainSlide .mainSlide-swiper{position: relative; height: 100vh;}
.mainSlide .mainSlide-swiper .swiper-slide{ overflow: hidden;     background: url(/img/main_bg_m.jpg);    background-size: cover;    background-position: center center;}

.main-swiper-button{position: absolute; left: 5%; bottom: 5rem; z-index: 10; width: 100%; }

.main-swiper-button .swiper-pagination{position: initial; text-align: left;color: #fff; width: auto;} 
.main-swiper-button .swiper-pagination-bullet{display: inline-flex; align-items: center; position: relative; width: auto;
margin-right: 1rem !important; background: none; opacity: 0.5; font-size:
1.5rem; font-weight: 600; } 
.main-swiper-button .swiper-pagination .progress-bar{ display: none; position: relative; width: 13rem; height: 2px;
margin-left: 12px; margin-right: 0px; background-color: rgba(255,255,255,0.3); }
.main-swiper-button .swiper-pagination .progress-inner{ display: block;
min-width: 100%; height: 4px; background-color:  #b4e2d7; transform:
scaleX(0); transform-origin: 0%; animation-play-state: paused; margin-top: -1px;}
.main-swiper-button .swiper-pagination-bullet-active{ opacity: 1; }
.main-swiper-button .swiper-pagination-bullet-active .progress-bar{ display:block; } 
.main-swiper-button .swiper-pagination-bullet-active .progress-inner{animation-name: progress; animation-fill-mode: both; animation-play-state:
running; animation-duration: 7s; }

@keyframes progress {
    100% {transform: scaleX(1);}
}


.goBtn{position: relative; display: inline-block;}
.goBtn a{justify-content: end;}
.goBtn .box{position: relative; border: 1px solid rgba(255,255,255,0.3);border-left: 0; width: 8rem; height: 4rem; }
.goBtn .box:before{content: ""; position: absolute; width: 1px; background-color: rgba(255,255,255,0.3); height: 0.6rem; top: 0;left: 0;}
.goBtn .box:after{content: ""; position: absolute; width: 1px; background-color: rgba(255,255,255,0.3); height: 0.6rem; bottom: 0;left: 0;}
.goBtn .text{position: absolute; top: 50%; transform: translateY(-50%); right: 3rem; width: 16.5rem; justify-content: end;}
.goBtn .text p{background-color: none; }
.goBtn img{z-index: 10; width: 1.5rem; filter: brightness(5); -webkit-filter: brightness(5);}

.goBtn .box:hover{ border: 1px solid var(--pointcolor); border-left: 0;}
.goBtn .box:hover:before{background-color: var(--pointcolor);}
.goBtn .box:hover:after{background-color: var(--pointcolor);}

.mainSlide .slide02 .goBtn{margin-left: 11.5rem;}
.mainSlide .slide03 .goBtn{margin-left: 11.5rem;}
.mainSlide .slide05 .goBtn{margin-left: 11.5rem;}


.main-swiper-button .swiper-button-prev:after, .main-swiper-button .swiper-button-next:after{display: none;}

@media (max-width:1240px) {
    .mainSlide .mainSlide-swiper .txtBox .dotline:after{border-bottom: 3px dotted #fff;}
}
@media (max-width:768px) {
    .mainSlide .mainSlide-swiper .txtBox{padding-top: 40%;}
    .mainSlide .mainSlide-swiper .txtBox .dotline:after{border-bottom: 2px dotted #fff;}
    .main-swiper-button{justify-content: flex-start; }
    .main-swiper-button .swiper-play-button{height: 0.9rem;}

    .mainSlide .mainSlide-swiper .parallax-bg.slide01{background-image: url(/img/main/mainSlide01_m.jpg);}
    .mainSlide .mainSlide-swiper .parallax-bg.slide02{background-image: url(/img/main/mainSlide02_m.jpg);background-position: center top;}
    .mainSlide .mainSlide-swiper .parallax-bg.slide03{background-image: url(/img/main/mainSlide03_m.jpg);background-position: center top;}
    .mainSlide .mainSlide-swiper .parallax-bg.slide04{background-image: url(/img/main/mainSlide04_m.jpg);}
    .mainSlide .mainSlide-swiper .parallax-bg.slide05{background-image: url(/img/main/mainSlide05_m.jpg);}

    #section_sns .wrap {height: 450px;    }
}
@media (max-width:500px) {
    .mainSlide .mainSlide-swiper .txtBox{padding-top: 40%;}
    .mainSlide .mainSlide-swiper .txtBox .circle_bg:after{width: 6rem; height: 6rem;}
    #section08 .slide_area.interior {width: 980px;}
    #section08 .slide_area.interior .arrows {    top: 27%; right: 62%;}

    
}
@media (max-width:375px) {
    .font-85 {
        font-size: 4rem;}
    .font-30 {            font-size: 1.5rem;         }
    #quick_wrap {    bottom: 25px}
    .logo-mo img {        width: 150px;        height: 69px;    }
    .menu-btn.mt-50 {    margin-top: 2.5rem;}
    .mainSlide .cont .pt-45 {        padding-top: 0    }
    #section02 .bg_img_l {        margin-bottom: 325px;    }

    #section02 .font-40 {        font-size: 2.5rem;    }
    #section02 .txt_item img {        padding-top: 0;        width: 130px;        height: auto;    }
    #section02 .txt_item .pb-70 {        padding-bottom: 2rem;    }
    #section02 .circle {        padding: 14rem 0;    }
    #section03 #swiper {        width: 1000px;    }
    #section03 .img_box {        width: 330px;        height: 330px;    }
    #section08 .cont .txt {        left: -18%;    }
    #section08 .slide_area.interior .arrows {        right: 83%;    }
    #footer ul.link li {        padding: 0 1rem;}
    .line_break {display: inline-grid;}
}


#section02 .wrap,#section03 .wrap,#section05 .wrap,#section06 .wrap,#section07 .wrap,#section_map .wrap,#section08 .wrap {    height: auto; }