@charset "utf-8";

@font-face {
  font-family : 'SpoqaHanSans-Regular';
  font-style : normal;
  font-weight : 400;
  src : local("SpoqaHanSans-Regular");
  src : url(/ui/font/Spoqa\ Han\ Sans\ Regular.eot);
  src : url(/ui/font/Spoqa\ Han\ Sans\ Regular.eot?#iefix) format('embedded-opentype'),
    url(/ui/font/Spoqa\ Han\ Sans\ Regular.woff2) format('woff2'),
    url(/ui/font/Spoqa\ Han\ Sans\ Regular.woff) format('woff'),
    url(/ui/font/Spoqa\ Han\ Sans\ Regular.ttf) format('truetype');
}
@font-face {
  font-family : 'SpoqaHanSans-Light';
  font-style : normal;
  font-weight : 300;
  src : local("SpoqaHanSans-Light");
  src : url(/ui/font/Spoqa\ Han\ Sans\ Light.eot);
  src : url(/ui/font/Spoqa\ Han\ Sans\ Light.eot) format('embedded-opentype'),
    url(/ui/font/Spoqa\ Han\ Sans\ Light.woff2) format('woff2'),
    url(/ui/font/Spoqa\ Han\ Sans\ Light.woff) format('woff'),
    url(/ui/font/Spoqa\ Han\ Sans\ Light.ttf) format('truetype');
}
@font-face {
  font-family : 'SpoqaHanSans-Bold';
  font-style : normal;
  font-weight : 700;
  src : local("SpoqaHanSans-Bold");
  src : url(/ui/font/Spoqa\ Han\ Sans\ Bold.eot);
  src : url(/ui/font/Spoqa\ Han\ Sans\ Bold.eot?#iefix) format('embedded-opentype'),
    url(/ui/font/Spoqa\ Han\ Sans\ Bold.woff2) format('woff2'),
    url(/ui/font/Spoqa\ Han\ Sans\ Bold.woff) format('woff'),
    url(/ui/font/Spoqa\ Han\ Sans\ Bold.ttf) format('truetype');
}


/* common */
img {width:100%}
.blind, caption {overflow:hidden; visibility:hidden; position:absolute; width:1px; height:1px; border:0; text-indent:-9999em; clip:rect(0 0 0 0)}
.clearfix:after {display:block; clear:both; content:""}
.p-hide {display:none !important}
.wrapMain {min-width:1200px}
.wrapMain .mainHeader {width:1564px; height:110px; margin:0 auto}
.wrapMain .mainHeader .logo {float:left; margin-top:35px}
.wrapMain .mainHeader .logo > a {display:block}

.wrapMain .mainHeader .mainTopInfo {float:right;margin-top:30px}
.wrapMain .mainHeader .mainTopInfo li {float:left; margin-left:22px;}
.wrapMain .mainHeader .mainTopInfo li a {display:inline-block; color:#0054d6; font-size:14px; font-family:'SpoqaHanSans-Bold'; text-align:center}
.wrapMain .mainHeader .mainTopInfo li a:before {display:block; width:38px; height:35px; margin:0 auto 3px; content:""}
.wrapMain .mainHeader .mainTopInfo .login:before {background:url(../image/ico_login.png) no-repeat center center; background-size:contain;}
.wrapMain .mainHeader .mainTopInfo .loginAfter:before {background:url(../image/ico_loginAfter.png) no-repeat center center; background-size:contain;}
.wrapMain .mainHeader .mainTopInfo .myPage:before {background:url(../image/ico_myPage.png) no-repeat center center; background-size:contain;}
.wrapMain .mainHeader .mainTopInfo .control:before {background:url(../image/ico_control.png) no-repeat center center; background-size:contain;}
.wrapMain .mainHeader .mainTopInfo .share:before {background:url(../image/ico_share.png) no-repeat center center; background-size:contain;}


.wrapMain .mainHeader .mainTopInfo1 {float:right;margin-top:30px}
.wrapMain .mainHeader .mainTopInfo1 li {float:left; margin-left:0px;}
.wrapMain .mainHeader .mainTopInfo1 li a {display:inline-block; color:#000000; font-size:14px; font-family:'SpoqaHanSans'; text-align:center}
.wrapMain .mainHeader .mainTopInfo1 li a:before {display:block; width:38px; margin:0 auto 3px; content:""}
.wrapMain .mainHeader .mainTopInfo1 .login:before {background:url(../image/ico_login.png) no-repeat center center; background-size:contain;}
.wrapMain .mainHeader .mainTopInfo1 .loginAfter:before {background:url(../image/ico_loginAfter.png) no-repeat center center; background-size:contain;}
.wrapMain .mainHeader .mainTopInfo1 .myPage:before {background:url(../image/ico_myPage.png) no-repeat center center; background-size:contain;}
.wrapMain .mainHeader .mainTopInfo1 .control:before {background:url(../image/ico_control.png) no-repeat center center; background-size:contain;}
.wrapMain .mainHeader .mainTopInfo1 .share:before {background:url(../image/ico_share.png) no-repeat center center; background-size:contain;}


.wrapMain .mainImageArea {width:100%}
.wrapMain .mainImageArea .imgInner {position:relative; width:1200px; height:100%; margin:0 auto}
.wrapMain .mainImageArea .txtLeft {position:absolute; bottom:6vw; left:0}
.wrapMain .mainImageArea .txtRight {position:absolute; bottom:6vw; right:0; height:85px; padding-left:110px; background:url(../image/ico_mainImgTxt.png) no-repeat 0 0}
.wrapMain .mainImageArea .txtRight span {display:block; line-height:40px}
.wrapMain .mainImageArea .txt {font-size:26px; color:#fff}
.wrapMain .mainImageArea .date {font-size:29px; color:#fff; font-family:'SpoqaHanSans-Bold'}

.wrapMain .calendarArea {line-height:109px; border-bottom:1px solid #b2cbf3}
.wrapMain .calendarInner {width:1564px; margin:0 auto}
.wrapMain .calendarInner > span {display:inline-block}
.wrapMain .calendarInner .calTitle {width:211px; height:48px; line-height:48px; border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; background:#ecf2fb; color:#0054d6; text-align:center; font-size:19px; font-family:'SpoqaHanSans-Bold'}
.wrapMain .calendarInner .calDate {padding-left:28px; color:#010101; font-size:19px; font-family:'SpoqaHanSans-Bold'}
.wrapMain .calendarInner .calTxt {padding-left:22px; color:#000000; font-size:18px}

.wrapMain .menuArea {width:1200px; height:396px; padding:100px 0}
.wrapMain .menuArea .inner {width:1200px; margin:0 auto}
.wrapMain .menuArea ul li {float:left; position:relative; text-align: center; margin-left:20px; padding-left:23px;  width:15%}
.wrapMain .menuArea ul li:before {display:block; width:13px; height:19px; position:absolute; top:37px; left:0; background:url(../image/bul_mainList.png) no-repeat; content:""}
.wrapMain .menuArea ul li:first-child {padding:0; left:0; margin-left:0;}
.wrapMain .menuArea ul li:first-child:before {display:none}
.wrapMain .menuArea ul li > a {display:block}
.wrapMain .menuArea a:before {display:block; margin:0 auto 25px; content:""; background-size:contain !important}
.wrapMain .menuArea .menu01 a:before {width:97px; height:92px; background:url(../image/bg_btnMain01.png) no-repeat center center}
.wrapMain .menuArea .menu02 a:before {width:99px; height:92px; background:url(../image/bg_btnMain02.png) no-repeat center center}
.wrapMain .menuArea .menu03 a:before {width:100px; height:92px; background:url(../image/bg_btnMain03.png) no-repeat center center}
.wrapMain .menuArea .menu04 a:before {width:90px; height:92px; background:url(../image/bg_btnMain04.png) no-repeat center center}
.wrapMain .menuArea .menu05 a:before {width:102px; height:92px; background:url(../image/bg_btnMain05.png) no-repeat center center}
.wrapMain .menuArea .menu06 a:before {width:92px; height:92px; background:url(../image/bg_btnMain06.png) no-repeat center center}
.wrapMain .menuArea .tit {display:block; padding-bottom:10px; font-family:'SpoqaHanSans-Bold'; font-size:20px}
.wrapMain .menuArea .txt {font-size:15px; line-height:16px; word-break:keep-all;}
.wrapMain .menuArea ul li > a:hover,
.wrapMain .menuArea ul li > a:focus {color:#0054d6}
.wrapMain .menuArea .menu01 a:hover:before,
.wrapMain .menuArea .menu01 a:focus:before {background:url(../image/bg_btnMain_over01.png) no-repeat center center}
.wrapMain .menuArea .menu02 a:hover:before,
.wrapMain .menuArea .menu02 a:focus:before {background:url(../image/bg_btnMain_over02.png) no-repeat center center}
.wrapMain .menuArea .menu03 a:hover:before,
.wrapMain .menuArea .menu03 a:focus:before {background:url(../image/bg_btnMain_over03.png) no-repeat center center}
.wrapMain .menuArea .menu04 a:hover:before,
.wrapMain .menuArea .menu04 a:focus:before {background:url(../image/bg_btnMain_over04.png) no-repeat center center}
.wrapMain .menuArea .menu05 a:hover:before,
.wrapMain .menuArea .menu05 a:focus:before {background:url(../image/bg_btnMain_over05.png) no-repeat center center}
.wrapMain .menuArea .menu06 a:hover:before,
.wrapMain .menuArea .menu06 a:focus:before {background:url(../image/bg_btnMain_over06.png) no-repeat center center}

.wrapMain .graphWrap {background:#ededed; width:100%; padding:100px 0}
.wrapMain .graphWrap .inner {width:1200px; margin:0 auto}
.wrapMain .graphWrap .titArea > strong {display:block; font-size: 30px; float:left}
.wrapMain .graphWrap .titArea > span {display:block; font-size: 16px; float:right; padding-bottom:3px; border-bottom:1px solid #b6b6b6}

.wrapMain .mainBot {padding:125px 0}
.wrapMain .mainBot .inner {width:1200px; margin:0 auto}
.wrapMain .botNews > div {float:left; width:50%}
.wrapMain .botNews strong.tit {display:block; font-size: 30px; margin-bottom: 40px;}
.wrapMain .botNews .newsLeft {padding-right:60px}
.wrapMain .botNews .newsLeft li {overflow:hidden; line-height:36px}
.wrapMain .botNews .newsLeft .txt {float:left; width:70%; font-size:18px; font-family:'SpoqaHanSans-Light'; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.wrapMain .botNews .newsLeft .txt:hover,
.wrapMain .botNews .newsLeft .txt:focus {text-decoration: underline;}
.wrapMain .botNews .newsLeft .date {float:right; width:30%; font-size:18px; text-align:right}
.wrapMain .botNews .newsRight {padding-left:30px; }
.wrapMain .botNews .newsRight li {float:left; margin-left:40px}
.wrapMain .botNews .newsRight li:first-child {margin-left:0}
.wrapMain .botNews .newsRight .tit {padding-left:5px}
.wrapMain .botNews .newsRight a {display:block; font-size:18px; text-align:center}
.wrapMain .botNews .newsRight a:before {display:block; width:111px; height:119px; margin:0 auto 15px;}
.wrapMain .botNews .newsRight a:hover,
.wrapMain .botNews .newsRight a:focus {font-family:'SpoqaHanSans-Bold'; color:#0054d6}
.wrapMain .botNews .service01:before {background:url(../image/btn_mainService01.png) no-repeat center center; content:""}
.wrapMain .botNews .service02:before {background:url(../image/btn_mainService02.png) no-repeat center center; content:""}
.wrapMain .botNews .service03:before {background:url(../image/btn_mainService03.png) no-repeat center center; content:""}
.wrapMain .botNews .service04:before {background:url(../image/btn_mainService04.png) no-repeat center center; content:""}
.wrapMain .botNews .service01:hover:before,
.wrapMain .botNews .service01:focus:before {background:url(../image/btn_mainService_on01.png) no-repeat center center;}
.wrapMain .botNews .service02:hover:before,
.wrapMain .botNews .service02:focus:before {background:url(../image/btn_mainService_on02.png) no-repeat center center;}
.wrapMain .botNews .service03:hover:before,
.wrapMain .botNews .service03:focus:before {background:url(../image/btn_mainService_on03.png) no-repeat center center;}
.wrapMain .botNews .service04:hover:before,
.wrapMain .botNews .service04:focus:before {background:url(../image/btn_mainService_on04.png) no-repeat center center;}

.wrapMain .botPhoto {margin-top:130px}
.wrapMain .botPhoto li {float:left; width:32%; text-align:left; margin-left:1vw}
.wrapMain .botPhoto li a {display:block}
.wrapMain .botPhoto li:first-child {margin-left:0}
.wrapMain .botPhoto li strong {display:block; margin-top:15px; font-size: 20px;}

.wrapMain .footer {width:100%; border-top:1px solid #ededed}
.wrapMain .footer .inner {width:1200px; margin:0 auto; padding:40px 0 110px}
.wrapMain .footer .fotLink li {float:left; position: relative; margin-left:15px; padding-left:20px}
.wrapMain .footer .fotLink li:first-child {margin-left:0; padding-left:0}
.wrapMain .footer .fotLink li:before { position:absolute; top:9px; left:0; width:5px; height:5px; background:#b2b2b2; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; content:""}
.wrapMain .footer .fotLink li:first-child:before {display:none}
.wrapMain .footer .fotLink li a {display:inline-block; font-size:16px;}
.wrapMain .footer .fotMid {width:100%; height:60px; margin-top:30px; line-height:60px; background:#f9f9f9; border:1px solid #e6e6e6}
.wrapMain .footer .fotMid li {position:relative; float:left; text-align:center; font-size:16px; color:#707070}
.wrapMain .footer .fotMid li:before {position:absolute; left:0; top:20%; width:1px; height:60%; background:#e0e0e0; content:""}
.wrapMain .footer .fotMid li:first-child:before {display:none}
.wrapMain .footer .fotMid .mid01 {width:23%}
.wrapMain .footer .fotMid .mid02 {width:24%}
.wrapMain .footer .fotMid .mid03 {width:33%}
.wrapMain .footer .fotMid .mid04 {width:20%}
.wrapMain .footer .fotMid em {color:#0054d6}
.wrapMain .footer .fotMid select {background:transparent; padding-right:30px; border:0; color:#000000}
.wrapMain .footer .fotbot {position:relative; margin-top:60px}
.wrapMain .footer .fotbot > a {position:absolute; top:0; left:0}
.wrapMain .footer .desc {padding-left:245px}
.wrapMain .footer .desc > span {display:block; font-size:13px}
.wrapMain .footer .desc .copy {color:#707070}

.wrapMain .graphWrap{text-align:center;background:#ededed}
.wrapMain .chart {position: relative;display: inline-block;width: 260px;height: 260px;margin-top: 50px;margin-bottom: 50px;margin-right:10px;text-align: center;box-shadow:1px 13px 18px -10px #0054d6;border-radius:200px;background:#ffffff}
.wrapMain .chart:before {display:block;position:absolute;top:0;width:16px;height:16px;left:50%;margin-left:0px;margin-top:-6px;background:#0054d6;border-radius:30px;content:""}
.wrapMain .chart canvas {position: absolute;top: 0;left: 0;}
.wrapMain .chart strong {display:block;margin-top:-190px;font-size:17px;color:#0054d6}
.wrapMain .percent {display: inline-block;line-height: 260px;z-index: 1;font-size: 45px;color: #0054d6;font-weight:bold;margin-top:15px}
.wrapMain .percent:after {content: '%';margin-left: 0.1em;font-size: .8em;}


@media screen and (max-width: 1200px) {
  .wrapMain .mainHeader {width:100%; padding:0 4vw}
  .wrapMain .calendarInner {width:100%}
  .wrapMain .mainImageArea .imgInner {width:100%}
  .wrapMain .mainImageArea .txtLeft {left:4vw}
  .wrapMain .mainImageArea .txtRight {right:2vw}
  .wrapMain .calendarArea {padding-left:4vw}
}


@media screen and (max-width: 1200px) {
  .wrapMain {min-width:100%; width:100%}
  .wrapMain .menuArea .inner,
  .wrapMain .graphWrap .inner {width:100%}
  .wrapMain .mainImageArea {height:auto}
  .wrapMain .mainImageArea .txtLeft {bottom:6vw; left:4vw}
  .wrapMain .mainImageArea .txtLeft img {width:39vw}
  .wrapMain .mainImageArea .txt {font-size: 1.5vw;}
  .wrapMain .mainImageArea .date {font-size: 2vw;}
  .wrapMain .mainImageArea .txtRight {bottom:6vw; right:4vw; height:6vw; padding-left: 5.87vw; background: url(../image/ico_mainImgTxtMo.png) no-repeat 0 0}
  .wrapMain .mainImageArea .txtRight span {line-height:2.13vw}
  .wrapMain .calendarArea {line-height:normal}
  .wrapMain .calendarInner {width:1200px; padding:4vw}
  .wrapMain .calendarInner > span {display:block}
  .wrapMain .calendarInner .calTitle {width:32vw; height:auto; padding:1vw 0; line-height:normal; font-size:2vw}
  .wrapMain .calendarInner .calDate {padding-left:0; font-size: 2.1vw; padding:1.5vw 0 0.5vw}
  .wrapMain .calendarInner .calTxt {padding-left:0; font-size: 2vw;}
  .wrapMain .menuArea {height:auto; padding:5vw 4vw}
  .wrapMain .menuArea ul li {width:33%; margin:1vw 0 1vw 0; padding-left:1vw}
  .wrapMain .menuArea ul li:nth-child(4):before {display:none}
  .wrapMain .menuArea .tit {font-size:2vw}
  .wrapMain .menuArea .txt {font-size:1.8vw}
  .wrapMain .menuArea a:before {width:8vw !important; height:10vw !important; margin-bottom:1vw}
  .wrapMain .mainBot {padding:8vw 4vw}
  .wrapMain .mainBot .inner {min-width:100%; width:100%}
  .wrapMain .graphWrap {padding:8vw 4vw}
  .wrapMain .botNews strong.tit {font-size: 3vw;}
  .wrapMain .botNews .newsLeft {padding-right:2%}
  .wrapMain .botNews .newsLeft .txt,
  .wrapMain .botNews .newsLeft .date {font-size: 2vw;}
  .wrapMain .botNews .newsRight {padding-left:1%}
  .wrapMain .botNews .newsRight li {width:23%; margin-left:2%}
  .wrapMain .botNews .newsRight a {font-size: 2vw;}
  .wrapMain .botNews .newsRight a:before {width:100%; padding-bottom:100%; height:auto; background-size:contain !important}
  .wrapMain .botPhoto {margin-top:9vw}
  .wrapMain .botPhoto li {width:32.5%}

  .wrapMain .graphArea {margin-top:4vw}
  .wrapMain .chart {width:30vw;height:30vw;margin:3vw}
  .wrapMain .percent {font-size:3vw;margin-top:11vw;line-height:12vw}
  .wrapMain .chart strong {font-size:3vw;margin-top:-12vw;}
  .wrapMain .chart canvas {width:30vw !important;height:30vw !important}

  .wrapMain .footer .inner {width:100%; padding:8vw 3vw}
  .wrapMain .footer .fotLink li a {font-size: 1.8vw;}
  .wrapMain .footer .fotMid li {font-size: 1.6vw;}
  .wrapMain .footer .fotMid li:before {top:30%; height:40%}
  .wrapMain .footer .fotMid .mid01 {width:21%}
  .wrapMain .footer .fotMid .mid02 {width:21%}
  .wrapMain .footer .fotMid .mid03 {width:39%}
  .wrapMain .footer .fotMid .mid04 {width:19%}
  .wrapMain .footer .fotMid select {padding-right:1vw; font-size: 1.6vw;}
  .wrapMain .footer .desc > span {font-size: 1.5vw;}
}

@media screen and (max-width: 767px) {
  .m-hide {display:none !important}
  .p-hide {display:block !important}
  .wrapMain .mainImageArea {background:url(../image/img_mainMo.jpg) no-repeat center center; background-size:cover}
  .wrapMain .mainImageArea .txtLeft {bottom:34vw}
  .wrapMain .mainImageArea .txtLeft img {width:78vw}
  .wrapMain .mainImageArea .txt,
  .wrapMain .mainImageArea .date {font-size:4vw}
  .wrapMain .mainImageArea .txtRight span {line-height:4.2vw}
  .wrapMain .mainImageArea .txtRight {left:4vw; height:14vw; padding-left:9vw}
  .wrapMain .menuArea ul li {width:49%}
  .wrapMain .menuArea ul li:nth-child(odd):before {display:none; padding-left:0}
  .wrapMain .menuArea ul li:nth-child(4):before {display:block}
  .wrapMain .botNews .newsLeft {padding-right:0; padding-top:10vw}
  .wrapMain .botNews strong.tit {font-size:6.25vw; margin-bottom:4vw}
  .wrapMain .botNews .newsLeft .txt,
  .wrapMain .botNews .newsLeft .date {font-size:3.7vw}
  .wrapMain .botNews .newsLeft .txt,
  .wrapMain .botNews .newsLeft .date,
  .wrapMain .botNews .newsRight .tit {padding-left:0}
  .wrapMain .botNews .newsRight {border-left:0; padding-top:10vw}
  .wrapMain .botNews .newsRight a {font-size:3.75vw}
  .wrapMain .botNews > div {width:100%}
  .wrapMain .botNews .newsLeft li {line-height:6vw}
  .wrapMain .botPhoto {margin-top:7.2vw}
  .wrapMain .botPhoto li {width:100%; margin-left:0; margin-top:11vw}
  .wrapMain .calendarInner .calTitle {width:40vw; font-size:3.9vw}
  .wrapMain .calendarInner .calDate {font-size:3.9vw}
  .wrapMain .calendarInner .calTxt {font-size:3.8vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .wrapMain .menuArea .tit {font-size:4.37vw; padding-bottom:0; padding-bottom:3vw}
  .wrapMain .menuArea .txt {font-size:3.43vw; line-height:4vw}
  .wrapMain .menuArea a:before {width:15vw !important; height:14vw  !important}
  .wrapMain .menuArea ul li:before {top:11vw}
  .wrapMain .menuArea ul li > a {padding-top:7vw}
  .wrapMain .graphWrap .titArea > strong {float:inherit; font-size: 6.25vw;}
  .wrapMain .graphWrap .titArea > span {float:inherit; margin-top:4vw; border-bottom:0px; font-size: 3.75vw;}
  .wrapMain .botPhoto li strong {margin-top:3vw; font-size:5.31vw}
  
  .wrapMain .footer .inner {padding:8vw 4vw}
  .wrapMain .footer .fotLink {text-align:center}
  .wrapMain .footer .fotLink li {float:inherit; margin-left:0; padding-left:0}
  .wrapMain .footer .fotLink li:before {display:none}
  .wrapMain .footer .fotLink li a {display:block; font-size: 3.4vw; line-height:6vw}
  .wrapMain .footer .fotMid {height:auto; line-height:6vw; margin-top:6vw; padding:4vw}
  .wrapMain .footer .fotMid.moV {margin-top:1vw}
  .wrapMain .footer .fotMid li {float:inherit; display:block; width:100% !important; text-align:left; font-size:3.4vw}
  .wrapMain .footer .fotMid li:before {display:none}
  .wrapMain .footer .fotMid select {width:100%; font-size: 3.4vw}
  .wrapMain .footer .fotbot {margin-top:4vw}
  .wrapMain .footer .desc {padding-left:0; text-align:center}
  .wrapMain .footer .desc > span {font-size: 3.1vw;}
  .wrapMain .footer .desc .copy {padding-top:1px}

}

@media screen and (max-width: 480px) {
  .m-hide {display:none !important}
  .p-hide {display:block !important}
  .wrapMain .mainHeader {height:auto}
  .wrapMain .mainHeader .logo {margin-top:4vw; float:inherit; text-align:center}
  .wrapMain .mainHeader .logo a {width:37vw; position:absolute; left:50%; transform:translate(-50%, 0) ; -webkit-transform:translate(-50%, 0) ; -moz-transform:translate(-50%, 0) ; -ms-transform:translate(-50%, 0) ; -o-transform:translate(-50%, 0) ; }

  .wrapMain .mainHeader .mainTopInfo {margin-top:0; padding-top:13vw; padding-bottom:5vw; float:inherit}
  .wrapMain .mainHeader .mainTopInfo ul {display:flex; justify-content: space-evenly;; padding-left:4vw}
  .wrapMain .mainHeader .mainTopInfo li {float:inherit; margin:0 8vw 0}
  .wrapMain .mainHeader .mainTopInfo li a { font-size:3.12vw}
  .wrapMain .mainHeader .mainTopInfo li a:before {width:16vw; height:7vw; margin-bottom:0}

  .wrapMain .mainImageArea .txtRight {padding-left:14vw}
}


.wrapMain .mainProgress {width:1200px; margin:0 auto; padding:80px 0;}
.wrapMain .mainProgress > h2 {margin-bottom:40px; font-size:30px;}
.wrapMain .mainProgress > dl {display:flex; justify-content:space-between; margin-top:15px;}
.wrapMain .mainProgress > dl > dt {width:24%;}
.wrapMain .mainProgress > dl > dt div {display:flex; align-items:center; width:100%; padding:15px 15px 15px 23%; text-align:center; font-weight:600; font-size:16px; line-height:16px; letter-spacing:-0.5px; border:#C9D7ED 1px solid; border-radius:30px; background:#ECF2FB;}
.wrapMain .mainProgress > dl > dt div img {width:23px; margin-right:5px;}
.wrapMain .mainProgress > dl > dd {display:flex; justify-content:space-between; width:74%;}
.wrapMain .mainProgress > dl > dd div {display:flex; justify-content:center; align-items:center; width:30%; padding:0 15px; text-align:center; font-weight:600; font-size:16px; line-height:19px; color:#727882; letter-spacing:-0.5px; border:#AEB5C0 1px solid; border-radius:30px; background:#F4F4F4;}
.wrapMain .mainProgress > dl > dd div.active {color:#fff; border:#0052DE 1px solid; background:#0052DE;}
.wrapMain .mainProgress > dl > dd div.none {width:100%;}
.wrapMain .mainProgress > dl > dd p {width:3.3%; padding-top:16px; text-align:center; font-size:18px; line-height:18px; letter-spacing:-0.5px;}