@charset "utf-8";

@font-face {
  font-family: 'Mont_light';
  src: url('/assets/fonts/mont/Mont-ExtraLightDEMO.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mont_heavy';
  src: url('/assets/fonts/mont/Mont-HeavyDEMO.otf.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S-CoreDream-3Light';
  src: url('/assets/fonts/s-coredream/S-CoreDream-3Light.eot');
  src: url('/assets/fonts/s-coredream/S-CoreDream-3Light.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/s-coredream/S-CoreDream-3Light.svg#S-CoreDream-3Light') format('svg'),
       url('/assets/fonts/s-coredream/S-CoreDream-3Light.ttf') format('truetype'),
       url('/assets/fonts/s-coredream/S-CoreDream-3Light.woff') format('woff'),
       url('/assets/fonts/s-coredream/S-CoreDream-3Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SCDream8 KR';
  src: url('/assets/fonts/s-coredream/SCDream8.woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NS-L';
  src: url('/assets/fonts/NS/NS-L.ttf') format('truetype'),
       url('/assets/fonts/NS/NS-L.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html,
body {height:100%; }
body {width:100%; font-size:16px; line-height:1.6; background:#fff; color: #111;height:100%;word-break: keep-all; font-family: 'S-CoreDream-3Light';font-weight:900}

#wrap {width:100%; position:relative;min-width:320px; background:#000;   /* background: url(/images/visual/bg4.png?ver1.4) right bottom;*/
    background-size: cover;/*background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);*/}
#wrap  .row{ margin-right: 0px;  margin-left:0px;}
.m-main {max-width:1280px; margin:0 auto; /* padding:0 100px;  */position:relative;}
@media (min-width: 1200px) {
    .container {
        width: 1320px!important;
    }
}
@media (max-width: 1024px) {
  body {font-size:14px;}
	.row{ margin-right: 15px;  margin-left:15px;}
}
/*header*/
#header {width: 100%;z-index:100; position:fixed; left:0; top:0; background:rgb(226 235 235 / 62%);}
#header .m-main {padding:0 15px;}
#header._sticky {box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);background: #fff;}
#header .gnb-container {justify-content: space-between;}
#header .gnb-container h1{width:300px;}
#header .logo .img-box{width: 70%;display: block;font-family: 'SCDream8 KR';color: #009688;padding: 5px 10px;border: 2px solid #009688;filter: brightness(0.5);}
#header .logo .img-box img {width:100%;}
#header .nav-ul > li {position:relative; margin-right:12px;}
#header .nav-ul > li:last-child {margin-right:0}
#header .nav-ul > li .nav-item {color: #111; font-size: 18px; line-height:1; padding:31px 10px; display:block;/* font-weight:500; */position:relative}
#header .nav-ul > li .nav-item._active {color: #ad28b1;font-weight:700;}
#header .nav-ul > li .nav-item:after {content:""; display:block;width:0; height:5px; background:#ad28b1; position:absolute; left:50%; bottom:0; transform: translate(-50%, 0); transition-duration: .2s}
#header .nav-ul > li .nav-item._active:after {width:100%;}

#header .nav-ul > li .nav-item.live {padding:10px;}
#header .nav-ul > li .nav-item.live .txt {display:block; padding-top:25px; position:relative; font-size:12px;}
#header .nav-ul > li .nav-item.live .txt:before {content:""; display:block; width:30px; height:21px; background:url(/images/common/nav_live.png) center no-repeat; background-size:cover; position:absolute; left:50%; top:0; transform: translate(-50%, 0)}
#header .nav-ul > li .nav-item.live._live .txt:after {content:""; width:7px; height:7px; background:red; border-radius: 100%; position:absolute; right:0; top:0;left: auto;bottom: auto;transform: translate(0, 0); display:block;}
#header .nav-ul > li:nth-child(6) {margin-right:5px;}

#header._openAllMenu .all-menu .bar {background: transparent}
#header._openAllMenu .all-menu .bar:before,
#header._openAllMenu .all-menu .bar:after {margin:0;}
#header._openAllMenu .all-menu .bar:before {transform: translate(-50%, -50%) rotate(135deg); }
#header._openMenu .menu .row-depth {display:block;}

/*#footer*/
#footer {background:#111; text-align: left; padding:30px 0; z-index:1; position:relative; font-size:14px; color:rgba(255, 255, 255, 0.8)}
#footer .m-main {padding:0 15px;}
#footer .foot-dl,
#footer .foot-dl > dt,
#footer .foot-dl > dd {display:inline-block}
#footer .foot-dl:after,
#footer .foot-dl > dt:after{display:inline-block;} 
#footer .foot-dl > dt:after{content:":"; }
#footer .foot-dl > dd:first-child:after{content:"|"; margin:0 10px;}

.all-menu {display:none;}
.all-menu .bar,
.all-menu .bar:before,
.all-menu .bar:after {background:#111; }
@media (max-width: 768px) {
	#header .gnb-container {height:60px;}
	#header .logo {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%)}
	.nav-container {display:none;position:fixed; left:0; right:0; top:60px; bottom:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.9);align-items: center;}
	#header._openAllMenu .nav-container {position:fixed;display:flex;}
	#header .nav-ul,#header .nav-ul > li {width:100%; text-align: center;}
	#header .nav-ul {margin-top:-60px;}
	#header .nav-ul > li {margin-right:0;margin-bottom:20px;}
	.nav-container .nav-ul > li:last-child {margin-bottom:0;}
	#header .nav-ul > li .nav-item {display:inline-block; padding:20px;}
	#header .logo .img-box,
	#header .logo .img-box img {width:80%;display:block;margin: 0 auto;}
	.all-menu {display:block;}
}
.float-dot {top:0}

.float-btn {text-align: center;position:absolute; right:20px;  z-index:1;}
.float-btn .dott {content:""; display:block; position:absolute; right:0; top:50%; transform: translate(0, -50%)}
.float-btn._sticky {position: fixed; bottom:auto; top:50% !important; transform: translate(0, -50%)}
.float-btn .btn-float {position:absolute; right:0; bottom:0;}
.float-nav {background:#fff; width:70px; border-radius: 6px; border:1px solid #e8e8e8; padding:0 7px; margin-bottom:10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)}
.float-nav ul > li {border-bottom:1px solid #ddd;}
.float-nav ul > li:last-child {border-bottom:0;}
.float-nav .quick-item {display:block; width:100%;padding-top:40px;padding-bottom:13px; color:#111; font-size:12px; position:relative; line-height:1.2; font-weight:500;}
.float-nav .quick-item:after {content:""; display:block; width:28px; height:28px; background-size:cover; background-position:center;background-repeat: no-repeat;position:absolute; left:50%; top:10px; transform: translate(-50%, 0) }
.float-nav .quick-item.q1:after {background-image:url(/images/common/ico_quick1.png)}
.float-nav .quick-item.q2:after {background-image:url(/images/common/ico_quick1.png)}
.float-nav .quick-item.q3:after {background-image:url(/images/common/ico_quick3.png)}
.float-nav .quick-item.q4:after {background-image:url(/images/common/ico_quick4.png)}
.float-nav .quick-item.q5:after {background-image:url(/images/common/ico_quick5.png)}
.float-btn .move-top {display:inline-block;}
.float-btn .move-top img {display:block;}

.scroll {position: fixed;top: 0;left: 0;-webkit-appearance: none;appearance: none;width: 100%;height: 5px;border: none;background: transparent;z-index:100;}
.scroll::-webkit-progress-bar {
  background: transparent;
}
.scroll::-webkit-progress-value {
  background: linear-gradient(to left, #464798, #25b7bc);
  background-attachment: fixed;
}
.scroll::-moz-progress-bar {
  background: linear-gradient(to left, #464798, #25b7bc);
  background-attachment: fixed;
}

@media (max-width: 768px) {
  .float-btn {width:100%; position:fixed !important; left:0; right:0; bottom:0 !important; top:auto !important; transform: translate(0, 0) !important;}
  .float-btn .move-top {display:none}
  .float-nav {width:100%; margin-bottom:0; padding:5px 0;border-radius: 6px 6px 0 0}
  .float-nav ul {display:flex}
  .float-nav ul > li {width:20%;border-bottom:0; border-right:1px solid #ddd;}
  .float-nav ul > li:last-child {border-right:0;}
  .float-nav .quick-item {padding-bottom:5px;}
  .float-nav .quick-item br {display:none}

  #footer {text-align: center;}
  #footer .m-main {padding:0 10px;}
  #footer .foot-dl {width:100%;text-align: center;}
  #footer .foot-dl:after {display:none;}
  #footer .copy {margin-top:10px;}

  .float-btn._sticky {position:absolute !important;bottom:0; top:auto !important}
}
@media (max-width: 500px) {
  /*.float-nav .quick-item {font-size:10px;}*/
  .float-nav .quick-item br {display:block}
}

/* common */
#container {/*overflow-x: hidden; */position:relative}
/* .sec {padding:20px 0;} */
.sec-header {text-align:center;padding-bottom:10px;}
.sec-tit {font-size:30px;padding-top:75px;line-height:1.1; font-weight:700;  font-family: 'SCDream8 KR';    color: #fff;}

.c-sky {color:#00a1ff}
.c-gray {color:#a4a4a4}
.tip {text-align: right; margin-top:10px;}

.swiper-pagination-bullet {background-color:rgba(0, 0, 0, 0.6);width:12px; height:12px;border-radius: 12px;opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#000; width:45px;}

.swiper-button-next,
.swiper-button-prev {color:#fff;}

@media (max-width: 1024px) {
  .sec {padding:50px 0;}
  .sec-header {padding-bottom:50px;}
  .sec-tit {font-size:30px;}
}
@media (max-width: 768px) {
  .m-main{padding:0 15px;}
  .sec-tit {font-size:26px;}

  .tbl tbody th {border-right:1px solid #d1d1d1}
  .inner-tbl .col {width:100%;}
  #container {overflow: hidden;}
}

/*page-main*/
.kv-quick {position:absolute; left:50%; bottom:60px; transform: translate(-50%, 0); z-index:50;width:100%; max-width:600px;background:rgba(0, 0, 0, 0.3); border-radius: 6px; padding:10px;}
.kv-quick .flex {justify-content: space-between;margin:0 -5px}
.kv-quick .flex > li {width:25%; text-align: center;}
.kv-quick .kvquick-item {display:block; padding-top:50px; color:#fff;font-size:18px; font-weight:700;position:relative; background-position:center top; background-repeat:no-repeat; background-size:39px auto;}
.kv-quick .kvquick-item.q0 {background-image:url(/images/common/kv_quick_live.png)}
.kv-quick .kvquick-item.q1 {background-image:url(/images/common/kv_quick1.png)}
.kv-quick .kvquick-item.q2 {background-image:url(/images/common/kv_quick2.png)}
.kv-quick .kvquick-item.q3 {background-image:url(/images/common/kv_quick3.png)}
.kv-quick .kvquick-item.q4 {background-image:url(/images/common/kv_quick4.png)}

.sec-kv {padding-top:0;background:0;}
.sec-kv .m-main {max-width:1920px; position:relative; padding:0}
.sec-kv .slide-item,
.sec-kv .img-box,
.sec-kv .img-box img {width:100%; display:block;}
.sec-kv .img-box {background-size:1920px auto;}
.sec-kv .img-box img {max-width:1200px; margin:0 auto;}
.sec-kv .swiper-pagination-bullet {background-color:rgba(255, 255, 255, 0.6);}
.sec-kv .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#fff;}

.sec-kv .move-slide,
.directory-book .move-slide,
.event-slide .move-slide {width:50px; height:80px;background: rgba(0, 0, 0, 0.6); opacity: 0.4}
.sec-kv .move-slide:hover,
.sec-kv .move-slide:focus,
.directory-book .move-slide:hover,
.directory-book .move-slide:focus,
.event-slide .move-slide:hover,
.event-slide .move-slide:focus {opacity:1}
.sec-kv .move-slide:after,
.directory-book .move-slide:after,
.event-slide .move-slide:after {color:rgba(255, 255, 255, 0.8);  }
.sec-kv .swiper-button-prev,
.directory-book .swiper-button-prev {left:0}
.sec-kv .swiper-button-next,
.directory-book .swiper-button-next {right:0;}

.video-container {width:100%;height:100%;position:absolute; left:0; top:0; display:none;}
.video-container._active {display:block;z-index:50;}
.close-video {display:block; width:40px; height:40px;  position:absolute; right:20px; top:100px;background:rgba(255, 255, 255, 0.6); z-index:10; opacity: .4}
.close-video:hover,
.close-video:focus {opacity:1}
.close-video:before,
.close-video:after {content:""; display:block; width:35px; height:2px; background:#000; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%) rotate(45deg)}
.close-video:after {transform: translate(-50%, -50%) rotate(135deg)}
.video-container iframe {width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0;}

/*.page-main .sec1 {background:#f3f3f3}*/
.page-main .sec1 .dec-flex {margin:0 -20px}
.page-main .sec1 .dec-flex .col-left {width:380px; padding:0 20px; text-align: center;display:flex;align-items: center;}
.page-main .sec1 .dec-flex .col-right {width:calc(100% - 380px); padding:0 20px;}
.page-main .sec1 .dec-flex .col-left .tit {font-size:30px; color:#00a1ff; width:100%;}
.program-container {background:#fff; padding:60px 50px; margin-top:80px;}
.program-flex {margin:0 -20px;;align-items: stretch}
.program-flex .col {width:50%; padding:0 20px; border-right:1px solid #ddd;}
.program-flex .col:last-child {border-right:0;}
.program-flex .tit {font-size:28px; display:block; width:100%; text-align: center; padding-bottom:30px;}
.program-flex .dl-item {display:flex; margin-bottom:15px;align-items: flex-start}
.program-flex .dl-item:last-child {margin-bottom:0;}
.program-flex .dl-item > dt {background:#fff; color:#333;font-weight: 700; width:100px; border-radius: 27px; border:1px solid #333;text-align: center}
.program-flex .dl-item > dd {padding-left:20px; width:calc(100% - 100px)}
.program-flex .dec {margin-top:15px;}

.page-main .sec1 .feat-flex {margin:0 -10px; margin-top:80px;justify-content: center}
.page-main .sec1 .feat-flex > li {width:33.33%; padding:0 10px;}
.page-main .sec1 .feat-flex .feat-item {display:block; width:100%; position:relative; color:#fff;padding:40px; border-radius: 10px; background-position: center left 40px; background-repeat: no-repeat}
.page-main .sec1 .feat-flex .feat-item.q1 {background-color:#6fa2f7; background-image:url(/images/common/btn_obj1.png); }
.page-main .sec1 .feat-flex .feat-item.q2 {background-color:#7f64ae; background-image:url(/images/common/btn_obj2.png); }
.page-main .sec1 .feat-flex .feat-item.q3 {background-color:#4d4d4d; background-image:url(/images/common/btn_obj3.png); }
.page-main .sec1 .feat-flex .feat-item .tit {display:block; width:100%;font-size:20px; text-align: right; font-weight:700; line-height:1; position:relative; padding-right:30px;}
.page-main .sec1 .feat-flex .feat-item .tit:after {content:""; display:block; width:11px; height:17px; background:url(/images/common/blit_arrow.png) center no-repeat; position:absolute; right:0; top:50%; transform: translate(0, -50%)}

@media (max-width: 1200px) {
  .kv-quick {bottom:7vw}
}
@media (max-width: 1024px) {
  .program-container {padding:30px;}
  .page-main .sec1 .dec-flex .col-left,
  .page-main .sec1 .dec-flex .col-right {width:100%;}
  .page-main .sec1 .dec-flex .col-left {margin-bottom:30px;}
  .page-main .sec1 .dec-flex .col-left .tit {font-size:28px;}
  .program-flex .tit {font-size:24px; text-align: left;}
  .program-flex .dl-item {flex-wrap:wrap;margin-bottom:30px;}
  .program-flex .dl-item > dd {width:100%; margin-top:10px; padding-left:0;}
  .page-main .sec1 .feat-flex {margin-top:30px;}
  .page-main .sec1 .feat-flex .feat-item {padding:30px 15px; background-position: center left 15px; background-size:auto 40px}
}
@media (max-width: 768px) {
  .sec-kv {padding-top:60px;}
  .page-main .sec1 .dec-flex .col-left .tit {font-size:24px;}
  .program-container {margin-top:30px;}
  .program-flex .col {width:100%; border-right:0;border-bottom:1px solid #ddd; padding:0;padding-bottom:20px; margin-bottom:20px;}
  .program-flex .col:last-child {border-bottom:0;}
  .program-flex .tit {font-size:20px;}
  .program-flex .dl-item {margin-bottom:15px;}
  .program-flex .dl-item > dt {width:80px;}
  .program-flex .dl-item > dd {padding-left:10px; width:calc(100% - 80px); margin-top:0;}
  .page-main .sec1 .feat-flex {margin-left:-5px; margin-right:-5px;}
  .page-main .sec1 .feat-flex > li {padding:0 5px;}

  .sec-kv .swiper-button-prev,
  .sec-kv .swiper-button-next {display:none;}

  /*.kv-quick {width:auto;}
  .kv-quick .flex > li {width:50%;}
  .kv-quick .flex > li:nth-child(1),
  .kv-quick .flex > li:nth-child(2) {margin-bottom:20px;}*/
  .kv-quick .kvquick-item {font-size:14px;padding-top:40px;background-size:30px auto;line-height:1}
}
@media (max-width: 600px) {
  .page-main .sec1 .feat-flex .feat-item {padding:10px;background-position:center top 10px; background-size:auto 30px}
  .page-main .sec1 .feat-flex .feat-item .tit {text-align: center; padding:40px 0 10px; font-size:16px;}
  .page-main .sec1 .feat-flex .feat-item .tit:after {display:none}
  .kv-quick {left:10px; right:10px; transform: translate(0, 0); width:auto;}
}
@media (max-width: 500px) {
  .kv-quick {background:rgba(0, 0, 0, 0.5)}
  /*.kv-quick .flex > li {width:33.33%; margin-bottom:20px;}
  .kv-quick .flex > li:nth-child(4),
  .kv-quick .flex > li:nth-child(5),
  .kv-quick .flex > li:nth-child(6) {width:33.33%; margin-bottom:0;}*/
}

.page-main .sec2 .swiper-slide {padding:0 10px;}
.page-main .sec2 .slide-item {display:block; border-radius: 10px; border:1px solid #e8e8e8; height:100%;}
.page-main .sec2 .slide-item .img-wrap {position:relative;padding:50px;}
.page-main .sec2 .slide-item .img-box {padding-top:34.35%; }
.page-main .sec2 .slide-item .view {display:inline-block; padding-left:34px; color:#a4a4a4; position:absolute; left:40px; bottom:20px;}
.page-main .sec2 .slide-item .view:before {content:""; display:block; width:20px; height:16px; background:url(/images/common/ico_view.png) center no-repeat; position:absolute; left:0; top:50%; transform: translate(0, -50%)}
.page-main .sec2 .slide-item .dec-wrap {padding:40px;border-top:1px solid #e8e8e8}
.page-main .sec2 .slide-item .dec-wrap .tit {font-weight:700; line-height:1.2; font-size:26px;}
.page-main .sec2 .slide-item .dec-wrap .dec {margin-top:20px;color:#666;}
.partner-slide {padding-bottom:50px;}
.partner-slide .swiper-wrapper {align-items: stretch}
.partner-slide .swiper-slide {height:auto;}
.swiper-controll {width:100%;position:absolute; left:50%; bottom:0; transform: translate(-50%, 0); display:flex; align-items: center; justify-content: center}
.swiper-controll .swiper-pagination {position:relative; width:auto; left:auto; right:auto; top:auto; bottom:auto; margin:0 20px;}
.swiper-controll .swiper-button-prev,
.swiper-controll .swiper-button-next {width:14px; height:22px; background:url(/images/common/slide_arrow.png) center no-repeat; background-size:cover; position:relative; left:auto; right:auto; top:auto; bottom:auto; transform: translate(0, 0); margin-top:0;}
.swiper-controll .swiper-button-next {transform: translate(0, 0) rotate(180deg)}
.swiper-controll .swiper-button-prev:after,
.swiper-controll .swiper-button-next:after {display:none;}

@media (max-width: 1400px) {
  .page-main .sec2 .slide-item .img-wrap,
  .page-main .sec2 .slide-item .dec-wrap {padding-left:2.86vw; padding-right:2.86vw;}
  .page-main .sec2 .slide-item .view {left:2.86vw}
}
@media (max-width: 1024px) {
  .page-main .sec2 .swiper-slide {padding:0 5px;}
  .page-main .sec2 .slide-item .img-wrap {padding:40px 20px;}
  .page-main .sec2 .slide-item .dec-wrap {padding:30px 20px;}
  .page-main .sec2 .slide-item .view {left:20px;}
  .page-main .sec2 .slide-item .dec-wrap .tit {font-size:20px;}
}
@media (max-width: 768px) {
  .page-main .sec2 .swiper-controll {display:none;}
  .page-main .sec2 .partner-slide {padding:0 30px;}
  .page-main .sec2 .slide-item .view {bottom:10px;}
  .page-main .sec2 .slide-item .dec-wrap {padding:20px 15px;}
  .page-main .sec2 .slide-item .dec-wrap .tit {font-size:18px;}
}

.page-main .sec3 .event-slide .swiper-slide {padding:0 15px;}

.page-main .sec5 .con-wrap {margin-bottom:30px;}
.page-main .sec5 .con-wrap:last-child {margin-bottom:0}
.page-main .sec5 .logo-flex {margin:0 -10px;justify-content: center;}
.page-main .sec5 .logo-flex > li {width:33.33%; padding:0 10px;margin-bottom:30px;}
.page-main .sec5 .sec-header {padding-bottom:30px;}

@media (max-width: 1024px) {
  .page-main .sec5 .logo-flex {margin:0 -5px;margin-bottom:30px;}
  .page-main .sec5 .logo-flex > li {padding:0 5px;}
}
@media (max-width: 768px) {
  .page-main .sec5 {padding-bottom:130px;}
  .page-main .sec5 .logo-flex > li {width:50%; margin-bottom:10px;}
}
@media (max-width: 500px) {
  .page-main .sec5 .logo-flex {width:100%; max-width:375px; margin:0 auto;}
  .page-main .sec5 .logo-flex > li {width:100%;}
}

.directory-book {display:flex; align-items:center; width:100%; height:100%; background:#666; padding:30px; position:fixed; left:0; right:0; top:0; bottom:0;z-index:100;overflow-y: auto}
.directory-book .book-slide {max-width:1200px; margin:0 auto;}
.directory-book .close-video {top:0; right:0;}
@media (max-width: 768px) {
  .directory-book {padding:10px;}
}