@font-face {/* 占쎈쐻占쎈뼢占쎈Ŋ�굲占쎈쐻占쎈짗占쎌굲.. */
 font-family: 'Noto';
 
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-Black.eot');
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-Black.eot') format('embedded-opentype'),
 url('./fonts/NotosansCJK/NotoSansCJKkr-Black.woff') format('woff');
}
@font-face {
 font-family: 'NotoB';
 
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-Bold.eot');
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-Bold.eot') format('embedded-opentype'),
 url('./fonts/NotosansCJK/NotoSansCJKkr-Bold.woff') format('woff');
}
@font-face {
 font-family: 'NotoR';
 
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-Regular.eot');
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-Regular.eot') format('embedded-opentype'),
 url('./fonts/NotosansCJK/NotoSansCJKkr-Regular.woff') format('woff');
}
@font-face {
 font-family: 'NotoM';
 
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-Medium.eot');
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-Medium.eot') format('embedded-opentype'),
 url('./fonts/NotosansCJK/NotoSansCJKkr-Medium.woff') format('woff');
}
@font-face {
 font-family: 'NotoL';
 
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-Light.eot');
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-Light.eot') format('embedded-opentype'),
 url('./fonts/NotosansCJK/NotoSansCJKkr-Light.woff') format('woff');
}
@font-face {
 font-family: 'NotoDL';
  font-style: 700;
 font-weight:700;
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-DemiLight.eot');
 src: url('./fonts/NotosansCJK/NotoSansCJKkr-DemiLight.eot') format('embedded-opentype'),
 url('./fonts/NotosansCJK/NotoSansCJKkr-DemiLight.woff') format('woff');
}

/*SCROLL TYPE*/
html::-webkit-scrollbar-track , .modal_container::-webkit-scrollbar-track,.inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar-track {/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 	 */  background-color: rgba(0,0,0,.1); border-radius:10px; margin-top:5px; margin-bottom:0px; }
html::-webkit-scrollbar , .modal_container::-webkit-scrollbar , .inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar{ width: 5px;  background-color: #fff;margin-top:20px; margin-bottom:20px;}
html::-webkit-scrollbar-thumb , .modal_container::-webkit-scrollbar-thumb , .inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar-thumb{ background-color: #717171; border-radius:10px; margin-top:20px; margin-bottom:20px;}
body::-webkit-scrollbar-track , .modal_container::-webkit-scrollbar-track,.inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar-track {/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 	 */  background-color: rgba(0,0,0,.1); border-radius:10px; margin-top:5px; margin-bottom:0px; }
body::-webkit-scrollbar , .modal_container::-webkit-scrollbar , .inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar{ width: 5px;  background-color: #fff;margin-top:20px; margin-bottom:20px;}
body::-webkit-scrollbar-thumb , .modal_container::-webkit-scrollbar-thumb , .inner.modalscrab1 .modalscrab_wrap .scrab_no1 > ul::-webkit-scrollbar-thumb{ background-color: #717171; border-radius:10px; margin-top:20px; margin-bottom:20px;}

@-webkit-keyframes sc1 {
    0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }
}
@keyframes sc1 {
    0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }
}
@-webkit-keyframes sc2 {
    0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }
}
@keyframes sc2 {
    0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }
}

[data-nav="on"] { animation: nav .35s ease-out .35s forwards; }
[data-nav="off"] { display: none; }
@-webkit-keyframes nav {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes nav {
    from { opacity: 0; }
    to { opacity: 1; }
}
[data-an="fade-up"]{
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
}
[data-fade="in"] [data-an="fade-up"]{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

[data-an="fade-right"]{
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
}
[data-fade="in"] [data-an="fade-right"]{
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
[data-an="fade-left"]{
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
}
[data-fade="in"] [data-an="fade-left"]{
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
[data-an-order="1"]{
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
[data-an-order="2"]{
    -webkit-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s;
}
[data-an-order="3"]{
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}
[data-an-order="4"]{
    -webkit-transition-delay: .85s;
    -o-transition-delay: .85s;
    transition-delay: .85s;
}
[data-an-order="5"]{
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
[data-an-order="6"]{
    -webkit-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
    transition-delay: 1.15s;
}
[data-section="1"] .fade-contents { margin-top: -80px; }

.main-wrap{width: 100%; height: calc(100vh - 180px); z-index: 1;}
.main-wrap .swiper-container{width: 100%; height: 100%;}
.main-wrap .swiper-container .swiper-wrapper{width: 100%; height: 100%;}
.main-wrap .swiper-container .swiper-wrapper .swiper-slide{width: 100%; background-size: cover; height: 100%; overflow: hidden;}
.main-wrap .swiper-container .swiper-wrapper .swiper-slide .video-wrap{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 0;}
.main-wrap .swiper-container .swiper-wrapper .swiper-slide .video-wrap video{position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%;}
.main-wrap .swiper-container .swiper-wrapper .swiper-slide .text-wrap{position: absolute; left: 226px; top: 50%; transform: translateY(-50%); z-index: 2}
.main-wrap .swiper-container .swiper-wrapper .swiper-slide .text-wrap span{font-size: 55px; color: #fff; line-height: 80px; display: block;}
.main-wrap .swiper-container .swiper-wrapper .swiper-slide .text-wrap span .bold{font-family: 'NotoB', sans-serif;}
.main-wrap .swiper-container .swiper-wrapper .swiper-slide .text-wrap span .light{font-family: 'NotoL', sans-serif;}
.main-wrap .swiper-container .swiper-wrapper .swiper-slide:after{content:''; width: 0px; height: 200px; background: transparent linear-gradient(94deg, #ffa163b5 0%, #e9521cc4 100%) 0% 0% no-repeat padding-box;; position: absolute; left: 0; top: 31.5%; -webkit-transition: ease-in-out 1.5s; -o-transition: ease-in-out 1.5s; transition: ease-in-out 1.5s; z-index: 1;}
.main-wrap .swiper-container .swiper-wrapper .swiper-slide.active:after{content:''; width: 490px; height: 200px; /*background-color: #3f5a09;*/ position: absolute; left: 0; top: 31.5%; -webkit-transition: ease-in-out 1.5s; -o-transition: ease-in-out 1.5s; transition: ease-in-out 1.5s;}
.main-wrap .swiper-container .navigation{position: absolute; left: 226px; bottom: 20%; }
.main-wrap .swiper-container .navigation .navigation-text{display: block; color: #fff; font-size: 90px; z-index: 20; font-family: stolzl, sans-serif; font-weight: 600;}
.main-wrap .swiper-container .navigation .navigation-text .sub{font-weight: 400; left: -20px; font-size: 30px; top: 10px;}


.main-header{z-index: 20; position: fixed; top: 0; left: 0; width: 100%; height: 100px; }
.main-header .main-header-logo{display: block; position: absolute; left: 160px; top: 50%; transform: translateY(-50%);}
.main-header .main-header-logo img{display: block; width: 265px;}
.main-header .main-header-ul{text-align: center; position: absolute; right: 160px; top: 50%; transform: translateY(-50%); height: 100px;}
.main-header .main-header-ul li{display: inline-block; margin-right: 90px;}
.main-header .main-header-ul li:last-child{margin-right: 0px;}
.main-header .main-header-ul li a{display: block; height: 100px; line-height: 100px; color: #fff; font-family: 'NotoB', sans-serif;}

.header{z-index: 20; position: fixed; top: 0; left: 0; width: 100%; height: 100px;  background-color: #fff;}
.header .header-logo{display: block; position: absolute; left: 160px; top: 50%; transform: translateY(-50%);}
.header .header-logo img{display: block; width: 265px;}
.header .header-ul{text-align: center; position: absolute; right: 160px; top: 50%; transform: translateY(-50%); height: 100px;}
.header .header-ul li{display: inline-block; margin-right: 90px;}
.header .header-ul li:last-child{margin-right: 0px;}
.header .header-ul li a{display: block; height: 100px; line-height: 100px; color: #1d1d1b; font-family: 'NotoB', sans-serif;}



.footer{width: 100%; height: 180px; background-color: #fff;}
.footer .footer-notice-wrap{width: 100%; height: 70px; margin: 0 auto; background-color: #272727; }
.footer .footer-info-wrap{width: 1600px; margin: 0 auto; height: 110px;}
.footer .footer-info-wrap .footer-logo{display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.footer .footer-info-wrap .footer-copy{display: block; position: absolute; left: 382px; top: 50%; transform: translateY(-50%);}

.quick-wrap{width: 80px; position: fixed; z-index: 20; right: 0; top: 50%; transform: translateY(-50%);}
.quick-wrap .quick-ul{width: 80px; list-style: none;}
.quick-wrap .quick-ul li{display: block; width: 100%;}
.quick-wrap .quick-ul li a{display: block; width: 100%;}
.quick-wrap .quick-ul li a img{display: block; width: 100%;}

.content-wrap{padding-top: 100px; width: 100%;}
.content-wrap img{display: block; width: 100%;}
.content-wrap .content-title{background-size: cover; height: 375px; width: 100%; background-position: center center; display: flex; justify-content: center ;align-items: center; flex-direction: column;}
.content-wrap .content-title .title-text1{width: 100%; font-size: 55px; line-height: 70px; font-family: stolzl, sans-serif; font-weight: 700; color: #fff; text-align: center;}
.content-wrap .content-title .title-text2{width: 100%; text-align: center; font-size: 24px; line-height: 30px; font-family: stolzl, sans-serif; font-weight: 100; color: #fff; text-align: center;}


.location-map-wrap{width: 1300px; margin: 0 auto; margin-top: 77px; height: 600px;}
.location-map-wrap .location{width: 900px; height: 600px; float: left;}
.location-map-wrap .img{width: 400px; height: 600px; float: right; display: block;}

.location-list-wrap{width: 1300px; margin: 0 auto; margin-top: 76px; padding-bottom: 146px;}
.location-list-wrap .location-list-title{display: block; width: 100%; font-size: 24px; font-family: stolzl, sans-serif; font-weight: 600; color: #1d1d1b; }
.location-list-wrap .location-list-ul{margin-top: 20px; width: 100%;}
.location-list-wrap .location-list-ul li{width: 100%; height: 120px; border-bottom: 1px solid #1d1d1b; cursor: pointer;}
.location-list-wrap .location-list-ul li:first-child{border-top: 1px solid #1d1d1b;}
.location-list-wrap .location-list-ul li .list-wrap{width: 100%; height: 120px; padding-top: 30px; padding-bottom: 30px;}
.location-list-wrap .location-list-ul li .list-wrap .title1{width: 100%; height: 30px; display: block; line-height: 30px; font-family: 'NotoB', sans-serif; color: #1d1d1b; font-size: 18px; }
.location-list-wrap .location-list-ul li .list-wrap .title2{width: 100%; height: 30px; display: block; line-height: 30px; font-family: 'NotoR', sans-serif; color: #1d1d1b; font-size: 18px; }
.location-list-wrap .location-list-ul li .list-wrap .img{position: absolute; right: 0; top: 50%; transform : translateY(-50%); width: 20px;}

.gallery-content-wrap{width: 1600px; margin: 0 auto; padding-bottom: 90px;}
.gallery-content-wrap .title{display: block; width: 100%; margin-top: 90px; font-family: stolzl, sans-serif; font-weight: 600; text-align: center; color: #111; font-size: 42px;}
.gallery-content-wrap .gallery-ul{width: 100%; margin-top: 55px; display: flex; flex-wrap: wrap;}
.gallery-content-wrap .gallery-ul li{width: 390px; margin-right: 13px; float: left; margin-bottom: 50px; cursor: pointer;}
.gallery-content-wrap .gallery-ul li:nth-child(2n){margin-right: 14px;}
.gallery-content-wrap .gallery-ul li:nth-child(4n){margin-right: 0px;}
.gallery-content-wrap .gallery-ul li .gallery-list-wrap{width: 100%;}
.gallery-content-wrap .gallery-ul li .gallery-list-wrap .img{width: 100%; height: 350px; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.gallery-content-wrap .gallery-ul li .gallery-list-wrap .title{display: block; width: 100%; margin-top: 20px; font-size: 18px; font-family: 'NotoB', sans-serif; color: #1d1d1b; text-align: center;}
.gallery-content-wrap .gallery-ul li .gallery-list-wrap .date{display: block; width: 100%; margin-top: 12px; font-size: 18px; font-family: 'NotoR', sans-serif; color: #1d1d1b; text-align: center;}



.navi-tbl{width: 100%; margin-top: 60px; table-layout: fixed;}
.navi-tbl tr td{text-align: center;}
.navi-tbl tr td a.navi{display: inline-block; font-size: 14px; color: #111; line-height: 25px; height: 25px; width: 25px; font-family: 'NotoB', sans-serif;}
.navi-tbl tr td a.navi_active{border-radius: 50%; background-color: #111; color: #fff;}

.notice-content-wrap {width: 1600px; margin: 0 auto; padding-bottom: 90px;}
.notice-content-wrap .title{display: block; width: 100%; margin-top: 90px; font-family: stolzl, sans-serif; font-weight: 600; text-align: center; color: #111; font-size: 42px;}
.notice-content-wrap .notice-tbl{table-layout: fixed; margin-top: 53px; width: 100%; border-top: 1px solid #1a1826;}
.notice-content-wrap .notice-tbl tr{border-bottom: 1px solid #898989; cursor: pointer;}
.notice-content-wrap .notice-tbl tr th{text-align: center; vertical-align: middle; font-size: 18px; color: #1d1d1b; font-family: 'NotoB', sans-serif; height: 70px;}
.notice-content-wrap .notice-tbl tr td{text-align: center; vertical-align: middle; font-size: 18px; font-family: 'NotoR', sans-serif; color: #1d1d1b; height: 70px;}
.notice-content-wrap .notice-tbl tr td.titles{text-align: left; padding-left: 35px;}
.view-title-wrap{width: 100%; margin-top: 53px; height: 70px; display: block; border-top: 1px solid #1a1826; padding-left: 30px; padding-right: 30px; line-height: 70px; color: #1d1d1b; font-size: 22px; font-family: 'NotoB', sans-serif; border-bottom:1px solid #898989;}
.view-content-wrap{width: 100%; padding-top: 50px; padding-bottom: 116px; }
.view-content-wrap .content-img{display: block; margin: 0 auto; max-width: 1000px;}
.view-content-wrap .content-text{display: block; width: 100%; padding-left: 100px; padding-right: 100px; font-size: 18px; line-height: 27px; color: #1d1d1b; font-family: 'NotoR', sans-serif; padding-top: 83px; border-bottom: 1px solid #898989; padding-bottom: 175px;}
.view-content-wrap .back-btn{width: 140px; height: 54px; display: block; margin: 0 auto; margin-top: 50px; border: 1px solid #1d1d1b; color: #1d1d1b; line-height: 54px; font-family: 'NotoR', sans-serif; font-size: 18px; text-align: center;}
.view-content-wrap .other-wrap{width: 100%; margin-top: 98px; border-top: 1px solid #898989;}
.view-content-wrap .other-wrap .other-btn{display: block; cursor: pointer; height: 68px; border-bottom: 1px solid #898989; line-height: 68px; color: #1d1d1b; font-size: 18px; font-family: 'NotoR', sans-serif;}
.view-content-wrap .other-wrap .other-btn .other-icon{float: left; margin-left: 30px; top: 31px;}
.view-content-wrap .other-wrap .other-btn .other-tag{float: left; margin-left: 35px; font-family: 'NotoB', sans-serif;}
.view-content-wrap .other-wrap .other-btn .other-title{float: left; margin-left: 59px;}
.view-content-wrap .other-wrap .other-btn .other-date{float: right; margin-right: 60px;}


.board-menu-wrap{width: 1600px; margin: 0 auto; height: 80px; border-bottom: 1px solid #111; display: flex;}
.board-menu-wrap .board-menu-div{width: 50%; height: 80px;}
.board-menu-wrap .board-menu-div .board-menu-a{height: 80px; line-height: 80px; font-size: 18px; font-family: stolzl, sans-serif; font-weight: 600; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.5s; color: #111;}

.board-menu-wrap .board-menu-div .board-menu-a:after{width: 100%; height: 0px; background-color: #E9463F; transition: 0.5s; content: ''; position: absolute; bottom: 0; left: 0;}
.board-menu-wrap .board-menu-div .board-menu-a:hover{color: #E9463F; transition: 0.5s;}
.board-menu-wrap .board-menu-div .board-menu-a:hover:after{height: 3px;}
.board-menu-wrap .board-menu-div .board-menu-a.active{color: #E9463F;}
.board-menu-wrap .board-menu-div .board-menu-a.active:after{height: 3px;}

.notice-content-wrap {width: 1600px; margin: 0 auto; padding-bottom: 90px;}
.notice-content-wrap .title{display: block; width: 100%; margin-top: 90px; font-family: stolzl, sans-serif; font-weight: 600; text-align: center; color: #111; font-size: 42px;}
.notice-content-wrap .notice-tbl{table-layout: fixed; margin-top: 53px; width: 100%; border-top: 1px solid #1a1826;}
.notice-content-wrap .notice-tbl tr{border-bottom: 1px solid #898989; cursor: pointer;}
.notice-content-wrap .notice-tbl tr th{text-align: center; vertical-align: middle; font-size: 18px; color: #1d1d1b; font-family: 'NotoB', sans-serif; height: 70px;}
.notice-content-wrap .notice-tbl tr td{text-align: center; vertical-align: middle; font-size: 18px; font-family: 'NotoR', sans-serif; color: #1d1d1b; height: 70px;}
.notice-content-wrap .notice-tbl tr td.titles{text-align: left; padding-left: 35px;}

.left{float: left;}
.right{float: right;}

.footer-notice-container{width: 1600px; margin: 0 auto; height: 70px; }
.footer-notice-container .footer-notice-div{width: 1400px; height: 70px; float: left; padding-left: 30px; padding-right: 30px;}
.footer-notice-container .footer-notice-div .title{line-height: 70px; height: 70px; color: #fff; font-size: 16px; font-family: 'NotoB', sans-serif; display: block; width: 100px; float: left;}

.footer-notice-container .footer-notice-div .content-div{width: calc(100% - 160px); height: 70px; float: left;}
.footer-notice-container .footer-notice-div .content-div .swiper-container{width: 100%; height: 100%;}
.footer-notice-container .footer-notice-div .content-div .content{line-height: 70px; height: 70px; color: #fff; font-size:16px; font-family: 'NotoR', sans-serif; display: block; width: 100%; text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.footer-notice-container .footer-notice-div .button-wrap{position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 13px; z-index: 20}
.footer-notice-container .footer-notice-div .button-wrap a{display: block; width: 13px; margin-top: 15px; margin-bottom: 15px;}
.footer-notice-container .footer-notice-div .button-wrap a img{display: block; width: 13px;}
.footer-notice-container .footer-notice-div:after{width: 0.5px; height: 70px; background-color: rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 0; content: '';}
.footer-notice-container .footer-social-div{width: 200px; float: left; height: 70px;}
.footer-notice-container .footer-social-div:after{width: 0.5px; height: 70px; background-color: rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 0; content: '';}
.footer-notice-container .footer-social-div ul{position: absolute; left: 20px; height: 36px; text-align: center; top: 50%; transform: translateY(-50%);}
.footer-notice-container .footer-social-div ul li{display: inline-block; margin-right: 20px; width: 36px; height: 36px;}
.footer-notice-container .footer-social-div ul li:last-child{margin-right: 0;}
.footer-notice-container .footer-social-div ul li a{display: block; width: 36px; height: 36px;}
.footer-notice-container .footer-social-div ul li a img{display: block; width: 100%;}


.sub-menu-wrap{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background-color: #fff;width: 1200px; height: 50px; border-radius: 15px 15px 0 0 ; display: flex; justify-content: center; align-items: center;}
.sub-menu-wrap a{display: flex; justify-content: center; align-items: center; font-size: 16px; font-family: 'NotoR', sans-serif; color: #333; margin-right: 50px; margin-left: 50px;}
.recruit-btn{position: absolute; left: 50%; bottom: 50px; background-color: rgba(255, 255, 255, 0.6); height: 50px; width: 200px; border: 1px solid #333; display: flex; justify-content: center; align-items: center; color: #333; font-size: 18px; font-family: 'NotoR', sans-serif; transform: translateX(-50%);}