.pott {color:#d96c46 !important;}

.sectionA {margin: 137px 0 0px;}
.sectionA:after {content:'';display:block;clear:both;}
.sectionA > dt {float:left;width:1078px;}
.sectionA > dd {float:right;height: 550px;overflow: hidden;}

#mVisual {position:relative;}
#mVisual:after {content:'';display:block;clear:both;}
#mVisualA {position:relative;width: 100%;height: 550px;overflow: hidden;margin: 0 0 0 0;    border-radius: 20px;}
#mVisualA .mVisualTxt {position:absolute;text-indent: -9999px;left:50%;top: 183px;width: 636px;height: 95px;background: url(/img/main/mv_txt2.png) no-repeat;transform: translate(-50.5%, 0);}
#mVisualA .mVisualTxt2 {position: absolute;left: 50%;bottom: 84px;transform: translate(472px, 0);text-indent: -9999px;width: 291px;height: 180px;background: url(/img/main/mv_txt4.png) no-repeat;}
#mVisualA .mVisualTxt3 {position: absolute;left: 50%;top: 319px;transform: translate(-50%, 0);text-align: center;font-size: 21px;font-weight: 400;line-height: 160%;}
#mVisualA .mVisualTxt4 {font-size: 26px;font-weight: 500;margin: 20px 0 0;}
#mVisualA .mMouse {position: absolute;left: 50%;bottom: 36px;width: 44px;height: 64px;transform: translate(-50%, -50%);background: url(/img/main/mv_mouse.png) no-repeat;}
#mVisualA .mbtn {position: absolute;left: 50%;bottom: 189px;transform: translate(-50%,0);}
#mVisualA .mbtn a {display: block;background: #d96c46;padding: 30px 84px;font-size: 28px;border-radius: 50px;color: #fff;font-weight: 500;letter-spacing: -1px;}
#mVisualA .marrow {position: absolute;left: 50%;bottom: 30px;width: 27px;height: 14px;transform: translate(-50%, -50%);background: url(/img/main/mv_arrow.png) no-repeat;}

#mNotiA {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#mNotiA:after {content:'';display:block;clear:both;}
#mNotiA h2 {padding: 20px 0 40px;}
#mNotiA h2 a {top: 23px;}
#mNotiA .mNotiA_con {}
#mNotiA .mNotiA_con > ul {}
#mNotiA .mNotiA_con > ul:after {content:'';display:block;clear:both;}
#mNotiA .mNotiA_con > ul > li {float:left;width: calc(50% - 20px);margin: 0 0 41px;}
#mNotiA .mNotiA_con > ul > li:nth-child(2n) {margin-left: 40px;}
#mNotiA .mNotiA_con > ul > li > a {display: block;}
#mNotiA .mNotiA_con > ul > li > a img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#mNotiA .mNotiA_con > ul > li > a div {/* line-height: 140%; */}
#mNotiA .mNotiA_con > ul > li > a > dl {}
#mNotiA .mNotiA_con > ul > li > a > dl > dt {margin: 10px 20px 10px 220px;font-size: 19px;color: #020202;font-weight: 400;height: 26px;overflow: hidden;}
#mNotiA .mNotiA_con > ul > li > a > dl > dd {line-height: 24px;font-size: 16px;margin: 0 20px 0 220px;color: #666;height: 48px;overflow: hidden;}
#mNotiA .actMovA_img {display: block;position: relative;width: 100%;height: 152px;overflow: hidden;}
#mNotiA .actMovA_subject {font-size: 17px;font-weight: 400;height: 39px;overflow: hidden;padding: 11px 0 0;line-height: 120%;color: #333;}



.potal-box__in {

  display: -ms-flexbox;
  display: block;
  margin-left: -30px;
}

@media screen and (min-width: 1px) and (max-width: 1080px) {
  .potal-box__in {
    margin-left: -15px;
  }
}

@media screen and (min-width: 1px) and (max-width: 560px) {
  .potal-box__in {
    display: block;
  }
}

.potal-box__in a {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 255px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 40px;
  padding-left: 40px;
  color: #fff;
  line-height: 1.5;
  position: relative;    width: 330px;border-radius: 20px;
}

.potal-box__in a strong {
  font-size: 36px;
  margin-bottom: 20px;
  display: block;font-weight: 600;
}

@media screen and (min-width: 1px) and (max-width: 1080px) {
  .potal-box__in a strong {
    font-size: 22px;
  }
}

@media screen and (min-width: 1px) and (max-width: 1080px) {
  .potal-box__in a {
    padding-top: 20px;
    padding-left: 20px;
    margin-left: 15px;
  }
  .potal-box__in a br {
    display: none;
  }
}

@media screen and (min-width: 1px) and (max-width: 560px) {
  .potal-box__in a {
    margin-bottom: 10px;
    height: auto;
    padding-bottom: 30px;
  }
}

.potal-box__in a.type1 { background:#f88622 url(/img/arow1.png) no-repeat -50px 100px;    margin-bottom: 40px;}

.potal-box__in a.type2 { background: #092e4e url(/img/arow1.png) no-repeat -50px 100px}

.potal-box__in a small {
  position: absolute;
  right: 15px;
  bottom: 35px;
  display: block;
  font-size: 14px;
  padding-right: 45px;
  background-image: url("/img/arow.png");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;height: 45px;width:45px
}

@media screen and (min-width: 1px) and (max-width: 560px) {
  .potal-box__in a small {
    display: none;
  }
}

.potal-box__in a:focus strong {
  text-decoration: underline;
}

.potal-box__in a:hover small {
  padding-right: 40px;
}




/*
#mNotiA .mNotiA_con > ul > li:hover {background: #202020;}
#mNotiA .mNotiA_con > ul > li:hover dt {color: #fff;}
#mNotiA .mNotiA_con > ul > li:hover dd {color: rgba(255,255,255,.7);}
*/
.mBgA {background: #ededed;}
.sectionTit {position: relative;font-size: 29px;color: #000;font-weight: 500;letter-spacing: -1.5px;line-height: 100%;padding: 0 0 20px;}
.sectionTit a.more {position: absolute;right: 0;top: 0;width: 70px;height: 28px;line-height: 28px;font-size: 16px;color: #676767;/* background: #676767; */text-align: center;/* font-weight: 300; */letter-spacing: -0.5px;border: 1px solid #ddd;border-radius: 30px;padding: 2px 15px;background: #fff;}
.sectionTit a.more:hover {background: #f88622;color: #fff;border: 1px solid #f88622;}
.sectionTit2 {position: relative;font-size: 29px;color: #000;font-weight: 500;letter-spacing: -1.5px;line-height: 100%;padding: 0 0 20px;}
.sectionTit2 a.more {position: absolute;right: 0;top: 0;width: 70px;height: 28px;line-height: 28px;font-size: 16px;color: #676767;/* background: #676767; */text-align: center;/* font-weight: 300; */letter-spacing: -0.5px;border: 1px solid #ddd;border-radius: 30px;padding: 2px 15px;}
.sectionTit2 a.more:hover {background: #092e4e;color: #fff;border: 1px solid #092e4e;}

ul.maintap {position: absolute;left: 256px;top: 0;}
ul.maintap li {float: left;}
ul.maintap:after {content:'';display:block;clear:both;}
ul.maintap li a {font-size: 19px;font-weight: 400;display: block;padding: 0 20px;}
ul.maintap li.on a {position: relative;color: #f88622;}
ul.maintap li.on a:after {content:'';position: absolute;left: 50%;bottom: -10px;width: 70%;height: 4px;transform: translate(-50%, 0);background: #f88622;}

.sectionB {padding: 90px 0 30px 0;}
.mNotiB_con {padding: 35px 0 35px;margin: 0 0 40px;}
.mNotiB_con > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 45px 1fr 45px 1fr 45px 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 45px;gap: 45px;}
.mNotiB_con > ul > li {}
.mNotiB_con > ul > li > a:hover dt {text-decoration: underline;/* text-underline-position: under; */}
.mNotiB_con > ul > li > a:hover dd {text-decoration: underline;}
.mNotiB_con dl {}
.mNotiB_con dl dt {font-size: 22px;line-height: 29px;font-weight: 500;height: 58px;overflow: hidden;margin: 0 0 25px;color: #333;}
.mNotiB_con dl dd {font-size: 17px;color: #8a8a8a;line-height: 28px;height: 140px;overflow: hidden;}
.mNotiB_con .imgA {
    position: relative;
    width: 100%;
    height: 210px;
    overflow: hidden;border-radius: 10px;
}
.mNotiB_con .imgA > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mNotiB_con .sbjA {display: block;padding: 10px 0 0;line-height: 137%;font-size: 19px;font-weight: 400;height: 54px;    color: #333333;    overflow: hidden;    margin-bottom: 20px;}
.mNotiB_con .youtube   { color: #fff;
    background: #f88623;
    width: 50px;
    text-align: center;
    padding: 3px 4px;
    border-radius: 20px;
    margin: 20px 0px 10px 0px;
    font-weight: 500;}

.mNotiB_con .pic   { color: #fff;
    background: #092e4e;
    width: 50px;
    text-align: center;
    padding: 3px 4px;
    border-radius: 20px;
    margin: 20px 0px 10px 0px;
    font-weight: 500;}


.mNotiC_con {margin: 0;}
.mNotiC_con > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 20px 1fr;grid-template-columns: 1fr 1fr;grid-gap: 30px 20px;gap: 30px 20px;}
.mNotiC_con > ul > li {position: relative;height: 160px;    background: #f5f5f7;border-radius: 10px;padding: 30px;}
.mNotiC_con > ul > li > a {display: block;height: 100%;}
.mNotiC_con > ul > li:hover {background:#fcf5ef;}
.mNotiC_con strong {display: block;font-size: 20px;color: #333;font-weight: 500;line-height: 25px;height: 22px;overflow: hidden;padding: 30px 0px;margin-bottom: 25px;}
.mNotiC_con span {position: absolute;left: 30px;bottom: 30px;font-size: 15px;font-weight: 400;color: #b8b8ba}
.mNotiC_con p{display: block;color: #f88622;font-weight: 500;}
.mNotiC_con div{color: #666668;}



.mNotiC_con1 {margin: 0;}
.mNotiC_con1> ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 20px 1fr;grid-template-columns: 1fr 1fr;grid-gap: 30px 20px;gap: 30px 20px;}
.mNotiC_con1 > ul > li {position: relative;height: 280px;    background: #ffffff;border-radius: 10px;padding: 30px;border: 1px solid #dfdfdf;}
.mNotiC_con1 > ul > li > a {display: block;height: 100%;}
.mNotiC_con1 > ul > li:hover {background: #f4f8fb;}
.mNotiC_con1 strong {display: block;font-size: 20px;color: #333;font-weight: 500;line-height: 25px;height: 22px;overflow: hidden;padding: 30px 0px;margin-bottom: 25px;}
.mNotiC_con1 span {position: absolute;left: 30px;bottom: 30px;font-size: 15px;font-weight: 400;color: #b8b8ba}
.mNotiC_con1 p{display: block;color: #092e4e;font-weight: 500;}
.mNotiC_con1 div{color: #666668;}





.sectionC {padding: 80px 0;}
.sectionC {position:relative;}
.sectionC > dl:before {content:'';position: absolute;left: 50%;top: 0;width: 1px;height: 100%;}
.sectionC > dl:after {content:'';display:block;clear:both;}
.sectionC > dl > dt {float: left;width: 100%}
.sectionC > dl > dd {float: right;width: calc(50% - 75px);}
.sectionC > dl > dt > ul {margin: 20px 0 0;display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;    gap: 10px;}
.sectionC > dl > dt > ul > li {border: 1px solid #dfdfdf;    border-radius: 10px;padding: 10px 10px 0px 10px;}
.sectionC > dl > dt > ul > li > a {display: block;}
.sectionC > dl > dt > ul > li > a > span {display: inline-block;width: 74px;height: 74px;border-radius: 50%;margin: 0 10px 0 0;}
.sectionC > dl > dt > ul > li > a:hover strong {color:#f88623;text-decoration: underline;}
.sectionC > dl > dt > ul > li:nth-child(1) > a > span {background:#f5f5f7 url(/img/main/quick01.png) center no-repeat;}
.sectionC > dl > dt > ul > li:nth-child(2) > a > span {background:#f5f5f7 url(/img/main/quick02.png) center no-repeat;}
.sectionC > dl > dt > ul > li:nth-child(3) > a > span {background:#f5f5f7 url(/img/main/quick03.png) center no-repeat;}
.sectionC > dl > dt > ul > li:nth-child(4) > a > span {background:#f5f5f7 url(/img/main/quick04.png) center no-repeat;}
.sectionC > dl > dt > ul > li:nth-child(5) > a > span {background:#f5f5f7 url(/img/main/quick05.png) center no-repeat;}
.sectionC > dl > dt > ul > li:nth-child(6) > a > span {background:#f5f5f7 url(/img/main/quick06.png) center no-repeat;}
.sectionC > dl > dt > ul > li > a > strong {vertical-align: top;line-height: 74px;font-size: 16px;font-weight: 400;}

.sectionC:after {content:'';display:block;clear:both;}
.sectionC section {}
.sectionC section ul {display: block;width:100%;}
.sectionC section ul li {float:left; width:calc(25% - 70px);margin: 0 10px 14px 0;}

.mNotiD_con {}
.mNotiD_con > ul {margin: 30px 0 0;}
.mNotiD_con > ul > li {margin: 0 0 14px;}
.mNotiD_con > ul > li:last-child {margin: 0;}
.mNotiD_con > ul > li > a {}
.mNotiD_con > ul > li > a:after {content:'';display:block;clear:both;}
.mNotiD_con div {float: left;width: calc(100% - 100px);height: 22px;overflow: hidden;}
.mNotiD_con strong {font-size: 17px;font-weight: 400;}
.mNotiD_con span {display: block;float: right;width: 82px;font-size: 15px;color: #666;}

.mNotiE_con {padding: 0;margin: 0 0 40px;}
.mNotiE_con > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 20px 1fr;grid-template-columns: 1fr 1fr;grid-gap: 20px;gap: 20px;}
.mNotiE_con > ul > li {}
.mNotiE_con > ul > li > a:hover dt {text-decoration: underline;}
.mNotiE_con > ul > li > a:hover dd {text-decoration: underline;}
.mNotiE_con dl {}
.mNotiE_con dl dt {font-size: 22px;line-height: 29px;font-weight: 500;height: 58px;overflow: hidden;margin: 0 0 25px;color: #333;}
.mNotiE_con dl dd {font-size: 17px;color: #8a8a8a;line-height: 28px;height: 140px;overflow: hidden;}
.mNotiE_con .imgA {position: relative;width: 100%;height: 188px;overflow: hidden;}
.mNotiE_con .imgA > img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.mNotiE_con .sbjA {display: block;padding: 10px 0 0;line-height: 120%;font-size: 17px;font-weight: 400;}

.mNotiF_con {margin: 0;}
.mNotiF_con > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 20px 1fr;grid-template-columns: 1fr 1fr;grid-gap: 30px 20px;gap: 30px 20px;}
.mNotiF_con > ul > li {position: relative;border: 1px solid #222;height: 188px;}
.mNotiF_con > ul > li > a {display: block;height: 100%;}
.mNotiF_con > ul > li > a:hover {background: #202020;}
.mNotiF_con > ul > li > a:hover strong {color: #fff;font-weight: 400;}
.mNotiF_con > ul > li > a:hover span {color: #fff;}
.mNotiF_con strong {display: block;font-size: 20px;color: #333;font-weight: 500;line-height: 25px;height: 50px;overflow: hidden;padding: 30px 30px 0 30px;}
.mNotiF_con span {position: absolute;left: 30px;bottom: 30px;font-size: 15px;font-weight: 400;color: #333;}


section.sectionRight {margin-left:50px;}




#mVisualA .showcase-arrow-next {position:absolute;right:0;bottom:50px;width:16px;height:29px;background:url(/img/main/arrow_rightmv.png) no-repeat;cursor: pointer;z-index: 1;}
#mVisualA .showcase-arrow-previous {position:absolute;left:0;bottom:50px;width:16px;height:29px;background:url(/img/main/arrow_leftmv.png) no-repeat;cursor: pointer;z-index: 1;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {color:#fff;font-size: 32px !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {color:#fff;font-size: 32px !important;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {background: #c9c9c9;width: 14px;height: 14px;}