body, html { overflow: hidden; height: 100%; }
#wrapper, #content { height: 100%; }
#footer{position: fixed;z-index: 1;left: 0;bottom: -260px;width: 100%;-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-webkit-transform: translateY(0px);transform: translateY(0px);}
@media (max-width: 1024px){/* START 1024px */
#footer{bottom: -600px;}
}/* END 1024px */

.btn_gnb_mo_all .btn_gnb_all span { background: #fff;}

.section-main .nav-section {position: fixed;z-index: 1;left: 40px;top: 50%;height: 180px;margin-top: -90px;/* width: 20px; */}
.section-main .nav-section ul li ~ li { margin-top: 13px; }
.section-main .nav-section ul li a { display: block; position: relative; width: 20px; height: 20px; border: 1px solid rgba(255,180,0,0); border-radius: 100%; -webkit-transition: all 300ms; transition: all 300ms; }
.a11y, .ally {position: absolute;left: 2.5rem;width: 13rem;height: auto;color: #fefefe;line-height: 2rem;font-family: 'NSKL';font-size: 1.6rem;font-style: normal;text-transform: uppercase;}
.section-main .nav-section ul li a:after { content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 100%; background-color: rgba(255,255,255,1); -webkit-transition: all 300ms; transition: all 300ms; }
.section-main .nav-section ul li.active a {border-color: rgba(255, 255, 255, 1);}
.section-main .container-main { -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transform: translateY(0px); transform: translateY(0px); }
.section-main .content-main {position: relative;height: 100vh;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;text-align: center;}


.main_content .mouse_box{position: absolute;left: 12%;bottom: 0;z-index: 2;display: flex;flex-direction: column;align-items: center;gap: 2rem;height: 100%;}
.main_content .mouse_block{position: absolute;bottom: 7rem;width: 100px;display: flex;flex-direction: column;align-items: center;gap: 1rem;}
.main_content .mouse_box:after{content:'';position: absolute;background-color: #fefefe;width: 1px;left: 50%;top: calc(100% - 2rem);bottom: 0;}
.main_content .mouse_box:before{content:'';position: absolute;background-color: #fefefe;width: 1px;left: 50%;top: 8rem;bottom: 22rem;}
.main_content .mouse_block img{ height: 57px;}
.main_content .mouse_block .txt{font-size: 1.2rem;color: #fefefe;text-transform: uppercase;}
.main_content .mouse_arrow{position: absolute;bottom: 4rem;font-size: 2rem;color: #fefefe;}

.main_content{padding: 12rem 0;position: relative;z-index: 2;background-position: center;background-repeat: no-repeat;background-size: cover;height: 100vh;}
.main_content.main1{ background-image: url('../img_dong/main_visual01.jpg'); padding:0;}
.main_content.main2{ background-image: url('../img_dong/main_visual03.jpg');}
.main_content.main3{ background-image: url('../img_dong/main_visual02.jpg');}
.main_content.main4{ background-image: url('../img_dong/main_visual01.jpg');}

.main_content strong,
.main_content b{ font-weight: normal; font-style: normal;}
.main_content .main_inner{width: 100%;max-width: calc(100% - 460px);}
.main_content .title_box{min-width: 200px;width: 50%;}
.main_content .content_box{min-width: 200px;width: 50%;}
.main_content .tit{ font-family: 'NSKB'; font-size: 6.5rem; text-shadow: 8px 8px 10px rgba(0, 0, 0, .2); color: #fefefe; }
.main_content .tit._s{ font-family: 'NSKM'; font-size: 3.6rem; }
.main_content .txt{ font-family: 'NSKR'; font-size: 2rem; text-shadow: 8px 8px 10px rgba(0, 0, 0, .2); color: #fefefe; }
.main_content .btn_item._arrow{width: initial;height: initial;background: initial;box-shadow: initial;font-family: 'NSKR';font-size: 1.6rem;color: #585858;gap: 0.5rem;}
.main_content .btn_item._arrow .arrow_txt{}
.main_content .btn_item._arrow .arrow_ico{width: 22px;height: 22px;border-radius: 22px;display: flex;justify-content: center;align-items: center;border: 2px solid #fff;}
.main_content .btn_item._arrow .arrow_ico i{font-size: 1.2rem;}

.main_content.main1 .main_inner{}
.main_content.main1 .title_box{}
.main_content.main1 .content_box{}
.main_content.main1 .swiper-container{ width: 100%; height: 100%;}
.main_content.main1 .swiper-wrapper{}
.main_content.main1 .swiper-slide{ display: flex; justify-content: center; align-items: center; }
.main_content.main1 .txt_box{}
.main_content.main1 .txt_box img{ max-width: 80vw;}
/* 초기화 */
.swiper_option_box .swiper-button-next,
.swiper_option_box .swiper-button-prev,
.swiper_option_box .swiper-pagination{position: relative;width: initial;height: initial;display: inline-block;top: initial;left: initial;right: initial;bottom: initial;margin: initial;}
.swiper_option_box .swiper-button-next:after,
.swiper_option_box .swiper-button-prev:after{ content:''; display: none; width:0px; height:0px; font-size:0px;}

.swiper_option_box{position: absolute;bottom: 4.5rem;right:0;width: 100%;padding: 0 7%;text-align: right;}
.swiper_option_box .option_inner{width: 100%;position: relative;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;gap: 2rem;}
.swiper_option_box .swiper-button-next i,
.swiper_option_box .swiper-button-prev i{ font-size: 2rem; color: #fff;}
.swiper_option_box .swiper-button-next{ display: flex; align-items: center; font-size: 1.2rem; color: #fff; gap: 1rem;}
.swiper_option_box .swiper-button-prev{ display: flex; align-items: center;font-size: 1.2rem;color: #fff;gap: 1rem;flex-direction: row-reverse;}
.swiper_option_box .swiper-pagination{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem; }
.swiper_option_box .swiper-pagination-bullet{ width: 9px; height: 9px; background-color: transparent; border: 1px solid #fff; border-radius: 5px; opacity: 1;}
.swiper_option_box .swiper-pagination-bullet-active{ background-color: #fff; }
.swiper_option_box .swiper-pagination-total{ display: flex; align-items: center;font-size: 1.2rem;color: #fff;gap: 1rem;}
.swiper_option_box .swiper-pagination-total .now{}
.swiper_option_box .swiper-pagination-total .total{}
.swiper_option_box .swiper-pagination-total .slash{}

.main_content.main2{}
.main_content.main2 .main_inner{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center; height: 100%;margin: 0 auto;}
.main_content.main2 .title_box{}
.main_content.main2 .content_box{ display: flex; flex-direction: column; flex-wrap: wrap; gap: 2rem; max-width: 600px;}
.main_content.main2 .content_box li{ width: 100%; line-height: 10rem; background-color:  #fff; box-shadow: 8px 8px 10px rgba(0, 0, 0, .2);
	transition: .3s;}
.main_content.main2 .content_box .inner{ display: flex; justify-content: space-between; padding: 0 3rem; align-items: center;}
.main_content.main2 .content_box strong{ font-family: 'NSKM'; font-size: 2.4rem; color: #141414;}
.main_content.main2 .content_box .arrow{ font-family: 'NSKR'; font-size: 1.6rem; color: #585858;}
.main_content.main2 .btn_item._arrow .arrow_ico{ border: 1px solid #585858;}
.main_content.main2 .content_box li:hover{ border-radius: 0 3rem 0 0;}
.main_content.main2 .content_box li:hover .inner{}
.main_content.main2 .content_box li:hover strong{ color: #0077b6;}
.main_content.main2 .content_box li:hover .btn_item._arrow{ color: #0077b6;}
.main_content.main2 .content_box li:hover .btn_item._arrow .arrow_ico{ border-color: #0077b6;}
.main_content.main3{}
.main_content.main3 .main_inner{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%;margin: 0 auto;}
.main_content.main3 .title_box{ display: flex; flex-direction: column; flex-wrap: wrap; align-items: center;}
.main_content.main3 .title_box .btn_item._arrow{width: 250px;line-height: 5rem;border-radius: 5rem;border:  1px solid #fff;color: #fff;gap: 1rem;margin-top: 5rem;}
.main_content.main3 .title_box .btn_item._arrow:hover{ background-color: #fff; color: #585858;}
.main_content.main3 .title_box .btn_item._arrow:hover .arrow_ico{ border-color: #585858;}
.main_content.main3 .title_box .btn_item._arrow:hover .arrow_ico i{ color: #585858;}
.main_content.main3 .btn_item._arrow .arrow_ico{ border: 1px solid #fff;}
.main_content.main3 .content_box{position: relative;height: 100%;padding: 3rem 0;}
.main_content.main3 .content_box .line_item:first-child,
.main_content.main3 .content_box .line_item:last-child{ content:''; position: absolute; display: block; width: 100%; height: 5px; border-radius: 5px; background-color:#fff;}
.main_content.main3 .content_box .line_item:first-child{ top:0;}
.main_content.main3 .content_box .line_item:last-child{ bottom:0;}
.main_content.main3 .content_box .txt_scroll_wrap{height: 100%;overflow-x: hidden;overflow-y: scroll;}
.main_content.main3 .content_box .inner{display: flex;flex-direction: row;justify-content: flex-start;padding: 0 5rem;gap: 1rem;align-items: flex-start;}
.main_content.main3 .content_box .inner + .inner{ margin-top: 2rem;}
.main_content.main3 .content_box strong{font-family: 'NSKR';font-size: 2.4rem;color: #fff;line-height: 3.3rem;}
.main_content.main3 .content_box strong + span{font-size: 2rem;color: #fff;line-height: 5.6rem;}
.main_content.main3 .content_box .txt_scroll{font-family: 'NSKR';font-size: 1.6rem;color: #fff;text-align: left;}
.main_content.main3 .content_box .txt_scroll p{
    line-height: 1.5;
}
.main_content.main3 .content_box .txt_scroll p.mt1{ margin-top: 1rem;}

.main_content.main4{}
.main_content.main4 .main_inner{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;height: 100%;margin: 0 auto;gap: 5%;}
.main_content.main4 .title_box{ max-width: 500px;}
.main_content.main4 .quick_box{display: flex;flex-direction: column;align-items: center;gap: 2rem;margin-top: 0;}
.main_content.main4 .quick_block{ width: 100%; line-height: 10rem; background-color: #fff; box-shadow: 8px 8px 10px rgba(0, 0, 0, .2); display: flex; justify-content: space-between; align-items: center; padding: 0 3rem; transition: .3s;}
.main_content.main4 .quick_block .tit{ font-family: 'NSKM'; font-size: 2.4rem; color: #141414; text-shadow: none;}
.main_content.main4 .quick_block .btn_item{}
.main_content.main4 .btn_item._arrow .arrow_ico{ border: 1px solid #585858;}
.main_content.main4 .quick_block:hover{ border-radius: 0 3rem 0 0;}
.main_content.main4 .quick_block:hover .tit{ color: #0077b6;}
.main_content.main4 .quick_block:hover .btn_item{ color: #0077b6;}
.main_content.main4 .quick_block:hover .btn_item._arrow .arrow_ico{ border: 1px solid #0077b6; background-color: #0077b6;}
.main_content.main4 .quick_block:hover .btn_item._arrow .arrow_ico i{ color: #fff;}
.main_content.main4 .content_box{width: 50%;max-width: 600px;background-color: #fff;padding: 5rem;}
.main_content.main4 .latest_tit{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-bottom: 2rem; border-bottom: 1px solid #767676;}
.main_content.main4 .latest_tit b{ font-family: 'NSKM'; font-size: 3rem; color: #141414;}
.main_content.main4 .latest_tit .btn_item{ font-family: 'NSKM'; font-size: 1.8rem; color: #141414;}
.main_content.main4 .latest_tit .btn_item._arrow .arrow_ico{ border: 1px solid #141414;}
.main_content.main4 .latest_list{}
.main_content.main4 .latest_item{border-bottom: 1px solid #eeeeee;line-height: 1;font-family: 'NSKL';font-size: 1.6rem;color: #585858;display: flex;justify-content: space-between;padding: 1.85rem 0;}
.main_content.main4 .latest_item._empty{background-color: #eee;padding: 1.85rem 1rem;}
.main_content.main4 .latest_item .subject{font-family: 'NSKL';font-size: 1.6rem;color: #585858;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: calc(100% - 100px);}
.main_content.main4 .latest_item .subject:hover{ font-family: 'NSKM';}
.main_content.main4 .latest_item .date{font-family: 'NSKR';font-size: 1.6rem;color: #767676;min-width: 100px;text-align: right;}

@media (max-width: 1620px) { /* START 1620px pc */
.a11y, .ally{ display: none;}
.main_content .mouse_box{ left: 7%;}

.main_content.main4 .main_inner{display: flex;flex-direction: row;gap: 2rem;}
.main_content.main4 .title_box,
.main_content.main4 .content_box{width: 100%;max-width: initial;}
.main_content.main4 .quick_box{display: flex;flex-direction: row;flex-wrap: wrap;gap: 0;justify-content: center;}
.main_content.main4 .quick_block{width: 32%;max-width: 300px;padding: 0 1rem;margin: .66%;line-height: 6rem;}
.main_content.main4 .quick_block .tit{ font-size: 1.8rem;}
.main_content.main4 .content_box{ padding: 2rem;}

.main_content.main4 .latest_item{ padding: 1rem 0;}
.main_content.main4 .latest_list{ max-height: 26vh; overflow-y: scroll; overflow-x: hidden;}
}/* END 1620px pc */
@media (max-width: 1420px) { /* START 1420 pc */
}/* END 1420 pc */
@media (max-width: 1160px){/* START 1160px pc */
.main_content .tit._s{ font-size: 2.6rem;}
.main_content .tit{ font-size: 4.5rem;}
.main_content .btn_item._arrow{ font-size: 1.4rem;}

.main_content.main2 .main_inner,
.main_content.main3 .main_inner,
.main_content.main4 .main_inner{display: flex;flex-direction: row;gap: 2rem;max-width: calc(100% - 250px);}

.main_content.main2 .title_box,
.main_content.main2 .content_box,
.main_content.main3 .title_box,
.main_content.main3 .content_box,
.main_content.main4 .title_box,
.main_content.main4 .content_box{width: 100%;max-width: initial;}

.main_content.main2 .content_box{display: flex;flex-direction: row;flex-wrap: wrap;gap: 0;}
.main_content.main2 .content_box li{width: 48%;margin: 1%;}

.main_content.main3 .title_box .btn_item._arrow{ margin-top: 2.5rem;}
.main_content.main3 .content_box{ height: auto;}
.main_content.main3 .content_box .txt_scroll_wrap{ max-height: 36vh;}

.main_content.main4 .quick_box{display: flex;flex-direction: row;flex-wrap: wrap;gap: 0;}
.main_content.main4 .quick_block{width: 32%;padding: 0 1rem;margin: .66%;}
.main_content.main4 .quick_block .tit{ font-size: 1.8rem;}
.main_content.main4 .content_box{ padding: 2rem;}
.main_content.main4 .btn_item._arrow .arrow_txt{/* display: none; */}


}/* END 1160px pc */
@media (max-width: 1024px){/* START 1024px */
.section-main .nav-section{left: 1rem;}

.main_content .mouse_box{ display: none;}

.main_content.main2 .main_inner,
.main_content.main3 .main_inner,
.main_content.main4 .main_inner{display: flex;flex-direction: row;gap: 2rem;max-width: calc(100% - 88px);}

.main_content.main2 .content_box{ gap:0;}
.main_content.main2 .content_box li{line-height: 1.5;padding: 1.5rem; margin:1%; width: 48%;}
.main_content.main2 .content_box .inner{display: flex;flex-direction: column; padding:0;}
.main_content.main2 .content_box strong{font-size: 2rem;}

.main_content.main3 .content_box .inner{ padding: 0 2rem;}

.main_content.main4 .quick_block{display: flex;flex-direction: column;padding:0;line-height: 1.5;padding: 1.5rem 0.5rem;}
.main_content.main4 .latest_list{ max-height: 26vh; overflow-y: scroll; overflow-x: hidden;}
}/* END 1024px */
@media (max-width: 767px) { /* START 767px */
.main_content.main3 .content_box .inner{ display: flex; flex-direction: column; align-items: flex-start;}
.main_content.main3 .content_box strong span{display: inline-block !important;margin: 0 1rem;}
}/* END 767px */
@media (max-width: 717px) { /* START 717px */
}/* END 717px */
@media (max-width: 540px) { /* START 540px */
.main_content{ padding: 8rem 0;}
.main_content.main2 .main_inner,
.main_content.main3 .main_inner,
.main_content.main4 .main_inner{gap: 5vh;}

.main_content.main2 .main_inner{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.main_content.main3 .main_inner{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.main_content.main4 .main_inner{display: flex;justify-content: center;align-items: center;align-content: center;flex-direction: row;flex-wrap: wrap;}

.main_content .tit{ font-size: 3.5rem;}
.main_content .tit._s,
.main_content.main4 .latest_tit b{ font-size: 2.2rem;}
.main_content .txt,
.main_content.main2 .content_box strong,
.main_content.main4 .quick_block .tit{ font-size: 1.6rem;}
.main_content .btn_item._arrow{ font-size: 1.25rem;}

.main_content.main3 .title_box .btn_item._arrow{margin-top: 1.5rem;width: 150px;line-height: 4rem;height: 4rem;}

.main_content.main4 .quick_box{display: flex;flex-direction: column;align-items: center;margin-top: 5%;}
.main_content.main4 .quick_block{width: 100%;max-width: 100%;margin: 0 0 1rem;line-height: 1;padding: 1rem 2.2rem;display: flex;flex-direction: row;}
}/* END 540px */
@media (max-width: 480px) { /* START 480px */
.main_content{ padding: 6rem 0;}
.section-main .nav-section{left: .5rem;}

.main_content.main3 .content_box{ padding: 1.5rem 0;}
.main_content.main3 .content_box .inner{display: flex;flex-direction: column;align-items: center;}
.main_content.main3 .content_box .inner + .inner{position: relative;margin-top: 5rem;}
.main_content.main3 .content_box strong{ font-size: 2.2rem;}
.main_content.main3 .content_box .txt_scroll p{ font-size: 1.8rem;}
.main_content.main3 .content_box strong + span{position: absolute;top: 2.2rem;line-height: 1rem;}

.main_content.main4 .latest_item .subject,
.main_content.main4 .latest_item .date,
.main_content.main4 .latest_tit .btn_item{ font-size: 1.5rem;}
}/* END 1024px */
@media (max-width: 414px) { /* START 414px */

.main_content.main2 .main_inner,
.main_content.main3 .main_inner,
.main_content.main4 .main_inner{gap: 3vh;}

.main_content .tit{ font-size: 2.5rem;}
.main_content .tit._s,
.main_content.main4 .latest_tit b{font-size: 1.65rem;}
.main_content .txt,
.main_content.main2 .content_box strong,
.main_content.main4 .quick_block .tit{ font-size: 1.4rem;}
.main_content .btn_item._arrow{ font-size: 1.15rem;}

.main_content.main3 .content_box strong{ font-size: 2rem;}
.main_content.main3 .content_box .txt_scroll p{ font-size: 1.6rem;}

.main_content.main4 .content_box{ padding: 1rem;}
.main_content.main4 .quick_block{ padding: 0.5rem 1rem;}
.main_content.main4 .latest_tit{ padding-bottom: 1rem;}
.main_content.main4 .latest_item{ padding: .5rem 0;}
.main_content.main4 .latest_item .subject,
.main_content.main4 .latest_item .date,
.main_content.main4 .latest_tit .btn_item{ font-size: 1.3rem;}
}/* END 414px */
@media (max-width: 320px) { /* START 414px */
/* .main_content.main4 .quick_box{ display: none;} */
}/* END 414px */
@media (max-width: 280px) { /* START 280px */
}/* END 280px */

/* 231123 추가 */
.main_content.main2 .content_box._en li{}
.main_content.main2 .content_box._en strong{
    line-height: 1.2;
    text-align: left;
}
@media (max-width: 1380px){
.main_content.main2 .content_box._en strong{ font-size: 2.2rem;}
}
@media (max-width: 1340px){
.main_content.main2 .content_box._en .inner{ padding: 0 2rem;}
.main_content.main2 .content_box._en strong{ font-size: 2rem;}
}
@media (max-width: 1240px){
.main_content.main2 .content_box._en .inner{ padding: 0 1.8rem;}
.main_content.main2 .content_box._en li{ line-height: 8rem;}
.main_content.main2 .content_box._en strong{ font-size: 1.8rem;}
}
@media (max-width: 1024px){
.main_content.main2 .content_box._en li{ line-height: initial;}
.main_content.main2 .content_box._en strong{ text-align: center;}
}
@media (max-width: 640px){
.main_content.main2 .content_box._en .inner{ display: flex; align-items: flex-start; flex-direction: column;}
.main_content.main2 .content_box._en li{ width: 100%; padding: 1rem 0;}
.main_content.main2 .content_box._en strong{ text-align: left;}
.main_content.main2 .content_box._en .inner .btn_item._arrow{ display: flex; justify-content: flex-end; width: 100%;}
}