@charset "UTF-8";

/*
.payment-wrap {display: none;}
.payment-wrap2 {display: none;}
*/
.menu-setting-popup .setting-content ul:not([data-type="1"]) {display: none;}
.my-menu .menu-list ul:not([data-type="1"]) {display: none;}

#menu11423_obj290 {max-width:unset !important;}
#menu11423_obj290 .container {max-width: 1400px !important; margin: 0 auto;}
#menu11423_obj290 .container::after {content:''; display:block; clear:both;}
#menu11423_obj290 .section2 .container::after {display:none;}

/* Container */
#myPage .container {max-width: 1400px; margin: 0 auto;}

@media all and (max-width: 1620px) {
  #myPage .container,
  .section4 .container {padding: 0 !important;}
}
.section1,
.section1-1,
.section1-2,
.section2 {margin-bottom: 60px;}

.section1::after {content:''; display:block; clear:both;}
/* .section1 > div {float:left; width:25%;} */
.section1 .container > div {width:25%; float:left;}
.section2 .container{display: flex; justify-content: space-between;}
.section2 .container > div {width:48.57%; }

.section3 {padding:60px 0; background:#EFF0F0; margin-top: 60px;}
.section3 .container > div {float: left;}
.section3 .container::after{content:''; display: block; clear:both;}

@media all and (max-width:1200px) {
  .section1 .container > div {width:50%; margin-bottom: 20px;}
  /* .section2 {flex-wrap:wrap;} */
  .section2 .container {display: block;}
  .section2 .container > div {width:100%; margin-bottom: 20px;}

  .section1,
  .section1-1,
  .section2 {margin-bottom: 30px;}
  .section3 {margin-top:30px; padding: 30px 0;}
  /* .section3 .container > div {width:100%; float:none;} */
}
@media all and (max-width:768px) {
  .section1 .container > div {width:100%;}
  .section2 {margin:0;}
  .section2 > div {margin:unset; margin-bottom:20px;}
  .section3 {padding: 30px;}
}

.my-color1 {color:#008294;}
/* -- mypage-user-info -- */
.mypage-user-info {position:relative; background:#F4F7FF;}
.mypage-user-info .my-color1 {color:#008294;}
.mypage-user-info .inner { padding:27px 25px 25px 25px; background:url('../images/info-bg.png') no-repeat right center;}
.mypage-user-info .title {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom:1px solid #ccc;}
.mypage-user-info .title strong{font-size:21px; color:#152C46; font-family:'Noto Bold'; letter-spacing: -.03em; line-height:1;}
.mypage-user-info .title > button {background:#00435B; color:#fff; border-radius:5px; font-size: 16px; font-family:'Noto Light'; letter-spacing:-.05em; line-height: 1.5; width: 120px; padding: 9px 0;}
/* // mypage-user-info -- title */
.mypage-user-info .info-con p {color:#152C46; font-size: 20px; font-family: 'Noto Medium'; letter-spacing: -.05em; line-height: 1.5; padding-top:20px; margin-bottom: 5px;}
.mypage-user-info .info-con strong {display: block;}
.mypage-user-info .info-con .info-num {color:#D0005D; font-family: 'Noto Bold';}
/* // mypage-user-info -- info-con  */
/* -- mypage-user-info end -- */
@media all and (max-width:1300px) {
  .mypage-user-info .title strong span {display: block;}
}
@media all and (max-width:1200px) {
  .mypage-user-info .title strong span {display: inline-block;}
}

/* -- mypage-webmail -- */
.mypage-webmail {position: relative; height:200px; padding:0 15px 0 35px;}
.mypage-webmail .inner {height:100%; background:url('../images/ic-webmail-bg.png') no-repeat right bottom;}
.mypage-webmail .my-color1 {color:#008294;}
.mypage-webmail .title {margin-bottom:15px;}
.mypage-webmail .title strong {font-size: 26px; line-height: 1.5; letter-spacing: -.05em; color:#152C46; font-family: 'Noto Bold';}
.mypage-webmail .mail-list li {padding-left:32px; position: relative;}
.mypage-webmail .mail-list li a { color:#4B4B4B; letter-spacing: -.05em; font-family: 'Noto Medium'; font-size: 16px; line-height: 1.5; display: inline-block; position: relative; padding:5px 0; margin-bottom: 5px;}
.mypage-webmail .mail-list li a::after {content:''; width:0; height:1px; background:#66768B; position: absolute; left:0; bottom:0; transition:width .3s;}
.mypage-webmail .mail-list li a:hover {color:#002D56;}
.mypage-webmail .mail-list li a:hover::after {width:100%;}
.mypage-webmail .mail-list li::after {content:''; width:22px; height:16px; background:url('../images/ic-webmail.png') no-repeat center; position: absolute; left:0; top:10px;}
/* -- mypage-webmail end -- */
@media all and (max-width:768px) {
  .mypage-webmail {padding:20px; border-top:1px solid #c1c1c1;}
}

/* -- ability-wrap -- */
.ability-wrap {position: relative; height:200px; padding: 0 30px; border-right:1px solid #E1E2E4; border-left:1px solid #E1E2E4; }
.ability-wrap .inner {height:100%; background:url('../images/ic-ability.png') no-repeat right bottom; position: relative;}
.ability-wrap .title {position: relative; margin-bottom: 15px;}
.ability-wrap .my-color1 {color:#008294;}
.ability-wrap .title {display: flex; justify-content: space-between;}
.ability-wrap .title strong {font-size: 26px; line-height: 1.5; letter-spacing: -.05em; color:#152C46; font-family: 'Noto Bold';}
.ability-wrap p {color:#333; font-size: 18px; letter-spacing: -.05em; line-height: 26px; font-family: 'Noto Light'; }
.ability-wrap .ability-btn {display:inline-block;color:#fff; background:#008395; font-family: 'Noto Medium'; font-size: 16px; letter-spacing: -.05em; line-height: 26px; height:45px; padding:0 22px; position: absolute; bottom:0; left:0;}
.ability-wrap .ability-btn span {display: inline-block; vertical-align: middle; line-height: 45px;}
/* -- ability-wrap end -- */
@media all and (max-width: 768px) {
  .ability-wrap {border:0; border-top:1px solid #c1c1c1; padding:20px;}
}

/* -- mypage-payment -- */

.payment-wrap {position: relative; height:200px; padding: 0 30px; border-right:1px solid #E1E2E4; border-left:1px solid #E1E2E4; }
.payment-wrap .inner {height:100%; background:url('../images/ic-pay-bg.png') no-repeat right bottom;}
.payment-wrap .title {position: relative; margin-bottom: 15px;}
.payment-wrap .my-color1 {color:#008294;}
.payment-wrap .title {display: flex; justify-content: space-between;}
.payment-wrap .title strong {font-size: 26px; line-height: 1.5; letter-spacing: -.05em; color:#152C46; font-family: 'Noto Bold';}
.payment-wrap .title a {display: inline-block; font-family: 'Noto Regular'; letter-spacing: -.03em; font-size: 16px; line-height: 1.5; color:#000; border-bottom:2px solid #000; padding:5px 20px 5px 0; position: relative;}
.payment-wrap .title a::after {content:''; width:8px; height:8px; background:url('../images/ic-more.png') no-repeat center; position:absolute; right:0; top:15px;}
.payment-wrap .pay-list {overflow: auto; max-height: 144px;}
.payment-wrap .pay-list::-webkit-scrollbar {width:5px;}
.payment-wrap .pay-list::-webkit-scrollbar-thumb {background:#008294; border-radius:5px;}
.payment-wrap .pay-list::-webkit-scrollbar-track {background:#EDEDED; border-radius:5px;}
.payment-wrap .pay-list .team {font-size: 18px; color:#333; font-family: 'Noto Medium'; letter-spacing: -.05em; line-height: 1.5;}
.payment-wrap .pay-list ul {margin-bottom: 5px;}
.payment-wrap .pay-list li {position: relative; padding-left:12px; cursor: pointer;}
.payment-wrap .pay-list li.no-count {cursor: default;}
.payment-wrap .pay-list li::after {content:''; width:4px; height:4px; background:#00435B; position: absolute; left:0; top:10px; border-radius:50%;}
.payment-wrap .pay-list li p {color:#666; font-size: 14px; letter-spacing: -.03em; line-height: 20px; font-family: 'Noto Medium'; }
/* -- mypage-payment end -- */

/* payment-wrap2 */
.payment-wrap2 {position: relative; height:200px; padding: 0 30px; border-right:1px solid #E1E2E4; border-left:1px solid #E1E2E4; }
.payment-wrap2 .inner {height:100%; background:url('../images/ic-pay-bg.png') no-repeat right bottom;}
.payment-wrap2 .title {position: relative; margin-bottom: 15px;}
.payment-wrap2 .my-color1 {color:#008294;}
.payment-wrap2 .title {display: flex; justify-content: space-between;}
.payment-wrap2 .title strong {font-size: 26px; line-height: 1.5; letter-spacing: -.05em; color:#152C46; font-family: 'Noto Bold';}
.payment-wrap2 .title a {display: inline-block; font-family: 'Noto Regular'; letter-spacing: -.03em; font-size: 16px; line-height: 1.5; color:#000; border-bottom:2px solid #000; padding:5px 20px 5px 0; position: relative;}
.payment-wrap2 .title a::after {content:''; width:8px; height:8px; background:url('../images/ic-more.png') no-repeat center; position:absolute; right:0; top:15px;}
.payment-wrap2 .team-list {max-height:140px; overflow-y:auto;}
.payment-wrap2 .team-list::-webkit-scrollbar {width:5px;}
.payment-wrap2 .team-list::-webkit-scrollbar-thumb {background:#008294; border-radius:5px;}
.payment-wrap2 .team-list::-webkit-scrollbar-track {background:#EDEDED; border-radius:5px;}
.payment-wrap2 .team-list .team {font-size: 18px; color:#333; font-family: 'Noto Medium'; letter-spacing: -.05em; line-height: 1.5;}
.payment-wrap2 .team-list .team-con > li {position: relative; padding-left:12px; cursor: pointer;}
.payment-wrap2 .team-list .team-con > li::after {content:''; width:4px; height:4px; background:#00435B; position: absolute; left:0; top:9px; border-radius:50%;}
.payment-wrap2 .team-list .team-con > li p {color:#666; font-size: 14px; letter-spacing: -.03em; line-height: 20px; font-family: 'Noto Medium'; }
/* payment-wrap2 end */


/* -- mypage-service-link -- */
.mypage-service-link {position: relative; height:200px; overflow:hidden; padding-left:30px;}
.mypage-service-link .title {margin-bottom: 15px;}
.mypage-service-link .title strong {font-size: 26px; line-height: 1.5; letter-spacing: -.05em; color:#152C46; font-family: 'Noto Bold';}
.mypage-service-link .service-list {max-height:140px; overflow-y:scroll;}
.mypage-service-link .service-list::-webkit-scrollbar {width:5px;}
.mypage-service-link .service-list::-webkit-scrollbar-thumb {background:#008294; border-radius:5px;}
.mypage-service-link .service-list::-webkit-scrollbar-track {background:#EDEDED; border-radius:5px;}
.mypage-service-link .service-list li{padding-left:10px; position: relative;}
.mypage-service-link .service-list li::after {content:''; width:3px; height:3px; background:#666; position: absolute; left:0; top:11px; border-radius:50%;}
.mypage-service-link .service-list li a{font-size: 16px; color:#666; display:block; font-family: 'Noto Light'; letter-spacing: -.03em; line-height: 1.5;  margin-bottom: 5px; transition:color .3s;}
.mypage-service-link .service-list li a:hover {color:#008294;}
/* -- mypage-service-link end -- */
@media all and (max-width:768px) {
  .mypage-service-link {padding:20px; border-top:1px solid #c1c1c1;}
  .mypage-service-link .service-list {max-height:120px;} 
}

/* ability-notice1 */
.section1-1::after {content:''; display: block; clear:both;}
.section1-2::after {content:''; display: block; clear:both;}
.my-hufs-ability {position: relative; width:310px; padding-right:60px; float:left;}
.my-hufs-ability .title {margin-bottom: 30px;}
.my-hufs-ability .txt-title {font-size: 42px; color:#008395; line-height:1.5; font-family: 'H Medium';}
.my-hufs-ability .txt-title strong {display:block; font-size:70px; line-height:1.2; letter-spacing: 0; color:#002D56; font-family: 'H Bold';}
.my-hufs-ability .txt-con {font-size: 18px; color:#666; font-family: 'Noto Regular'; line-height:25px;}
.my-hufs-ability .ability-link-wrap li {border-bottom:1px solid #c1c1c1;}
.my-hufs-ability .ability-link {padding: 27px 0 18px 110px; position: relative; margin-top:15px;}
.my-hufs-ability .ability-link-wrap li:last-child {border-bottom:0;}
.my-hufs-ability .ability-link.icon1 {background:url('../images/ic-ability-link1.png') no-repeat left center;}
.my-hufs-ability .ability-link.icon2 {background:url('../images/ic-ability-link2.png') no-repeat left center;}
.my-hufs-ability .ability-link.icon3 {background:url('../images/ic-ability-link3.png') no-repeat left center;}
.my-hufs-ability .ability-link p {color:#E33434; font-size: 22px; font-family: 'Noto Bold'; line-height:25px; letter-spacing: -.05em;}
.my-hufs-ability .ability-btn {font-size: 15px; line-height:2; letter-spacing: -.05em; font-family: 'Noto Medium'; padding-right:30px; color:#002D56; position: relative; margin-top: 5px; display: inline-block;}
.my-hufs-ability .ability-btn::before {content:''; width:12px; height:7px; background:url('../images/ic-arrow.png') no-repeat center; position: absolute; right:0; top:12px; transition:right .5s;}
.my-hufs-ability .ability-link-wrap a:hover .ability-btn::before {animation:abilityMove .75s infinite;}
@keyframes abilityMove {
  0% {right:10px;}
  100% {right:0px;}
}
@media all and (max-width:1200px) {
  .my-hufs-ability {float:none; width:100%; padding-right: 0;}
  .my-hufs-ability > .inner {display: flex; align-items: center;}
  .my-hufs-ability > .inner::after {content:''; display: block; clear:both;}
  .my-hufs-ability .title {margin-right:30px;}
  .my-hufs-ability .ability-link-wrap ul{display: flex;}
  .my-hufs-ability .ability-link-wrap li:last-child {border-bottom:1px solid #c1c1c1;}
  .my-hufs-ability .ability-link-wrap li{border-bottom:1px solid #c1c1c1; margin-right:20px;}
  .my-hufs-ability .ability-link {padding:27px 0 18px 95px;}
}
@media all and (max-width:768px) {
  .my-hufs-ability {margin-bottom: 20px;}
  .my-hufs-ability > .inner {display: block;}
  .my-hufs-ability .title {margin-bottom: 0;}
  .my-hufs-ability .txt-title {font-size: 36px;}
  .my-hufs-ability .txt-title strong {display: inline-block;}
  .my-hufs-ability .ability-link-wrap li {flex:1;}
}
@media all and (max-width:550px) {
  .my-hufs-ability .ability-link-wrap ul {flex-wrap:wrap;}
  .my-hufs-ability .ability-link-wrap li {width:100%; flex:unset;}
}

.ability-noti-wrap {float:right; width:calc(100% - 310px); background:#002D56; padding-left:70px; position: relative;}
.ability-noti-wrap::before {content:''; width:100%; height:100%; background:#002D56; left:100%; position: absolute;}
.ability-noti-wrap > .inner {padding:60px 0 55px 0; margin:0 -30px;}
.ability-noti-wrap > .inner::after{content:''; display: block; clear:both;}
.ability-noti-wrap .ability-notice {position: relative; width:50%; float:left; padding:0 30px;}
.ability-notice > .inner {position: relative;}
.ability-notice.notice1 .btn-box  {border-bottom:1px solid rgba(255,255,255,0.3);}
.ability-notice.notice1 .btn-box button{font-family: 'Noto Bold'; font-size: 24px; line-height: 1.5; letter-spacing: -.05em; color:#89B7E1; position: relative; padding-bottom: 30px; margin-right:30px;}
.ability-notice.notice1 .btn-box button::after{content:''; width:0%; height:3px; background:#89B7E1; position: absolute; bottom:0; left:0; transition:width .3s;}
.ability-notice.notice1 .btn-box button:hover::after{width:100%;}
.ability-notice.notice1 .btn-box button.active {color:#fff;}
.ability-notice.notice1 .btn-box button.active::after {content:''; width:100%; height:3px; background:#fff; position: absolute; bottom:0; left:0;}
.ability-notice.notice1 .info > ul > li {display: none;}
.ability-notice.notice1 .info > ul > li.active {display: block;}
.ability-notice.notice1 .list-inner {padding-top: 25px;}
.ability-notice.notice1 .list-inner li {margin-bottom:17px;}
.ability-notice.notice1 .list-inner li:last-child {margin-bottom: 0;}
.ability-notice.notice1 .list-inner li > a {display: flex; justify-content: space-between; align-items: center;color:#fff; font-family: 'Noto Light';  font-size: 18px; line-height: 1.5; letter-spacing: -.03em; position: relative;}
.ability-notice.notice1 .list-inner li > a::after{content:''; width:0%; height:1px; background:#fff; position: absolute; bottom:0; left:0; transition:width .4s;}
.ability-notice.notice1 .list-inner li > a:hover::after {width:100%;}
.ability-notice.notice1 .sj, 
.ability-notice .list-inner a p { width:80%;margin-right:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
/* more */
.ability-notice.notice1 .more-btn {border:1px solid #fff; display: inline-block; position: absolute; right:0; top:0;}
.ability-notice.notice1 .more { display: none; width:33px; height:33px; background:url('../images/more_w.png') no-repeat center; transition:transform .3s; text-indent: -9999px;}
.ability-notice.notice1 .more.active {display: inline-block;}
.ability-notice.notice1 .more:hover{transform:rotate(90deg);}

.ability-notice .quick ul {display: flex; flex-wrap: wrap; height: 340px;}
.ability-notice .quick li {width: 50%;}
.ability-notice .quick li.ico1 {background: #008395;}
.ability-notice .quick li:hover.ico1 {background: #009eb3;}
.ability-notice .quick li.ico2 {background: #06b9a1;}
.ability-notice .quick li:hover.ico2 {background: #04d6ba;}
.ability-notice .quick li.ico3 {background: #185186;}
.ability-notice .quick li:hover.ico3 {background: #1b67ad;}
.ability-notice .quick li.ico4 {background: #1b90ff;}
.ability-notice .quick li:hover.ico4 {background: #2b99ff;}
.ability-notice .quick a {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; color: #fff;}
.ability-notice .quick span {display: block; width: 100%; margin-top: 10px;}
/* ability-notice1 end */
.ability-notice.notice2 .btn-box  {border-bottom:1px solid rgba(255,255,255,0.3);}
.ability-notice.notice2 .btn-box button{font-family: 'Noto Bold'; font-size: 24px; line-height: 1.5; letter-spacing: -.05em; color:#89B7E1; position: relative; padding-bottom: 30px; margin-right:30px;}
.ability-notice.notice2 .btn-box button::after{content:''; width:0%; height:3px; background:#89B7E1; position: absolute; bottom:0; left:0; transition:width .3s;}
.ability-notice.notice2 .btn-box button:hover::after{width:100%;}
.ability-notice.notice2 .btn-box button.active {color:#fff;}
.ability-notice.notice2 .btn-box button.active::after {content:''; width:100%; height:3px; background:#fff; position: absolute; bottom:0; left:0;}
.ability-notice.notice2 .info > ul > li {display: none;}
.ability-notice.notice2 .info > ul > li.active {display: block;}
.ability-notice.notice2 .list-inner {padding-top: 25px;}
.ability-notice.notice2 .list-inner li {margin-bottom:17px;}
.ability-notice.notice2 .list-inner li:last-child {margin-bottom: 0;}
.ability-notice.notice2 .list-inner li > a {display: flex; justify-content: space-between; align-items: center;color:#fff; font-family: 'Noto Light';  font-size: 18px; line-height: 1.5; letter-spacing: -.03em; position: relative;}

.ability-notice.notice2 .d-day {font-size: 14px; font-family: 'Play Regular'; letter-spacing: -.03em; line-height: 26px; width:45px; text-align: center; background:#0085FF; border-radius:3px; margin-right:15px;}
.ability-notice.notice2 .sj { width:80%;margin-right:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.ability-notice.notice2 .list-inner li > a .sj::after{content:''; width:0%; height:1px; background:#fff; position: absolute; bottom:0; left:0; transition:width .4s;}
.ability-notice.notice2 .list-inner li > a:hover .sj::after {width:100%;}
/* more */
.ability-notice.notice2 .more-btn {border:1px solid #fff; display: inline-block; position: absolute; right:0; top:0;}
.ability-notice.notice2 .more { display: none; width:33px; height:33px; background:url('../images/more_w.png') no-repeat center; transition:transform .3s; text-indent: -9999px;}
.ability-notice.notice2 .more.active {display: inline-block;}
.ability-notice.notice2 .more:hover{transform:rotate(90deg);} 
/* ability-notice2 end */

@media all and (max-width:1200px) {
  .ability-noti-wrap {width:100%; padding:40px 30px;}
  .ability-noti-wrap::before {display: none;}
  .ability-noti-wrap > .inner {padding:0; margin:0 -20px;}
  .ability-noti-wrap
  .ability-noti-wrap .ability-notice {padding:0 20px;}
}
@media all and (max-width:1024px) {
  .ability-noti-wrap .ability-notice {width:100%; float:none; margin-bottom: 20px;}
}
@media all and (max-width:768px) {
  .ability-noti-wrap > .inner {margin:0;}
  .ability-noti-wrap .ability-notice {padding:0;}
  .ability-notice.notice1 .btn-box button {font-size: 22px; padding-bottom: 20px; margin-right: 15px;}
  .ability-notice.notice1 .list-inner li > a {font-size: 16px;}
  .ability-notice.notice2 .btn-box button {font-size: 22px; padding-bottom: 20px; margin-right: 15px;}
  .ability-notice.notice2 .list-inner li > a {font-size: 16px;}
}
@media all and (max-width:500px) {
  .ability-noti-wrap {padding:30px 20px;}
}



/* -- recent-notice -- */
.recent-notice {position: relative; border:1px solid #DCDCDC;padding:45px 39px 15px 39px;}
.recent-notice .inner {position: relative;}
/* btn-box */
.recent-notice .btn-box {position: relative;}
.recent-notice .btn-box button {color:#999; font-size: 30px; line-height: 1; letter-spacing: -.05em; font-family: 'Noto Bold'; transition:color .3s; padding-right:30px; position: relative; margin-right:25px;}
.recent-notice .btn-box button:last-child::after {display: none;}
.recent-notice .btn-box button::after {content:''; width:1px; height:20px; background:#B6B6B6; position: absolute; right:0; top:7px;}
.recent-notice .btn-box button.active {color:#000;}
/* info */
.recent-notice .info > ul > li {display: none;}
.recent-notice .info > ul > li.active {display: block;}
.recent-notice .info .list-inner li {font-size: 18px; font-family: 'Noto Light'; position: relative;}
.recent-notice .info .list-inner li:nth-child(n+6) {display: none;}
.recent-notice .list-inner {margin-top:35px;}
.recent-notice .list-inner li a {color:#000; display: block; display: flex; justify-content: space-between; line-height: 1.5; align-items: center; padding:15px 0; border-bottom:1px solid #eee;}
.recent-notice .list-inner li:last-child a { border-bottom:0;} 
.recent-notice .list-inner .sj {padding-left:15px;margin-left:10px;position: relative; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; padding-right:15px;}
.recent-notice .list-inner .sj::after {content:''; width:4px; height:4px; background:#AFAFAF; position: absolute; left:0; top:13px; border-radius:50%;}
/* more */
.recent-notice .more-btn {border:1px solid #000; display: inline-block; position: absolute; right:0; top:0;}
.recent-notice .more { display: none; width:33px; height:33px; background:url('../images/more.png') no-repeat center; transition:transform .3s; text-indent: -9999px;}
.recent-notice .more.active {display: inline-block;}
.recent-notice .more:hover{transform:rotate(90deg);} 
/* -- recent-notice end -- */
@media all and (max-width:1200px) {
  .recent-notice {padding:20px 39px 15px 39px;}
  .recent-notice .list-inner {margin-top:20px;}
  .recent-notice .list-inner li a {padding:10px 0;}
}
@media all and (max-width:768px) {
  .recent-notice .btn-box button {font-size: 24px; margin-right: 10px; padding-right: 15px;}
  .recent-notice .info .list-inner li {font-size: 16px;}
}
@media all and (max-width:500px) {
  .recent-notice {padding:20px;}
}
/* schedule-wrap */
.schedule-wrap {position: relative; border:1px solid #DCDCDC;padding:45px 39px 43px 39px;}
.schedule-wrap .inner {position: relative;}
.schedule-wrap .title h2 {font-size: 30px; line-height: 1.2; letter-spacing: -.05em; font-family: 'Noto Bold'; color:#000; margin-bottom: 32px;}
.schedule-wrap .con-inner {margin-bottom: 20px;}
.schedule-wrap .con-inner::after {content:''; display: block; clear:both;}
.schedule-wrap .select-box {float:right;}
.schedule-wrap .select-box select {font-size: 18px; font-family: 'Noto Light'; letter-spacing: -.05em; padding:0 15px; width:190px; height:50px; display: inline-block; color:#333; border:1px solid #A4A4A4; -webkit-appearance: none; -moz-appearance: none; position: relative; background:url('../images/select-arrow.png') no-repeat right 20px center; cursor:pointer;}
.schedule-wrap .month-year {float:left;}
.schedule-wrap .month-year p {font-size: 30px; line-height: 1.5; letter-spacing: -.05em; color:#0D2B42; font-family: 'Noto Bold';}
.schedule-wrap .schedule-list {position: relative;}
.schedule-wrap .schedule-list li {font-size: 18px; letter-spacing: -.05em; color:#333; font-family: 'Noto Regular'; line-height: 1.5; padding:9px 0; display: flex; align-items: baseline; position: relative; }
.schedule-wrap .schedule-list li:nth-child(n+6) {display: none;}
.schedule-wrap .schedule-list li:last-child::after{display: none;}
.schedule-wrap .schedule-list li::after {content:''; width:100%; height:1px; background:url('../images/line-dotted.png') repeat-x left; position:absolute; left:0; bottom:0;}
.schedule-wrap .schedule-list .day {color:#008294;font-family: 'Noto Bold'; width:190px;}
.schedule-wrap .schedule-list .cn {width:calc(100% - 190px);}
.schedule-wrap .setting-box {display: flex; align-items: center; position: absolute; right:0; top:0;}
.schedule-wrap .setting-box .setting-btn {font-size: 16px; line-height: 20px; letter-spacing: -.05em; color:#3a3a3a; font-family: 'Noto Medium'; position: relative; padding:0 0 0 25px; margin-right:20px;}
.schedule-wrap .setting-box .setting-btn::after {content:''; width:18px; height:18px; background:url('../images/ic-setting.png') no-repeat center; position: absolute; left:0; top:3px;}
.schedule-wrap .setting-box .setting-btn:hover::after {animation:spin infinite 3s linear;}
@keyframes spin {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}
.schedule-wrap .more-btn {border:1px solid #000; display: inline-block;}
.schedule-wrap .more { display: inline-block; width:33px; height:33px; background:url('../images/more.png') no-repeat center; transition:transform .3s; text-indent: -9999px;}
.schedule-wrap .more:hover{transform:rotate(90deg);} 
/* schedule-wrap end */
@media all and (max-width:1200px) {
  .schedule-wrap {padding:20px 39px 23px 39px;}
}
@media all and (max-width:768px) {
  .schedule-wrap .title h2 {font-size: 24px;}
  .schedule-wrap .month-year p {font-size: 24px; line-height: 50px;}
  .schedule-wrap .schedule-list li {font-size: 16px;}
}
@media all and (max-width:500px) {
  .schedule-wrap {padding:20px;}
  .schedule-wrap .schedule-list li {flex-wrap:wrap;}
  .schedule-wrap .schedule-list .cn {width:100%;}
  .schedule-wrap .schedule-list .cn p {position: relative; padding-left:10px;}
  .schedule-wrap .schedule-list .cn p::after {content:''; width:3px; height:3px; background:#666; border-radius:50%; position: absolute; top:12px; left:0;}
}


/* banner-box1 */
.banner-box1 {position: relative;letter-spacing: -.05em;  padding-right:20px;}
.banner-box1 .inner {position: relative;}

.banner-box1 .banner-list::after{content:''; display: block; clear:both;}
.banner-box1 .banner-list .title {font-size: 25px; line-height: 1; font-family: 'H Bold'; margin-bottom: 15px;}
.banner-box1 .banner-list .cn {font-size: 18px; line-height: 1.5; font-family: 'Noto Light';}
/* Button */
.banner-box1 .banner-list .shortcut-btn { height: 40px; display: inline-block; position: relative; font-size: 16px; line-height: 40px; font-family: 'Noto Regular'; color:#fff; padding:0 37px; position: absolute; bottom:0; left:0;}
.banner-box1 .banner-list .shortcut-btn.color1 {background:#00414A; transition: background .3s;}
.banner-box1 .banner-list .shortcut-btn.color2 {background:#002D56; transition: background .3s;}
.banner-box1 .banner-list .shortcut-btn.color1:hover {background:#BAA27D;}
.banner-box1 .banner-list .shortcut-btn.color2:hover {background:#BAA27D;}
/* // Button end */
.banner-box1 .banner-list { margin:0 -10px;}
.banner-box1 .banner-list li {max-width:330px; padding:40px; height:270px; margin:0 10px; float:left;}
.banner-box1 .banner-list li > div {position: relative; height:100%;}
.banner-box1 .banner-list .item1 {background:#008294 url('../images/banner-bg1.png') no-repeat right 28px bottom 28px;}
.banner-box1 .banner-list .item2 {background:url('../images/banner-bg2.png') no-repeat center / cover;}
.banner-box1 .item1 .title {color:#fff;}
.banner-box1 .item1 .cn {color:#9BD8E0;}
.banner-box1 .item2 .title {color:#002D56;}
/* 
.banner-box1.row2 {width:50%;}
.banner-box1.row2 .banner-list {display:flex;}
.banner-box1.row2 .banner-list li {max-width:unset; flex-basis:330px;} */
/* banner-box1 end */
@media all and (max-width:1200px) {
  .banner-box1 {padding-right: 0; margin-bottom: 20px;}
  .banner-box1 .banner-list li {flex-basis:auto; width:100%; height:250px;}
  .banner-box1.row2 {width:100%;}
  .banner-box1.row2 .banner-list li {max-width:unset; flex-basis:50%;}
}
@media all and (max-width:768px) {
  .banner-box1 {width:100%;}
  .banner-box1 .banner-list {flex-wrap:wrap; margin:0;}
  .banner-box1 .banner-list li {width:100%; margin:0; margin-bottom: 20px; max-width:unset;}
  .banner-box1.row2 .banner-list li {flex-basis: 100%;}
}
/* banner-box2 */
.banner-box2 {position: relative; padding-left:20px; width: calc(100% - 350px);}
.banner-box2 .title {font-size:30px; line-height: 1; margin-bottom:40px; letter-spacing: -.05em; color:#000; font-family: 'Noto Bold';}
.banner-box2 .banner-slider {overflow:hidden;}
.banner-box2 .banner-slider .slick-list {margin:0 -10px;}
.banner-box2 .banner-slider li {height:200px; margin:0 10px;}
.banner-box2 .banner-slider li a {display: block; height:100%;}
.banner-box2 .banner-slider li.slick-slide img {margin:0 auto; height:100%;}
.banner-box2 .controls {position:absolute; right:0;top:0;}
.banner-box2 .controls button {width:33px; height:33px; display: inline-block; text-indent: -9999px;}
.banner-box2 .controls .prev {background:url('../images/banner-slide-btn.png') no-repeat; background-position:left center;}
.banner-box2 .controls .next {background:url('../images/banner-slide-btn.png') no-repeat; background-position:right center;}
/* banner-box2 end */
@media all and (max-width:1200px) {
  .banner-box2 {width:calc(100% - 330px);}
  .banner-box2 .title {margin-bottom: 20px;}
}
@media all and (max-width:768px) {
  .banner-box2 {width:100%; padding-left: 0;}
}



.my-menu {position: relative; margin:60px 0; min-height: 456px;}
.my-menu > .inner {position: relative;}
.my-menu .title {font-size: 30px; line-height: 1; letter-spacing: -.05em; color:#000; font-family: 'Noto Bold'; margin-bottom: 30px;}
.my-menu .menu-list ul {margin:0 20px;}
.my-menu .menu-list li {width:calc(100% / 8);margin-bottom: 40px; text-align: center; vertical-align:top;}
.my-menu .menu-list li a {display: inline-block;}
.my-menu .menu-list li a:hover .img-box {background:#BAA27D;}
.my-menu .menu-list li a .img-box .on{display: none;}
.my-menu .menu-list li.hover a .img-box img{display: none;}
.my-menu .menu-list li.hover a .img-box .on {display: block;}
.my-menu .img-box {width:120px; height:120px; margin: 0 auto; background:#f7f7f7; border-radius:50%; display: flex; align-items: center; justify-content: center;}
.my-menu .img-box > .icon-box {width:120px; height:120px;}
.my-menu .img-box .icon1 {background:url('../images/menu/ic-menu1.png') no-repeat center;}
.my-menu .txt-box {text-align: center; font-size: 16px; line-height: 20px; height:40px;letter-spacing: -.05em; color:#333; font-family: 'Noto Regular'; margin-top: 15px;}
.my-menu .setting-box {display: flex; align-items: center; position: absolute; right:0; top:0;}
.my-menu .setting-box .setting-btn {font-size: 16px; line-height: 20px; letter-spacing: -.05em; color:#3a3a3a; font-family: 'Noto Medium'; position: relative; padding:0 0 0 25px; margin-right:20px;}
.my-menu .setting-box .setting-btn::after {content:''; width:18px; height:18px; background:url('../images/ic-setting.png') no-repeat center; position: absolute; left:0; top:3px;}
.my-menu .setting-box .setting-btn:hover::after {animation:spin infinite 3s linear;}
.my-menu .controls {font-size: 0;}
.my-menu .controls button {width:33px; height:33px; display: inline-block; text-indent: -9999px; position: relative;}
.my-menu .controls .prev {background:url('../images/banner-slide-btn.png') no-repeat; background-position:left center; left:1px;}
.my-menu .controls .next {background:url('../images/banner-slide-btn.png') no-repeat; background-position:right center; }

/* my-menu setting-popup */
.menu-setting-popup {position:absolute; max-width:680px; width:100%; right:-99999px; top:0; background:#fff; opacity: 0; transition:opacity .5s; }
.menu-setting-popup.on {opacity: 1; right:0;}
.menu-setting-popup .setting-inner {position: relative;}
.menu-setting-popup .setting-title {letter-spacing: -.05em; line-height: 1.5; background:#008395; color:#fff; padding:15px 0; margin:0;}
.menu-setting-popup .setting-title p {font-size: 16px; font-family: 'Noto Regular'; margin:0 25px;}
.menu-setting-popup .setting-title strong {font-size: 22px; font-family:'Noto Bold'; margin-right:15px;}
.menu-setting-popup .setting-content {border:3px solid #008395; border-top:0;}
.menu-setting-popup .setting-content ul {display: flex; align-content: flex-start; flex-direction: column; flex-wrap:wrap; overflow:auto; height:305px; padding:10px 0; border-bottom:1px solid #c1c1c1; margin:0 20px;}
.menu-setting-popup .setting-content li {font-size: 16px; width:33.3333%; line-height: 35px; letter-spacing: -.05em; font-family: 'Noto Light'; color:#000;}
.menu-setting-popup .btn-box {text-align: center; margin:20px 0;}
.menu-setting-popup .btn-box button {font-size: 17px; line-height: 20px; letter-spacing: -.05em; font-family: 'Noto Regular'; color:#fff; width:120px; text-align: center; border-radius:100px; height:45px; transition:background .3s;}
.menu-setting-popup .btn-box .setting-btn {background:#00505B;}
.menu-setting-popup .btn-box .reset-btn {background:#111617;}
.menu-setting-popup .btn-box .setting-btn:hover {background:#00A7BD;}
.menu-setting-popup .btn-box .reset-btn:hover {background:#00437E;}
.menu-setting-popup .setting-close {background:url('../images/ic-close.png') no-repeat center; display: inline-block; text-indent: -9999px; width:80px; height:63px; position: absolute; right:0; top:0;}
/* checkbox custom */
.menu-setting-popup li input[type="checkbox"] {position: absolute; opacity: 0; cursor: pointer; width: 0; height: 0;}
.menu-setting-popup li .chk-custom {padding-left:25px; background:url('../images/ic-check.png') no-repeat left top 6px; transition: background .3s;}
.menu-setting-popup li input[type="checkbox"]:checked ~ .chk-custom {padding-left:25px; background:url('../images/ic-checked.png') no-repeat left top 6px;}
.menu-setting-popup li label:hover span{text-decoration: underline;}
@media all and (max-width:650px) {
  .my-menu .menu-list li {margin-bottom:20px;}
  .menu-setting-popup .setting-title strong {display: block;}
  .menu-setting-popup .setting-content li {width:70%;}
  .menu-setting-popup .setting-close {height:87px;}
}