@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


@keyframes ball-y {
    0% { -webkit-transform: translateY(-10%); -webkit-animation-timing-function: ease-in; }
    28% { -webkit-transform: translateY(-10%); -webkit-animation-timing-function: ease-in; }
    56% { -webkit-transform: translateY(-10%); -webkit-animation-timing-function: ease-in; }
    84% { -webkit-transform: translateY(-10%); -webkit-animation-timing-function: ease-in; }
    14%, 42%, 75% , 100% { -webkit-transform: translateY(0px); -webkit-animation-timing-function: ease-out; }
}

@keyframes scale {
    0%  {opacity: 0.7;}
    25% {opacity: 0.6;}
    50% {opacity: 0.5;}
    75% {opacity: 0.6;}
    100% {opacity: 0.7;}
}

@keyframes bounce {
    0% {opacity: 0;transform: translateY(-100px);}
    50% {opacity: 1; transform: translateY(10px);}
    80% {transform: translateY(-10px);}
    100% {transform: translateY(0);}
}
@keyframes pulsate {
    0% {
      transform: scale(0.1, 0.1);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1.2, 1.2);
      opacity: 0;
    }
  }
@keyframes balloon1 {
    0%,100%{ transform:translateY(0) rotate(-6deg);}
    50%{ transform:translateY(-20px) rotate(8deg); }
}
@keyframes balloon2 {
    0%,100%{ transform:translateY(0) rotate(6deg);}
    50%{ transform:translateY(-30px) rotate(-8deg); }
}
@keyframes balloon3 {
    0%,100%{ transform:translate(0, -10px) rotate(6eg);}
    50%{ transform:translate(-20px, 30px) rotate(-8deg); }
}
@keyframes balloon4 {
    0%{transform: rotate(0deg);}
    50%{transform: rotate(-2deg);}
    100%{transform: rotate(0deg);}
}

* {margin: 0; padding: 0; list-style-type: none; box-sizing: border-box;}
html {position: relative; width: 100%; height: 100%; overflow-x: hidden;}
body {position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; font-family: 'Open Sans', sans-serif; overflow-x: hidden!important; }
a {text-decoration: none; color: #333;}
button {border: none; background-color: transparent;}
:focus {outline: none;}
/*
a:focus {outline: 2px dotted #000;}
*/
a.using-mouse:focus {outline: none;}
button:focus {outline: 2px dotted #000;}
button.using-mouse:focus {outline: none;}
i {font-style: normal;}
.ff-jalnan {font-family: 'yg-jalnan'!important;}
.ff-godo { font-family: 'Godo'!important;}
.ff-osans { font-family: 'Open Sans'!important;}

.section {height: auto;}

/* mobile first */
.wrap {position: relative; width: 100%; height: 100%;}
.text-skyblue {color: #118ad9 !important;}
@media screen and (min-width: 1280px){
    .inner {width: 1280px; margin: 0 auto;}
}
/* main .header */
@media screen and (min-width: 1280px){
    .header .top-bar {transition: 0.3s;}
    .header.on .top-bar {transform: translateY(-100%);}
}

/* section.se01 */
.se01 {height: 100%; background: #fff;}
#line_svg {display: none;}
.main-slider {position: relative; width: 100%; height: 270px;}
.slider-wrap {position: relative; width: 100%; height: 100%;}
.swiper-wrap {position: relative; width: 100%; height: 100%; overflow: hidden;}
.main-slider .swiper1 {position: absolute; top: 0; left: 0; width: 100%; height: 1280px;overflow: hidden;}
.main-slider .swiper1 img {position: absolute; top: 0; right: -40px; display: block; width: 140%; transition: 5s;}
/* .main-slider .swiper1 .swiper-slide {transition: 0.4s;}
.main-slider .swiper1 .swiper-slide.swiper-slide-active {transform: scale(1.1);} */

.main-slider .swiper1 .swiper-slide-active img {transform: scale(0.95);}  

.swiper-cover {position: absolute; top: 13px; left:0; width: 100%; height: 104%; background: url(/eng/img/main/slider-cover.svg) no-repeat center/cover; z-index: 2; transform: translateY(-5%);}
#cover_svg {position: absolute; top: 0; left:0; width: 100%; height: 100%;}
.main-slider .swiper2 {position: absolute; top: 0; left: 5%; width: 90%; margin-top: 170px; padding-bottom: 50px; z-index: 2; line-height: 1.3;}
.main-slider .swiper2 .slide-p1 {font-size: 1.2rem; font-weight: 700; text-transform: uppercase; color: rgba(0,0,0,0.3);} 
.main-slider .swiper2 .slide-h1 {font-size: 3.2rem; color: #000; text-transform: uppercase;} 
.main-slider .swiper2 .slide-h1 span {display: block;} 
.btns {position: absolute; bottom: -3px; right: 12%; z-index: 10;}
.btn-stop {width: 10px; height: 10px; background: url(/eng/img/main/icon-stop.svg) no-repeat center; cursor:pointer;}
.btn-stop.on {background-image: url(/eng/img/main/icon-play.svg);}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite 
{top: auto; bottom:0; left: 45%; width: 55%; height: 8px; border-radius: 60px; background: #e5e5e5; transform: translateX(-50%); overflow: hidden;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #118ad9; border-radius: 60px;}
.swiper-pagination2 {display: none;}
.slider-num {position: absolute; bottom: 11px; left: 45%; width: 67%; font-size: 1.4rem; font-weight: 600; transform: translateX(-50%);}
.slider-num .number-left {position: absolute; left: 0;}
.slider-num .number-right {position: absolute; right: 0;}

.form-control {
    display: block;width: 100%;height: 50px;/*calc(1.5em + 0.75rem + 2px)*/padding: 0.375rem 0.75rem; /*0.375rem 0.75rem*/
    font-size: 1.4rem;font-weight: 400;line-height: 1.5;color: #6e707e;
    background-color: #f5f5f5; background-clip: padding-box; border-color: transparent; border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

.form-control::-webkit-input-placeholder {color: #888;opacity: 1;font-size: 1.4rem;}
.form-control::-moz-placeholder {color: #888;opacity: 1;font-size: 1.4rem;}
.form-control:-ms-input-placeholder {color: #888;opacity: 1;font-size: 1.4rem;}
.form-control::-ms-input-placeholder {color: #888;opacity: 1;font-size: 1.4rem;}
.form-control::placeholder {color: #888;opacity: 1; font-size: 1.4rem;}
.search-btn {float: right; width: 50px; height: 50px;}
.btn-search {background: #00397f url(/eng/img/main/icon-search.png) no-repeat center/20px; box-shadow: 1px 1px 5px 1px rgba(0,57,127,0.03);}


@media screen and (min-width: 320px){
    .main-slider {height: 290px;}
}
@media screen and (min-width: 425px){
    .main-slider {height: 350px;}
    .main-search {margin-top: 0;}
}
@media screen and (min-width: 500px){
    .main-slider {height: 370px;}
    .main-slider .swiper2 {margin-top: 195px;}
}
@media screen and (min-width: 580px){
    .main-slider {height: 500px;}
}
@media screen and (min-width: 620px){
    .main-slider {height: 500px;}
    .main-slider .swiper2 {margin-top: 250px;}
}
@media screen and (min-width: 768px){
    .pc {display: block;}
    .nav {display: none;}
    .main-scroll {display: none;}

    .main-slider {height: 645px;}
    .swiper-cover {left: 0%;}
    .main-slider .swiper2 .slide-p1 {font-size: 1.6rem;}
    .main-slider .swiper2 .slide-p2 {font-size: 1.7rem; line-height: 1.4;}
    .main-slider .swiper2 .slide-p2 span {display: block;}
    .main-slider .swiper2 .slide-h1 {font-size: 4.5rem;}

    .main-slider .swiper2 {width: 65%;}
    .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite 
    {left: 3.5%; width: 200px; transform: translateX(0);}
    .slider-num {left: 0; width: 250px; transform: translateX(0);}
    .btns {left: 265px; right: auto;}
    .main-slider .swiper2 {margin-top: 195px;}
    .main-search {position: absolute; top: 510px; left: 5%; width: 52%; z-index: 2;}
    .search-wrap {width: 500px; margin: 0;}
    .search-text {width: 440px;}
    .search-list {clear: both;}
    .search-ul li {display: inline-block;}
    .search-ul a {display: block; padding: 15px; font-size: 1.4rem; color: #888;}
    .search-ul a:before {content: "#";}
}
@media screen and (min-width: 960px){
    .main-slider {height: 730px;}
}
@media screen and (min-width: 1024px){
    .main-scroll {display: block; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); width: 95px; height: 95px;z-index: 2; text-align: center;}
    .scroll-text {margin-bottom: 30px; text-transform: uppercase; font-size: 1.2rem; font-weight: 600;}  
}
@media screen and (min-width: 1240px){
    .main-slider {height: 835px;}
    .swiper-cover {left: 0;}
}
@media screen and (min-width: 1280px){
	.section .article.se01 {height: 800px;}
    .main-slider {height: 100%;}
    .swiper-cover {left: 0; top: -10%; height: 1200px;}
    .main-slider .swiper2 .slide-p1 {padding-bottom: 15px; font-size: 2.2rem;}
    .main-slider .swiper2 .slide-h1 {font-size: 6.0rem;}
    .main-slider .swiper2 .slide-h1 span {display: block; padding-right: 20px;}
    .main-slider .swiper2 .slide-p2 {padding-top: 25px; font-size: 2.4rem;}
    .main-slider .swiper1 img {right: -100px; width: 110%;}
    .main-slider .swiper2 {margin-top: 220px; padding-bottom: 80px;}
    .slider-num {bottom: 13px; font-size: 1.6rem;}
    .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {left: 24px;}
    .main-search {top: 620px;}
    .search-wrap {width: 520px;}
    .search-text {width: 450px;}
    .search-text .form-control {height: 60px; text-indent: 20px; border: 1px solid #f5f5f5; box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.03) inset;}
    .search-btn {width: 60px; height: 60px;}
    .search-btn .form-control {height: 60px;}
    .search-ul a {padding: 20px 10px; font-size: 1.8rem;}

    .form-control::-webkit-input-placeholder {font-size: 1.8rem;}
    .form-control::-moz-placeholder {font-size: 1.8rem;}
    .form-control:-ms-input-placeholder {font-size: 1.8rem;}
    .form-control::-ms-input-placeholder {font-size: 1.8rem;}
    .form-control::placeholder {font-size: 1.8rem;}

    .btn-search {background-size: 30px;}
    .main-scroll {bottom: 10px;}
}
@media screen and (min-width: 1400px){
    #line_svg {display: block; position: absolute;top: -51.5%; right: -9%; opacity: 0.3;}
}
@media screen and (min-width: 1500px){
    .swiper-cover {top: 0; height: 1200px;}
}
@media screen and (min-width: 1600px){
    .main-slider .swiper2 {margin-top: 235px; margin-left: 165px;}
    .main-search {left: 260px;}
    .swiper-cover {top: 0; height: 1200px;}
}


/* section.se02 */
.se02 {margin-top: 130px;}
.svg-bg01, .svg-bg02 {display: none;}
#svg01 {width: 100%;}
#svg02 {width: 100%;}
.article-title {padding-bottom: 25px; font-size: 2.4rem; text-align: center; font-weight: 700;}
.article-subtitle {position: relative; margin-bottom: 10px; font-size: 1.8rem; font-weight: 700;}
.quick-ul {width: 75%; margin: 0 auto;}
.quick-ul:after {content: ""; display: block; clear: both;}
.quick-list {float: left; width: 50%;}
.quick-link {display: block; height: 165px; margin-bottom: 25px; text-align: center; font-size: 1.4rem;}
.quick-link .bg {width: 100px; height: 100px; margin: 0 auto 10px; background: #f5f5f5 url(/eng/img/main/icon-quick01.svg) no-repeat center; border-radius: 20px;}
.quick-link.link01 .bg {background-image: url(/eng/img/main/icon-quick01.png);}
.quick-link.link02 .bg {background-image: url(/eng/img/main/icon-quick02.png);}
.quick-link.link03 .bg {background-image: url(/eng/img/main/icon-quick03.png);}
.quick-link.link04 .bg {background-image: url(/eng/img/main/icon-quick04.png);}
.quick-link.link05 .bg {background-image: url(/eng/img/main/icon-quick05.png);}
.quick-link.link06 .bg {background-image: url(/eng/img/main/icon-quick06.png);}
.quick-link.link07 .bg {background-image: url(/eng/img/main/icon-quick07.png);}
.quick-link.link08 .bg {background-image: url(/eng/img/main/icon-quick08.png);}
.quick-link.link09 .bg {background-image: url(/eng/img/main/icon-quick09.png);}
.quick-link.link10 .bg {background-image: url(/eng/img/main/icon-quick10.png);}
.quick-link.link11 .bg {background-image: url(/eng/img/main/icon-quick11.png);}
.popup-group {position: relative; width: 90%; margin: 50px auto; overflow: hidden;}
.popup-slider {height: 100px;}
.popup-slider .swiper-slide {background: #fff;}
.popup-slider .swiper-slide img {display: block; width: 100%;}
.popup-slider .swiper-pagination-fraction {position: absolute; top: 0px; bottom: auto; left:80px; font-size: 1.5rem; font-weight: 700;}
.popup-slider .swiper-pagination-current {color: #00b2c3;}
.popup-group .btns {top: 2px; bottom: auto; left: 120px; right: auto;}
.popup-button-next, .popup-button-prev {top: 75px; bottom: auto; width: 30px; height: 30px; background: rgba(0,24,127,0.3) url(/eng/img/main/left-arrow.svg) no-repeat center/60%;}
.popup-button-next:after, .popup-button-prev:after {content: none;}
.popup-button-next {background-image: url(/eng/img/main/right-arrow.svg);}

@media screen and (min-width: 360px){
    .se02 {margin-top: 100px;}
    .quick-ul {width: 94%;}
}
@media screen and (min-width: 450px){
    .se02 {margin-top: 50px;}
    .quick-ul {width: 94%;}
}
@media screen and (min-width: 500px){
    .quick-ul {width: 80%;}
    .popup-button-next, .popup-button-prev {top: 90px;}
    .popup-slider {height: 120px;}
}
@media screen and (min-width: 600px){
    .se02 {margin-top: 0;}
    .quick-ul {width: 100%;}
    .quick-list {width: 20%;}
    .quick-link .bg {background-color:transparent;}
    .popup-slider {height: 130px;}
}
@media screen and (min-width: 768px){
    .quick-ul {width: 80%;}
    .quick-list {width: 20%;}
    .popup-slider {height: 170px;}
    .popup-button-next, .popup-button-prev {top: 125px;}
    .popup-button-next {right: 0;}
    .popup-button-prev {left: 0;}
}
@media screen and (min-width: 800px){
    .quick-ul {width: 90%;}
    .quick-link .bg {background-color: #f5f5f5;}
    .popup-slider {height: 250px;}
}
@media screen and (min-width: 1024px){
    .se02 {padding-top: 150px;}
    .quick-ul {width: 80%;}
    .article-title {padding-bottom: 40px; font-size: 3.5rem;}
    .article-subtitle {margin-bottom: 30px;}
    .popup-slider {height: 250px;}
    .popup-button-next, .popup-button-prev {top: 190px; width: 45px; height: 45px;}
}
@media screen and (min-width: 1280px){
    .se01 {height: 800px;}
    .se02 {padding-top: 70px;}
    .article-title {padding-bottom: 40px; font-size: 4.0rem;}
    .article-subtitle {font-size: 2.0rem;}
    .quick-ul {width: 1260px;}
    .quick-link .bg {width: 140px;height: 140px; margin: 0 auto 15px; background-size: auto;}
    .quick-link {height: 240px; font-size: 1.8rem;}
    .popup-group {width: 1200px; margin: 90px auto 0;}
    .popup-group .article-subtitle {margin-bottom: 0;}
    .popup-slider {height: 280px;}
}
@media screen and (min-width: 1400px){
    .svg-bg01 {display: block; position: absolute; top: 700px; left: -237px; z-index: 2; animation:balloon2 10s ease-in-out infinite;}
    .svg-bg02 {display: block; position: absolute; top: 1250px; right: -264px; animation:balloon3 10s ease-in-out infinite;}
    .path {animation: balloon4 6s ease-in-out infinite;}
}
@media screen and (min-width: 1600px){
    .se02 {padding-top: 160px;}
}
/* section.se03 */
.se03 {padding-top: 50px; background: #f5f5f5;}
.svg-bg03 {display: none;}
#poylgon_BG {width: 100%;}
.se03 .inner {width: 90%; margin: 0 auto;}
.se03 .inner:after {content: ""; display: block; clear: both;}
.notice {position: relative; padding: 25px; margin-bottom: 25px; background: #fff; border-radius: 20px; box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.05); overflow: hidden;}
.notice:after {content: ""; display: block; clear: both;}
.notice-slider {overflow:hidden;}
.notice-p1 {margin-bottom: 25px; font-size: 1.4rem; font-weight: 400; line-height: 1.4;}
.notice-p2 {font-size: 1.2rem; color: #999; line-height: 1.4;}
.notice .swiper-pagination {top: 20px; bottom: auto; right:35px; left:auto; width: auto;}
.notice .date-list {display: block;}
.notice .btns {top: 20px; bottom: auto; right: 20px;}
.notice .article-subtitle {padding-left: 0;}
.notice01 {padding: 0;margin-bottom: 0;  background: none;border-radius: 0; box-shadow: none;}
.notice01 .small-link {float: left; width: 48%; padding: 20px; margin-bottom: 20px; background: #157dc1; border-radius: 5px 10px 5px 10px;} 
.notice01 .small-link:first-child {margin-right: 4%;}
.notice01 .article-subtitle {margin-bottom: 0;}
.notice01 .small-link .link {display: block; position: relative; color: #fff; font-weight: 400;}
.notice01 .midium-link {clear: both; display: block; padding: 31px; margin-bottom: 25px; background: #00397f; border-radius: 10px;}
.notice01 .midium-link .link {display: block; color: #fff;}
.btn-stop.notice01, .btn-stop.notice02, .btn-stop.notice03 {height: 10px; opacity: 0.2;}
.notice .swiper-pagination-bullet-active {width: 16px; background: #00b2c3; border-radius: 20px;}
.icon-link {position: absolute; top: 50%; right: 0px; width: 20px; height: 20px; background: url(/eng/img/main/icon-link.svg) no-repeat center/contain; transform: translateY(-50%);}
.icon-link.green {background-image: url(/eng/img/main/icon-link-green.svg);}
.notice .quick-list {width: 50%;}
.notice .quick-link {height: auto;}
.notice03 .magazine-dl,.notice04 .magazine-dl {display: flex;} 
.notice03 .magazine-dt,.notice04 .magazine-dt {flex: 0 0 60%; max-width: 60%;} 
.notice03 .magazine-dd,.notice04 .magazine-dd {flex: 0 0 40%; max-width: 40%;} 
.notice03 .magazine-dd img,.notice04 .magazine-dd img {display: block; width: auto; height: 90px; margin: 0 auto;} 
.notice03 .icon-link,.notice04 .icon-link {background-image: url(/eng/img/main/icon-link-green.svg);}

@media screen and (min-width: 560px){
    .notice03 .notice-p1, .notice03 .notice-p2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .notice01 {clear: both;}
    .notice .date-list {display: inline-block;}
    .btn-stop.notice03 {width: 10px;}
    .btn-stop.notice02 {width: 10px;}
}
@media screen and (min-width: 768px){
    .notice .btns {left: auto; right: 20px;}
    .notice01 {float: left; width: 49%; margin-right: 2%;}
    .notice02 {float: left; width: 49%; height: 230px;}
    .notice03 {float: left; width: 49%; margin-right: 2%;}
    .notice01 .midium-link .notice-p2 {display: none;}
    .notice04 {float: left; width: 49%;}
    .notice04 .notice-p1, .notice04 .notice-p2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .btn-stop.notice01 {width: 10px; height: 10px; background: url(/eng/img/main/icon-stop.svg) no-repeat center;}
    .btn-stop.notice01.on {background-image: url(/eng/img/main/icon-play.svg);}

    .notice01 .midium-link {height: 150px; background: #fff; border-radius: 20px; box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.05);}
    .notice01 .midium-link .icon-link {background-image: url(/eng/img/main/icon-link-green.svg);}
    .notice01 .midium-link .article-subtitle {margin-bottom: 30px; color: #000;}
    .notice01 .midium-link .notice-p2 {
        position: relative; display: block;padding-left: 60px;
        width: 100%; height: 45px; white-space: normal; line-height: 1.5;
        overflow: hidden; text-overflow: ellipsis; word-break: break-word; 
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    }
    .notice01 .midium-link .notice-p2:after {content: ""; position: absolute; top: -6px; left: 0; width: 50px; height: 50px; background: url(/eng/img/main/icon-apt.png) no-repeat center/110%;}

}
@media screen and (min-width: 1024px){
    .notice-p1 {font-size: 1.6rem; line-height: 1.5;}
    .notice-p2 {font-size: 1.4rem;}
    .notice02 .notice-p1, .notice03 .notice-p1, .notice04 .notice-p1 {
        width: 100%; height: 45px; margin-bottom: 52px; white-space: normal;
        overflow: hidden; text-overflow: ellipsis; word-break: break-word; 
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    }
    .notice04 {height: 216px;}
    .notice04 .magazine-dt {flex: 0 0 50%; max-width: 50%;} 
    .notice04 .magazine-dd {flex: 0 0 50%; max-width: 50%;} 
    .notice04 .magazine-dd img {display: block; width: auto; height: 170px; margin: 0 auto;} 
}
@media screen and (min-width: 1280px){
    .se03 {padding: 100px 0;}
    .se03 .inner {width: 1200px; margin: 0 auto;}
    .notice {padding: 40px;}
    .notice-p1 {font-size: 2.2rem;}
    .notice-p2 {font-size: 1.6rem;}
    .notice03 {width: 48%; height: 280px; margin-right: 4%; margin-bottom: 40px;}
    .notice-slider01 ,.notice-slider02, .notice-slider03 {height: 160px;}
    .notice02 {width: 48%; height: 290px;}
    .notice01 {width: 48%; margin-right: 4%; height: 290px; padding: 0; overflow: visible;}
    .notice01 .small-link {width: 46.5%; padding: 38px 40px; margin-bottom: 40px; border-radius: 10px 20px 10px 20px;}
    .notice01 .small-link:first-child {margin-right: 7%;}
    .notice01 .midium-link {width: 100%; margin-bottom: 0; padding: 34px; border-radius: 20px;}
    .notice01 .midium-link .article-subtitle {margin-bottom: 15px;}
    .notice04 {width: 48%; height: 280px;}
    .notice03 .notice-p1, .notice02 .notice-p1, .notice04 .notice-p1 {height: 62px;}
    .notice03 .notice-p2, .notice02 .notice-p2, .notice04 .notice-p2 {position: absolute;}
    .btn-stop.notice02, .btn-stop.notice03 {height: 10px;}
    .notice .btns {top: 40px; right: 40px;}
    .notice .swiper-pagination {top: 40px; right: 55px;}
    /* .notice .swiper-pagination-bullet-active {width: 16px; background: #00b2c3; border-radius: 20px;} */
    .notice03 .magazine-dd img {height: 200px;}
    .notice04 .magazine-dd img {height: 200px;}
}
@media screen and (min-width: 1400px){
    .svg-bg03 {display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 2;}
    .se03 .inner {position: relative; z-index: 3;}
    .se04 .inner {position: relative; z-index: 3;}
    .notice01 .midium-link .notice-p2 {line-height: 1.3;} 
}
@media screen and (min-width: 1600px){
    .se03 {padding-top: 90px;}
}

/* 21-12-13 nanan */
.main-slider .swiper2 .slide-h1 span {display: inline-block;}

.quick-link .bg {transition: .4s;}
.quick-link:hover .bg, .quick-link:active .bg, .quick-link:focus .bg {background-color: #00397f; box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);}
.quick-link.link01:hover .bg, .quick-link.link01:active .bg, .quick-link.link01:focus .bg {background-image: url(/eng/img/main/icon-quick01-w.png);}
.quick-link.link02:hover .bg, .quick-link.link02:active .bg, .quick-link.link02:focus .bg {background-image: url(/eng/img/main/icon-quick02-w.png);}
.quick-link.link03:hover .bg, .quick-link.link03:active .bg, .quick-link.link03:focus .bg {background-image: url(/eng/img/main/icon-quick03-w.png);}
.quick-link.link04:hover .bg, .quick-link.link04:active .bg, .quick-link.link04:focus .bg {background-image: url(/eng/img/main/icon-quick04-w.png);}
.quick-link.link05:hover .bg, .quick-link.link05:active .bg, .quick-link.link05:focus .bg {background-image: url(/eng/img/main/icon-quick05-w.png);}
.quick-link.link06:hover .bg, .quick-link.link06:active .bg, .quick-link.link06:focus .bg {background-image: url(/eng/img/main/icon-quick06-w.png);}
.quick-link.link07:hover .bg, .quick-link.link07:active .bg, .quick-link.link07:focus .bg {background-image: url(/eng/img/main/icon-quick07-w.png);}
.quick-link.link08:hover .bg, .quick-link.link08:active .bg, .quick-link.link08:focus .bg {background-image: url(/eng/img/main/icon-quick08-w.png);}
.quick-link.link09:hover .bg, .quick-link.link09:active .bg, .quick-link.link09:focus .bg {background-image: url(/eng/img/main/icon-quick09-w.png);}
.quick-link.link10:hover .bg, .quick-link.link10:active .bg, .quick-link.link10:focus .bg {background-image: url(/eng/img/main/icon-quick10-w.png);}
.quick-link.link11:hover .bg, .quick-link.link11:active .bg, .quick-link.link11:focus .bg {background-image: url(/eng/img/main/icon-quick11-w.png);}

.notice01 .small-link {transition: .4s;}
.notice01 .small-link:hover, .notice01 .small-link:active, .notice01 .small-link:focus {background:#061e2d;}
.notice a:hover .notice-p1 {color: #0051b4;}
@media screen and (min-width: 768px){
	.notice01 .midium-link {transition: .4s;}
	.notice01 .midium-link:hover, .notice01 .midium-link:active, .notice01 .midium-link:focus {background:#061e2d; color:#fff;}
	.notice01 .midium-link:hover .article-subtitle {color:#fff;}
	.notice01 .midium-link:hover .icon-link {background-image: url(/eng/img/main/icon-link.svg);}
	.notice01 .midium-link:hover .notice-p2:after {background-image:url(/eng/img/main/icon-apt-w.png);}
}
.se03{padding-top:60px; padding-bottom:60px;}
.notice.notice04 {margin-bottom:0;}
.notice.notice04 {margin-bottom:0;}
@media screen and (min-width: 768px){
	.notice.notice03 {margin-bottom:0;}
}

/* 21-12-16 nanan */
.main-slider .btn-stop { height: 12px; }