@charset "utf-8";
@font-face {
 font-family: 'GmarketSansMedium';
 src: url('../font/GmarketSansMedium.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
:root{
 --navi-color:#1860ae; 
 --blue-color:#2680EB !important;
 --red-color:#e61956 !important;
 --yellow-color:#E8661A !important;
 --bg-color:#F2F2F2;
 --border-color:#B7B7B7; 
 --bdrdus-20:20px;
 --bdrdus-10:10px;
 --bdrdus-5:5px;

 --ani-1:all 0.2s ease;
}
body {overflow-x:hidden; scroll-behavior: smooth;height:100%;margin:0;padding:0;} 
.main {width:100%;overflow: hidden;zoom:1;}
.main #header {position:fixed;top:0;left:0;border:none;z-index: 100;}
.main #header.showup {opacity: 1;}
.main #header.move {height:auto;border-bottom:1px solid var(--border-color);}
.main #header .logo {width:221px;height:44px;}
.main #header .logo a .b{display: none;}
.main #header.move .logo a .b,
.main #header:hover a .b,
.main #header .header-body.on a .b{display: block;}
.main #header.move .logo a .w,
.main #header:hover a .w,
.main #header .header-body.on a .w {display: none;}
.main #header:hover {background:#fff;color:#fff;} 
.main #header .gnb {padding:0 150px;}
.main #header .gnb a span {color:#fff;text-shadow:0 3px 3px #0003;}
.main #header.move .gnb a span,
.main #header:hover .gnb a span,
.main #header .header-body.on .gnb a span{ text-shadow:none; }
.main #header:hover .gnb a span,
.main #header.move .gnb a span,
.main #header .header-body.on  .gnb a span{color:#333;} 

.main #header .head-util {display: flex;justify-content: flex-end;align-items: center;gap:10px;}
.main #header .font-controls {position:relative; left:0;top:0;width:auto;height:40px;display:flex;align-items: center;gap:6px;color:#fff;font-size:15px;}
.main #header .font-controls > span {padding-right:5px;}
.main #header .font-controls button{width:38px;height:38px;position:relative;display: inline-flex;justify-content: center;align-items: center;border:1px solid #ffffff50;border-radius:18px;}
.main #header .font-controls button.increase:before {content:"";display:block;width:13px;height:2px;}
.main #header .font-controls button.increase:after {content:"";display:block;width:2px;height:13px;position:absolute;left:50%;transform:translateX(-50%);}
.main #header .font-controls button.decrease:before {content:"";display:block;width:13px;height:2px;}
.main #header .font-controls button.reset:before {content:"";display:block;width:13px;height:14px;background:url(../img/main/ic_reset_w.png) 50% 50% no-repeat;background-size:contain;}
.main #header:hover .font-controls button ,
.main #header.move .font-controls button,
.main #header .header-body.on .font-controls button{border-color:#0005;}
.main #header .font-controls button:hover,
.main #header .font-controls button:active {border:1px solid #000;background:transparent;}
.main #header:hover .font-controls button.increase:before,
.main #header:hover .font-controls button.increase:after,
.main #header:hover .font-controls button.decrease:before,
.main #header.move .font-controls button.increase:before,
.main #header.move .font-controls button.increase:after,
.main #header.move .font-controls button.decrease:before,
.main #header .header-body.on .font-controls button.increase:before,
.main #header .header-body.on .font-controls button.increase:after,
.main #header .header-body.on .font-controls button.decrease:before {background:#000;} 
.main #header:hover .font-controls button.reset:before,
.main #header.move .font-controls button.reset:before,
.main #header .header-body.on .font-controls button.reset:before{content:"";display:block;width:13px;height:14px;background:url(../img/main/ic_reset.png) 50% 50% no-repeat;background-size:contain;}
.main #header  a.language {width:auto;height:30px;position:relative;display: inline-flex;justify-content: center;align-items: center;}
.main #header  a.language span {display: block; transform-origin:left center;width:0; overflow:hidden; transition: width 0.6s ease; }
.main #header  a.language:hover:before{border-color:#000;}
.main #header  a.language:is(:hover,:focus,:focus-visible) span{width:40px;} 
.main #header  a.language:before {content:"";display:block;width: 35px;height: 35px;background:url(../img/common/icon_language.svg) 50% 50% no-repeat;background-size:22px;filter: brightness(0) contrast(100) invert(1); }
.main #header:hover a.language:before,
.main #header.move  a.language:before,
.main #header .header-body.on  a.language:before{filter: brightness(0) contrast(100) invert(0);}

.main #header a.search-btn {background-image:url("../img/common/icon_header_search.svg");filter: brightness(0) contrast(100) invert(1);}
.main #header a.siteMap-btn {background-image:url("../img/common/icon_header_menu.png");filter: brightness(0) contrast(100) invert(1);}
.main #header:hover a.search-btn,
.main #header.move a.search-btn,
.main #header .header-body.on a.search-btn{filter: brightness(0) contrast(100) invert(0);}
.main #header:hover a.siteMap-btn,
.main #header.move a.siteMap-btn,
.main #header .header-body.on  a.siteMap-btn{filter: brightness(0) contrast(100) invert(0);}
/*.main #header .siteMap-menu {max-width:calc(100% - 40px);height:100%;border: none;padding: 0;margin: 0 auto;} 
.main #header .siteMap-menu.open {width:100%;}
.main #header .siteMap-menu .pc-top {border:none;top:15px;right:15px;}
.main #header .siteMap-menu .siteMap-in {width:100%;margin:0 auto;min-height:300px;max-height:600px;overflow:auto;background:#fff;position: relative;}
.main #header .siteMap-menu .siteMap-in .gnb {padding:0;} */

.main #main {position:relative;} 
.main #main:after {bottom:180px;filter: brightness(0) contrast(100) invert(1);z-index: 2;}
.main #link:after {bottom:180px;z-index: 0;}
 
.main > section {position:relative;transition: all .3s ease; width:100vw;height:100vh;scroll-margin-top:0;margin:0;scroll-snap-align:start; display: flex; align-items: center; justify-content: center;zoom:1; z-index: 0;}
.main > section::after {content: "SCROLL";font-size: 17px;font-weight: 300;display: block;position: absolute;bottom: 20px;left: 50%;transform: translate(-50%, 0);padding-top: 55px;
    background: url(../img/main/ic_scroll.png) no-repeat 49% 0;filter: brightness(0) contrast(100) invert(0);z-index: 0; pointer-events: none;opacity: 0;transform:translateY(100px);transition: all 0.8s ease;} 
.main > section.active::after {opacity: 1;transform: translateY(0);} 
.main > section > .inner {width:100%;height:auto;display: flex;justify-content: center;flex-flow: column;}
.main > section * {box-sizing: border-box;}  

.m-header {display:flex;flex-flow:row wrap;justify-content: space-between;align-items:end;margin:30px 0 35px 0;position:relative;}
.m-header h3 {position:relative;font-size:30px;font-family:'GmarketSansMedium';color:#222;padding:20px 0 30px;line-height: 1;}
.m-header h3:before {content:"";display: block;width:10px;height:10px;background:#01b0f1 ;border-radius:50%;position:absolute;top:5px;left:0;margin-left:-18px;}
.m-header p {font-size:20px;color:#444;} 
.go {position: relative;display:flex;align-items:center;gap:10px;width:auto;height:50px;line-height:.9;box-sizing: border-box;padding:14px 30px 10px;background:#000;color:#fff;white-space:nowrap; border-radius:25px;font-size:18px;font-family:'GmarketSansMedium';font-weight:400;z-index: 10;}
.go span {display:block;line-height:1;}
.go:after {content:"";display: block;width:50px;height:22px;background:url(../img/main/ic_go.png) no-repeat center center ;background-size:contain;}
.go.youtube:before {content:"";display: block;width:22px;height:22px;background:url(../img/main/ic_youtube.png) no-repeat 0 -2px;margin-top:-3px;}
.go:hover,.swiper-slide .go:focus,.swiper-slide .go:active{background:#000000b8;} 

.go.plus {position: absolute;top:20px;right:0;display:flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;box-sizing: border-box;padding:0;background:#404040;color:#fff;border-radius:25px;font-size:22px;font-family:'GmarketSansMedium';font-weight:400;}
.go.plus:after {content:"";display: block;width:18px;height:18px;background:url(../img/main/ic_plus_w.png) no-repeat center center;background-size:cover;}
.go.plus:hover, .go.plus:focus,.go.plus:active{background:#000;} 
 
.go.w {position: relative;display:flex;align-items:center;gap:10px;width:180px;height:40px;line-height:.9;box-sizing: border-box;padding:15px 30px;background:transparent;border:1px solid #fff; color:#fff;border-radius:25px;font-size:22px;font-family:'GmarketSansMedium';font-weight:400;z-index: 10;}
.go.w span {font-size:16px;font-family:'GmarketSansMedium';}
.go.w:after {content:"";display: block;width:50px;height:22px;background:url(../img/main/ic_go.png) no-repeat center right;background-size:cover;filter: brightness(0) contrast(100) invert(1);}
.go.w:hover,.swiper-slide .go.w:focus,.swiper-slide .go.w:active{background:#0009;} 


.floating-menu {display: flex;width:110px;height:auto; flex-flow:column;position:fixed;top:50%;left:40px;transform:translateY(-50%);z-index: 10;font-family:'GmarketSansMedium';}
.floating-menu li {display: flex;justify-content:start;align-items:center;width:100%;height:50px;position:relative;font-size:17px;color:#000;padding-left:20px;  will-change: transform, opacity;transition: all 0.3s ease;}
.floating-menu li.on,
.floating-menu li:focus,
.floating-menu li:active {opacity: 1;  transform: translateZ(0); transition: all 0.3s ease;}
.floating-menu li.on span  {color:#01b0f1 ; }
.floating-menu li:before {content:"";display:block;width:1px;height:calc(100% - 1px);border-left:1px dotted #000;position:absolute;left:5px;}
.floating-menu li:after {content:"";display:block;background:#000; width:10px;height:10px;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.floating-menu li.on:after,
.floating-menu li:focus:after,
.floating-menu li:active:after {background:#01b0f1 !important;}
.floating-menu li:first-child:before {height:50%;top:50%;}
.floating-menu li:last-child:before {height:50%;top:0;}
 
.floating-menu.main a {color:#fff;} 
.floating-menu.main li:before {border-left:1px dotted #fff;}
.floating-menu.main li:after {background:#fff;}
.floating-menu.main a.on{color:#01b0f1 ;} 
.floating-menu.main:after {display: none;}
  

/*main banner*/
#main {overflow: hidden;}
#main .swiper-container {width:100vw;height:100vh;overflow:hidden;position:absolute;top:0;left:0; z-index: 0;font-family:'GmarketSansMedium';} 
#main .swiper-container .swiper-slide:before {content:"";display:block;width:100vw;height:140px;background:linear-gradient(180deg, #0008 50%,transparent 100% );position:absolute;top:0;left:0;}
#main .swiper-container .swiper-inner {position: relative;display: flex;flex:1;height:100%;max-width:1440px;padding:0 20px;box-sizing:border-box;margin:0 auto;justify-content: center;align-items: start;flex-flow: column;}
#main .swiper-slide {width:100%; height:100%; display: flex;justify-content:start;align-items: center;background-size:cover;transition-duration: 0ms; opacity: 1; transform: translate3d(0px, 0px, 0px); transition:all .3s ease,background-size 0.5s ease; background-size: auto 130%; background-position:center;}
#main .swiper-slide.swiper-slide-active{ background-size: auto 105%; }
#main .swiper-slide .slogan {display:flex;flex-flow:column;flex: 0 0 auto;gap:40px;font-size:20px;font-family:'GmarketSansMedium';color:#fff;text-shadow:0 5px 5px #0003;margin-bottom:40px;}
#main .swiper-slide .slogan p {font-size:50px;font-weight:500;line-height:1.4;display:block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}  
#main .swiper-slide .slogan span {display:block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
#main .swiper-slide .swiper-inner *{ opacity: 0;transform:translateX(80px);transition: all 1.2s ease;}
#main .swiper-slide.swiper-slide-active .swiper-inner * {opacity: 1;transform: translateX(0);}
 

.swiperGrp {display:flex;justify-content:start;align-items:center;width:100%;max-width:1440px;margin:0 auto;color:#fff;} 
.swiper-button-prev {left:calc(50% - 790px);}
.swiper-button-next {right:calc(50% - 790px);}
.swiper-pagination {position:absolute;left:calc(50% - 690px);bottom:40px; width:200px;height:30px;font-family:'GmarketSansMedium';font-size:22px;font-weight:600;text-shadow:3px 4px 4px #0005;display: flex;flex-flow: row nowrap;align-items:center;gap:20px;}
.swiper-pagination-current {color:#01b0f1 ;}
.swiper-pagination-total {color:#fff;}
.swiper-button-next, 
.swiper-button-prev {width:62px;height:62px;}
.swiper-button-next:focus, 
.swiper-button-prev:focus,
.swiper-button-toggle:focus {outline:none;padding:0;}  

.swiper-button-prev:after {content:"";width:40px;height:40px;border:2px solid #fff;border-top:none;border-right:none;transform: rotate(45deg);}
.swiper-button-next:after {content:"";width:40px;height:40px;border:2px solid #fff;border-top:none;border-right:none;transform: rotate(230deg);}
.swiper-pagination-bullet {background:#fff;}
.swiper-pagination-bullet.active {background:#01b0f1 ;}
.swiper-button-toggle {position:absolute;bottom:40px;left:calc(50% - 590px);width:30px;height:30px;line-height:30px;z-index: 10;}
.swiper-button-toggle span {width:40px;height:40px;font-size:18px;font-weight:800;line-height:30px;color:#fff;text-shadow:3px 4px 4px #0005;}

/*mini*/
.swiperGrp.mini {display:inline-flex;justify-content:end;align-items:center;width:auto;max-width:100%;margin:0 10px 0 0;color:#404040;}
.swiperGrp.mini button {position: relative;top:10px;}
.swiperGrp.mini button > * {line-height:20px;}
.swiperGrp.mini .swiper-button-prev {left:0;}
.swiperGrp.mini .swiper-button-next {right:0;}
.swiperGrp.mini .swiper-pagination {position:relative;left:0;bottom:0; width:auto;height:20px;font-size:18px;font-weight:300;display: flex;flex-flow: row nowrap;align-items:center;gap:6px;margin-right:15px;}
.swiperGrp.mini .swiper-pagination-current {font-size:19px;color:#ad4f00;font-weight:600;}
.swiperGrp.mini .swiper-pagination-total {font-size:19px;color:#404040;font-weight:600;}
.swiperGrp.mini .swiper-button-next, 
.swiperGrp.mini .swiper-button-prev {width:20px;height:20px;}
.swiperGrp.mini .swiper-button-prev:after {content:"";width:10px;height:10px;border:2px solid #404040;border-top:none;border-right:none;transform: rotate(45deg);}
.swiperGrp.mini .swiper-button-next:after {content:"";width:10px;height:10px;border:2px solid #404040;border-top:none;border-right:none;transform: rotate(230deg);}
.swiperGrp.mini .swiper-pagination-bullet {background:#404040;}
.swiperGrp.mini .swiper-pagination-bullet.active {background:#fd7402;}
.swiperGrp.mini .swiper-button-toggle {position:relative;bottom:0;left:0;width:18px;height:20px;z-index: 10;top:-1px;}
.swiperGrp.mini .swiper-button-toggle span {width:18px;height:20px;font-size:14px;font-weight:800;color:#404040;line-height:20px;white-space: nowrap;}

.swiperGrp.mini.w {width:100%;padding-right:20px;margin-top:-40px;}
.swiperGrp.mini.w .swiper-pagination {font-size:12px;color:#fff;} 
.swiperGrp.mini.w button span {color:#fff;}
.swiperGrp.mini.w .swiper-button-next, 
.swiperGrp.mini.w .swiper-button-prev {width:15px;height:15px;} 
.swiperGrp.mini.w .swiper-button-toggle {position:relative;left:0;width:15px;height:15px;z-index: 10;}
.swiperGrp.mini.w .swiper-button-toggle span {width:15px;height:15px;font-size:12px;font-weight:800;line-height:15px; color:#fff;}
.swiperGrp.mini.w .swiper-button-prev:after,
.swiperGrp.mini.w .swiper-button-next:after,
.swiperGrp.mini.w .swiper-button-toggle:after {width:8px;height:8px;border-color:#fff;}
.swiperGrp.mini.w .swiper-pagination-current {font-size:15px;color:#01b0f1 ;}
.swiperGrp.mini.w .swiper-pagination-total {font-size:15px;color:#fff;}
.swiperGrp.mini.w .swiper-pagination-bullet {background:#fff;}
 
 
#main .s-search-wrap { opacity:1;transform:translateY(100px);transition: all 0.8s ease;}
#main.active .s-search-wrap,#main.showup .s-search-wrap {opacity: 1;transform: translateY(0);}
.s-search-wrap {position:absolute;right:0;bottom:0;background:#0006;border-radius:150px 0 0 0;width:calc(50% + 340px);height:153px;z-index:10;font-family: 'Pretendard', sans-serif;}
.s-search-wrap >.inner {margin:0;width:1100px;height:auto;display:flex;flex-flow:row nowrap;gap:20px; justify-content: start;align-items: center; padding:20px 0 20px 130px;box-sizing: border-box;}
.s-search-wrap .s-word-wrap {display: flex;flex-flow:column;gap:15px;}
.s-search-wrap .s-word-wrap .s-word-top{display: flex;flex-flow:row wrap;gap:15px;}
.s-search-wrap .s-word-wrap h5 {font-size:20px;font-weight:500;display:inline-flex;position:relative;color:#fff;flex-flow:row;align-items: center;gap:5px;margin-left:30px;}
.s-search-wrap .s-word-wrap h5:before {content:"";display: block;width:24px;height:22px;background:url(../img/main/ic_star.png)no-repeat 0 0;}
.s-search-wrap .s-word-wrap .s-word {display:inline-block;font-size:16px;font-weight:400;border:2px solid #01b0f1 ;border-radius:20px;color:#fff;padding:8px 15px;line-height:1; transition:all 0.3s ease; }
.s-search-wrap .s-word-wrap .s-word:is(:hover,:focus){ background:#01b0f1; color:#fff; }
.s-search-box {position:relative; display:flex;justify-content: space-between;align-items: center; width:530px;height:60px;background:#fff;border-radius:42px;box-sizing: border-box;padding:5px;box-sizing: border-box;}
.s-search-box .txt-input {flex:1;height:100%;font-size:20px;border:none;border-radius:42px;padding:0 80px 0 20px;}
.s-search-box .txt-input::placeholder {color:#666;}
.s-search-box .btn-search {display: block;width:50px;height:50px;background:#01b0f1  url(../img/main/ic_srch_w.png) no-repeat 50% 50%;border:none;border-radius:50%;position:absolute;top:5px;right:5px;}
.s-search-box .btn-search:hover,.s-search-box .btn-search:active,.s-search-box .btn-search:focus {background-color:#333;}
.btn-aichatbot {width:280px; height:100px; background:url(../img/main/img_aichatbot_txt.png) no-repeat 0 50%;position: relative;box-sizing: border-box;}
.btn-aichatbot:after {content:"";display: block;width:70px;height:70px;border-radius:50%;background:#01b0f1  url(../img/main/ic_aichatbot.png) no-repeat 50% 50%;position:absolute;right:0;top:50%;transform: translateY(-50%);}


/* 연구보고서 */
#research .swiper-container {width:calc(100% + 160px);margin:0 -80px;padding:0 80px;height:auto;position: relative;} 
#research .swiper-wrapper {display: flex;flex-flow: row wrap;justify-content: start;gap:10px;width:100%;height:auto;overflow:hidden;margin-bottom:20px;}
#research .swiper-slide {flex:0 0 150px;width:150px;height:50px; overflow: hidden; cursor: pointer;background:#efeae6; border-radius:10px;transform-origin:left center;transform:scaleX(1);transition: flex 0.6s ease, height 0.6s ease, background 0.4s ease, transform 0.6s ease, box-shadow 0.6s ease;}
#research .swiper-slide:hover {background:#c8c3c3;} 
#research .swiper-slide .swiper-inner {width:100%;height:100%; padding:0;}
#research .swiper-button-prev {left:20px;top:calc(50% - 45px);}
#research .swiper-button-next {right:20px;top:calc(50% - 45px);}
#research .swiper-button-prev:after {border-color:#929292;}
#research .swiper-button-next:after {border-color:#929292;}

#research .card {display:flex;flex-flow:column;flex:1 1 100%;width:100%;height:100%; padding:15px 20px;box-sizing: border-box;align-items: center;justify-content: center;} 
#research .card-header {font-family:'GmarketSansMedium'; display: flex;flex-flow: column;align-items: center;justify-content:center;}
#research .card-header h4 {font-size:18px;color:#444;line-height:1;margin-top:3px; font-weight:500;}
#research .card-header p,
#research .card .card-body {display:none;} 
#research .swiper-slide.expand {height:500px;background:#efeae6; background-position:50% 50%;background-size:cover;border-radius:20px;transition:all .4s ease;transform-origin:left center;transform:scaleX(1);}
#research .swiper-container .swiper-slide.expand:before {content:"";position:absolute;display:block;background:linear-gradient(180deg, #0007 80%,transparent 100% );width:100%;height:100%;border-radius: 20px;z-index: 0;}
#research .swiper-container .swiper-slide .swiper-inner {position: relative;z-index: 10;}
#research .swiper-slide.expand .card {padding:20px;}
#research .swiper-slide.expand .card-header {margin:40px 0; display: flex;flex-flow: column;align-items: center;justify-content:center;gap :20px;}
#research .swiper-slide.expand .card-header h4 {font-size:24px; color:#fff;} 
#research .swiper-slide.expand:hover:before {display: none;}
#research .swiper-slide.expand:nth-child(1) {background-image:url('../img/main/bg_research01.png');}
#research .swiper-slide.expand:nth-child(2) {background-image:url('../img/main/bg_research02.png');}
#research .swiper-slide.expand:nth-child(3) {background-image:url('../img/main/bg_research03.png');background-position: 55% 50%;}
#research .swiper-slide.expand:nth-child(4) {background-image:url('../img/main/bg_research04.png');background-position:66% 50%;}
#research .swiper-slide.expand:nth-child(5) {background-image:url('../img/main/bg_research05.png');}
#research .lower-row .swiper-slide.expand:nth-child(1) {background-image:url('../img/main/bg_research06.png');}
#research .lower-row .swiper-slide.expand:nth-child(2) {background-image:url('../img/main/bg_research07.png');background-position: 30% 50%;}
#research .lower-row .swiper-slide.expand:nth-child(3) {background-image:url('../img/main/bg_research08.png');background-position: 55% 50%;}
#research .lower-row .swiper-slide.expand:nth-child(4) {background-image:url('../img/main/bg_research09.png');background-position: 55% 50%;}
#research .lower-row .swiper-slide.expand:nth-child(5) {background-image:url('../img/main/bg_research10.png');}

#research .swiper-slide.on {flex:1 1 720px;height: 500px;transform:scaleX(1);box-shadow:3px 4px 5px #0003;}
#research .swiper-slide.on .card-header p {display: flex;flex-flow: row;align-items: end;line-height: 1;gap:5px;color:#01b0f1 ;}
#research .swiper-slide.on .card-header p strong {font-size:30px;font-weight:600;}
#research .swiper-slide.on .card-header p span {font-size:22px;} 
#research .swiper-slide.on .card-header h4 {font-size:38px;}
#research .swiper-slide.on .card-body {display:flex;flex-flow:column;gap:10px;width:100%;}
#research .swiper-slide.on ul li {flex:1 1 100%;}
#research .swiper-slide.on ul li a {display:block;background:#0005;border-radius:25px;padding:15px 20px;box-sizing: border-box;display:flex;justify-content: space-between;flex-flow:row wrap;align-items: center;gap:10px;}
#research .swiper-slide.on ul li a:hover,
#research .swiper-slide.on ul li a:focus,
#research .swiper-slide.on ul li a:active {background:#0009;}
#research .swiper-slide.on ul li a .radius-box {flex:0 0 95px;width:95px;height:30px;padding:6px 20px; box-sizing:border-box;line-height: 1; text-align:center;display:inline-block;background:transparent; color:#fff;border:1px solid #01b0f1 ;border-radius:20px;font-size:16px;}
#research .swiper-slide.on ul li a p {flex:1;font-size:18px;font-weight:400;color:#fff;width:auto;height:22px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;}
#research .swiper-slide.on ul li a .date {flex:0 0 52px;font-weight:600;color:#fff;box-sizing: border-box;}

/*webzine*/
#webzine {flex-flow: row wrap;background:#fff;margin:0;padding:0;}
/*#webzine .pub-wrap .m-header{ margin:0; }*//* 250722 YP */
#webzine .pub-wrap .inner { width:1440px; margin:0 auto; display:flex; flex-direction: row;}
.pub-left{ display:flex; gap:70px; flex-direction: column; padding-top:50px; }
.pub-left-wrap{ position:relative; height:280px; opacity:0; transform:translateY(100px); transition:all 0.6s ease; }
.pub-right .stat-wrap .stat-box.in-view,
.pub-left-wrap.in-view{ opacity:1; transform:translateY(0px); }
.pub-left-wrap:after{ content:" "; display:block; position:absolute; z-index: -1; width:200%; height:280px; border-radius:200px; background:#f8f8f8;right:40px; bottom:0; }
.pub-box{
  perspective: 1200px;
  position:absolute;
  bottom:10px;
}
.pub-box:before{
  content:" ";
  display:block;
  position:absolute;
  z-index:-1;
  width:500px;
  height:80px;
  background:url(../img/main/pub-shdw.png);
  background-size: 100%;
  background-repeat: no-repeat;
  bottom: 19px;
  left: 0;
  margin-left: -70%;
  transition:all 0.6s ease;
}
.pub-book {
  width: 250px;
  height: 305px;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateY(25deg);
  transition: transform 0.6s ease;
}

.pub-left-wrap:hover .pub-box .pub-book {
  transform: rotateY(0deg);
}

.pub-left-wrap:hover .pub-box:before{
  width:400px;
  transform:rotate(10deg);
  margin-left:calc(-70% + 40px);
  bottom:5px;
}

.pub-book > div {
  position: absolute;
  height: 275px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: white;
}

.book-front {
  width: 210px;
  background: #1e293b;
  transform: translateX(40px) translateZ(39px);
  overflow:hidden;
}
.book-front img{
  width:100%;
}

.book-left {
  width: 40px;
  background: #919aa4;
  transform: rotateY(-90deg) translateZ(-40px);
  transform-origin: left center;
  overflow:hidden;
}

.pub-left{ width:calc( 100% - 440px); }
.pub-right{ flex: 0 0 440px; }

.pub-info{ padding:50px 140px 50px 330px; display:flex; flex-direction: column; gap:20px; }
.pub-info > h4{ font-size:22px; font-weight:700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.pub-info .pub-txt{ display:flex; flex-direction: column; gap:10px; }
.pub-info .pub-txt p{ font-size:16px; }
.pub-btn{ display:flex; flex-direction: row; gap:10px; }
.pub-btn button{
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    border: 2px solid #000;
    border-radius: 20px;
    color: #000;
    padding: 0px 15px;
    height:40px;
    line-height: 40px;
    padding-right:55px;
    position:relative;
    transition: background 0.4s ease;
}
.pub-btn button.view:before,
.pub-btn button.view:after{ content:" "; display:block; position:absolute; width:10px; height:1px; top:15px; right:20px; }
.pub-btn button.view:before{ background:#000; top:18px; }
.pub-btn button.view:after{ width:6px; height:6px; border-right:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg); }
.pub-btn button.down{ border:0; background:#003dd4; color:#fff; }
.pub-btn button:hover,
.pub-btn button:focus{ background:#000; color:#fff; }
.pub-btn button.view:is(:hover,:focus):before{ background:#fff; }
.pub-btn button.view:is(:hover,:focus):after{ border-color:#fff; }
.pub-btn button.down:after{ content:" "; display:block; position:absolute; width:19px; height:17px; background: url(../img/sub/icon_down.svg) center no-repeat; right:20px; top:50%; transform:translateY(-50%); filter: brightness(100) contrast(100) invert(100); }

.pub-right .stat-wrap{ display:flex; flex-direction:column; gap:30px; padding-top:50px;justify-content: center; height:100%; }
.pub-right .stat-wrap .stat-box{ border-radius:30px; padding:40px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.08); background:#fff;margin-left:40px; height:250px; position:relative; opacity:0; transform:translateY(100px); transition:all 0.6s ease;  }
.pub-right .stat-wrap .stat-box > h3{ font-size:20px; font-weight:700; margin-bottom:20px; }
.pub-right .stat-wrap .stat-box .stat-ul{ display:flex; flex-direction: column; gap:10px; }
.pub-right .stat-wrap .stat-box .stat-ul .stat-tit span{ font-size:16px; } 
.pub-right .stat-wrap .stat-box .stat-ul .stat-li{ padding-left:15px; position:relative; }
.pub-right .stat-wrap .stat-box .stat-ul .stat-li:before{ content:" "; display:block; position:absolute; width:5px; height:5px; border-radius:3px; background:#5e5f60; left:0; top:7px; }
.pub-right .stat-wrap .stat-box .stat-ul .stat-tit{ padding-right:30px; position:relative; }
.pub-right .stat-wrap .stat-box .stat-ul .stat-tit:before{ width:17px; height:17px; content:" "; display:block; position:absolute; right:0; top:1px; background:#efefef; border-radius:10px; }
.pub-right .stat-wrap .stat-box .stat-ul .stat-tit:after{ width:5px; height:5px; content:" "; position:absolute; right:6px; top:7px; border-right:1px solid #222; border-bottom:1px solid #222; transform:rotate(-45deg); }
.pub-right .stat-wrap .stat-box .stat-ul .stat-tit:hover:before{ background:#003dd4; }
.pub-right .stat-wrap .stat-box .stat-ul .stat-tit:hover:after{ border-color:#fff; }
.pub-right .stat-wrap .stat-box .stat-ul .stat-tit:hover,
.pub-right .stat-wrap .stat-box .stat-ul .stat-tit:focus{ color:#003dd4; }

.pub-right .stat-wrap .stat-box:nth-child(1):after{
  content:" "; display:block; position:absolute; width:96px; height:93px; bottom:40px; right:40px;
  background:url('../img/main/pub-right_01.png');
}
.pub-right .stat-wrap .stat-box:nth-child(2):after{
  content:" "; display:block; position:absolute; width:96px; height:93px;bottom:40px; right:40px;
  background:url('../img/main/pub-right_02.png');
}


/*연구원소식*/
/*#news {background:url(../img/main/bg_news.png) no-repeat 0 bottom;background-size:cover;}*/
#news .m-top-wrap {display:flex;justify-content: space-between;align-items: center;}
#news .m-top-wrap > div {flex:1 1 50%;height:300px;align-items: start;display: flex;}
#news .news-wrap {position:relative;flex:0 0 540px !important;width:540px;padding-left:10px; display:flex;justify-content: space-between;align-items: start;gap:20px;z-index:12;}  
#news .news-wrap .swiper {width:100%;height:100%;border-radius:20px;}
#news .news-wrap .swiper-slide {background:#ddd;border-radius:20px;width:100%;height:100%;background-position:50% 50%;background-size:cover; transition-duration: 0ms; opacity: 1; transform: translate3d(0px, 0px, 0px);transition:all .3s ease;z-index: -1;}
#news .news-wrap .swiper-slide:before {content:"";display:block;width:100%;height:100%;border-radius:20px;background:linear-gradient(180deg, #0008 50%,transparent 100% );position:absolute;top:0;left:0;z-index: 0;}
#news .news-wrap .swiper-inner {position:relative;width:100%;height:100%; z-index:1;}
#news .news-wrap .card {position:relative;display: flex;flex:1;flex-flow:column;justify-content: flex-end;width:100%;height:100%;border-radius:20px;}
.video-news-swiper,
.card-news-swiper{
  opacity:0;
  transform: translateY(100px);
  transition: all 0.6s ease;
}
.card-news-swiper.in-view,
#news .news-wrap .video-news-swiper.in-view {
  opacity: 1;
  transform: translateY(0);
}
 
#news .news-wrap .card .card-img {width:100%;height:100%;object-fit: cover;position:absolute;top:0;left:0;z-index: 0;transition: transform .2s;}
#news .news-wrap .card .card-video {width:100%;max-width:100%;height:100%;object-fit: cover;position:absolute;top:0;left:0;z-index: 0;transition: transform .2s;}
#news .news-wrap .card .card-video * {width:100%;}
#news .news-wrap .card a {position:relative;padding:20px;display:flex;width:100%;height:100%;align-items: start;justify-content: flex-end;gap:20px; flex-flow:column;padding-bottom:50px;z-index:10;}
#news .news-wrap .card a:before {content:"";display:block;width:100%;height:100%;background: linear-gradient(180deg, rgba(0,0,0,.0) -10%, rgba(0,0,0,.1) 100%);position:absolute;top:0;left:0;z-index:0;}
#news .news-wrap .swiper{ border:1px solid #0004;}
#news .news-wrap .card a:hover:before { background: rgba(0,0,0,.5);}
#news .news-wrap .video-news-swiper .card a:after { content: " ▶";  display: flex;align-items:center;justify-content:center; width: 50px;  height:50px; color:#fff;border:3px solid #fff;text-shadow:5px 5px 5px #0004;  font-size:30px;  border-radius:10px; padding:0 10px; position: absolute;  top: 50%; left: 50%;transform:translate(-50%,-50%);transition: all .3s ease; opacity:0}
#news .news-wrap .video-news-swiper .card:hover a:after {opacity: .7;}
#news .news-wrap .card a > * {z-index:1;}
#news .news-wrap .card .t-cate {display:block;width:auto;height:30px;padding:6px 15px;line-height:1;border-radius:20px;font-size:16px;color:#fff;border:1px solid #fff; display:none;}
#news .news-wrap .card .t-tit {font-size:20px;font-weight:500;line-height:1.4;color:#fff; font-family:'GmarketSansMedium';width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;transition:all .3s ease; display:none;}
#news .news-wrap .card:hover .card-video * {transform: scale(1.5);border-radius:20px;}

#news .main-tab{ display:flex; }
#news .main-tab .news-swiper{ width:calc( 100% - 365px); margin:0; }
#news .main-tab .news-swiper .swiper-pagination{ display:none; }
#news .main-tab .card-news-swiper{ width:345px; height:300px; margin:0; margin-top:70px; margin-left:20px; border-radius:20px; }
#news .main-tab .card-news-swiper .swiper-slide {background:#ddd;border-radius:20px;width:100%;height:100%;background-position:50% 50%;background-size:cover; transition-duration: 0ms; opacity: 1; transform: translate3d(0px, 0px, 0px);transition:all .3s ease;z-index: -1;}
#news .main-tab .card-news-swiper .swiper-slide:before {content:"";display:block;width:100%;height:100%;border-radius:20px;background:linear-gradient(180deg, #0008 50%,transparent 100% );position:absolute;top:0;left:0;z-index: 0;}
#news .main-tab .card-news-swiper .swiper-inner {position:relative;width:100%;height:100%; z-index:1;}
#news .main-tab .card-news-swiper .card {position:relative;display: flex;flex:1;flex-flow:column;justify-content: flex-end;width:100%;height:100%;border-radius:20px;}
 
#news .main-tab .card-news-swiper .card .card-img {width:100%;height:100%;object-fit: cover;position:absolute;top:0;left:0;z-index: 0;transition: transform .4s;}
#news .main-tab .card-news-swiper .card a {position:relative;padding:20px;display:flex;width:100%;height:100%;align-items: start;justify-content: flex-end;gap:20px; flex-flow:column;padding-bottom:50px;z-index:10;}
#news .main-tab .card-news-swiper .card a > * {z-index:1;}
#news .main-tab .card-news-swiper .card .t-cate {display:block;width:auto;height:30px;padding:6px 15px;line-height:1;border-radius:20px;font-size:16px;color:#fff;border:1px solid #fff; position:absolute;left:20px; top:20px; display:none; }
#news .main-tab .card-news-swiper .card .t-tit {font-size:20px;font-weight:500;line-height:1.4;color:#fff; font-family:'GmarketSansMedium';width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;transition:all .3s ease;display:none;}
#news .main-tab .card-news-swiper .card:hover .card-img{transform: scale(1.15);border-radius:20px;}

#news .main-tab .swiperGrp.mini {margin-bottom:20px;}
#news .main-tab {position:relative;margin-top:-80px;z-index: 10;overflow:hidden;}
#news .main-tab .tab-list {display:flex;justify-content: start;align-items: center;gap:10px;margin:0 10px 0 0;}
#news .main-tab .tab-list li {flex:0 0 auto;}
#news .main-tab .tab-list li .t-btn {padding:15px;min-width:100px;height:50px;border:1px solid #404040;border-radius: 30px;transition:all .4s ease;top:0;}
#news .main-tab .tab-list li .t-btn span {font-size:18px;line-height:1; color:#404040;font-family:'GmarketSansMedium';white-space: nowrap; margin-top:2px; display:block;} 
#news .main-tab .tab-list .tab-button.on .t-btn,
#news .main-tab .tab-list .tab-button:hover .t-btn,
#news .main-tab .tab-list .tab-button:focus .t-btn,
#news .main-tab .tab-list .tab-button:active .t-btn {background:#01b0f1;/*linear-gradient(90deg, #01b0f1 0%,#fd7402 100% );*/ border:0; }
#news .main-tab .tab-list .tab-button.on .t-btn span,
#news .main-tab .tab-list .tab-button:hover .t-btn span,
#news .main-tab .tab-list .tab-button:focus .t-btn span,
#news .main-tab .tab-list .tab-button:active .t-btn span {color:#fff;font-weight: 400;}
#news .main-tab .tab-content {display: block;padding:20px 0 0;}
#news .main-tab .card-list {width:100%;padding:0;display: flex;flex-flow:row wrap;gap:20px;}
#news .main-tab .card-list li {flex:0 0 calc((100% - (20px * 2)) / 3 );width:calc((100% - (20px * 2)) / 3 );background:#01b0f1 ;border-radius: 20px;display: flex;} 
#news .main-tab .card-list li:nth-child(even) {background-color:#fd7402 ;}
#news .main-tab .card-list li:hover,
#news .main-tab .card-list li:focus,
#news .main-tab .card-list li:active {background:#009fd8;}
#news .main-tab .card-list li:nth-child(even):hover,
#news .main-tab .card-list li:nth-child(even):focus,
#news .main-tab .card-list li:nth-child(even):active {background-color:#df6500;box-shadow: 5px 5px 8px #0003;} 

#news .main-tab .card-list li a {flex:1;width:100%;height:300px; color:#fff;display:block;padding:40px;line-height:1.6; position:relative;}
#news .main-tab .card-list li .t-tit {font-size:20px;font-weight:500;font-family:'GmarketSansMedium';width:100%;height:auto;max-height:76px;margin-bottom:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all; transition:all 0.5s ease;}
#news .main-tab .card-list li .t-cont {font-size:16px;font-weight:300;border-top:1px solid #ffffff30;padding-top:35px;width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all; }
#news .main-tab .card-list li .t-cont:empty:before{ content:" "; display:block; position:absolute; right:40px; bottom:40px; width:170px; height:100px; background:url(../img/main/ic_news.png) no-repeat right center; }
#news .main-tab .card-list li:hover .t-tit {font-size:22px;}

/*바로가기*/
#link {background:#edf2f7;flex-flow:column nowrap;}
#link > .inner {flex:1 1 100%;height:calc(100% - 170px);width:100%;height:100vh;}
#link #footer {margin-top:50px;height:170px;}
#link .link-wrap {width:100%;height:auto;max-height:650px;display: flex;justify-content: space-between;flex-flow:row wrap;align-items: stretch;gap:20px;}
#link .link-wrap .card {position:relative;flex:0 0 319px;opacity: 0;transform: translateY(100px); transition: all .4s ease;}
#link .link-wrap .card.in-view {opacity: 1;transform: translateY(0);} 

#link .link-wrap .card .card-body {position:relative;width:100%;height:100%;padding:40px 50px;border-radius:20px;background:#000;display:flex;flex-flow:column;justify-content: center; align-items: center;text-align:center; gap:40px;z-index: 1; overflow:hidden;}
#link .link-wrap .card .card-body:before {content:"";display: block;width:100%;height:100%;position: absolute;top:0;left:0;border-radius:20px;z-index: 1;transition:all .3s ease;}
#link .link-wrap .card .card-body.paper2 {background:transparent;}
#link .link-wrap .card .edu:before {background:url(../img/main/bg_edu.png) no-repeat 50% 50%;opacity: .7;}
#link .link-wrap .card .proposal:before {background:url(../img/main/bg_proposal.png) no-repeat 50% 50%;opacity: .7;}
#link .link-wrap .card .newsletter:before {background:url(../img/main/bg_newsletter.png) no-repeat 50% 50%;opacity: .7;}
#link .link-wrap .card .paper:before {background:#00428c;}
#link .link-wrap .card .paper2:before {background:#fd7402;} 
#link .link-wrap .card .paper:hover:before,
#link .link-wrap .card .paper:focus:before,
#link .link-wrap .card .paper:active:before {background:#0660c6;}
#link .link-wrap .card .paper2:hover:before,
#link .link-wrap .card .paper2:focus:before,
#link .link-wrap .card .paper2:active:before {background:#f67811;} 

#link .link-wrap .card .card-body:hover:before,
#link .link-wrap .card .card-body:focus:before ,
#link .link-wrap .card .card-body:active:before {opacity: 1;box-shadow:3px 5px 8px #0004; transform:scale(1.15);}
#link .link-wrap .card .card-body * {z-index: 2;}
#link .link-wrap .card .card-body h3 {position:relative;font-size:26px;font-weight:600;font-family:'GmarketSansMedium';color:#fff;display: flex;flex-flow: column;gap:20px;align-items: center;}
#link .link-wrap .card .card-body h3:before {content:"";display: block;width:64px;height:55px;background:url(../img/main/ic_edu.png) no-repeat 50% 50%;background-size:cover;}

#link .link-wrap .card .edu h3:before {background:url(../img/main/ic_edu.png) ;}
#link .link-wrap .card .proposal h3:before {background:url(../img/main/ic_proposal.png) ;}
#link .link-wrap .card .newsletter h3:before {background:url(../img/main/ic_newsletter.png) ;}  

#link .link-wrap .card .card-body p {font-size:18px;word-break: keep-all;line-height: 1.6;color:#fff;padding:0 20px;} 
#link .link-wrap .card.column {display:flex;flex-flow:column nowrap;gap:20px;flex:1;align-items: center;}
#link .link-wrap .card.column .card-body {flex:1;height:215px; overflow:hidden;padding:40px;gap:20px;align-items: start;}
#link .link-wrap .card.column .card-body:before {position:absolute;right:0;bottom:0;}
#link .link-wrap .card.column h3 {align-items:start;text-align: left;font-size:24px;}
#link .link-wrap .card.column h3::before{display: none;}
#link .link-wrap .card.column .card-body:after {content:"";display:block; width:190px;height:142px;position:absolute;right:20px;bottom:0;z-index: 1; transition:transform 0.3s ease;}
#link .link-wrap .card.column .paper:after {background:url(../img/main/ic_bg_paper.png) no-repeat right bottom;}
#link .link-wrap .card.column .paper2:after{background:url(../img/main/ic_bg_paper02.png) no-repeat right bottom;}
#link .link-wrap .card.column .card-body:hover:after {transform:scale(1.2);}
/*sns*/
.sns-wrap.main{opacity: 0; visibility: hidden;}
.sns-wrap {opacity: 1;width:180px;overflow: hidden;position:fixed;top:50%;left:50%; margin-left:780px; display: flex;flex-flow: column;gap:10px;padding:8px; transform: translateY(-50%);transition:all .3s ease;z-index: 10; visibility: visible;}
.sns-wrap a {position:relative;width:45px;height:45px;border-radius:45px;box-shadow: 2px 3px 15px #0002;padding:0;display:flex;flex-flow:row nowrap;align-items: center;gap:8px;transition:all .6s ease;transform-origin:left;transform:scaleX(1);background:#fff;}
.sns-wrap a:before {content:"";display: block;width:45px;height:45px;border-radius: 45px;background:#fff url(../img/main/ic_aichatbot.png) no-repeat 50% 50%;background-size:35px; position:absolute; z-index: 1;}
.sns-wrap a span {display: block; position:relative; left:0; overflow:hidden; width:0;font-size:18px;color:#404040;font-weight:500;white-space: nowrap;transition: all .3s ease; padding-left:0; text-align: left;}
.sns-wrap a.chatbot:before {background:#01b0f1 url(../img/main/ic_aichatbot.png) no-repeat 50% 50%;background-size:28px;}
.sns-wrap a.youtube:before {background:#fff  url(../img/main/ic_youtube2.png) no-repeat 50% 50%;}
.sns-wrap a.facebook:before {background:#fff  url(../img/main/ic_facebook.png) no-repeat 50% 50%;}
.sns-wrap a.instagram:before {background:#fff  url(../img/main/ic_insta.png) no-repeat 50% 50%;}
.sns-wrap a.ch:before {background:#fff  url(../img/main/ic_ch.png) no-repeat 50% 50%;}
.sns-wrap a.qna:before {background:#fd7402 url(../img/main/ic_qna.png) no-repeat 50% 50%;}
.sns-wrap a.top:before {background:#404040 url(../img/main/ic_top.png) no-repeat 50% 50%;} 
.sns-wrap a.lib:before{ background:#fff  url(../img/main/ic_lib.png) no-repeat 50% 50%; border: 2px solid #2c4b9c;
    box-sizing: border-box; background-size:28px; }
.sns-wrap a.info:before{ background:#fff  url(../img/main/ic_info.png) no-repeat 50% 50%; border: 2px solid #2c4b9c;
    box-sizing: border-box; }
.sns-wrap a.on,
.sns-wrap a:hover:not(.top) ,
.sns-wrap a:focus:not(.top) ,
.sns-wrap a:active:not(.top) {width:175px;transform:scaleX(1);}
.sns-wrap a:hover:not(.top, .chatbot, .qna):before,
.sns-wrap a:focus:not(.top, .chatbot, .qna):before ,
.sns-wrap a:active:not(.top, .chatbot, .qna):before {background-color:#efefef;} 
.sns-wrap a.on span,
.sns-wrap a:hover span,
.sns-wrap a:focus span ,
.sns-wrap a:active span {display:flex;width:175px;justify-content: start; align-items: start;flex-flow:column; padding-left:55px; text-align: left;}
.sns-wrap a.on span em,
.sns-wrap a:hover span em,
.sns-wrap a:focus span em,
.sns-wrap a:active span em {font-size:14px;font-weight:300;}
.sns-wrap a.top:hover {width:45px;}

/*animations*/
section.panel .card-list,
.news-wrap .card-news-swiper ,
.link-wrap .card-list {opacity: 0;transform: translateY(100px);transition: opacity 0.6s ease, transform 0.6s ease;}
#research .swiper{opacity: 0;transform: translateY(100px);transition: opacity 0.4s ease, transform 0.4s ease; transition-duration: 1.5s;}
#webzine .swiper-wrapper{opacity: 0; transform: translateY(50px); transition: opacity 0.4s ease, transform 0.4s ease; transition-duration: 1.2s;}
section#main.panel{transform: translateY(0px) !important;}

section.panel .card-list.in-view,
.news-wrap .card-news-swiper.in-view,
.link-wrap.card-list.in-view,
#research .swiper.in-view,
#webzine .swiper-wrapper.in-view{opacity: 1;  transform: translateY(0);}  
/* 등장할 때 */
.panel.showup,
.flotating-menu.showup,
.sns.showup,
.panel.active{background:#fff;opacity: 1;transform: translateY(0);}
#floating.showup,#sns.showup,.floating-menu.main.showup  {opacity: 1;transform: translateY(-50%);}
#research.showup,#news.showup,#webzine.showup,#link.showup {position:fixed;top:0;left:0;}
#veluga-plugin-container > div > button:first-child {display: none !important;} 

/* 애니메이션 */ 
section.panel{animation: fadeUp 0.4s 0.2s both;}  

.soft-wave-bg {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 320px; 
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
  }
  
  .wave {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    transform-origin: bottom;
    filter: blur(1px);
    opacity: 0.7;
  }
  
  .wave1 {
    animation: waveFloat1 3s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    z-index: 1;
  }
  
  .wave2 {
    animation: waveFloat2 5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    z-index: 0;
  }
  
  @keyframes waveFloat1 {
    0%   { transform: translateY(0) scaleY(1); }
    50%  { transform: translateY(32px) scaleY(1.1); }
    100% { transform: translateY(0) scaleY(1); }
  }
  
  @keyframes waveFloat2 {
    0%   { transform: translateY(14px) scaleY(1); }
    50%  { transform: translateY(-28px) scaleY(0.9); }
    100% { transform: translateY(14px) scaleY(1); }
  }

@keyframes fadeUp {
	0%{transform:translateY(80px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

/* 250716 YP = 기존 영문 메인 / 영문 footer css > 해당스타일 미사용으로 삭제 */

/* 250716 YP = 기존 국문 미디어쿼리 > mobile.css 로 이동 */

/* 250716 YP = 기존 영문 미디어쿼리 > mobile_eng.css 로 이동 */

.swiper-slide { 
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  } 

/* 250701 YP a11y add */
.swiper-button-next:focus-visible, 
.swiper-button-prev:focus-visible,
.swiper-button-toggle:focus-visible,
.btn-aichatbot:focus-visible,
#main .swiper-slide.swiper-slide-active .swiper-inner .go:focus-visible,
.s-search-box .btn-search:focus-visible,
#research .swiper-slide.expand:focus-visible,
#research .swiper-slide.on ul li a:focus-visible,
#research .go:focus-visible { outline:3px solid #e61956; }
#link .go:focus-visible{ outline:3px solid #e61956; background: #0009; }
#research .swiper-container .swiper-slide.expand:before{ z-index:-1; }
#news .news-wrap .card a:focus-visible,
#news .main-tab .card-news-swiper .card a:focus-visible { border-radius: 20px; }

/* 250703 YP add */
#main .swiper-container{ max-width: 100%; }
.swiper-button-prev { transition: all 0.3s ease;}
.main #header:hover a.search-btn, 
.main #header.move a.search-btn, 
.main #header .header-body.on a.search-btn{ transition: .1s; }

.m-header h3{ padding-bottom: 0 !important; }
.m-header p{ padding-top: 30px; }
#research .swiper-slide.expand .card-header,
#link .link-wrap .card.in-view:not(.card.column){ text-shadow: 1px 1px 2px #000; }
.pub-left-wrap{ /*height: auto;*/ }
.pub-info{ /*height: 100%;*/ justify-content: space-between; }

#webzine .pub-wrap .inner{ width: 100%; }

#loaddingSpinner{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgb(0,0,0,0.3); z-index:122; }
#loaddingSpinner img{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
}

/* 제증명등록 팝업 250804 */
/*팝업 스타일 - 2*/
.popup-bg-wrap {visibility: hidden; opacity:0; position: fixed; display:flex; justify-content: center; align-items:center; top:0; left:0; width:100%; height:100%; z-index: 999;}
.popup-bg-wrap.on {visibility: visible; opacity:1;}
.popup-bg-wrap:before {position:fixed; top:0; left:0; display:block; content:''; width:100%; height:100%; background:#00000042; z-index:99;}
.popup-bg-wrap.on:before{visibility: visible; opacity:1;}
.popup-bg-wrap .popup-box {background-color:#fff; z-index: 9999; box-shadow: 0 0 18px 4px #00000045;}
.popup-bg-wrap .popup-box.basic {width:1000px; height:800px; min-height:50vh;}
.popup-bg-wrap .popup-box.down {width:950px; max-height:580px;}
.popup-bg-wrap .popup-box .popup-tit {position:relative; display:flex; justify-content: space-between; align-items: center; width:100%; height:80px; padding:0 30px; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.popup-bg-wrap .popup-box .popup-tit .tit {font-size:22px; font-weight:500;}
.popup-bg-wrap .popup-box .popup-tit .btn-i-B-close {transition: var(--ani-1);}
.popup-bg-wrap .popup-box .popup-tit .btn-i-B-close:hover {transform: rotateZ(180deg);}
.popup-bg-wrap .popup-box .popup-cnt {padding:30px; height:calc(100% - 80px); box-sizing: border-box;}
.popup-bg-wrap .popup-box .popup-cnt.bottom-btn {height:calc(100% - 200px);}
.popup-bg-wrap .popup-box .popup-cnt.bottom-btn .scrollbar {height:100%; overflow: hidden; overflow-y: auto;}
.popup-bg-wrap .popup-box .popup-cnt p {font-size:17px;}
.popup-bg-wrap .popup-box .popup-cnt .pw-chk-wrap {position:relative;display: flex;flex-flow:column;width:400px;gap:10px;align-items: center;padding:20px 0 40px;}
.popup-bg-wrap .popup-box .popup-cnt .pw-chk-wrap:before {content:"";display: block;width:80px;height:80px;margin-bottom:20px;background:url(../img/sub/icon_lock.png) no-repeat 50% 50%;background-size:cover;}
.popup-bg-wrap .popup-box .pw-chk-wrap h3 {font-size:24px;font-weight:800;}
.popup-bg-wrap .popup-box .pw-chk-wrap p {font-size:17px;color:#666;}
.popup-bg-wrap .popup-box .pw-chk-wrap .pw-box {display: flex;flex-flow:row nowrap;flex:1;width:100%;align-items: center;margin-top:20px;}
.popup-bg-wrap .popup-box .pw-chk-wrap .pw-box input[type=password] {height:60px;flex:1;border-radius:5px 0 0 5px;font-size:20px;border-right:none;min-width:300px}
.popup-bg-wrap .popup-box .pw-chk-wrap .pw-box input[type=password]::placeholder {color:#6665;}
.popup-bg-wrap .popup-box .pw-chk-wrap .pw-box .btn.chk {min-width:100px;height:60px;background:#003dd4;border-radius:0 5px 5px 0;color:#fff;text-align: center;}

.es-box-wrap  {margin-bottom:20px;}
.es-box-wrap +.es-box-wrap {margin-top:30px;}
.es-box-wrap .es-tit {display:flex; position: relative;}
.es-box-wrap .es-tit:before {position: absolute; display:block; content:''; bottom:-2px; left:0; width:100%; height:2px; background-color:var(--d-blue-color);}
.es-box-wrap .es-tit.opt:before,
.es-box-wrap .es-tit.opt .tit{ background-color:#434855; }
.es-box-wrap .es-tit .tit {display:inline-flex; padding:10px;min-width:60px; text-align: center; background-color: var(--d-blue-color); color:#fff; font-size:18px; align-items: center; justify-content: center;}
.es-box-wrap .es-tit .tit + .txt {padding-left:10px;}
.es-box-wrap .es-tit .txt {padding:10px; padding-left:0px; font-size:18px; text-align: left;}
.es-box-wrap .es-cnt {padding:20px; border:1px solid #e2e7eb; border-top:0; font-size:16px; color:#444; line-height:25px; word-break: auto-phrase; background-color:#f8f8f8; box-sizing: border-box;}
.es-box-wrap .es-cnt .cnt-category {margin-top:10px;}
.es-box-wrap .es-cnt .cnt-category .t-list .t-tit {padding:10px;padding-right:0; }
.es-box-wrap .es-cnt textarea {height:70px;}

/*카테고리 표*/
.cnt-category {margin-top:20px; border-top:1px solid var(--border-color);}
.cnt-category > ul {display: flex; flex-wrap: wrap; width:100%;}
.cnt-category > ul > li {border-bottom:1px solid var(--border-color);}
.cnt-category > ul > li.w-100 {width: 100%;}
.cnt-category > ul > li.w-50 {width: 50%;}
.cnt-category .t-list {display:flex; width:100%; font-size:17px;}
.cnt-category .t-list .t-tit {display: flex; align-items: center; width:110px; padding:10px 0; font-weight: bold; font-size:16px; box-sizing: border-box;}
.cnt-category .t-list .t-txt {width:calc(100% - 110px); padding:10px; line-height:20px; color:#222; font-size:15px; box-sizing: border-box;display:flex;flex-flow:row wrap;flex:1;gap:5px;justify-content: start;}
.cnt-category .t-list .t-txt input[type=text],
.cnt-category .t-list .t-txt input[type=password],
.t-txt input[type="email"] {flex:1;}
.t-txt input[type="email"] { padding: 2px 10px; height: 34px; background: #fff; border: 1px solid #bbb; color: #000; font-size: 15px; line-height: 32px; box-sizing: border-box; width: 150px; }
.cnt-category .t-list .t-txt textarea {flex:1;}
.cnt-category .t-list .t-txt .txt,
.cnt-category .t-list .t-txt p,
.cnt-category .t-list .t-txt span{display: inline-flex;align-items: center;}
.cnt-category.type-02 {border-top:2px solid #99c5f5;}
.cnt-category.type-02 .t-list .t-tit {color: var(--navi-color);}
.cnt-category.type-02 > ul > li {border-color:#d6e8fb; background-color:#fff;}
.cnt-tit.type-02 {position: relative; font-size:18px; font-weight:500; padding-left:25px;}
.cnt-tit.type-02::before {position: absolute; display:block; content: ''; top:3px; left:0px; width:17px; height:17px; background:url('../img/sub/icon_mini_b_glasses.png') no-repeat left top;}
.cnt-category .radius-box {margin-left:0;}