@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;} 
 

.t-h3{ color:#fff; font-size:20px; font-weight:600; }
.t-txt{ color:#fff; font-size:16px; }

.go {position: relative;display:flex;align-items:center;gap:10px;width:auto;height:50px;line-height:.9;box-sizing: border-box;padding:15px 30px 10px;background:#0007;color:#fff;white-space:nowrap; border-radius:25px;font-size:22px;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:#000;} 

.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;} 
 
 

.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:#007dab;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:#01b0f1;}
.swiperGrp.mini .swiper-button-toggle {position:relative;bottom:0;left:0;width:18px;height:20px;z-index: 10;top:0;}
.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;} 
  
.s-search-wrap {position:absolute;right:0;bottom:0;background:#0006;border-radius:150px 0 0 0;width:calc(50% + 190px);height:205px;z-index:10;font-family: 'Pretendard', sans-serif; opacity:1;transition: all 0.8s ease;}
.s-search-wrap >.inner {margin:0;width:calc(1440px - 50% + 190px);height:auto;display:flex;flex-flow:row nowrap;gap:20px; justify-content: start;align-items: center; padding:35px 0 30px 70px;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:22px;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:18px;font-weight:400;border:2px solid #01b0f1;border-radius:20px;color:#fff;padding:8px 15px;line-height:1;}
.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:24px;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%; background-size:28px;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%);}
  
/*animations*/
.swiper .swiper-slide,
section.panel .card-list li,
.news-wrap .card-news-swiper ,
.link-wrap .card {opacity: 0;transform: translateY(100px);transition: opacity 0.6s ease, transform 0.6s ease;}
.swiper .swiper-slide.in-view,
section.panel .card-list li.in-view,
.news-wrap .card-news-swiper.in-view,
.link-wrap.card.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;}  

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

/*영문메인*/
.eng-main {position:relative;max-width:100%;min-width:1440px;min-height:100vh;height:100%;}
.eng-main #main {margin:0;width:100%;height:100%;} 
.eng-main * {box-sizing: border-box;} 
/*HEADER*/
.eng-main .header-top-in {background:transparent;}
.eng-main .font-controls {gap:10px;position:relative;}
.eng-main .font-controls button {width:35px;height:35px;border:1px solid #ffffff70;border-radius:50%;}
.eng-main #header-top {position:absolute;top:0;left:0;}
.eng-main #header-top .inner .util-box .language{padding-left:30px;}
.eng-main #header-top .inner .util-box .language span {font-size:16px;}
.eng-main #header-top {background:transparent;}
.eng-main #header-top .header-top-in:after {display:none;}
.eng-main #header {width:80px;height:100%;position:fixed;top:0;right:0;background:#fff;border:none;z-index:10;} 
.eng-main #header .header-in ,
.eng-main #header .header-body,
.eng-main #header .hade-in {width:100%;height:100%;padding:0;display:flex;justify-content: center;box-sizing: border-box;} 
.eng-main #header .header-in h1 {width:40px;height:101px;position:absolute;top:50%;transform:translateY(-50%); margin-top:-60px;}
.eng-main #header .header-in h1 a {display:block;}
.eng-main #header .header-in .inner {height:100%;}
.eng-main #container.inner {position:relative;min-height:calc(100vh - 260px);margin: 70px auto;z-index: 1;display:flex;align-items: center;}
.eng-main #header .head-util {position:absolute;top:10px;right:0;width: auto;height:35px;transform: translate(-25px, 10px);display:flex;justify-content:end;flex-flow:row nowrap;align-items: center;}
.eng-main #header .head-util button {width:35px;height:35px;}
.eng-main #header .head-util .util-box {position:relative;display: flex;justify-content: start;align-items: center;margin-right:80px;}
.eng-main #header .head-util .link-btn.language {width:auto;height:35px;display:flex;justify-content:center;gap:5px;position:relative;display: flex;align-items: center;gap:10px;}
.eng-main #header .head-util .link-btn.language:before {content:"";display:block;width: 20px;height: 20px;background:url(../img/common/icon_language.svg) no-repeat center center;}
.eng-main #header .head-util .link-btn.language span {color:#fff;}
.eng-main #header .head-util .login-btn,
.eng-main #header .head-util .sns-box{display:none;}  
/*.eng-main #header .head-util a.siteMap-btn {
    position: absolute;
    top: 5px;
    right: 0;
    background-image: url(../img/common/icon_header_menu.png) !important;
    border: 0 !important;
    height: 25px;
    margin-top: 0;
    background-repeat: no-repeat !important;
}
.eng-main #header .head-util a.siteMap-btn:before {content:"";display: block;width:50%;height:4px;background:#fff;position:absolute;top:50%;left:0;right:auto; border:0; transform:translateY(-50%);transition: width 0.3s ease, left 0.3s ease;}
.eng-main #header .head-util a.siteMap-btn:hover:before {width: 0 !important; left: 0;}*//* 250724 YP */
.eng-main #header .header-in .siteMap-menu {position:fixed;top:0;left: 0;width:100%;height: 100%;border: none;box-shadow: 0 0 0;background: transparent;}
.eng-main #header .header-in .siteMap-menu .siteMap-in  {border-radius: 0 0 0 100px;background: #fff url(../img/main/eng_bg_menu.png) no-repeat right bottom;box-shadow: 10px 20px 20px #0003;position: absolute;top: 0;right: 0;max-width: 1260px;width: 100%;padding: 80px 50px;}
.eng-main #header .header-in .siteMap-menu.open .gnb {display:flex;flex-flow:column;width:100%;padding: 20px 0 0 0;}
.eng-main #header .header-in .siteMap-menu.open .gnb li.depth-1 {background:transparent;display:flex;align-items: stretch;justify-content: start;flex-flow:row wrap;gap:30px;width:100%;}
.eng-main #header .header-in .siteMap-menu.open .gnb li.depth-1 > .link {padding:0 0 0 40px;font-size:20px;color:#2c4b9c;font-family:"GmarketSansMedium";font-weight:600;background:transparent;display: block;text-align: left;width: 220px;box-sizing: border-box;}
.eng-main .siteMap-menu .gnb li.depth-1 > .depth-2 {flex:1;/* padding-top:5px; */}
/*SITEMAP-MENU*/
.eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul {background:transparent; display: flex;align-items: stretch;justify-content: start;width: 100%;} 
.eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2 ul > li {flex: 0 0 25%;text-align: left;padding:0;} 
.eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul > li:nth-child(3)   {flex: 0 0 150px;}
.eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul > li .link {font-size:18px;color:#222;font-weight:600;font-family:"GmarketSansMedium";min-width:150px;height:30px;line-height:1.4;}
.eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul ul {background:transparent;display:flex;flex-flow: column;justify-content: start;align-items: start;flex: 1;margin-top: 12px;}
.eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul ul li .link {font-size:16px;color:#222;font-family: 'Pretendard', sans-serif;font-weight: 400;height:auto;}
.eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul ul li{ padding: 5px 10px 5px 15px; }
.eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul ul li .link span {padding:0px;line-height:1.2;display:inline;}
.eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2 ul li li {max-width:100%;} 
.eng-main .siteMap-menu .pc-top {position:absolute;top:30px;right:30px;border:none;width: auto;display: flex;justify-content: end;align-items: center;}
.eng-main .siteMap-menu .pc-top .close {border:none;position:relative;transition: transform 0.3s ease;} 
.eng-main .siteMap-menu .pc-top .close:hover { transform: rotate(180deg);}
.eng-main .siteMap-menu .pc-top  .sns-box {display: flex;flex-flow:row nowrap;justify-content: end;align-items: center;gap:10px;}
.eng-main .siteMap-menu .pc-top  .sns-box a {display:block;width:40px;height:40px;border:1px solid #0003;border-radius:20px;display: flex;justify-content: center;align-items: center;}
.eng-main .siteMap-menu .pc-top  .sns-box a:before {content:"";display: block;width:20px;height:20px;background:url(../img/main/ic_youtube2.png) no-repeat 50% 50%;background-size:contain;}
.eng-main .siteMap-menu .pc-top  .sns-box a.y_sns:before {background-image:url(../img/main/ic_youtube2.png);}
.eng-main .siteMap-menu .pc-top  .sns-box a.f_sns:before {background-image:url(../img/main/ic_facebook.png);}
.eng-main .siteMap-menu .pc-top  .sns-box a.i_sns:before {background-image:url(../img/main/ic_insta.png);}
.eng-main .siteMap-menu .pc-top  .sns-box a.i_location:before {background-image:url(../img/main/eng_ic_location.png);}
.eng-main .siteMap-menu .pc-top  .sns-box a:hover {border-color:#000;}
/*.eng-main .siteMap-menu .pc-top .util-box {margin:0 15px;}*//* 250724 YP */
.eng-main .siteMap-menu .pc-top .link-btn.language {width:auto;max-height:32px;border-radius:20px;display:flex;justify-content:center;align-items: center;gap:10px;border:1px solid #0008;padding:5px 10px;}
.eng-main .siteMap-menu .pc-top .link-btn.language:before {content:"";display:block;width: 20px;height: 20px;background:url(../img/common/icon_language.svg) no-repeat center center;filter: brightness(0) contrast(100) invert(0);}
.eng-main .siteMap-menu .pc-top .link-btn.language span {color:#111;}
.eng-main .siteMap-menu .pc-top .link-btn.language:hover {border-color:#000;} 
.eng-main .go{font-size:14px !important;height:38px;width:100%;padding:12px 20px 8px 20px;justify-content: space-between;}
.eng-main .go:after {content: "";display: block;width: 28px;height: 13px;background: url(../img/main/eng_ic_go.png) no-repeat center right; background-size: cover;} 
/* BG BANNER SWIPER*/
.eng-main .swiper-container  {width:100%;max-width:100%;height:calc(100% - 120px);position:absolute;top:0;left:0; z-index:0;white-space: nowrap;}
.eng-main .swiper-container .swiper-slide {background:url(../img/main/eng_bg_main.jpg) no-repeat 50% 50%;background-size:cover;transition:all .3s ease,background-size 0.5s ease; background-size: 120% auto;background-position:center; background-color: #e5e6eb;}
.eng-main .swiper-container .swiper-slide.swiper-slide-active{ background-size: 110% auto; }
.main-swiper .swiperGrp .swiper-pagination,
.main-swiper .swiperGrp .swiper-button-toggle{ bottom:40px !important; }
.main-swiper .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);  }
.main-swiper .swiper-slide:before{ content:" "; display:block; position:absolute; left:0; top:0; bottom:0; right:0; background:linear-gradient(90deg, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.7) 100% ) }
.eng-main .swiper-container .swiperGrp {width:calc(100% + 120px);height:100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index: 3;pointer-events:auto;}
.eng-main .swiper-container .swiper-pagination,  
.eng-main .swiper-container .swiperGrp .swiper-button-toggle { bottom:20px; } 
.eng-main .mainCard {display:flex;justify-content: space-between;align-items: center;width:100%;flex:1;}
.eng-main .mainCard > section {flex:1;min-height:700px;}
/*LOGO & SEARCH AREA*/
.eng-main .mainCard .left-wrap {display:flex;flex-flow:column;align-items:start;justify-content: space-around;flex:0 0 550px;}
.eng-main .mainCard .left-wrap h1 {font-size:90px;font-weight: 800;font-family:'GmarketSansMedium';color:#fff;display:flex;flex-flow:column;gap:10px;line-height: 1; text-indent:-5px;}
.eng-main .mainCard .left-wrap h1 span {font-size:22px;font-weight:300;line-height:1.4; text-indent:0px;}
.eng-main .mainCard .left-wrap .s-search-wrap {position:relative;width:530px;height:auto;top:0;left:0;background:transparent;border-radius:0;z-index: 1;}
.eng-main .mainCard .left-wrap .s-search-wrap > .inner {padding:0;flex-flow:column;justify-content:center;width:100%;}
.eng-main .mainCard .left-wrap .s-search-wrap .btn-aichatbot {width:100%;height:113px;background:transparent;display: flex;justify-content:end;align-items:end;gap:10px;}
.eng-main .mainCard .left-wrap .s-search-wrap .btn-aichatbot:before {content:"";display: block;width:214px;height:113px;background:url(../img/main/eng_chatbot_txt.png) no-repeat 0 bottom;background-size:contain;}
.eng-main .mainCard .left-wrap .s-search-wrap .btn-aichatbot:after {position:relative; content:"";display: block;width:130px;height:113px;border-radius:0;background:url(../img/main/eng_ic_chatbot.png) no-repeat 0 bottom;background-size:contain;}
.eng-main .mainCard .left-wrap .s-search-wrap .s-search-box .txt-input {font-size:18px;color:#666;}
.eng-main .mainCard .left-wrap .s-search-wrap .s-word-wrap .s-word {border:none;background:#ffffff90;font-size:16px;color:#222;}
.eng-main .mainCard .left-wrap .s-search-wrap .s-word-wrap .s-word:hover {background:#fff;cursor:pointer;}
/*MAIN CARD NOTICE*/
.eng-main .mainCard .card-wrap {display: flex;flex-flow: row nowrap;align-items: start;justify-content: end; gap:20px;}
.eng-main .mainCard .card-wrap .card {display: flex;flex-flow: column wrap;align-items: start;gap:20px;flex:0 0 240px;width:240px;opacity: 0; transform: translateY(50px);  transition: all 0.5s ease;}
.eng-main .mainCard .card-wrap .card.visible {opacity: 1; transform: translateY(0);} 
.eng-main .mainCard .card-wrap .card:nth-child(2) {margin-top:70px;}
.eng-main .mainCard .card-wrap .card .card-body {position:relative;background:#ffffff40;padding:25px 20px;display: flex;flex-flow:column;align-items: start;justify-content: start;gap:10px;border-radius:20px; transition: all 0.3s ease;padding-bottom:100px;backdrop-filter: blur(6px);background-color: rgba(109, 109, 109, 0.7); min-height:315px;}
.eng-main .mainCard .card-wrap .card .card-body.card_presi{     background-color: rgb(87 142 170 / 70%); }
.eng-main .mainCard .card-wrap .card .card-body.card_presi:is(:hover,:focus,:active){ background-color: rgba(164, 214, 239, 0.9); }
.eng-main .mainCard .card-wrap .card .card-body:hover,
.eng-main .mainCard .card-wrap .card .card-body:focus,
.eng-main .mainCard .card-wrap .card .card-body:active {background:#fff8;box-shadow: 5px 8px 8px #0003;opacity: 1; transform: translateY(0);} 
.eng-main .mainCard .card-wrap .card .card-body:hover *,
.eng-main .mainCard .card-wrap .card .card-body .hover * {color:#111;}
.eng-main .mainCard .card-wrap .card .card-body * {word-break: keep-all;}
.eng-main .mainCard .card-wrap .card .go {background:#fff;border-radius:20px;color:#000;position:absolute;bottom:30px;left:20px;width:calc(100% - 40px); font-family: 'Pretendard', sans-serif; padding: 10px 20px 9px 20px; } 
.eng-main .mainCard .card-wrap .card .go:hover {background:#000;} 
.eng-main .mainCard .card-wrap .card .go:hover span{color:#fff!important;}
.eng-main .mainCard .card-wrap .card .go:hover:after {background-image: url(../img/main/eng_ic_go.png);filter: brightness(0) contrast(100) invert(1);}
.eng-main .mainCard .card-wrap .card .t-auth {position:relative;font-size:14px;color:#fff;font-weight:300;padding-left:50px;min-height: 40px;display: flex;align-items: center;}
.eng-main .mainCard .card-wrap .card .t-cate {border:1px solid #111;color:#fff;font-size:15px;display: inline-block;width:150px;text-align:center; padding:8px 15px;border-radius: 20px;margin-bottom: 5px;white-space: nowrap;}
.eng-main .mainCard .card-wrap .card .t-tit {font-size:16px;color:#fff;font-weight:500;width:100%;height:auto;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: keep-all;}
.eng-main .mainCard .card-wrap .card .t-date {font-size:14px;color:#fff;}
.eng-main .mainCard .card-wrap .card .card-body .t-auth:before {content:"";display: block;width:40px;height:40px;border-radius:50%;background:#fff url(../img/main/eng_ic_personal.png) no-repeat 50% 50%;background-size:22px; position:absolute;top:0;left:0;}
.eng-main .mainCard .card-wrap .card .card-body .data_top_01:before {background-image:url(../img/sub/icon_data_top_01.svg);background-size:25px;}/*organiazigno and personnel management*/
.eng-main .mainCard .card-wrap .card .card-body .data_top_02:before {background-image:url(../img/sub/icon_data_top_02.svg);}/*Publicc Administration and Innovation*/
.eng-main .mainCard .card-wrap .card .card-body .data_top_03:before {background-image:url(../img/sub/icon_data_top_03.svg);background-size:20px;}/*Digital Governement*/
.eng-main .mainCard .card-wrap .card .card-body .data_top_04:before {background-image:url(../img/sub/icon_data_top_04.svg);background-size:20px;}/*Publick Finance and Budgeting*/
.eng-main .mainCard .card-wrap .card .card-body .data_top_05:before {background-image:url(../img/sub/icon_data_top_05.svg);}/*Disaster, Risk and Safety Manangement*/
.eng-main .mainCard .card-wrap .card .card-body .data_top_06:before {background-image:url(../img/sub/icon_data_top_06.svg);}/*Social Integration*/
.eng-main .mainCard .card-wrap .card .card-body .data_top_07:before {background-image:url(../img/sub/icon_data_top_07.svg);background-position:56% 50%; background-size:18px;}/*Evaluation*/
.eng-main .mainCard .card-wrap .card .card-body .data_top_08:before {background-image:url(../img/sub/icon_data_top_08.svg);}/*Regulation*/
.eng-main .mainCard .card-wrap .card .card-body .data_top_09:before {background-image:url(../img/sub/icon_data_top_09.svg);background-size:20px;}/*Internatioanl Development Cooeperation*/
.eng-main .mainCard .card-wrap .card .card-body .data_top_10:before {background-image:url(../img/sub/icon_data_top_10.svg);background-size:20px;}/*Etc*/
/*BROCHURE*/
.eng-main .mainCard .card-wrap .card .card-body.paper {box-sizing: border-box;position: relative; flex:1 1 315px;padding:0;width:240px;height:auto; overflow: hidden; background:transparent;border-radius: 20px;  }
.eng-main .mainCard .card-wrap .card .card-body.paper:hover {background:transparent;box-shadow:0 0 0;}  
.eng-main .mainCard .card-wrap .card .card-body .mask {width:100%;height:100%;position: relative; mask-image: url('../img/main/mask.svg'); mask-repeat: no-repeat;mask-size:100% 100%;mask-position: center top;overflow: hidden;}
.eng-main .mainCard .card-wrap .card .card-body .mask img {box-sizing: border-box; position:absolute;top:0;left:0;display: block;width:100%;height:100%; object-fit: contain; transition: transform 0.3s ease;}
.eng-main .mainCard .card-wrap .card .card-body .btn-box {width:80px;height:40px;position:absolute;left:calc(50% + 30px);top: calc(100% - 20px);transform:translateY(-50%);padding:0;display:flex;justify-content:center;align-items:end;gap:5px;}
.eng-main .mainCard .card-wrap .card .card-body .btn-box .btn {position: relative;left:0;bottom:0;display:block;width:35px;height:35px;min-height:35px;background:#333 url(../img/main/eng_ic_down.png) no-repeat center center;color:#fff;border:none;padding:0;border-radius: 50%;margin:0;}
.eng-main .mainCard .card-wrap .card .card-body .btn-box .btn:hover {background-color:#000;}
.eng-main .mainCard .card-wrap .card .card-body.paper .down {background-image:url(../img/main/eng_ic_down.png);}
.eng-main .mainCard .card-wrap .card .card-body.paper .go {background-image:url(../img/main/eng_ic_next.png); transition:opacity 0.3s ease;}
.eng-main .mainCard .card-wrap .card .card-body.paper .mask { position:relative; }
.eng-main .mainCard .card-wrap .card .card-body.paper .mask .go:after {
  content: "";
  display: block;
  width: 28px;
  height: 13px;
  background: url(../img/main/eng_ic_go.png) no-repeat center right;
  background-size: cover;
}
.eng-main .mainCard .card-wrap .card .card-body.paper .mask:before{ content:" "; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; transition:opacity 0.5s ease; opacity:0; z-index:1; }
.eng-main .mainCard .card-wrap .card .card-body.paper .mask:hover:before{ opacity:0.5;  }
.eng-main .mainCard .card-wrap .card .card-body.paper .mask:hover .go{ opacity:1;  }
.eng-main .mainCard .card-wrap .card .card-body.paper .mask .go{ margin-bottom:34px; opacity:0; }
.eng-main .mainCard .card-wrap .card .card-body.paper .mask .go:hover{ background-image:none; }
.eng-main .mainCard .card-wrap .card .card-body.paper .mask .go:hover:after {
  background-image: url(../img/main/eng_ic_go.png);
  filter: brightness(0) contrast(100) invert(1);
}
.eng-main .mainCard .card-wrap .card .card-body.paper .go::after {display: none;}
.eng-main .mainCard .card-wrap .card .notice {margin-top:70px;}
/*NEWS - SWIPER*/
.eng-main .mainCard .card-wrap .card .news {width:100%;height:315px; padding:0;border-radius: 20px;overflow: hidden;zoom:1;}
.eng-main .mainCard .card-wrap .card .news .swiper-slide img {width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border-radius: 20px; transition:all .3s ease;z-index: 1;} 
.eng-main #main .card-wrap .swiper-slide .swiper-inner article  {position:absolute;top:0;left:0;border:none;display:flex;flex-flow:column;gap:10px;width:100%;height:100%;overflow:hidden;padding:25px 20px 40px;border-radius: 20px;box-sizing: border-box;z-index: -1;} 
.eng-main #main .card-wrap .swiper-slide .swiper-inner:hover article {z-index: 1; background:#fff8;}   
.eng-main #main .card-wrap .swiper-slide .swiper-inner article * { -webkit-text-size-adjust: none !important;  text-size-adjust: none !important; font-size: 16px ; }
.eng-main #main .card-wrap .swiper-slide .swiper-inner article .t-cate {border:1px solid #fff;color:#fff;font-size:15px;display: inline-block;width:150px;text-align:center; padding:8px 15px;border-radius: 20px;margin-bottom: 5px;white-space: nowrap;}
.eng-main #main .card-wrap .swiper-slide .swiper-inner article .t-date{ font-size:14px; }
.eng-main #main .card-wrap .swiper-slide .swiper-inner:hover img {opacity:0;} 
.eng-main #main .card-wrap .swiper-slide .swiper-inner:hover article  {z-index: 2;}
.eng-main #main .card-wrap .card-body:hover article .t-cate {border-color:#111;color:#111;}
.eng-main #main .card-wrap .swiper-slide .swiper-inner article .go {bottom:60px;} 
.eng-main #main .card-wrap .card .news .swiper-container {position:relative;top:0;left:0;width:100%;height:100%;zoom:1;}
.eng-main #main .card-wrap .card .news .swiper,
.eng-main #main .card-wrap .card .news .swiper-wrapper,
.eng-main #main .card-wrap .card .news .swiper-slide,
.eng-main #main .card-wrap .card .news .swiper-inner {width:100%;height:100%;padding:0;background:transparent; will-change: auto;  backface-visibility: hidden;  transform-style: preserve-3d;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;font-size: inherit;  zoom: 1; } 
.eng-main #main .card-wrap .card .news .swiper-container .swiper-slide:before {display:none;} 
.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp {position:absolute;width:100%;height:40px;display:flex;flex-flow:row nowrap;justify-content: center;align-items: center;background:#0004;border-radius:0 0 20px 20px;opacity:.8;padding:0;margin:0;}
.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp:hover {opacity:1;} 
.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp:hover span{color:#fff;}
.eng-main #main .card-wrap .card .news .swiper-container:hover span.swiper-pagination-current {color:#01b0f1;}
/*.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp:hover button:before,
.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp:hover button:after {border-color:#111;}*/
.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini.w .swiper-pagination {position:relative;width:50px;height:40px;bottom: 0;display:flex;justify-content: end;align-items: center;}
.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini .swiper-button-prev,
.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini .swiper-button-next,
.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini .swiper-button-toggle {display: inline-block;width:20px;height:40px;position:relative;left:0;right:0;bottom:0;display: flex;align-items: center;justify-content: center;}  
.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini .swiper-button-toggle span {line-height: 100%;margin-top:1px;}
.eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini.w .swiper-pagination:has(.swiper-pagination-bullet){width:65px;}
.eng-main #main .card-wrap .card .news .swiper-pagination-bullet{ width:9px; margin-top:-1px; }
.eng-main #main .card-wrap .card .news .swiper-pagination-bullet{ opacity:0.5 }
.eng-main #main .card-wrap .card .news .swiper-pagination-bullet-active{ opacity:1; }
/*BOTTO BANNER*/
.eng-main .mainCard .card-wrap .card .banner-wrap {display:flex;flex-flow:column;gap:10px;flex:1;width:100%;} 
.eng-main .mainCard .card-wrap .card-body.banner {background:transparent;width:100%;height:auto;overflow:hidden;display: flex;flex-flow:column;gap:15px;padding:0;flex:1 1 100%; min-height:0;}
.eng-main .mainCard .card-wrap .card-body.banner:hover {background:transparent;}
.eng-main .mainCard .card-wrap .banner a {display:block;width:100%;height:90px;border-radius:20px;padding:20px;position:relative;box-sizing: border-box;transition:all .4s ease; cursor:pointer; } 
.eng-main .mainCard .card-wrap .type-02 .banner{    background-color: rgba(109, 109, 109, 0.7);}
.eng-main .mainCard .card-wrap .type-02 .banner a {display:block;width:100%;height:140px;border-radius:20px;padding:20px;position:relative;box-sizing: border-box;transition:all .4s ease; background-size:65px;} 
.eng-main .mainCard .card-wrap .banner a:hover,
.eng-main .mainCard .card-wrap .banner a:focus,
.eng-main .mainCard .card-wrap .banner a:active {box-shadow: 5px 8px 8px #0003;}
.eng-main .mainCard .card-wrap .banner:hover * ,
.eng-main .mainCard .card-wrap .banner:hover a * {color:#fff;} 
.eng-main .mainCard .card-wrap .banner a span {font-size:18px;font-weight:500;color:#fff;}
.eng-main .mainCard .card-wrap .banner a.contact {background:#eb7009 url(../img/main/eng_ic_bg_contact.png) no-repeat 90% bottom; background-size:65px;}
.eng-main .mainCard .card-wrap .banner a.event {background:#2e4b94 url(../img/main/eng_ic_bg_academic.png) no-repeat 90% bottom; background-size:65px;}
.eng-main .mainCard .card-wrap .banner a.brochure {background:#ededee url(../img/main/eng_ic_bg_brochure.png) no-repeat 90% bottom; background-size:65px;}
.eng-main .mainCard .card-wrap .type-02 .banner a.vod{background: rgba(109, 109, 109, 0.7) url(../img/main/eng_vod.png) no-repeat 90% 80%; background-size:70px;}
.eng-main .mainCard .card-wrap .type-02 .banner a.youtube{background: rgba(206, 4, 4, 0.5) url(../img/main/eng_ytb.png) no-repeat 90% 80%; background-size:70px;}
.eng-main .mainCard .card-wrap .banner a.brochure span {font-size:18px;font-weight:500;color:#111;} 
.eng-main .mainCard .card-wrap .banner a.contact:is(:hover,:focus,:focus-visible){background-size:70px; background-color:#cc5c00;}
.eng-main .mainCard .card-wrap .banner a.event:is(:hover,:focus,:focus-visible){background-size:70px; background-color:#143077;}
.eng-main .mainCard .card-wrap .banner a.brochure:is(:hover,:focus,:focus-visible){background-size:70px; background-color:#d4d4ea;}
.eng-main .mainCard .card-wrap .type-02 .banner a.vod:is(:hover,:focus,:focus-visible){background-size:75px; background-color: rgba(109, 109, 109, 0.9);}
.eng-main .mainCard .card-wrap .type-02 .banner a.youtube:is(:hover,:focus,:focus-visible){background-size:75px; background-color: rgba(206, 4, 4, 0.7);}
.eng-main .mainCard .card-wrap .banner a:is(:hover,:focus,:active) span,
.eng-main .mainCard .card-wrap .banner:is(:hover,:focus,:active) a span {color:#fff !important;}
.eng-main .mainCard .card-wrap .banner a.brochure:hover span {color:#111!important;}

.eng-main .card-body.news .swiper .swiper-slide{ opacity:1; transform:translateY(0); }

/* 250703 YP - footer ▶ layout.css 로 이동 */

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

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

/* 250701 YP a11y add */
.eng-main #header .head-util button:focus-visible,
.eng-main #header .head-util .link-btn.language:focus-visible,
.eng-main .swiper-container.main-swiper .swiperGrp button:focus-visible,
.eng-main .container.main *:focus-visible{ outline:3px solid #e61956; outline-offset: -3px;}
.eng-main #main .card-wrap .card .news .swiper-pagination-bullet:focus-visible{ outline-offset: 0px; }

.eng-main .mainCard .card-wrap .card-body.banner{ overflow: unset; }
.eng-main .mainCard .card-wrap .card .banner-wrap a:focus-visible{ outline-offset: 1px; }

.eng-main .mainCard .card-wrap .card .card-body.paper .mask .go:focus { opacity: 1;}
.eng-main .mainCard .card-wrap .card .card-body.paper .mask:has(.go:focus):before{ opacity: 0.5; }
.eng-main .mainCard .card-wrap .card .card-body.news:focus-visible { outline-offset: -3px; }
.eng-main .mainCard .card-wrap .card .card-body.news .mask .go:focus { opacity: 1;}
.eng-main .mainCard .card-wrap .card .card-body.news .swiper-slide img:focus-visible{ outline-offset: -3px; }
.eng-main .mainCard .card-wrap .banner a.brochure:focus span{ color: initial !important; }
.eng-main .mainCard .card-wrap .card .card-body.news .swiper-slide:has(.go:focus) img{ opacity: 0; }

/* 250724 YP */
#header.move{ z-index: 10; }
.eng-main #header .header-in h1 a{ margin-left: 0; }
.eng-main #header .head-util .util-box{ margin-right: 40px; }

.eng-main #header .head-util a.siteMap-btn{ height: 26px; border-color: #000; }
.eng-main #header .head-util a.siteMap-btn:before{  border-color: #000; }
.eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2 ul > li{ flex: 0 0 calc(33% - 7px); }

.eng-main .swiper-container .swiper-slide{ background-size: cover !important; }
.swiperGrp.mini.w .swiper-button-prev:after, 
.swiperGrp.mini.w .swiper-button-next:after, 
.swiperGrp.mini.w .swiper-button-toggle:after{ box-shadow: -2px 2px 4px #0005; }