@charset "utf-8";

/* 영문 모바일 반응형 */
@media (max-width: 1920px) {

/************
  main
************/
  /* 250723 YP */
  div#mainContainer,
  .eng-main .swiper-container,
  .eng-main #footer{ padding-right: 80px; transition: all 0.3s ease; }
  .eng-main .swiper-container.main-swiper .swiperGrp{ left: calc(50% - 40px); }

  .eng-main #container.inner,
  .eng-main #footer .inner{ max-width: 1520px; padding-left: 40px; padding-right: 40px; }
  .eng-main .mainCard .card-wrap{ width: calc(100% - 590px); }

/* layout bg
  .eng-main #container.inner,
  .eng-main #footer .inner{ background: #ff92004f; }
  .eng-main .swiper-container.main-swiper .swiperGrp{ background: #00ffff5e; }
  .eng-main #main,
  .eng-main #footer .foot-wrap{ background: #0000008c;  }
*/

}
@media (max-width: 1780px) {

/************
  main
************/
  /*.eng-main .swiper-container .swiper-slide{ background-size:cover !important; transform:scale(1.2); }
  .eng-main .swiper-container .swiper-slide.swiper-slide-active{ background-size:cover !important; transform:scale(1); }
*//* 250723 YP */
  .eng-main .mainCard .left-wrap{ min-height:600px; justify-content: space-between; }

  /*.eng-main .swiper-container .swiperGrp{ width: 210px; left: 50%; margin-left: -720px; transform: none; height: 30px; bottom:30px; z-index: 200; }*/
  /*.swiper-button-next, .swiper-button-prev{ width:30px; height:30px; top:50%; transform:translateY(-50%); margin-top:0; }
  .swiper-button-prev{ left:0; }
  .swiper-button-next{ right:0; }
  .swiper-button-prev:after,.swiper-button-next:after{ width:20px; height:20px; }
  .swiper-pagination{ left:40px; bottom:auto !important; top:50%; transform:translateY(-50%); margin-top:2px; width:100px; }
  .swiper-button-toggle{ right:40px; left:auto; bottom:auto !important; top:50%; transform:translateY(-50%); }*/

  /* 250723 YP */
  .eng-main .swiper-container.main-swiper .swiperGrp{ width: 210px; margin-left: -720px; transform: none; height: 30px; bottom:30px; z-index: 200; }
  .eng-main .swiper-container.main-swiper .swiper-button-next, 
  .eng-main .swiper-container.main-swiper .swiper-button-prev{ width:30px; height:30px; top:50%; transform:translateY(-50%); margin-top:0; }
  .eng-main .swiper-container.main-swiper .swiper-button-prev{ order: 2; left:100px; }
  .eng-main .swiper-container.main-swiper .swiper-button-next{ right:0; }
  .eng-main .swiper-container.main-swiper .swiper-button-prev:after,
  .eng-main .swiper-container.main-swiper .swiper-button-next:after{ width:20px; height:20px; }
  .eng-main .swiper-container.main-swiper .swiper-pagination{ order: 1; left:0px; bottom:auto !important; top:50%; transform:translateY(-50%); margin-top:2px; width:100px; }
  .eng-main .swiper-container.main-swiper .swiper-button-toggle{ right:40px; left:auto; bottom:auto !important; top:50%; transform:translateY(-50%); }


  .eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini.w .swiper-pagination{  }

}
@media(max-width: 1600px) {
/************
  main
************/
  /* 250724 YP */
  .eng-main #container.inner,
  .eng-main #footer .inner{ max-width: 1480px; padding-left: 20px !important; padding-right: 20px !important; }


}
@media(max-width: 1560px) {  
/************
  main
************/
  /* 250724 YP */
  .eng-main .swiper-container.main-swiper .swiperGrp{ left: 20px; margin-left: 0; }


}
@media(max-width: 1500px) {  

/************
  main
************/
  /*.eng-main #main {padding:80px 100px 50px 40px;} */

} 
@media(max-width: 1440px) { /* 250703 YP 기존 1366px ▶ 1440px 으로 변경 */

/************
  main
************/
  .eng-main  {min-width:100%;}  
  .eng-main #header {width:60px;height:100vh;position:fixed;}
  .eng-main #header .head-util {transform: translate(-5px, 10px);}
  .eng-main .font-controls {display:none;}
  .eng-main #container.inner{padding:0;height:100%;overflow-y: auto;pointer-events: none;}
  .eng-main #container.inner h1,
  .eng-main #container.inner .s-search-wrap,
  .eng-main .mainCard .card-wrap {pointer-events: auto;}
  .eng-main .mainCard > section {height:auto;padding-top:80px;}   
/*.eng-main .swiper-container .swiperGrp {width:calc(100% - 80px);height:40px;position:absolute;left:50%;transform:translateX(-50%); bottom:20px;display:flex;justify-content: center;align-items: center;z-index: 5;}
  .eng-main .swiper-container .swiperGrp .swiper-pagination {width:auto;height:40px;position:relative;top:0;bottom:0;left:0;right:0;}
  .eng-main .swiper-container .swiperGrp button,
  .eng-main .swiper-container .swiperGrp .swiper-button-toggle {width:20px;height:20px;position:relative;top:0;bottom:0;left:0;right:0;top:10px;box-sizing: border-box;}
  .eng-main .swiper-container .swiperGrp button span {line-height: 20px;}
  .eng-main .swiper-container .swiperGrp button:before,
  .eng-main .swiper-container .swiperGrp button:after {width:14px;height:14px;top:0;}
  .eng-main .swiper-container .swiperGrp .swiper-button-prev {left:140px;}
  .eng-main .swiper-container .swiperGrp .swiper-button-next {left:160px;}
  .eng-main > .swiper-container .swiperGrp .swiper-button-toggle {margin:0 40px;top:0;left:0;}*//* 250724 YP */
  .eng-main .mainCard .left-wrap {flex:0 0 400px;}
  .eng-main .mainCard .left-wrap h1 {font-size:100px;gap:15px;}
  .eng-main .mainCard .left-wrap h1 span {font-size:24px;}
  .eng-main .mainCard .left-wrap {height:100%;gap:40px;padding:60px 0;justify-content: start;}
  .eng-main .s-search-box {width:100%;}
  .eng-main .mainCard .card-wrap {justify-content: start;padding-top:20px;}
  .eng-main .mainCard .card-wrap .card {flex:1 1 240px;}
  .eng-main .mainCard .card-wrap .card .card-body.paper {width:100%;height:auto;overflow: hidden;}
  .eng-main .mainCard .card-wrap .card .card-body:hover .mask img {transform: scale(1);} 
  .eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini.w  {position:absolute;bottom:0;left:0;transform:translateX(0);}
  .eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini.w .swiper-pagination { position: relative; bottom: 0; top: 0; left: 0;} 

  /* 250724 YP */
  div#mainContainer, 
  .eng-main .swiper-container, .eng-main #footer{ padding-right: 60px; }
  #header .hade-in .logo a{ margin-left: 0; }
  .eng-main #header .head-util{ transform: translate(5px, 10px); }
  .eng-main #header .head-util .util-box{ margin-right: 30px; }
  .eng-main .mainCard .card-wrap{ width: calc(100% - 590px); }

  .eng-main #main{ gap: 40px; }
  .eng-main .mainCard .left-wrap .s-search-wrap{ width: 100%; }
  .sub.eng #header {width:60px;height:100vh;position:fixed;}
  .eng-main #container.inner{ overflow: unset; }

  /*메인 팝업*/
	.main_popup{ top: 50%; left:50%; transform:translate(-50%,-50%); margin-left:0; }


/************
  sub
************/
	/* 250728 YP */
	.content-header .h2-title{ font-size: 28px; }

  .sub-layout-tab .tab-list > .tab-button .t-btn{ height: auto; padding: 16px 20px; }
	.sub-layout-tab .tab-list > .tab-button .t-btn span{ font-size: 18px; }
	.sub-layout-tab .tab-list > .tab-button { flex: auto; display: flex; flex-grow: 1; }

  .sub-layout-tab .tab-wrapper{ width: 100% !important; }
	.sub-layout-tab .tab-wrapper > .scroll-btn{ display: none !important; }


}
@media(max-width: 1280px) { 

/************
  main
************/
  .eng-main #header .head-util {  transform: translate(5px, 10px); }
  .eng-main #container.inner  {height:auto;}
  /*.eng-main .siteMap-menu .pc-top {display: none;}
  .eng-main .swiper-container .swiperGrp {top:0;z-index:100;}
  .eng-main .swiper-container .swiper-pagination {top:100px;left:calc(100% - 170px);} 
  .eng-main .swiper-container .swiperGrp .swiper-button-toggle{top:100px;left:calc(100% - 80px);}*//* 250724 YP */
  .eng-main .mainCard {flex-flow:column;}
  .eng-main .mainCard .left-wrap {gap:0;height:auto;overflow:hidden;width:100%;height:480px;min-height:480px;padding:0;}
  .eng-main .mainCard .card-wrap {width:100%;}
  .eng-main .swiper-container .swiper-wrapper {height:540px;}
  /*.eng-main .swiper-container  {background:#b8bac0 url(../img/main/bg_news.png) no-repeat 0 bottom;background-size:100%;}*//* 250724 YP */
  .eng-main .mainCard .left-wrap h1 {font-size:80px;flex:0 0 180px;}
  .eng-main .mainCard .left-wrap h1 span {font-size:24px;} 
  .eng-main #main .left-wrap .s-search-wrap  {transform:translateY(0);margin-top:-80px;width:100%;}
  .eng-main .s-search-box {zoom:.9;}
  .s-search-wrap .s-word-wrap {width:100%;}
  /*.eng-main .siteMap-menu .gnb {top:60px;height:calc(100% - 60px); background: #fff url(../img/main/eng_bg_menu.png) no-repeat right bottom; }
  .eng-main .siteMap-menu .mo-top { width:100%; height:60px; background:#fff;}
  .eng-main .siteMap-menu .close {width:40px;height:40px;right:15px;top:25px;}
  .eng-main .siteMap-menu .depth-2 {display: flex;}
  .eng-main .siteMap-menu .depth-2-wrap {background:transparent;} *//* 250724 YP */
  .eng-main > .swiper-container .swiperGrp {width:220px;left:calc(100% - 220px);transform:translateX(-80px);right:0;top:100px;zoom:.8;gap:0;}
  .eng-main > .swiper-container .swiperGrp .swiper-pagination {width:80px;height:40px;position:relative;top:0;bottom:0;left:0;right:0;}
  .eng-main > .swiper-container .swiperGrp button {width:20px;height:20px;position:relative;bottom:0;left:0;right:0;top:10px;}
  .eng-main > .swiper-container .swiperGrp .swiper-button-toggle {width:20px;height:20px;position:relative;bottom:0;left:0;right:0;top:0;text-align:center;}
  .eng-main > .swiper-container .swiperGrp button span {line-height: 20px;}
  .eng-main > .swiper-container .swiperGrp button:before,
  .eng-main > .swiper-container .swiperGrp button:after {width:14px;height:14px;top:0;}
  /* .eng-main > .swiper-container .swiperGrp .swiper-button-toggle {margin:0 40px;top:0;left:0;}   */
  .eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini.w  {position:absolute;top:calc(100% - 40px);}
  .eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini.w .swiper-pagination { position: relative; bottom: 0; top: 0; left: 0;} 
  .eng-main #main .card-wrap .card .news .swiper-container .swiperGrp.mini.w .swiper-button-toggle {top:0;} 

  /* 250724 YP */
  .eng-main #container.inner, 
  .eng-main #footer .inner{ padding-left: 40px !important; padding-right: 40px !important; }
  #header .siteMap-menu.open .font-controls{ display: none; }
  .eng-main .swiper-container.main-swiper .swiperGrp{ left: unset; bottom: unset; right: 100px; top: 470px; }

  /*.eng-main .mainCard .card-wrap .card:nth-child(2){ align-items: center; }
  .eng-main .mainCard .card-wrap .card .card-body.paper{ min-height: max-content; }
  .eng-main .mainCard .card-wrap .card .card-body .mask img{ width: max-content; height: max-content; }
*/
.eng-main .mainCard .card-wrap .card .card-body .btn-box{ /*left: unset; right: 0; left: calc(50% + 20px); */}



  .eng-main .swiper-container  {background:#b8bac0;}

  .eng-main .swiper-container:before {
      content: ''; background: url(../img/main/bg_news.png) no-repeat 0 bottom; background-size: cover;
      display: block; width: 100%; height: 20%; position: absolute; bottom: 0; left: 0; transform-origin: bottom; filter: blur(1px); opacity: 0.7;
      animation: waveFloat1 3s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; z-index: 1; }

    .eng-main .swiper-container:after {
      content: ''; background: url(../img/main/bg_news.png) no-repeat 0 bottom; background-size: cover;
      display: block; width: 100%; height: 30%; position: absolute; bottom: -40px; left: 0; transform-origin: bottom; filter: blur(1px); opacity: 0.4;
      animation: waveFloat2 5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; z-index: 0; }

  .soft-wave-bg { position: fixed; bottom: 0; left: 0; width: 100%; height: 320px; z-index: -1; overflow: hidden; pointer-events: none; }
    
  @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); }
  }












}
@media(max-width: 1024px) {

  /* eng siteMap */
  #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul ul li .link span { position: relative; padding-left: 16px !important; }
  #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul ul li .link span:before { content: ""; display: block; width: 4px; border: 1px solid #0003; position: absolute; top: 12px; left: 0; }
  #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul ul{ padding-left: 20px; }



/************
	sub
************/
	/* 250728 YP */
	.sub-layout-in .location {display: none;}

	.sub-layout-tab .tab-list{ flex-wrap: wrap; }
	.sub-layout-tab.tab_type03 .tab-list > .tab-button { width: calc(100% / 3); }
	.sub-layout-tab.tab_type04 .tab-list > .tab-button { width: calc(100% / 2); }
	.sub-layout-tab .tab-list > .tab-button:first-child,
	.sub-layout-tab .tab-list > .tab-button:first-child .t-btn,
	.sub-layout-tab .tab-list > .tab-button:last-child,
	.sub-layout-tab .tab-list > .tab-button:last-child .t-btn  {border-radius: 0;}
  .sub-layout-tab.tab_type03 .tab-list .tab-button:nth-child(4) .t-btn { border-left-color: #e5e5e5; }
	.sub-layout-tab.tab_type03 .tab-list .tab-button:nth-child(n+4) .t-btn { border-top-color: #fff; }
  .sub-layout-tab.tab_type04 .tab-list .tab-button:nth-child(3) .t-btn { border-left-color: #e5e5e5; }
	.sub-layout-tab.tab_type04 .tab-list .tab-button:nth-child(n+3) .t-btn { border-top-color: #fff; }



}
@media(max-width: 980px) {   

/************
	sub
************/
  /* 250728 YP */
	.popup-wrap.on,
	.popup-wrap .popup-box {width:100%;}


}
@media(max-width: 768px) {   

/************
  main
************/
.eng-main .mainCard .left-wrap h1 {font-size:70px;flex:0 0 180px;}
  .eng-main .mainCard .left-wrap h1 span {font-size:22px;} 
  .eng-main .siteMap-menu .gnb {top:60px;height:calc(100% - 60px); background: #fff url(../img/main/eng_bg_menu.png) no-repeat right bottom; }
  .eng-main .siteMap-menu .mo-top { width:100%; height:60px; background:#fff ;  right:0; transition: right .3s ease-in-out;} 
  .eng-main .siteMap-menu .depth-2 {display: flex;}
  .eng-main .siteMap-menu .depth-2-wrap {background:transparent;}
  .eng-main #header .header-in .siteMap-menu.open .gnb li.depth-1 {gap:0;}
  .eng-main #header .header-in .siteMap-menu.open .gnb li.depth-1 > .link {width:100%;}
  .eng-main .siteMap-menu .gnb li.depth-1 > .depth-2 {background:#dddddd40;}
  .eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul {padding-left:20px;flex-flow:row wrap;}
  .eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2-ul ul li .link span {font-size:18px;font-weight:300;}
  .eng-main #header .siteMap-menu.open .gnb li.depth-1 .depth-2 ul > li {flex:1;}
  .eng-main .mainCard .card-wrap{width:100%;height:auto;flex-flow:column nowrap;}
  .eng-main .mainCard .card-wrap > .card  {width:100%;flex:0 0 100%;flex-flow:row wrap; } 
  .eng-main .mainCard .card-wrap > .card > .card-body {flex:1 1 calc(50% - 20px);width:calc(50% - 20px);height:340px;}
  .eng-main .mainCard .card-wrap > .card:nth-child(2) {margin-top:0;}
  .eng-main .mainCard .card-wrap .card .card-body.paper {flex:0 0 256px;min-width:256px; height:340px;} 
  .eng-main .mainCard .card-wrap .card .banner-wrap {flex:1 1 calc(50% - 20px);width:calc(50% - 20px); height:340px;} 
  .eng-main #main .left-wrap .s-search-wrap  {height:auto;transform:translateY(0);margin-top:0;}  
  .eng-main .s-search-box {zoom:.8;}
  .eng-main .mainCard .left-wrap .s-search-wrap .btn-aichatbot {height:80px;}
  .eng-main .mainCard .left-wrap .s-search-wrap .btn-aichatbot:before {width:200px;height:80px;}
  .eng-main .mainCard .left-wrap .s-search-wrap .btn-aichatbot:after {width:100px;height:80px;}
  .eng-main .mainCard .card-wrap .card .go:hover span {font-size:16px;}
  .s-search-wrap .s-word-wrap, .s-search-wrap .s-word-wrap .s-word-top {gap:8px;}
  .s-search-wrap .s-word-wrap h5 {margin-left:0;width:100%;}
  .eng-main .mainCard .left-wrap .s-search-wrap .s-word-wrap .s-word {padding:5px 12px;font-size:15px;}
  .eng-main .mainCard .card-wrap .card .go {font-size:15px;white-space: nowrap;}
  .eng-main #footer .inner {padding:15px 30px;}
  .eng-main #footer .foot-wrap {padding:0;gap:5px;}
  .eng-main #footer .f-logo{flex:0 0 120px;background-size:contain;}
  .eng-main #footer copyright { gap: 5px; font-size: 14px;} 
  .eng-main #main .swiper-button-prev,
  .eng-main #main .swiper-button-next{top:10px;}
  .eng-main #main .swiper-button-prev:after,
  .eng-main #main .swiper-button-next:after{width:8px;height:8px;}

  /* 250724 YP */
  .eng-main #container.inner, 
  .eng-main #footer .inner{ padding-left: 20px !important; padding-right: 20px !important; }
  .eng-main #header{ left: 0; z-index: 100; width: 100%; height: 80px !important; background: unset; }
  .eng-main #header.move { height: auto; border-bottom: 1px solid var(--border-color); z-index: 101 !important; }
  
  .eng-main #header .head-util { transform: translate(0px, 10px); }

  .eng-main #header .header-in h1{ width: 44px; height: 114px; transform: rotate(270deg); top: -13px; left: 30px; margin-top: 0; }
  .eng-main #header .hade-in .logo a img,
  .eng-main #header .head-util a.siteMap-btn{ filter: brightness(0) invert(1); }
  .eng-main #header:hover .hade-in .logo a img, 
  .eng-main #header.move .hade-in .logo a img, 
  .eng-main #header .header-body.on .hade-in .logo a img{ filter: unset; }

  .eng-main #header:hover a.siteMap-btn, 
  .eng-main #header.move a.siteMap-btn, 
  .eng-main #header .header-body.on a.siteMap-btn{ filter: brightness(0) contrast(100) invert(0); }

  .eng-main .swiper-container{ height: calc(100% - 108px); }
  .eng-main #container.inner{ margin-top: 140px; }
  div#mainContainer, 
  .eng-main .swiper-container, .eng-main #footer{ padding-right: 0; }
  .eng-main .swiper-container .swiper-wrapper{ height: 610px; }
  .eng-main .swiper-container.main-swiper .swiperGrp{ transform: scale(.8); right: 0; top: 560px; }

  .main_popup { min-width: 0; width: 500px; max-width: calc(100% - 40px); }
	.main_popup .pop_img,
	.main_popup .pop_img .main_pop_item{ max-width:100%; }



/************
	sub
************/
	/* 250728 YP */
	.content-header .h2-title{ font-size: 26px; }

	.sub-layout-tab .btn.menu_select { 
		position: relative; width: 100%; height: 55px; padding: 10px 20px; margin-top: 0; display: flex; justify-content: center; align-items: center;
        font-weight: 500; background: var(--d-blue-color); border: 1px solid var(--d-blue-color); color: #fff; transition: var(--ani-1); box-sizing: border-box;
    }
	.sub-layout-tab > .btn.menu_select,
	.sub-layout-tab > .tab-wrapper,
	.sub-layout-tab > .tab-list{ margin-top: 20px; }
	.sub-layout-tab .btn.menu_select + .tab-list{ margin-top: 2px !important; }

	.sub-layout-tab .btn.menu_select:before{ content: ''; display: block; position: absolute; right: 10px; top: 50%; width: 17px; height: 2px; background: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.sub-layout-tab .btn.menu_select:after{  content: ''; display: block; position: absolute; right: 10px; top: 50%; width: 17px; height: 2px; background: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg);-webkit-transition: .2s; -o-transition: .2s; transition: .2s;
	}
	.sub-layout-tab .btn.menu_select strong{ font-weight: 600;  }
	.sub-layout-tab .btn.menu_select.active:after{ -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }

	.sub-layout-tab .tab-list .tab-button{ width: 100% !important; }
	.sub-layout-tab .tab-list .tab-button .t-btn{ border-left-color: #e5e5e5; padding: 12px 20px; }
	.sub-layout-tab .tab-list .tab-button:nth-child(n+2) .t-btn{ border-top-color: #fff; }
	.sub-layout-tab .btn.menu_select + .tab-list{ display: none; }
	.sub-layout-tab .btn.menu_select + .tab-list.open{ display: block; }
	.sub-layout-tab .btn.menu_select + .tab-list.open .tab-button.on .t-btn{ font-weight: 500; }




}
@media(max-width: 680px) {
  /************
    sub
  ************/
  /* popup-wrap 250728 YP */
    .popup-wrap .dot-list li {flex-flow:column;}
    .popup-wrap .dot-list li .btn.icon span{font-size:15px;}
    .popup-box .txt-box.bg-gray .dot-list>li {flex-flow: column;}
    .popup-wrap .popup-box .popup-cnt .not-tit {flex-flow:column;gap:10px;}
    .popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-list .tab-button .t-btn span {font-size:16px;}
    .popup-wrap .popup-box {padding:20px;}
    .popup-wrap .popup-box.type-02 .popup-tit {padding-bottom:20px;margin-bottom:20px;}
    .popup-wrap .popup-box .cnt-tabBox .tab-boxWrap {gap:10px;}
    .popup-wrap .popup-box .cnt-tabBox {padding:10px;}
    .popup-wrap .t-tit + .txt-box.bg-gray {padding:20px;}







}
@media(max-width: 488px) {

/************
  main
************/
  /*.eng-main .swiper-container .swiper-wrapper {height:450px;}
  .eng-main #header {background:transparent;width:30px;}
  .eng-main #header .head-util {top:0;}
  .eng-main #header .head-util .util-box {margin-right:20px;}
  .eng-main #header .head-util a.siteMap-btn {position:relative;width:24px;height:24px;background-size:contain; right:20px;filter: brightness(0) contrast(100) invert(1);}
  .eng-main #header .head-util a.siteMap-btn:before {display:none;}
  .eng-main #main  {padding:70px 30px;zoom:.9;}
  .eng-main #header .logo {display:none;}*/
  .eng-main .mainCard .left-wrap {min-height:450px;}
  .eng-main .mainCard .card-wrap > .card {flex-flow:column;}
  .eng-main .mainCard .card-wrap > .card > .card-body,
  .eng-main .mainCard .card-wrap .card .card-body.paper, .eng-main .mainCard .card-wrap .card .banner-wrap  {flex:1;width:100%;}
  .eng-main .mainCard .card-wrap .card .news article {height:300px;} 
  .eng-main .mainCard .card-wrap .card .card-body .mask {height:400px;}
  .eng-main #main .card-wrap .card .news .swiper {height:340px;}   
  .eng-main .swiper-container .swiperGrp {transform:translateX(0);}
  .eng-main .mainCard .card-wrap .card .card-body .btn-box {    left: calc(50% + 50px);    top: calc(100% - 30px); transform: translateY(-50%);}
  .eng-main #main .swiperGrp {zoom:1;}

  /* 250724 YP */
  .eng-main #main  {zoom:.9;}
  .eng-main .mainCard .left-wrap h1{ font-size: 60px; gap: 10px; flex: 0 0 130px; }
  .eng-main .mainCard .left-wrap h1 span{ font-size: 18px; }
  .eng-main #container.inner { margin-top: 115px; margin-bottom: 20px; }
  

  .eng-main .swiper-container .swiper-wrapper { height: 520px; }
  .eng-main .swiper-container.main-swiper .swiperGrp{ top: 470px; }
  .eng-main #main{ gap: 0; }
  .eng-main .mainCard .card-wrap .card .banner-wrap{ height: auto; }
  
  
  /************
    sub
  ************/


}


/* 태블릿 가로 (1199px 이하) */
@media (max-width: 1199px) {

}

/* 태블릿 세로 (991px 이하) */
@media (max-width: 991px) {

}

/* 모바일 (767px 이하) */
@media (max-width: 767px) {

}

/* 모바일 (479px 이하) */
@media (max-width: 479px) {


}



@media screen and (max-width: 768px) and (orientation: landscape){
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background: #000;
        color: white;
        font-size: 20px;
        text-align: center;
    }   
    body::before {
        content: "현재 사이트는 가로 화면은 지원하지 않습니다.\A 기기를 세로로 돌려주세요.";
        white-space: pre;
        width:100%;height:100%;background:rgba(0,0,0,.8);color:#fff;display:flex;justify-content: center;align-items: center;z-index: 101;position:fixed;left:0;top:0;}
}